@stackframe/react 2.7.20

package/dist/esm/components-page/magic-link-callback.js

@@ -0,0 +1,76 @@
+"use client";
+"use client";
+
+// src/components-page/magic-link-callback.tsx
+import { KnownErrors } from "@stackframe/stack-shared";
+import { cacheFunction } from "@stackframe/stack-shared/dist/utils/caches";
+import { throwErr } from "@stackframe/stack-shared/dist/utils/errors";
+import React from "react";
+import { useStackApp, useUser } from "..";
+import { MessageCard } from "../components/message-cards/message-card";
+import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card";
+import { useTranslation } from "../lib/translations";
+import { jsx } from "react/jsx-runtime";
+var cacheSignInWithMagicLink = cacheFunction(async (stackApp, code) => {
+  return await stackApp.signInWithMagicLink(code);
+});
+function MagicLinkCallback(props) {
+  const { t } = useTranslation();
+  const stackApp = useStackApp();
+  const user = useUser();
+  const [result, setResult] = React.useState(null);
+  if (user) {
+    return /* @__PURE__ */ jsx(PredefinedMessageCard, { type: "signedIn", fullPage: !!props.fullPage });
+  }
+  const invalidJsx = /* @__PURE__ */ jsx(MessageCard, { title: t("Invalid Magic Link"), fullPage: !!props.fullPage, children: /* @__PURE__ */ jsx("p", { children: t("Please check if you have the correct link. If you continue to have issues, please contact support.") }) });
+  const expiredJsx = /* @__PURE__ */ jsx(MessageCard, { title: t("Expired Magic Link"), fullPage: !!props.fullPage, children: /* @__PURE__ */ jsx("p", { children: t("Your magic link has expired. Please request a new magic link if you need to sign-in.") }) });
+  const alreadyUsedJsx = /* @__PURE__ */ jsx(MessageCard, { title: t("Magic Link Already Used"), fullPage: !!props.fullPage, children: /* @__PURE__ */ jsx("p", { children: t("The magic link has already been used. The link can only be used once. Please request a new magic link if you need to sign-in again.") }) });
+  if (!props.searchParams?.code) {
+    return invalidJsx;
+  }
+  if (!result) {
+    return /* @__PURE__ */ jsx(
+      MessageCard,
+      {
+        title: t("Do you want to sign in?"),
+        fullPage: !!props.fullPage,
+        primaryButtonText: t("Sign in"),
+        primaryAction: async () => {
+          const result2 = await stackApp.signInWithMagicLink(props.searchParams?.code || throwErr("No magic link provided"));
+          setResult(result2);
+        },
+        secondaryButtonText: t("Cancel"),
+        secondaryAction: async () => {
+          await stackApp.redirectToHome();
+        }
+      }
+    );
+  } else {
+    if (result.status === "error") {
+      if (result.error instanceof KnownErrors.VerificationCodeNotFound) {
+        return invalidJsx;
+      } else if (result.error instanceof KnownErrors.VerificationCodeExpired) {
+        return expiredJsx;
+      } else if (result.error instanceof KnownErrors.VerificationCodeAlreadyUsed) {
+        return alreadyUsedJsx;
+      } else {
+        throw result.error;
+      }
+    }
+    return /* @__PURE__ */ jsx(
+      MessageCard,
+      {
+        title: t("Signed in successfully!"),
+        fullPage: !!props.fullPage,
+        primaryButtonText: t("Go home"),
+        primaryAction: async () => {
+          await stackApp.redirectToHome();
+        }
+      }
+    );
+  }
+}
+export {
+  MagicLinkCallback
+};
+//# sourceMappingURL=magic-link-callback.js.map

package/dist/esm/components-page/magic-link-callback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components-page/magic-link-callback.tsx"],"sourcesContent":["'use client';\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY\n//===========================================\n\n\nimport { KnownErrors } from \"@stackframe/stack-shared\";\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\nimport { throwErr } from \"@stackframe/stack-shared/dist/utils/errors\";\nimport React from \"react\";\nimport { StackClientApp, useStackApp, useUser } from \"..\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nconst cacheSignInWithMagicLink = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.signInWithMagicLink(code);\n});\n\nexport function MagicLinkCallback(props: {\n  searchParams?: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n  const user = useUser();\n  const [result, setResult] = React.useState<Awaited<ReturnType<typeof stackApp.signInWithMagicLink>> | null>(null);\n\n  if (user) {\n    return <PredefinedMessageCard type='signedIn' fullPage={!!props.fullPage} />;\n  }\n\n  const invalidJsx = (\n    <MessageCard title={t(\"Invalid Magic Link\")} fullPage={!!props.fullPage}>\n      <p>{t(\"Please check if you have the correct link. If you continue to have issues, please contact support.\")}</p>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t(\"Expired Magic Link\")} fullPage={!!props.fullPage}>\n      <p>{t(\"Your magic link has expired. Please request a new magic link if you need to sign-in.\")}</p>\n    </MessageCard>\n  );\n\n  const alreadyUsedJsx = (\n    <MessageCard title={t(\"Magic Link Already Used\")} fullPage={!!props.fullPage}>\n      <p>{t(\"The magic link has already been used. The link can only be used once. Please request a new magic link if you need to sign-in again.\")}</p>\n    </MessageCard>\n  );\n\n  if (!props.searchParams?.code) {\n    return invalidJsx;\n  }\n\n  if (!result) {\n    return <MessageCard\n      title={t(\"Do you want to sign in?\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Sign in\")}\n      primaryAction={async () => {\n        const result = await stackApp.signInWithMagicLink(props.searchParams?.code || throwErr(\"No magic link provided\"));\n        setResult(result);\n      }}\n      secondaryButtonText={t(\"Cancel\")}\n      secondaryAction={async () => {\n        await stackApp.redirectToHome();\n      }}\n    />;\n  } else {\n    if (result.status === 'error') {\n      if (result.error instanceof KnownErrors.VerificationCodeNotFound) {\n        return invalidJsx;\n      } else if (result.error instanceof KnownErrors.VerificationCodeExpired) {\n        return expiredJsx;\n      } else if (result.error instanceof KnownErrors.VerificationCodeAlreadyUsed) {\n        return alreadyUsedJsx;\n      } else {\n        throw result.error;\n      }\n    }\n\n    return <MessageCard\n      title={t(\"Signed in successfully!\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Go home\")}\n      primaryAction={async () => {\n        await stackApp.redirectToHome();\n      }}\n    />;\n  }\n}\n"],"mappings":";;;AAOA,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,OAAO,WAAW;AAClB,SAAyB,aAAa,eAAe;AACrD,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAgBpB;AAdX,IAAM,2BAA2B,cAAc,OAAO,UAAgC,SAAiB;AACrG,SAAO,MAAM,SAAS,oBAAoB,IAAI;AAChD,CAAC;AAEM,SAAS,kBAAkB,OAG/B;AACD,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,WAAW,YAAY;AAC7B,QAAM,OAAO,QAAQ;AACrB,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAA0E,IAAI;AAEhH,MAAI,MAAM;AACR,WAAO,oBAAC,yBAAsB,MAAK,YAAW,UAAU,CAAC,CAAC,MAAM,UAAU;AAAA,EAC5E;AAEA,QAAM,aACJ,oBAAC,eAAY,OAAO,EAAE,oBAAoB,GAAG,UAAU,CAAC,CAAC,MAAM,UAC7D,8BAAC,OAAG,YAAE,oGAAoG,GAAE,GAC9G;AAGF,QAAM,aACJ,oBAAC,eAAY,OAAO,EAAE,oBAAoB,GAAG,UAAU,CAAC,CAAC,MAAM,UAC7D,8BAAC,OAAG,YAAE,sFAAsF,GAAE,GAChG;AAGF,QAAM,iBACJ,oBAAC,eAAY,OAAO,EAAE,yBAAyB,GAAG,UAAU,CAAC,CAAC,MAAM,UAClE,8BAAC,OAAG,YAAE,qIAAqI,GAAE,GAC/I;AAGF,MAAI,CAAC,MAAM,cAAc,MAAM;AAC7B,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,MAAC;AAAA;AAAA,QACN,OAAO,EAAE,yBAAyB;AAAA,QAClC,UAAU,CAAC,CAAC,MAAM;AAAA,QAClB,mBAAmB,EAAE,SAAS;AAAA,QAC9B,eAAe,YAAY;AACzB,gBAAMA,UAAS,MAAM,SAAS,oBAAoB,MAAM,cAAc,QAAQ,SAAS,wBAAwB,CAAC;AAChH,oBAAUA,OAAM;AAAA,QAClB;AAAA,QACA,qBAAqB,EAAE,QAAQ;AAAA,QAC/B,iBAAiB,YAAY;AAC3B,gBAAM,SAAS,eAAe;AAAA,QAChC;AAAA;AAAA,IACF;AAAA,EACF,OAAO;AACL,QAAI,OAAO,WAAW,SAAS;AAC7B,UAAI,OAAO,iBAAiB,YAAY,0BAA0B;AAChE,eAAO;AAAA,MACT,WAAW,OAAO,iBAAiB,YAAY,yBAAyB;AACtE,eAAO;AAAA,MACT,WAAW,OAAO,iBAAiB,YAAY,6BAA6B;AAC1E,eAAO;AAAA,MACT,OAAO;AACL,cAAM,OAAO;AAAA,MACf;AAAA,IACF;AAEA,WAAO;AAAA,MAAC;AAAA;AAAA,QACN,OAAO,EAAE,yBAAyB;AAAA,QAClC,UAAU,CAAC,CAAC,MAAM;AAAA,QAClB,mBAAmB,EAAE,SAAS;AAAA,QAC9B,eAAe,YAAY;AACzB,gBAAM,SAAS,eAAe;AAAA,QAChC;AAAA;AAAA,IACF;AAAA,EACF;AACF;","names":["result"]}

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

@@ -0,0 +1,51 @@
+"use client";
+"use client";
+
+// src/components-page/oauth-callback.tsx
+import { captureError } from "@stackframe/stack-shared/dist/utils/errors";
+import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
+import { useEffect, useRef, useState } from "react";
+import { useStackApp } from "..";
+import { StyledLink } from "../components/link";
+import { MessageCard } from "../components/message-cards/message-card";
+import { useTranslation } from "../lib/translations";
+import { jsx, jsxs } from "react/jsx-runtime";
+function OAuthCallback(props) {
+  const { t } = useTranslation();
+  const app = useStackApp();
+  const called = useRef(false);
+  const [error, setError] = useState(null);
+  const [showRedirectLink, setShowRedirectLink] = useState(false);
+  useEffect(() => runAsynchronously(async () => {
+    if (called.current) return;
+    called.current = true;
+    let hasRedirected = false;
+    try {
+      hasRedirected = await app.callOAuthCallback();
+    } catch (e) {
+      captureError("<OAuthCallback />", e);
+      setError(e);
+    }
+    if (!hasRedirected && (!error || process.env.NODE_ENV === "production")) {
+      await app.redirectToSignIn({ noRedirectBack: true });
+    }
+  }), []);
+  useEffect(() => {
+    setTimeout(() => setShowRedirectLink(true), 3e3);
+  }, []);
+  return /* @__PURE__ */ jsxs(MessageCard, { title: "Redirecting...", fullPage: props.fullPage, children: [
+    showRedirectLink ? /* @__PURE__ */ jsxs("p", { children: [
+      t("If you are not redirected automatically, "),
+      /* @__PURE__ */ jsx(StyledLink, { href: app.urls.home, children: t("click here") })
+    ] }) : null,
+    error ? /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { children: t("Something went wrong while processing the OAuth callback:") }),
+      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(error, null, 2) }),
+      /* @__PURE__ */ jsx("p", { children: t("This is most likely an error in Stack. Please report it.") })
+    ] }) : null
+  ] });
+}
+export {
+  OAuthCallback
+};
+//# sourceMappingURL=oauth-callback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components-page/oauth-callback.tsx"],"sourcesContent":["'use client';\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY\n//===========================================\n\n\nimport { captureError } from \"@stackframe/stack-shared/dist/utils/errors\";\nimport { runAsynchronously } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useStackApp } from \"..\";\nimport { StyledLink } from \"../components/link\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function OAuthCallback(props: { fullPage?: boolean }) {\n  const { t } = useTranslation();\n  const app = useStackApp();\n  const called = useRef(false);\n  const [error, setError] = useState<unknown>(null);\n  const [showRedirectLink, setShowRedirectLink] = useState(false);\n\n  useEffect(() => runAsynchronously(async () => {\n    if (called.current) return;\n    called.current = true;\n    let hasRedirected = false;\n    try {\n      hasRedirected = await app.callOAuthCallback();\n    } catch (e: any) {\n      captureError(\"<OAuthCallback />\", e);\n      setError(e);\n    }\n    if (!hasRedirected && (!error || process.env.NODE_ENV === 'production')) {\n      await app.redirectToSignIn({ noRedirectBack: true });\n    }\n  }), []);\n\n  useEffect(() => {\n    setTimeout(() => setShowRedirectLink(true), 3000);\n  }, []);\n\n  return <MessageCard title='Redirecting...' fullPage={props.fullPage}>\n    {showRedirectLink ? <p>{t('If you are not redirected automatically, ')}<StyledLink href={app.urls.home}>{t(\"click here\")}</StyledLink></p> : null}\n    {error ? <div>\n      <p>{t(\"Something went wrong while processing the OAuth callback:\")}</p>\n      <pre>{JSON.stringify(error, null, 2)}</pre>\n      <p>{t(\"This is most likely an error in Stack. Please report it.\")}</p>\n    </div> : null}\n  </MessageCard>;\n}\n"],"mappings":";;;AAOA,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AA6BP,SAAmD,KAAnD;AA3BjB,SAAS,cAAc,OAA+B;AAC3D,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,MAAM,YAAY;AACxB,QAAM,SAAS,OAAO,KAAK;AAC3B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAkB,IAAI;AAChD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,YAAU,MAAM,kBAAkB,YAAY;AAC5C,QAAI,OAAO,QAAS;AACpB,WAAO,UAAU;AACjB,QAAI,gBAAgB;AACpB,QAAI;AACF,sBAAgB,MAAM,IAAI,kBAAkB;AAAA,IAC9C,SAAS,GAAQ;AACf,mBAAa,qBAAqB,CAAC;AACnC,eAAS,CAAC;AAAA,IACZ;AACA,QAAI,CAAC,kBAAkB,CAAC,SAAS,QAAQ,IAAI,aAAa,eAAe;AACvE,YAAM,IAAI,iBAAiB,EAAE,gBAAgB,KAAK,CAAC;AAAA,IACrD;AAAA,EACF,CAAC,GAAG,CAAC,CAAC;AAEN,YAAU,MAAM;AACd,eAAW,MAAM,oBAAoB,IAAI,GAAG,GAAI;AAAA,EAClD,GAAG,CAAC,CAAC;AAEL,SAAO,qBAAC,eAAY,OAAM,kBAAiB,UAAU,MAAM,UACxD;AAAA,uBAAmB,qBAAC,OAAG;AAAA,QAAE,2CAA2C;AAAA,MAAE,oBAAC,cAAW,MAAM,IAAI,KAAK,MAAO,YAAE,YAAY,GAAE;AAAA,OAAa,IAAO;AAAA,IAC5I,QAAQ,qBAAC,SACR;AAAA,0BAAC,OAAG,YAAE,2DAA2D,GAAE;AAAA,MACnE,oBAAC,SAAK,eAAK,UAAU,OAAO,MAAM,CAAC,GAAE;AAAA,MACrC,oBAAC,OAAG,YAAE,0DAA0D,GAAE;AAAA,OACpE,IAAS;AAAA,KACX;AACF;","names":[]}

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

@@ -0,0 +1,145 @@
+"use client";
+"use client";
+
+// src/components-page/password-reset.tsx
+import { yupResolver } from "@hookform/resolvers/yup";
+import { KnownErrors } from "@stackframe/stack-shared";
+import { getPasswordError } from "@stackframe/stack-shared/dist/helpers/password";
+import { passwordSchema, yupObject, yupString } from "@stackframe/stack-shared/dist/schema-fields";
+import { cacheFunction } from "@stackframe/stack-shared/dist/utils/caches";
+import { runAsynchronouslyWithAlert } from "@stackframe/stack-shared/dist/utils/promises";
+import { Button, Label, PasswordInput, Typography, cn } from "@stackframe/stack-ui";
+import React, { useState } from "react";
+import { useForm } from "react-hook-form";
+import * as yup from "yup";
+import { useStackApp } from "..";
+import { FormWarningText } from "../components/elements/form-warning";
+import { MaybeFullPage } from "../components/elements/maybe-full-page";
+import { MessageCard } from "../components/message-cards/message-card";
+import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card";
+import { useTranslation } from "../lib/translations";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PasswordResetForm(props) {
+  const { t } = useTranslation();
+  const schema = yupObject({
+    password: passwordSchema.defined(t("Please enter your password")).nonEmpty(t("Please enter your password")).test({
+      name: "is-valid-password",
+      test: (value, ctx) => {
+        const error = getPasswordError(value);
+        if (error) {
+          return ctx.createError({ message: error.message });
+        } else {
+          return true;
+        }
+      }
+    }),
+    passwordRepeat: yupString().nullable().oneOf([yup.ref("password"), null], t("Passwords do not match")).defined().nonEmpty(t("Please repeat your password"))
+  });
+  const { register, handleSubmit, formState: { errors }, clearErrors } = useForm({
+    resolver: yupResolver(schema)
+  });
+  const stackApp = useStackApp();
+  const [finished, setFinished] = useState(false);
+  const [resetError, setResetError] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const onSubmit = async (data) => {
+    setLoading(true);
+    try {
+      const { password } = data;
+      const result = await stackApp.resetPassword({ password, code: props.code });
+      if (result.status === "error") {
+        setResetError(true);
+        return;
+      }
+      setFinished(true);
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (finished) {
+    return /* @__PURE__ */ jsx(PredefinedMessageCard, { type: "passwordReset", fullPage: !!props.fullPage });
+  }
+  if (resetError) {
+    return /* @__PURE__ */ jsx(MessageCard, { title: t("Failed to reset password"), fullPage: !!props.fullPage, children: t("Failed to reset password. Please request a new password reset link") });
+  }
+  return /* @__PURE__ */ jsx(MaybeFullPage, { fullPage: !!props.fullPage, children: /* @__PURE__ */ jsxs("div", { className: cn(
+    "flex flex-col items-stretch max-w-[380px] flex-basis-[380px]",
+    props.fullPage ? "p-4" : "p-0"
+  ), children: [
+    /* @__PURE__ */ jsx("div", { className: "text-center mb-6", children: /* @__PURE__ */ jsx(Typography, { type: "h2", children: t("Reset Your Password") }) }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: "flex flex-col items-stretch",
+        onSubmit: (e) => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e)),
+        noValidate: true,
+        children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "password", className: "mb-1", children: t("New Password") }),
+          /* @__PURE__ */ jsx(
+            PasswordInput,
+            {
+              id: "password",
+              autoComplete: "new-password",
+              ...register("password"),
+              onChange: () => {
+                clearErrors("password");
+                clearErrors("passwordRepeat");
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(FormWarningText, { text: errors.password?.message?.toString() }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "repeat-password", className: "mt-4 mb-1", children: t("Repeat New Password") }),
+          /* @__PURE__ */ jsx(
+            PasswordInput,
+            {
+              id: "repeat-password",
+              autoComplete: "new-password",
+              ...register("passwordRepeat"),
+              onChange: () => {
+                clearErrors("password");
+                clearErrors("passwordRepeat");
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(FormWarningText, { text: errors.passwordRepeat?.message?.toString() }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", className: "mt-6", loading, children: t("Reset Password") })
+        ]
+      }
+    )
+  ] }) });
+}
+var cachedVerifyPasswordResetCode = cacheFunction(async (stackApp, code) => {
+  return await stackApp.verifyPasswordResetCode(code);
+});
+function PasswordReset({
+  searchParams,
+  fullPage = false
+}) {
+  const { t } = useTranslation();
+  const stackApp = useStackApp();
+  const invalidJsx = /* @__PURE__ */ jsx(MessageCard, { title: t("Invalid Password Reset Link"), fullPage, children: /* @__PURE__ */ jsx(Typography, { children: t("Please double check if you have the correct password reset link.") }) });
+  const expiredJsx = /* @__PURE__ */ jsx(MessageCard, { title: t("Expired Password Reset Link"), fullPage, children: /* @__PURE__ */ jsx(Typography, { children: t("Your password reset link has expired. Please request a new password reset link from the login page.") }) });
+  const usedJsx = /* @__PURE__ */ jsx(MessageCard, { title: t("Used Password Reset Link"), fullPage, children: /* @__PURE__ */ jsx(Typography, { children: t("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 result = React.use(cachedVerifyPasswordResetCode(stackApp, code));
+  if (result.status === "error") {
+    if (result.error instanceof KnownErrors.VerificationCodeNotFound) {
+      return invalidJsx;
+    } else if (result.error instanceof KnownErrors.VerificationCodeExpired) {
+      return expiredJsx;
+    } else if (result.error instanceof KnownErrors.VerificationCodeAlreadyUsed) {
+      return usedJsx;
+    } else {
+      throw result.error;
+    }
+  }
+  return /* @__PURE__ */ jsx(PasswordResetForm, { code, fullPage });
+}
+export {
+  PasswordReset,
+  PasswordResetForm as default
+};
+//# sourceMappingURL=password-reset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components-page/password-reset.tsx"],"sourcesContent":["'use client';\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY\n//===========================================\n\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { KnownErrors } from \"@stackframe/stack-shared\";\nimport { getPasswordError } from \"@stackframe/stack-shared/dist/helpers/password\";\nimport { passwordSchema, yupObject, yupString } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Label, PasswordInput, Typography, cn } from \"@stackframe/stack-ui\";\nimport React, { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { StackClientApp, useStackApp } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport default function PasswordResetForm(props: {\n  code: string,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    password: passwordSchema.defined(t(\"Please enter your password\")).nonEmpty(t(\"Please enter your password\")).test({\n      name: 'is-valid-password',\n      test: (value, ctx) => {\n        const error = getPasswordError(value);\n        if (error) {\n          return ctx.createError({ message: error.message });\n        } else {\n          return true;\n        }\n      }\n    }),\n    passwordRepeat: yupString().nullable().oneOf([yup.ref('password'), null], t(\"Passwords do not match\")).defined().nonEmpty(t(\"Please repeat your password\"))\n  });\n\n  const { register, handleSubmit, formState: { errors }, clearErrors } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const stackApp = useStackApp();\n  const [finished, setFinished] = useState(false);\n  const [resetError, setResetError] = useState(false);\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { password } = data;\n      const result = await stackApp.resetPassword({ password, code: props.code });\n      if (result.status === 'error') {\n        setResetError(true);\n        return;\n      }\n\n      setFinished(true);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  if (finished) {\n    return <PredefinedMessageCard type='passwordReset' fullPage={!!props.fullPage} />;\n  }\n\n  if (resetError) {\n    return (\n      <MessageCard title={t(\"Failed to reset password\")} fullPage={!!props.fullPage}>\n        {t(\"Failed to reset password. Please request a new password reset link\")}\n      </MessageCard>\n    );\n  }\n\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className={cn(\n        \"flex flex-col items-stretch max-w-[380px] flex-basis-[380px]\",\n        props.fullPage ? \"p-4\" : \"p-0\"\n      )}>\n        <div className=\"text-center mb-6\">\n          <Typography type='h2'>{t(\"Reset Your Password\")}</Typography>\n        </div>\n\n        <form\n          className=\"flex flex-col items-stretch\"\n          onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n          noValidate\n        >\n          <Label htmlFor=\"password\" className=\"mb-1\">{t(\"New Password\")}</Label>\n          <PasswordInput\n            id=\"password\"\n            autoComplete=\"new-password\"\n            {...register('password')}\n            onChange={() => {\n              clearErrors('password');\n              clearErrors('passwordRepeat');\n            }}\n          />\n          <FormWarningText text={errors.password?.message?.toString()} />\n\n          <Label htmlFor=\"repeat-password\" className=\"mt-4 mb-1\">{t(\"Repeat New Password\")}</Label>\n          <PasswordInput\n            id=\"repeat-password\"\n            autoComplete=\"new-password\"\n            {...register('passwordRepeat')}\n            onChange={() => {\n              clearErrors('password');\n              clearErrors('passwordRepeat');\n            }}\n          />\n          <FormWarningText text={errors.passwordRepeat?.message?.toString()} />\n\n          <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n            {t(\"Reset Password\")}\n          </Button>\n        </form>\n      </div>\n    </MaybeFullPage>\n  );\n}\n\n\nconst cachedVerifyPasswordResetCode = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.verifyPasswordResetCode(code);\n});\n\nexport function PasswordReset({\n  searchParams,\n  fullPage = false,\n}: {\n  searchParams: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n\n  const invalidJsx = (\n    <MessageCard title={t(\"Invalid Password Reset Link\")} fullPage={fullPage}>\n      <Typography>{t(\"Please double check if you have the correct password reset link.\")}</Typography>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t(\"Expired Password Reset Link\")} fullPage={fullPage}>\n      <Typography>{t(\"Your password reset link has expired. Please request a new password reset link from the login page.\")}</Typography>\n    </MessageCard>\n  );\n\n  const usedJsx = (\n    <MessageCard title={t(\"Used Password Reset Link\")} fullPage={fullPage}>\n      <Typography>{t(\"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.\")}</Typography>\n    </MessageCard>\n  );\n\n  const code = searchParams.code;\n  if (!code) {\n    return invalidJsx;\n  }\n\n  const result = React.use(cachedVerifyPasswordResetCode(stackApp, code));\n\n  if (result.status === 'error') {\n    if (result.error instanceof KnownErrors.VerificationCodeNotFound) {\n      return invalidJsx;\n    } else if (result.error instanceof KnownErrors.VerificationCodeExpired) {\n      return expiredJsx;\n    } else if (result.error instanceof KnownErrors.VerificationCodeAlreadyUsed) {\n      return usedJsx;\n    } else {\n      throw result.error;\n    }\n  }\n\n  return <PasswordResetForm code={code} fullPage={fullPage} />;\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,19 @@
+// src/components-page/sign-in.tsx
+import { AuthPage } from "./auth-page";
+import { jsx } from "react/jsx-runtime";
+function SignIn(props) {
+  return /* @__PURE__ */ jsx(
+    AuthPage,
+    {
+      fullPage: !!props.fullPage,
+      type: "sign-in",
+      automaticRedirect: !!props.automaticRedirect,
+      extraInfo: props.extraInfo,
+      firstTab: props.firstTab
+    }
+  );
+}
+export {
+  SignIn
+};
+//# sourceMappingURL=sign-in.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components-page/sign-in.tsx"],"sourcesContent":["//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY\n//===========================================\n\nimport { AuthPage } from \"./auth-page\";\n\nexport function SignIn(props: {\n  fullPage?: boolean,\n  automaticRedirect?: boolean,\n  extraInfo?: React.ReactNode,\n  firstTab?: 'magic-link' | 'password',\n}) {\n  return (\n    <AuthPage\n      fullPage={!!props.fullPage}\n      type=\"sign-in\"\n      automaticRedirect={!!props.automaticRedirect}\n      extraInfo={props.extraInfo}\n      firstTab={props.firstTab}\n    />\n  );\n}\n"],"mappings":";AAIA,SAAS,gBAAgB;AASrB;AAPG,SAAS,OAAO,OAKpB;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,CAAC,CAAC,MAAM;AAAA,MAClB,MAAK;AAAA,MACL,mBAAmB,CAAC,CAAC,MAAM;AAAA,MAC3B,WAAW,MAAM;AAAA,MACjB,UAAU,MAAM;AAAA;AAAA,EAClB;AAEJ;","names":[]}

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

@@ -0,0 +1,23 @@
+"use client";
+"use client";
+
+// src/components-page/sign-out.tsx
+import { cacheFunction } from "@stackframe/stack-shared/dist/utils/caches";
+import React from "react";
+import { useUser } from "..";
+import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card";
+import { jsx } from "react/jsx-runtime";
+var cacheSignOut = cacheFunction(async (user) => {
+  return await user.signOut();
+});
+function SignOut(props) {
+  const user = useUser();
+  if (user) {
+    React.use(cacheSignOut(user));
+  }
+  return /* @__PURE__ */ jsx(PredefinedMessageCard, { type: "signedOut", fullPage: props.fullPage });
+}
+export {
+  SignOut
+};
+//# sourceMappingURL=sign-out.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components-page/sign-out.tsx"],"sourcesContent":["'use client';\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY\n//===========================================\n\n\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\nimport React from \"react\";\nimport { CurrentUser, useUser } from \"..\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\n\nconst cacheSignOut = cacheFunction(async (user: CurrentUser) => {\n  return await user.signOut();\n});\n\nexport function SignOut(props: { fullPage?: boolean }) {\n  const user = useUser();\n\n  if (user) {\n    React.use(cacheSignOut(user));\n  }\n\n  return <PredefinedMessageCard type='signedOut' fullPage={props.fullPage} />;\n}\n"],"mappings":";;;AAOA,SAAS,qBAAqB;AAC9B,OAAO,WAAW;AAClB,SAAsB,eAAe;AACrC,SAAS,6BAA6B;AAa7B;AAXT,IAAM,eAAe,cAAc,OAAO,SAAsB;AAC9D,SAAO,MAAM,KAAK,QAAQ;AAC5B,CAAC;AAEM,SAAS,QAAQ,OAA+B;AACrD,QAAM,OAAO,QAAQ;AAErB,MAAI,MAAM;AACR,UAAM,IAAI,aAAa,IAAI,CAAC;AAAA,EAC9B;AAEA,SAAO,oBAAC,yBAAsB,MAAK,aAAY,UAAU,MAAM,UAAU;AAC3E;","names":[]}

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

@@ -0,0 +1,23 @@
+"use client";
+"use client";
+
+// src/components-page/sign-up.tsx
+import { AuthPage } from "./auth-page";
+import { jsx } from "react/jsx-runtime";
+function SignUp(props) {
+  return /* @__PURE__ */ jsx(
+    AuthPage,
+    {
+      fullPage: !!props.fullPage,
+      type: "sign-up",
+      automaticRedirect: !!props.automaticRedirect,
+      noPasswordRepeat: props.noPasswordRepeat,
+      extraInfo: props.extraInfo,
+      firstTab: props.firstTab
+    }
+  );
+}
+export {
+  SignUp
+};
+//# sourceMappingURL=sign-up.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components-page/sign-up.tsx"],"sourcesContent":["'use client';\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY\n//===========================================\n\nimport { AuthPage } from './auth-page';\n\nexport function SignUp(props: {\n  fullPage?: boolean,\n  automaticRedirect?: boolean,\n  noPasswordRepeat?: boolean,\n  extraInfo?: React.ReactNode,\n  firstTab?: 'magic-link' | 'password',\n}) {\n  return <AuthPage\n    fullPage={!!props.fullPage}\n    type='sign-up'\n    automaticRedirect={!!props.automaticRedirect}\n    noPasswordRepeat={props.noPasswordRepeat}\n    extraInfo={props.extraInfo}\n    firstTab={props.firstTab}\n  />;\n}\n"],"mappings":";;;AAMA,SAAS,gBAAgB;AAShB;AAPF,SAAS,OAAO,OAMpB;AACD,SAAO;AAAA,IAAC;AAAA;AAAA,MACN,UAAU,CAAC,CAAC,MAAM;AAAA,MAClB,MAAK;AAAA,MACL,mBAAmB,CAAC,CAAC,MAAM;AAAA,MAC3B,kBAAkB,MAAM;AAAA,MACxB,WAAW,MAAM;AAAA,MACjB,UAAU,MAAM;AAAA;AAAA,EAClB;AACF;","names":[]}

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

@@ -0,0 +1,223 @@
+// src/components-page/stack-handler.tsx
+import { StackAssertionError } from "@stackframe/stack-shared/dist/utils/errors";
+import { filterUndefined } from "@stackframe/stack-shared/dist/utils/objects";
+import { getRelativePart } from "@stackframe/stack-shared/dist/utils/urls";
+import { useMemo } from "react";
+import { SignIn, SignUp } from "..";
+import { IframePreventer } from "../components/iframe-preventer";
+import { MessageCard } from "../components/message-cards/message-card";
+import { AccountSettings } from "./account-settings";
+import { EmailVerification } from "./email-verification";
+import { ErrorPage } from "./error-page";
+import { ForgotPassword } from "./forgot-password";
+import { MagicLinkCallback } from "./magic-link-callback";
+import { OAuthCallback } from "./oauth-callback";
+import { PasswordReset } from "./password-reset";
+import { SignOut } from "./sign-out";
+import { TeamInvitation } from "./team-invitation";
+import { jsx } from "react/jsx-runtime";
+var availablePaths = {
+  signIn: "sign-in",
+  signUp: "sign-up",
+  emailVerification: "email-verification",
+  passwordReset: "password-reset",
+  forgotPassword: "forgot-password",
+  signOut: "sign-out",
+  oauthCallback: "oauth-callback",
+  magicLinkCallback: "magic-link-callback",
+  teamInvitation: "team-invitation",
+  accountSettings: "account-settings",
+  error: "error"
+};
+var pathAliases = {
+  // also includes the uppercase and non-dashed versions
+  ...Object.fromEntries(Object.entries(availablePaths).map(([key, value]) => [value, value])),
+  "log-in": availablePaths.signIn,
+  "register": availablePaths.signUp
+};
+function renderComponent(props) {
+  const { path, searchParams, fullPage, componentProps, redirectIfNotHandler, onNotFound, app } = props;
+  switch (path) {
+    case availablePaths.signIn: {
+      redirectIfNotHandler?.("signIn");
+      return /* @__PURE__ */ jsx(
+        SignIn,
+        {
+          fullPage,
+          automaticRedirect: true,
+          ...filterUndefinedINU(componentProps?.SignIn)
+        }
+      );
+    }
+    case availablePaths.signUp: {
+      redirectIfNotHandler?.("signUp");
+      return /* @__PURE__ */ jsx(
+        SignUp,
+        {
+          fullPage,
+          automaticRedirect: true,
+          ...filterUndefinedINU(componentProps?.SignUp)
+        }
+      );
+    }
+    case availablePaths.emailVerification: {
+      redirectIfNotHandler?.("emailVerification");
+      return /* @__PURE__ */ jsx(
+        EmailVerification,
+        {
+          searchParams,
+          fullPage,
+          ...filterUndefinedINU(componentProps?.EmailVerification)
+        }
+      );
+    }
+    case availablePaths.passwordReset: {
+      redirectIfNotHandler?.("passwordReset");
+      return /* @__PURE__ */ jsx(
+        PasswordReset,
+        {
+          searchParams,
+          fullPage,
+          ...filterUndefinedINU(componentProps?.PasswordReset)
+        }
+      );
+    }
+    case availablePaths.forgotPassword: {
+      redirectIfNotHandler?.("forgotPassword");
+      return /* @__PURE__ */ jsx(
+        ForgotPassword,
+        {
+          fullPage,
+          ...filterUndefinedINU(componentProps?.ForgotPassword)
+        }
+      );
+    }
+    case availablePaths.signOut: {
+      redirectIfNotHandler?.("signOut");
+      return /* @__PURE__ */ jsx(
+        SignOut,
+        {
+          fullPage,
+          ...filterUndefinedINU(componentProps?.SignOut)
+        }
+      );
+    }
+    case availablePaths.oauthCallback: {
+      redirectIfNotHandler?.("oauthCallback");
+      return /* @__PURE__ */ jsx(
+        OAuthCallback,
+        {
+          fullPage,
+          ...filterUndefinedINU(componentProps?.OAuthCallback)
+        }
+      );
+    }
+    case availablePaths.magicLinkCallback: {
+      redirectIfNotHandler?.("magicLinkCallback");
+      return /* @__PURE__ */ jsx(
+        MagicLinkCallback,
+        {
+          searchParams,
+          fullPage,
+          ...filterUndefinedINU(componentProps?.MagicLinkCallback)
+        }
+      );
+    }
+    case availablePaths.teamInvitation: {
+      redirectIfNotHandler?.("teamInvitation");
+      return /* @__PURE__ */ jsx(
+        TeamInvitation,
+        {
+          searchParams,
+          fullPage,
+          ...filterUndefinedINU(componentProps?.TeamInvitation)
+        }
+      );
+    }
+    case availablePaths.accountSettings: {
+      return /* @__PURE__ */ jsx(
+        AccountSettings,
+        {
+          fullPage,
+          ...filterUndefinedINU(componentProps?.AccountSettings)
+        }
+      );
+    }
+    case availablePaths.error: {
+      return /* @__PURE__ */ jsx(
+        ErrorPage,
+        {
+          searchParams,
+          fullPage,
+          ...filterUndefinedINU(componentProps?.ErrorPage)
+        }
+      );
+    }
+    default: {
+      if (Object.values(availablePaths).includes(path)) {
+        throw new StackAssertionError(`Path alias ${path} not included in switch statement, but in availablePaths?`, { availablePaths });
+      }
+      for (const [key, value] of Object.entries(pathAliases)) {
+        if (path === key.toLowerCase().replaceAll("-", "")) {
+          const redirectUrl = `${app.urls.handler}/${value}?${new URLSearchParams(searchParams).toString()}`;
+          return { redirect: redirectUrl };
+        }
+      }
+      return onNotFound();
+    }
+  }
+}
+function ReactStackHandler(props) {
+  const { path, searchParams } = useMemo(() => {
+    const search = window.location.search;
+    const handlerPath = new URL(props.app.urls.handler, window.location.origin).pathname;
+    const relativePath = props.location.startsWith(handlerPath) ? props.location.slice(handlerPath.length).replace(/^\/+/, "") : props.location.replace(/^\/+/, "");
+    return {
+      path: relativePath,
+      searchParams: Object.fromEntries(new URLSearchParams(search).entries())
+    };
+  }, [props.location, props.app.urls.handler]);
+  const redirectIfNotHandler = (name) => {
+    const url = props.app.urls[name];
+    const handlerUrl = props.app.urls.handler;
+    if (url !== handlerUrl && url.startsWith(handlerUrl + "/")) {
+      return;
+    }
+    const urlObj = new URL(url, window.location.origin);
+    for (const [key, value] of Object.entries(searchParams)) {
+      urlObj.searchParams.set(key, value);
+    }
+    window.location.href = getRelativePart(urlObj);
+  };
+  const result = renderComponent({
+    path,
+    searchParams,
+    fullPage: props.fullPage,
+    componentProps: props.componentProps,
+    redirectIfNotHandler,
+    onNotFound: () => /* @__PURE__ */ jsx(
+      MessageCard,
+      {
+        title: "Page does not exist",
+        fullPage: props.fullPage,
+        primaryButtonText: "Go to Home",
+        primaryAction: () => props.app.redirectToHome(),
+        children: "The page you are looking for could not be found. Please check the URL and try again."
+      }
+    ),
+    app: props.app
+  });
+  if (result && "redirect" in result) {
+    window.location.href = result.redirect;
+    return null;
+  }
+  return /* @__PURE__ */ jsx(IframePreventer, { children: result });
+}
+var stack_handler_default = ReactStackHandler;
+function filterUndefinedINU(value) {
+  return value === void 0 ? value : filterUndefined(value);
+}
+export {
+  stack_handler_default as default
+};
+//# sourceMappingURL=stack-handler.js.map