@stackframe/stack 2.4.21 → 2.4.23

package/dist/components-page/error-page.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ErrorPage({ fullPage, searchParams }: {
+    fullPage?: boolean;
+    searchParams: Record<string, string>;
+}): react_jsx_runtime.JSX.Element;
+
+export { ErrorPage as default };

package/dist/components-page/error-page.js

@@ -0,0 +1,85 @@
+"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/error-page.tsx
+var error_page_exports = {};
+__export(error_page_exports, {
+  default: () => ErrorPage
+});
+module.exports = __toCommonJS(error_page_exports);
+var import__ = require("..");
+var import_predefined_message_card = __toESM(require("../components/message-cards/predefined-message-card"));
+var import_components_core = require("../components-core");
+var import_stack_shared = require("@stackframe/stack-shared");
+var import_known_error_message_card = __toESM(require("../components/message-cards/known-error-message-card"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function ErrorPage({ fullPage = false, searchParams }) {
+  const stackApp = (0, import__.useStackApp)();
+  const errorCode = searchParams.errorCode;
+  const message = searchParams.message;
+  const details = searchParams.details;
+  const unknownErrorCard = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.default, { type: "unknownError", fullPage });
+  if (!errorCode || !message || !details) {
+    return unknownErrorCard;
+  }
+  let error;
+  try {
+    error = import_stack_shared.KnownError.fromJson({ code: errorCode, message, details });
+  } catch (e) {
+    return unknownErrorCard;
+  }
+  if (error instanceof import_stack_shared.KnownErrors.OAuthConnectionAlreadyConnectedToAnotherUser) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import__.MessageCard,
+      {
+        title: "Failed to connect account",
+        fullPage,
+        primaryButtonText: "Go to Home",
+        primaryAction: () => stackApp.redirectToHome(),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { children: "This account is already connected to another user. Please connect a different account." })
+      }
+    );
+  }
+  if (error instanceof import_stack_shared.KnownErrors.UserAlreadyConnectedToAnotherOAuthConnection) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import__.MessageCard,
+      {
+        title: "Failed to connect account",
+        fullPage,
+        primaryButtonText: "Go to Home",
+        primaryAction: () => stackApp.redirectToHome(),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { children: "The user is already connected to another OAuth account. Did you maybe selected the wrong account on the OAuth provider page?" })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_known_error_message_card.default, { error, fullPage });
+}
+//# sourceMappingURL=error-page.js.map

package/dist/components-page/error-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components-page/error-page.tsx"],"sourcesContent":["'use client';\n\nimport { MessageCard, useStackApp, useUser } from \"..\";\nimport PredefinedMessageCard from \"../components/message-cards/predefined-message-card\";\nimport { Text } from \"../components-core\";\nimport { KnownError, KnownErrors } from \"@stackframe/stack-shared\";\nimport KnownErrorMessageCard from \"../components/message-cards/known-error-message-card\";\n\n\nexport default function ErrorPage({ fullPage=false, searchParams }: { fullPage?: boolean, searchParams: Record<string, string> }) {\n  const stackApp = useStackApp();\n  const errorCode = searchParams.errorCode;\n  const message = searchParams.message;\n  const details = searchParams.details;\n\n  const unknownErrorCard = <PredefinedMessageCard type='unknownError' fullPage={fullPage} />;\n\n  if (!errorCode || !message || !details) {\n    return unknownErrorCard;\n  }\n\n  let error;\n  try {\n    error = KnownError.fromJson({ code: errorCode, message, details });\n  } catch (e) {\n    return unknownErrorCard;\n  }\n\n  if (error instanceof KnownErrors.OAuthConnectionAlreadyConnectedToAnotherUser) {\n    // TODO: add \"Connect a different account\" button\n    return (\n      <MessageCard \n        title=\"Failed to connect account\" \n        fullPage={fullPage}\n        primaryButtonText=\"Go to Home\"\n        primaryAction={() => stackApp.redirectToHome()}\n      >\n        <Text>\n          This account is already connected to another user. Please connect a different account.\n        </Text>\n      </MessageCard>\n    );\n  }\n\n  if (error instanceof KnownErrors.UserAlreadyConnectedToAnotherOAuthConnection) {\n    // TODO: add \"Connect again\" button\n    return (\n      <MessageCard \n        title=\"Failed to connect account\" \n        fullPage={fullPage}\n        primaryButtonText=\"Go to Home\"\n        primaryAction={() => stackApp.redirectToHome()}\n      >\n        <Text>\n          The user is already connected to another OAuth account. Did you maybe selected the wrong account on the OAuth provider page?\n        </Text>\n      </MessageCard>\n    );\n  }\n\n  return <KnownErrorMessageCard error={error} fullPage={fullPage} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,eAAkD;AAClD,qCAAkC;AAClC,6BAAqB;AACrB,0BAAwC;AACxC,sCAAkC;AASP;AANZ,SAAR,UAA2B,EAAE,WAAS,OAAO,aAAa,GAAiE;AAChI,QAAM,eAAW,sBAAY;AAC7B,QAAM,YAAY,aAAa;AAC/B,QAAM,UAAU,aAAa;AAC7B,QAAM,UAAU,aAAa;AAE7B,QAAM,mBAAmB,4CAAC,+BAAAA,SAAA,EAAsB,MAAK,gBAAe,UAAoB;AAExF,MAAI,CAAC,aAAa,CAAC,WAAW,CAAC,SAAS;AACtC,WAAO;AAAA,EACT;AAEA,MAAI;AACJ,MAAI;AACF,YAAQ,+BAAW,SAAS,EAAE,MAAM,WAAW,SAAS,QAAQ,CAAC;AAAA,EACnE,SAAS,GAAG;AACV,WAAO;AAAA,EACT;AAEA,MAAI,iBAAiB,gCAAY,8CAA8C;AAE7E,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN;AAAA,QACA,mBAAkB;AAAA,QAClB,eAAe,MAAM,SAAS,eAAe;AAAA,QAE7C,sDAAC,+BAAK,oGAEN;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,iBAAiB,gCAAY,8CAA8C;AAE7E,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN;AAAA,QACA,mBAAkB;AAAA,QAClB,eAAe,MAAM,SAAS,eAAe;AAAA,QAE7C,sDAAC,+BAAK,0IAEN;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SAAO,4CAAC,gCAAAC,SAAA,EAAsB,OAAc,UAAoB;AAClE;","names":["PredefinedMessageCard","KnownErrorMessageCard"]}

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

@@ -38,7 +38,7 @@ module.exports = __toCommonJS(forgot_password_exports);
 var import_forgot_password = __toESM(require("../components/forgot-password"));
 var import_maybe_full_page = __toESM(require("../components/maybe-full-page"));
 var import__ = require("..");
-var import_redirect_message_card = __toESM(require("../components/redirect-message-card"));
+var import_predefined_message_card = __toESM(require("../components/message-cards/predefined-message-card"));
 var import_react = require("react");
 var import_components_core = require("../components-core");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -47,10 +47,10 @@ function ForgotPassword({ fullPage = false }) {
   const user = (0, import__.useUser)();
   const [sent, setSent] = (0, import_react.useState)(false);
   if (user) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_redirect_message_card.default, { type: "signedIn", fullPage });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.default, { type: "signedIn", fullPage });
   }
   if (sent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_redirect_message_card.default, { type: "emailSent", fullPage });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.default, { type: "emailSent", fullPage });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_maybe_full_page.default, { fullPage, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { textAlign: "center", marginBottom: "1.5rem" }, children: [

package/dist/components-page/forgot-password.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components-page/forgot-password.tsx"],"sourcesContent":["'use client';\n\nimport ForgotPasswordElement from \"../components/forgot-password\";\nimport MaybeFullPage from \"../components/maybe-full-page\";\nimport { useUser, useStackApp } from \"..\";\nimport RedirectMessageCard from \"../components/redirect-message-card\";\nimport { useState } from \"react\";\nimport { Link, Text } from \"../components-core\";\n\n\nexport default function ForgotPassword({ fullPage=false }: { fullPage?: boolean }) {\n  const stackApp = useStackApp();\n  const user = useUser();\n  const [sent, setSent] = useState(false);\n\n  if (user) {\n    return <RedirectMessageCard type='signedIn' fullPage={fullPage} />;\n  }\n\n  if (sent) {\n    return <RedirectMessageCard type='emailSent' fullPage={fullPage} />;\n  }\n\n  return (\n    <MaybeFullPage fullPage={fullPage}>\n      <div style={{ textAlign: 'center', marginBottom: '1.5rem' }}>\n        <Text size=\"xl\" as='h2'>Reset Your Password</Text>\n        <Text>\n          {\"Don't need to reset? \"}\n          <Link href={stackApp.urls['signUp']}>\n            Sign In\n          </Link>\n        </Text>\n      </div>\n      <ForgotPasswordElement onSent={() => setSent(true)} />\n    </MaybeFullPage>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,6BAAkC;AAClC,6BAA0B;AAC1B,eAAqC;AACrC,mCAAgC;AAChC,mBAAyB;AACzB,6BAA2B;AAShB;AANI,SAAR,eAAgC,EAAE,WAAS,MAAM,GAA2B;AACjF,QAAM,eAAW,sBAAY;AAC7B,QAAM,WAAO,kBAAQ;AACrB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,MAAI,MAAM;AACR,WAAO,4CAAC,6BAAAA,SAAA,EAAoB,MAAK,YAAW,UAAoB;AAAA,EAClE;AAEA,MAAI,MAAM;AACR,WAAO,4CAAC,6BAAAA,SAAA,EAAoB,MAAK,aAAY,UAAoB;AAAA,EACnE;AAEA,SACE,6CAAC,uBAAAC,SAAA,EAAc,UACb;AAAA,iDAAC,SAAI,OAAO,EAAE,WAAW,UAAU,cAAc,SAAS,GACxD;AAAA,kDAAC,+BAAK,MAAK,MAAK,IAAG,MAAK,iCAAmB;AAAA,MAC3C,6CAAC,+BACE;AAAA;AAAA,QACD,4CAAC,+BAAK,MAAM,SAAS,KAAK,QAAQ,GAAG,qBAErC;AAAA,SACF;AAAA,OACF;AAAA,IACA,4CAAC,uBAAAC,SAAA,EAAsB,QAAQ,MAAM,QAAQ,IAAI,GAAG;AAAA,KACtD;AAEJ;","names":["RedirectMessageCard","MaybeFullPage","ForgotPasswordElement"]}
+{"version":3,"sources":["../../src/components-page/forgot-password.tsx"],"sourcesContent":["'use client';\n\nimport ForgotPasswordElement from \"../components/forgot-password\";\nimport MaybeFullPage from \"../components/maybe-full-page\";\nimport { useUser, useStackApp } from \"..\";\nimport PredefinedMessageCard from \"../components/message-cards/predefined-message-card\";\nimport { useState } from \"react\";\nimport { Link, Text } from \"../components-core\";\n\n\nexport default function ForgotPassword({ fullPage=false }: { fullPage?: boolean }) {\n  const stackApp = useStackApp();\n  const user = useUser();\n  const [sent, setSent] = useState(false);\n\n  if (user) {\n    return <PredefinedMessageCard type='signedIn' fullPage={fullPage} />;\n  }\n\n  if (sent) {\n    return <PredefinedMessageCard type='emailSent' fullPage={fullPage} />;\n  }\n\n  return (\n    <MaybeFullPage fullPage={fullPage}>\n      <div style={{ textAlign: 'center', marginBottom: '1.5rem' }}>\n        <Text size=\"xl\" as='h2'>Reset Your Password</Text>\n        <Text>\n          {\"Don't need to reset? \"}\n          <Link href={stackApp.urls['signUp']}>\n            Sign In\n          </Link>\n        </Text>\n      </div>\n      <ForgotPasswordElement onSent={() => setSent(true)} />\n    </MaybeFullPage>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,6BAAkC;AAClC,6BAA0B;AAC1B,eAAqC;AACrC,qCAAkC;AAClC,mBAAyB;AACzB,6BAA2B;AAShB;AANI,SAAR,eAAgC,EAAE,WAAS,MAAM,GAA2B;AACjF,QAAM,eAAW,sBAAY;AAC7B,QAAM,WAAO,kBAAQ;AACrB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,MAAI,MAAM;AACR,WAAO,4CAAC,+BAAAA,SAAA,EAAsB,MAAK,YAAW,UAAoB;AAAA,EACpE;AAEA,MAAI,MAAM;AACR,WAAO,4CAAC,+BAAAA,SAAA,EAAsB,MAAK,aAAY,UAAoB;AAAA,EACrE;AAEA,SACE,6CAAC,uBAAAC,SAAA,EAAc,UACb;AAAA,iDAAC,SAAI,OAAO,EAAE,WAAW,UAAU,cAAc,SAAS,GACxD;AAAA,kDAAC,+BAAK,MAAK,MAAK,IAAG,MAAK,iCAAmB;AAAA,MAC3C,6CAAC,+BACE;AAAA;AAAA,QACD,4CAAC,+BAAK,MAAM,SAAS,KAAK,QAAQ,GAAG,qBAErC;AAAA,SACF;AAAA,OACF;AAAA,IACA,4CAAC,uBAAAC,SAAA,EAAsB,QAAQ,MAAM,QAAQ,IAAI,GAAG;AAAA,KACtD;AAEJ;","names":["PredefinedMessageCard","MaybeFullPage","ForgotPasswordElement"]}

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

@@ -37,8 +37,8 @@ __export(magic_link_callback_exports, {
 module.exports = __toCommonJS(magic_link_callback_exports);
 var import_react = require("react");
 var import__ = require("..");
-var import_message_card = __toESM(require("../components/message-card"));
-var import_redirect_message_card = __toESM(require("../components/redirect-message-card"));
+var import_message_card = __toESM(require("../components/message-cards/message-card"));
+var import_predefined_message_card = __toESM(require("../components/message-cards/predefined-message-card"));
 var import_stack_shared = require("@stackframe/stack-shared");
 var import_promises = require("@stackframe/stack-shared/dist/utils/promises");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -51,7 +51,7 @@ function MagicLinkCallback({
   const stackApp = (0, import__.useStackApp)();
   const user = (0, import__.useUser)();
   if (user) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_redirect_message_card.default, { type: "signedIn", fullPage });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.default, { type: "signedIn", fullPage });
   }
   const invalidJsx = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.default, { title: "Invalid Magic Link", fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Please check if you have the correct link. If you continue to have issues, please contact support." }) });
   const expiredJsx = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.default, { title: "Expired Magic Link", fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Your magic link has expired. Please request a new magic link if you need to sign-in." }) });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components-page/magic-link-callback.tsx"],"sourcesContent":["'use client';\n\nimport { use } from \"react\";\nimport { useStackApp, useUser } from \"..\";\nimport MessageCard from \"../components/message-card\";\nimport RedirectMessageCard from \"../components/redirect-message-card\";\nimport { KnownErrors } from \"@stackframe/stack-shared\";\nimport { neverResolve } from \"@stackframe/stack-shared/dist/utils/promises\";\n\nexport default function MagicLinkCallback({ \n  searchParams: {\n    code = \"\",\n  } = {},\n  fullPage = false,\n}: { \n  searchParams?: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const stackApp = useStackApp();\n  const user = useUser();\n\n  if (user) {\n    return <RedirectMessageCard type='signedIn' fullPage={fullPage} />;\n  }\n\n  const invalidJsx = (\n    <MessageCard title=\"Invalid Magic Link\" fullPage={fullPage}>\n      <p>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=\"Expired Magic Link\" fullPage={fullPage}>\n      <p>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=\"Magic Link Already Used\" fullPage={fullPage}>\n      <p>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 (!code) {\n    return invalidJsx;\n  }\n\n  const error = use(stackApp.signInWithMagicLink(code));\n\n  if (error instanceof KnownErrors.MagicLinkCodeNotFound) {\n    return invalidJsx;\n  } else if (error instanceof KnownErrors.MagicLinkCodeExpired) {\n    return expiredJsx;\n  } else if (error instanceof KnownErrors.MagicLinkCodeAlreadyUsed) {\n    return alreadyUsedJsx;\n  } else if (error) {\n    throw error;\n  }\n\n  use(neverResolve());\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAoB;AACpB,eAAqC;AACrC,0BAAwB;AACxB,mCAAgC;AAChC,0BAA4B;AAC5B,sBAA6B;AAelB;AAbI,SAAR,kBAAmC;AAAA,EACxC,cAAc;AAAA,IACZ,OAAO;AAAA,EACT,IAAI,CAAC;AAAA,EACL,WAAW;AACb,GAGG;AACD,QAAM,eAAW,sBAAY;AAC7B,QAAM,WAAO,kBAAQ;AAErB,MAAI,MAAM;AACR,WAAO,4CAAC,6BAAAA,SAAA,EAAoB,MAAK,YAAW,UAAoB;AAAA,EAClE;AAEA,QAAM,aACJ,4CAAC,oBAAAC,SAAA,EAAY,OAAM,sBAAqB,UACtC,sDAAC,OAAE,gHAAkG,GACvG;AAGF,QAAM,aACJ,4CAAC,oBAAAA,SAAA,EAAY,OAAM,sBAAqB,UACtC,sDAAC,OAAE,kGAAoF,GACzF;AAGF,QAAM,iBACJ,4CAAC,oBAAAA,SAAA,EAAY,OAAM,2BAA0B,UAC3C,sDAAC,OAAE,iJAAmI,GACxI;AAGF,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,QAAM,YAAQ,kBAAI,SAAS,oBAAoB,IAAI,CAAC;AAEpD,MAAI,iBAAiB,gCAAY,uBAAuB;AACtD,WAAO;AAAA,EACT,WAAW,iBAAiB,gCAAY,sBAAsB;AAC5D,WAAO;AAAA,EACT,WAAW,iBAAiB,gCAAY,0BAA0B;AAChE,WAAO;AAAA,EACT,WAAW,OAAO;AAChB,UAAM;AAAA,EACR;AAEA,4BAAI,8BAAa,CAAC;AACpB;","names":["RedirectMessageCard","MessageCard"]}
+{"version":3,"sources":["../../src/components-page/magic-link-callback.tsx"],"sourcesContent":["'use client';\n\nimport { use } from \"react\";\nimport { useStackApp, useUser } from \"..\";\nimport MessageCard from \"../components/message-cards/message-card\";\nimport PredefinedMessageCard from \"../components/message-cards/predefined-message-card\";\nimport { KnownErrors } from \"@stackframe/stack-shared\";\nimport { neverResolve } from \"@stackframe/stack-shared/dist/utils/promises\";\n\nexport default function MagicLinkCallback({ \n  searchParams: {\n    code = \"\",\n  } = {},\n  fullPage = false,\n}: { \n  searchParams?: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const stackApp = useStackApp();\n  const user = useUser();\n\n  if (user) {\n    return <PredefinedMessageCard type='signedIn' fullPage={fullPage} />;\n  }\n\n  const invalidJsx = (\n    <MessageCard title=\"Invalid Magic Link\" fullPage={fullPage}>\n      <p>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=\"Expired Magic Link\" fullPage={fullPage}>\n      <p>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=\"Magic Link Already Used\" fullPage={fullPage}>\n      <p>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 (!code) {\n    return invalidJsx;\n  }\n\n  const error = use(stackApp.signInWithMagicLink(code));\n\n  if (error instanceof KnownErrors.MagicLinkCodeNotFound) {\n    return invalidJsx;\n  } else if (error instanceof KnownErrors.MagicLinkCodeExpired) {\n    return expiredJsx;\n  } else if (error instanceof KnownErrors.MagicLinkCodeAlreadyUsed) {\n    return alreadyUsedJsx;\n  } else if (error) {\n    throw error;\n  }\n\n  use(neverResolve());\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAoB;AACpB,eAAqC;AACrC,0BAAwB;AACxB,qCAAkC;AAClC,0BAA4B;AAC5B,sBAA6B;AAelB;AAbI,SAAR,kBAAmC;AAAA,EACxC,cAAc;AAAA,IACZ,OAAO;AAAA,EACT,IAAI,CAAC;AAAA,EACL,WAAW;AACb,GAGG;AACD,QAAM,eAAW,sBAAY;AAC7B,QAAM,WAAO,kBAAQ;AAErB,MAAI,MAAM;AACR,WAAO,4CAAC,+BAAAA,SAAA,EAAsB,MAAK,YAAW,UAAoB;AAAA,EACpE;AAEA,QAAM,aACJ,4CAAC,oBAAAC,SAAA,EAAY,OAAM,sBAAqB,UACtC,sDAAC,OAAE,gHAAkG,GACvG;AAGF,QAAM,aACJ,4CAAC,oBAAAA,SAAA,EAAY,OAAM,sBAAqB,UACtC,sDAAC,OAAE,kGAAoF,GACzF;AAGF,QAAM,iBACJ,4CAAC,oBAAAA,SAAA,EAAY,OAAM,2BAA0B,UAC3C,sDAAC,OAAE,iJAAmI,GACxI;AAGF,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,QAAM,YAAQ,kBAAI,SAAS,oBAAoB,IAAI,CAAC;AAEpD,MAAI,iBAAiB,gCAAY,uBAAuB;AACtD,WAAO;AAAA,EACT,WAAW,iBAAiB,gCAAY,sBAAsB;AAC5D,WAAO;AAAA,EACT,WAAW,iBAAiB,gCAAY,0BAA0B;AAChE,WAAO;AAAA,EACT,WAAW,OAAO;AAChB,UAAM;AAAA,EACR;AAEA,4BAAI,8BAAa,CAAC;AACpB;","names":["PredefinedMessageCard","MessageCard"]}

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

@@ -38,7 +38,8 @@ module.exports = __toCommonJS(oauth_callback_exports);
 var import_react = require("react");
 var import__ = require("..");
 var import_promises = require("@stackframe/stack-shared/dist/utils/promises");
-var import_message_card = __toESM(require("../components/message-card"));
+var import_message_card = __toESM(require("../components/message-cards/message-card"));
+var import_link = require("../components-core/link");
 var import_jsx_runtime = require("react/jsx-runtime");
 function OAuthCallback(props) {
   const app = (0, import__.useStackApp)();
@@ -55,7 +56,7 @@ function OAuthCallback(props) {
     } catch (e) {
       setError(e);
     }
-    if (!hasRedirected) {
+    if (!hasRedirected && process.env.NODE_ENV === "production") {
       await app.redirectToSignIn();
     }
   }), []);
@@ -65,7 +66,7 @@ function OAuthCallback(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_message_card.default, { title: "Redirecting...", fullPage: props.fullPage, children: [
     showRedirectLink ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
       "If you are not redirected automatically, ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: app.urls.home, children: "click here" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { href: app.urls.home, children: "click here" }),
       "."
     ] }) : null,
     error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components-page/oauth-callback.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useEffect, useState } from \"react\";\nimport { useStackApp } from \"..\";\nimport { runAsynchronously } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport MessageCard from \"../components/message-card\";\n\nexport default function OAuthCallback(props: { fullPage?: boolean }) {\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      setError(e);\n    }\n    if (!hasRedirected) {\n      await app.redirectToSignIn();\n    }\n  }), []);\n\n  useEffect(() => {\n    setTimeout(() => setShowRedirectLink(true), 3000);\n  }, []);\n\n  return <MessageCard title='Redirecting...' fullPage={props.fullPage}>\n    {showRedirectLink ? <p>If you are not redirected automatically, <a href={app.urls.home}>click here</a>.</p> : null}\n    {error ? <div>\n      <p>Something went wrong while processing the OAuth callback:</p>\n      <pre>{JSON.stringify(error, null, 2)}</pre>\n      <p>This is most likely an error in Stack. Please report it.</p>\n    </div> : null}\n  </MessageCard>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA4C;AAC5C,eAA4B;AAC5B,sBAAkC;AAClC,0BAAwB;AA2BA;AAzBT,SAAR,cAA+B,OAA+B;AACnE,QAAM,UAAM,sBAAY;AACxB,QAAM,aAAS,qBAAO,KAAK;AAC3B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAkB,IAAI;AAChD,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAS,KAAK;AAE9D,8BAAU,UAAM,mCAAkB,YAAY;AAC5C,QAAI,OAAO;AAAS;AACpB,WAAO,UAAU;AACjB,QAAI,gBAAgB;AACpB,QAAI;AACF,sBAAgB,MAAM,IAAI,kBAAkB;AAAA,IAC9C,SAAS,GAAQ;AACf,eAAS,CAAC;AAAA,IACZ;AACA,QAAI,CAAC,eAAe;AAClB,YAAM,IAAI,iBAAiB;AAAA,IAC7B;AAAA,EACF,CAAC,GAAG,CAAC,CAAC;AAEN,8BAAU,MAAM;AACd,eAAW,MAAM,oBAAoB,IAAI,GAAG,GAAI;AAAA,EAClD,GAAG,CAAC,CAAC;AAEL,SAAO,6CAAC,oBAAAA,SAAA,EAAY,OAAM,kBAAiB,UAAU,MAAM,UACxD;AAAA,uBAAmB,6CAAC,OAAE;AAAA;AAAA,MAAyC,4CAAC,OAAE,MAAM,IAAI,KAAK,MAAM,wBAAU;AAAA,MAAI;AAAA,OAAC,IAAO;AAAA,IAC7G,QAAQ,6CAAC,SACR;AAAA,kDAAC,OAAE,uEAAyD;AAAA,MAC5D,4CAAC,SAAK,eAAK,UAAU,OAAO,MAAM,CAAC,GAAE;AAAA,MACrC,4CAAC,OAAE,sEAAwD;AAAA,OAC7D,IAAS;AAAA,KACX;AACF;","names":["MessageCard"]}
+{"version":3,"sources":["../../src/components-page/oauth-callback.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useEffect, useState } from \"react\";\nimport { useStackApp } from \"..\";\nimport { runAsynchronously } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport MessageCard from \"../components/message-cards/message-card\";\nimport { Link } from \"../components-core/link\";\n\nexport default function OAuthCallback(props: { fullPage?: boolean }) {\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      setError(e);\n    }\n    if (!hasRedirected && process.env.NODE_ENV === 'production') {\n      await app.redirectToSignIn();\n    }\n  }), []);\n\n  useEffect(() => {\n    setTimeout(() => setShowRedirectLink(true), 3000);\n  }, []);\n\n  return <MessageCard title='Redirecting...' fullPage={props.fullPage}>\n    {showRedirectLink ? <p>If you are not redirected automatically, <Link href={app.urls.home}>click here</Link>.</p> : null}\n    {error ? <div>\n      <p>Something went wrong while processing the OAuth callback:</p>\n      <pre>{JSON.stringify(error, null, 2)}</pre>\n      <p>This is most likely an error in Stack. Please report it.</p>\n    </div> : null}\n  </MessageCard>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA4C;AAC5C,eAA4B;AAC5B,sBAAkC;AAClC,0BAAwB;AACxB,kBAAqB;AA2BG;AAzBT,SAAR,cAA+B,OAA+B;AACnE,QAAM,UAAM,sBAAY;AACxB,QAAM,aAAS,qBAAO,KAAK;AAC3B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAkB,IAAI;AAChD,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAS,KAAK;AAE9D,8BAAU,UAAM,mCAAkB,YAAY;AAC5C,QAAI,OAAO;AAAS;AACpB,WAAO,UAAU;AACjB,QAAI,gBAAgB;AACpB,QAAI;AACF,sBAAgB,MAAM,IAAI,kBAAkB;AAAA,IAC9C,SAAS,GAAQ;AACf,eAAS,CAAC;AAAA,IACZ;AACA,QAAI,CAAC,iBAAiB,QAAQ,IAAI,aAAa,cAAc;AAC3D,YAAM,IAAI,iBAAiB;AAAA,IAC7B;AAAA,EACF,CAAC,GAAG,CAAC,CAAC;AAEN,8BAAU,MAAM;AACd,eAAW,MAAM,oBAAoB,IAAI,GAAG,GAAI;AAAA,EAClD,GAAG,CAAC,CAAC;AAEL,SAAO,6CAAC,oBAAAA,SAAA,EAAY,OAAM,kBAAiB,UAAU,MAAM,UACxD;AAAA,uBAAmB,6CAAC,OAAE;AAAA;AAAA,MAAyC,4CAAC,oBAAK,MAAM,IAAI,KAAK,MAAM,wBAAU;AAAA,MAAO;AAAA,OAAC,IAAO;AAAA,IACnH,QAAQ,6CAAC,SACR;AAAA,kDAAC,OAAE,uEAAyD;AAAA,MAC5D,4CAAC,SAAK,eAAK,UAAU,OAAO,MAAM,CAAC,GAAE;AAAA,MACrC,4CAAC,OAAE,sEAAwD;AAAA,OAC7D,IAAS;AAAA,KACX;AACF;","names":["MessageCard"]}

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

@@ -35,7 +35,7 @@ __export(password_reset_exports, {
   default: () => PasswordReset
 });
 module.exports = __toCommonJS(password_reset_exports);
-var import_message_card = __toESM(require("../components/message-card"));
+var import_message_card = __toESM(require("../components/message-cards/message-card"));
 var import__ = require("..");
 var import_react = require("react");
 var import_password_reset_inner = __toESM(require("../components/password-reset-inner"));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components-page/password-reset.tsx"],"sourcesContent":["'use client';\n\nimport MessageCard from \"../components/message-card\";\nimport { StackClientApp, useStackApp } from \"..\";\nimport { use } from \"react\";\nimport PasswordResetInner from \"../components/password-reset-inner\";\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\nimport { Text } from \"../components-core\";\nimport { KnownErrors } from \"@stackframe/stack-shared\";\n\nconst cachedVerifyPasswordResetCode = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.verifyPasswordResetCode(code);\n});\n\nexport default function PasswordReset({\n  searchParams,\n  fullPage = false,\n}: { \n  searchParams?: Record<string, string>,\n  fullPage?: boolean, \n}) {\n  const stackApp = useStackApp();\n\n  const invalidJsx = (\n    <MessageCard title=\"Invalid Password Reset Link\" fullPage={fullPage}>\n      <Text>Please double check if you have the correct password reset link.</Text>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title=\"Expired Password Reset Link\" fullPage={fullPage}>\n      <Text>Your password reset link has expired. Please request a new password reset link from the login page.</Text>\n    </MessageCard>\n  );\n\n  const usedJsx = (\n    <MessageCard title=\"Used Password Reset Link\" fullPage={fullPage}>\n      <Text>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.</Text>\n    </MessageCard>\n  );\n\n  const code = searchParams?.code;\n  if (!code) {\n    return invalidJsx;\n  }\n\n  const error = use(cachedVerifyPasswordResetCode(stackApp, code));\n  \n  if (error instanceof KnownErrors.PasswordResetCodeNotFound) {\n    return invalidJsx;\n  } else if (error instanceof KnownErrors.PasswordResetCodeExpired) {\n    return expiredJsx;\n  } else if (error instanceof KnownErrors.PasswordResetCodeAlreadyUsed) {\n    return usedJsx;\n  } else if (error) {\n    throw error;\n  }\n\n  return <PasswordResetInner code={code} fullPage={fullPage} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAAwB;AACxB,eAA4C;AAC5C,mBAAoB;AACpB,kCAA+B;AAC/B,oBAA8B;AAC9B,6BAAqB;AACrB,0BAA4B;AAiBtB;AAfN,IAAM,oCAAgC,6BAAc,OAAO,UAAgC,SAAiB;AAC1G,SAAO,MAAM,SAAS,wBAAwB,IAAI;AACpD,CAAC;AAEc,SAAR,cAA+B;AAAA,EACpC;AAAA,EACA,WAAW;AACb,GAGG;AACD,QAAM,eAAW,sBAAY;AAE7B,QAAM,aACJ,4CAAC,oBAAAA,SAAA,EAAY,OAAM,+BAA8B,UAC/C,sDAAC,+BAAK,8EAAgE,GACxE;AAGF,QAAM,aACJ,4CAAC,oBAAAA,SAAA,EAAY,OAAM,+BAA8B,UAC/C,sDAAC,+BAAK,iHAAmG,GAC3G;AAGF,QAAM,UACJ,4CAAC,oBAAAA,SAAA,EAAY,OAAM,4BAA2B,UAC5C,sDAAC,+BAAK,qKAAuJ,GAC/J;AAGF,QAAM,OAAO,cAAc;AAC3B,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,QAAM,YAAQ,kBAAI,8BAA8B,UAAU,IAAI,CAAC;AAE/D,MAAI,iBAAiB,gCAAY,2BAA2B;AAC1D,WAAO;AAAA,EACT,WAAW,iBAAiB,gCAAY,0BAA0B;AAChE,WAAO;AAAA,EACT,WAAW,iBAAiB,gCAAY,8BAA8B;AACpE,WAAO;AAAA,EACT,WAAW,OAAO;AAChB,UAAM;AAAA,EACR;AAEA,SAAO,4CAAC,4BAAAC,SAAA,EAAmB,MAAY,UAAoB;AAC7D;","names":["MessageCard","PasswordResetInner"]}
+{"version":3,"sources":["../../src/components-page/password-reset.tsx"],"sourcesContent":["'use client';\n\nimport MessageCard from \"../components/message-cards/message-card\";\nimport { StackClientApp, useStackApp } from \"..\";\nimport { use } from \"react\";\nimport PasswordResetInner from \"../components/password-reset-inner\";\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\nimport { Text } from \"../components-core\";\nimport { KnownErrors } from \"@stackframe/stack-shared\";\n\nconst cachedVerifyPasswordResetCode = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.verifyPasswordResetCode(code);\n});\n\nexport default function PasswordReset({\n  searchParams,\n  fullPage = false,\n}: { \n  searchParams?: Record<string, string>,\n  fullPage?: boolean, \n}) {\n  const stackApp = useStackApp();\n\n  const invalidJsx = (\n    <MessageCard title=\"Invalid Password Reset Link\" fullPage={fullPage}>\n      <Text>Please double check if you have the correct password reset link.</Text>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title=\"Expired Password Reset Link\" fullPage={fullPage}>\n      <Text>Your password reset link has expired. Please request a new password reset link from the login page.</Text>\n    </MessageCard>\n  );\n\n  const usedJsx = (\n    <MessageCard title=\"Used Password Reset Link\" fullPage={fullPage}>\n      <Text>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.</Text>\n    </MessageCard>\n  );\n\n  const code = searchParams?.code;\n  if (!code) {\n    return invalidJsx;\n  }\n\n  const error = use(cachedVerifyPasswordResetCode(stackApp, code));\n  \n  if (error instanceof KnownErrors.PasswordResetCodeNotFound) {\n    return invalidJsx;\n  } else if (error instanceof KnownErrors.PasswordResetCodeExpired) {\n    return expiredJsx;\n  } else if (error instanceof KnownErrors.PasswordResetCodeAlreadyUsed) {\n    return usedJsx;\n  } else if (error) {\n    throw error;\n  }\n\n  return <PasswordResetInner code={code} fullPage={fullPage} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAAwB;AACxB,eAA4C;AAC5C,mBAAoB;AACpB,kCAA+B;AAC/B,oBAA8B;AAC9B,6BAAqB;AACrB,0BAA4B;AAiBtB;AAfN,IAAM,oCAAgC,6BAAc,OAAO,UAAgC,SAAiB;AAC1G,SAAO,MAAM,SAAS,wBAAwB,IAAI;AACpD,CAAC;AAEc,SAAR,cAA+B;AAAA,EACpC;AAAA,EACA,WAAW;AACb,GAGG;AACD,QAAM,eAAW,sBAAY;AAE7B,QAAM,aACJ,4CAAC,oBAAAA,SAAA,EAAY,OAAM,+BAA8B,UAC/C,sDAAC,+BAAK,8EAAgE,GACxE;AAGF,QAAM,aACJ,4CAAC,oBAAAA,SAAA,EAAY,OAAM,+BAA8B,UAC/C,sDAAC,+BAAK,iHAAmG,GAC3G;AAGF,QAAM,UACJ,4CAAC,oBAAAA,SAAA,EAAY,OAAM,4BAA2B,UAC5C,sDAAC,+BAAK,qKAAuJ,GAC/J;AAGF,QAAM,OAAO,cAAc;AAC3B,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,QAAM,YAAQ,kBAAI,8BAA8B,UAAU,IAAI,CAAC;AAE/D,MAAI,iBAAiB,gCAAY,2BAA2B;AAC1D,WAAO;AAAA,EACT,WAAW,iBAAiB,gCAAY,0BAA0B;AAChE,WAAO;AAAA,EACT,WAAW,iBAAiB,gCAAY,8BAA8B;AACpE,WAAO;AAAA,EACT,WAAW,OAAO;AAChB,UAAM;AAAA,EACR;AAEA,SAAO,4CAAC,4BAAAC,SAAA,EAAmB,MAAY,UAAoB;AAC7D;","names":["MessageCard","PasswordResetInner"]}

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

@@ -37,13 +37,13 @@ __export(sign_out_exports, {
 module.exports = __toCommonJS(sign_out_exports);
 var import_react = require("react");
 var import__ = require("..");
-var import_redirect_message_card = __toESM(require("../components/redirect-message-card"));
+var import_predefined_message_card = __toESM(require("../components/message-cards/predefined-message-card"));
 var import_jsx_runtime = require("react/jsx-runtime");
 function SignOut(props) {
   const user = (0, import__.useUser)();
   if (user) {
     (0, import_react.use)(user.signOut());
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_redirect_message_card.default, { type: "signedOut", fullPage: props.fullPage });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.default, { type: "signedOut", fullPage: props.fullPage });
 }
 //# sourceMappingURL=sign-out.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components-page/sign-out.tsx"],"sourcesContent":["'use client';\n\nimport { use } from \"react\";\nimport { useUser } from \"..\";\nimport GoHomeMessageCard from \"../components/redirect-message-card\";\n\nexport default function SignOut(props: { fullPage?: boolean }) {\n  const user = useUser();\n  \n  if (user) {\n    use(user.signOut());\n  }\n  \n  return <GoHomeMessageCard type='signedOut' fullPage={props.fullPage} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAoB;AACpB,eAAwB;AACxB,mCAA8B;AASrB;AAPM,SAAR,QAAyB,OAA+B;AAC7D,QAAM,WAAO,kBAAQ;AAErB,MAAI,MAAM;AACR,0BAAI,KAAK,QAAQ,CAAC;AAAA,EACpB;AAEA,SAAO,4CAAC,6BAAAA,SAAA,EAAkB,MAAK,aAAY,UAAU,MAAM,UAAU;AACvE;","names":["GoHomeMessageCard"]}
+{"version":3,"sources":["../../src/components-page/sign-out.tsx"],"sourcesContent":["'use client';\n\nimport { use } from \"react\";\nimport { useUser } from \"..\";\nimport GoHomeMessageCard from \"../components/message-cards/predefined-message-card\";\n\nexport default function SignOut(props: { fullPage?: boolean }) {\n  const user = useUser();\n  \n  if (user) {\n    use(user.signOut());\n  }\n  \n  return <GoHomeMessageCard type='signedOut' fullPage={props.fullPage} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAoB;AACpB,eAAwB;AACxB,qCAA8B;AASrB;AAPM,SAAR,QAAyB,OAA+B;AAC7D,QAAM,WAAO,kBAAQ;AAErB,MAAI,MAAM;AACR,0BAAI,KAAK,QAAQ,CAAC;AAAA,EACpB;AAEA,SAAO,4CAAC,+BAAAA,SAAA,EAAkB,MAAK,aAAY,UAAU,MAAM,UAAU;AACvE;","names":["GoHomeMessageCard"]}

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

@@ -38,12 +38,13 @@ 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_message_card = __toESM(require("../components/message-cards/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_error_page = __toESM(require("./error-page"));
 var import_jsx_runtime = require("react/jsx-runtime");
 async function StackHandler({
   app,
@@ -113,6 +114,9 @@ async function StackHandler({
       redirectIfNotHandler("magicLinkCallback");
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_magic_link_callback.default, { searchParams, fullPage });
     }
+    case "error": {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_page.default, { searchParams, fullPage });
+    }
     default: {
       return (0, import_navigation.notFound)();
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components-page/stack-handler.tsx"],"sourcesContent":["import SignUp from \"./sign-up\";\nimport SignIn from \"./sign-in\";\nimport { RedirectType, notFound, redirect } from 'next/navigation';\nimport EmailVerification from \"./email-verification\";\nimport { PasswordReset, StackServerApp } from \"..\";\nimport MessageCard from \"../components/message-card\";\nimport { HandlerUrls } from \"../lib/stack-app\";\nimport SignOut from \"./sign-out\";\nimport ForgotPassword from \"./forgot-password\";\nimport OAuthCallback from \"./oauth-callback\";\nimport AccountSettings from \"./account-settings\";\nimport MagicLinkCallback from \"./magic-link-callback\";\n\nexport default async function StackHandler<HasTokenStore extends boolean>({\n  app,\n  params: { stack } = {},\n  searchParams = {},\n  // TODO set default to false like on the other components (may break old code)\n  fullPage = \"deprecated-unset\",\n}: { \n  app: StackServerApp<HasTokenStore>,\n  params?: { stack?: string[] }, \n  searchParams?: Record<string, string>,\n  fullPage?: boolean | \"deprecated-unset\",\n}) {\n  if (fullPage === \"deprecated-unset\") {\n    console.warn(\"You are not passing `fullPage` to Stack's Handler. The default behaviour will soon change from `true` to `false`. Please update your Handler component in handler/[...stack]/page.tsx by adding the `fullPage` prop.\");\n    fullPage = true;\n  }\n\n  if (!stack) {\n    return (\n      <MessageCard title=\"Invalid Stack Handler Setup\" fullPage={fullPage}>\n        <p>Can't use Stack handler at this location. Make sure that the file is in a folder called [...stack].</p>\n      </MessageCard>\n    );\n  }\n\n  function redirectIfNotHandler(name: keyof HandlerUrls) {\n    const url = app.urls[name];\n    const handlerUrl = app.urls.handler;\n\n    if (url.startsWith(handlerUrl)) {\n      // don't redirect if the url is a handler url\n      return;\n    }\n\n    redirect(url, RedirectType.replace);\n  }\n\n  async function redirectIfHasUser() {\n    const user = await app.getServerUser();\n    if (user) {\n      redirect(app.urls.afterSignIn);\n    }\n  }\n\n  const path = stack.join('/');\n  switch (path) {\n    case 'signin': {\n      redirectIfNotHandler('signIn');\n      await redirectIfHasUser();\n      return <SignIn fullPage={fullPage} />;\n    }\n    case 'signup': {\n      redirectIfNotHandler('signUp');\n      await redirectIfHasUser();\n      return <SignUp fullPage={fullPage} />;\n    }\n    case 'email-verification': {\n      redirectIfNotHandler('emailVerification');\n      return <EmailVerification searchParams={searchParams} fullPage={fullPage} />;\n    }\n    case 'password-reset': {\n      redirectIfNotHandler('passwordReset');\n      return <PasswordReset searchParams={searchParams} fullPage={fullPage} />;\n    }\n    case 'forgot-password': {\n      redirectIfNotHandler('forgotPassword');\n      return <ForgotPassword fullPage={fullPage} />;\n    }\n    case 'signout': {\n      redirectIfNotHandler('signOut');\n      return <SignOut fullPage={fullPage} />;\n    }\n    case 'oauth-callback': {\n      redirectIfNotHandler('oauthCallback');\n      return <OAuthCallback fullPage={fullPage} />;\n    }\n    case 'account-settings': {\n      redirectIfNotHandler('accountSettings');\n      return <AccountSettings fullPage={fullPage} />;\n    }\n    case 'magic-link-callback': {\n      redirectIfNotHandler('magicLinkCallback');\n      return <MagicLinkCallback searchParams={searchParams} fullPage={fullPage} />;\n    }\n    default: {\n      return notFound();\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmB;AACnB,qBAAmB;AACnB,wBAAiD;AACjD,gCAA8B;AAC9B,eAA8C;AAC9C,0BAAwB;AAExB,sBAAoB;AACpB,6BAA2B;AAC3B,4BAA0B;AAC1B,8BAA4B;AAC5B,iCAA8B;AAsBtB;AApBR,eAAO,aAAmE;AAAA,EACxE;AAAA,EACA,QAAQ,EAAE,MAAM,IAAI,CAAC;AAAA,EACrB,eAAe,CAAC;AAAA;AAAA,EAEhB,WAAW;AACb,GAKG;AACD,MAAI,aAAa,oBAAoB;AACnC,YAAQ,KAAK,sNAAsN;AACnO,eAAW;AAAA,EACb;AAEA,MAAI,CAAC,OAAO;AACV,WACE,4CAAC,oBAAAA,SAAA,EAAY,OAAM,+BAA8B,UAC/C,sDAAC,OAAE,iHAAmG,GACxG;AAAA,EAEJ;AAEA,WAAS,qBAAqB,MAAyB;AACrD,UAAM,MAAM,IAAI,KAAK,IAAI;AACzB,UAAM,aAAa,IAAI,KAAK;AAE5B,QAAI,IAAI,WAAW,UAAU,GAAG;AAE9B;AAAA,IACF;AAEA,oCAAS,KAAK,+BAAa,OAAO;AAAA,EACpC;AAEA,iBAAe,oBAAoB;AACjC,UAAM,OAAO,MAAM,IAAI,cAAc;AACrC,QAAI,MAAM;AACR,sCAAS,IAAI,KAAK,WAAW;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,OAAO,MAAM,KAAK,GAAG;AAC3B,UAAQ,MAAM;AAAA,IACZ,KAAK,UAAU;AACb,2BAAqB,QAAQ;AAC7B,YAAM,kBAAkB;AACxB,aAAO,4CAAC,eAAAC,SAAA,EAAO,UAAoB;AAAA,IACrC;AAAA,IACA,KAAK,UAAU;AACb,2BAAqB,QAAQ;AAC7B,YAAM,kBAAkB;AACxB,aAAO,4CAAC,eAAAC,SAAA,EAAO,UAAoB;AAAA,IACrC;AAAA,IACA,KAAK,sBAAsB;AACzB,2BAAqB,mBAAmB;AACxC,aAAO,4CAAC,0BAAAC,SAAA,EAAkB,cAA4B,UAAoB;AAAA,IAC5E;AAAA,IACA,KAAK,kBAAkB;AACrB,2BAAqB,eAAe;AACpC,aAAO,4CAAC,0BAAc,cAA4B,UAAoB;AAAA,IACxE;AAAA,IACA,KAAK,mBAAmB;AACtB,2BAAqB,gBAAgB;AACrC,aAAO,4CAAC,uBAAAC,SAAA,EAAe,UAAoB;AAAA,IAC7C;AAAA,IACA,KAAK,WAAW;AACd,2BAAqB,SAAS;AAC9B,aAAO,4CAAC,gBAAAC,SAAA,EAAQ,UAAoB;AAAA,IACtC;AAAA,IACA,KAAK,kBAAkB;AACrB,2BAAqB,eAAe;AACpC,aAAO,4CAAC,sBAAAC,SAAA,EAAc,UAAoB;AAAA,IAC5C;AAAA,IACA,KAAK,oBAAoB;AACvB,2BAAqB,iBAAiB;AACtC,aAAO,4CAAC,wBAAAC,SAAA,EAAgB,UAAoB;AAAA,IAC9C;AAAA,IACA,KAAK,uBAAuB;AAC1B,2BAAqB,mBAAmB;AACxC,aAAO,4CAAC,2BAAAC,SAAA,EAAkB,cAA4B,UAAoB;AAAA,IAC5E;AAAA,IACA,SAAS;AACP,iBAAO,4BAAS;AAAA,IAClB;AAAA,EACF;AACF;","names":["MessageCard","SignIn","SignUp","EmailVerification","ForgotPassword","SignOut","OAuthCallback","AccountSettings","MagicLinkCallback"]}
+{"version":3,"sources":["../../src/components-page/stack-handler.tsx"],"sourcesContent":["import SignUp from \"./sign-up\";\nimport SignIn from \"./sign-in\";\nimport { RedirectType, notFound, redirect } from 'next/navigation';\nimport EmailVerification from \"./email-verification\";\nimport { PasswordReset, StackServerApp } from \"..\";\nimport MessageCard from \"../components/message-cards/message-card\";\nimport { HandlerUrls } from \"../lib/stack-app\";\nimport SignOut from \"./sign-out\";\nimport ForgotPassword from \"./forgot-password\";\nimport OAuthCallback from \"./oauth-callback\";\nimport AccountSettings from \"./account-settings\";\nimport MagicLinkCallback from \"./magic-link-callback\";\nimport ErrorPage from \"./error-page\";\n\nexport default async function StackHandler<HasTokenStore extends boolean>({\n  app,\n  params: { stack } = {},\n  searchParams = {},\n  // TODO set default to false like on the other components (may break old code)\n  fullPage = \"deprecated-unset\",\n}: { \n  app: StackServerApp<HasTokenStore>,\n  params?: { stack?: string[] }, \n  searchParams?: Record<string, string>,\n  fullPage?: boolean | \"deprecated-unset\",\n}) {\n  if (fullPage === \"deprecated-unset\") {\n    console.warn(\"You are not passing `fullPage` to Stack's Handler. The default behaviour will soon change from `true` to `false`. Please update your Handler component in handler/[...stack]/page.tsx by adding the `fullPage` prop.\");\n    fullPage = true;\n  }\n\n  if (!stack) {\n    return (\n      <MessageCard title=\"Invalid Stack Handler Setup\" fullPage={fullPage}>\n        <p>Can't use Stack handler at this location. Make sure that the file is in a folder called [...stack].</p>\n      </MessageCard>\n    );\n  }\n\n  function redirectIfNotHandler(name: keyof HandlerUrls) {\n    const url = app.urls[name];\n    const handlerUrl = app.urls.handler;\n\n    if (url.startsWith(handlerUrl)) {\n      // don't redirect if the url is a handler url\n      return;\n    }\n\n    redirect(url, RedirectType.replace);\n  }\n\n  async function redirectIfHasUser() {\n    const user = await app.getServerUser();\n    if (user) {\n      redirect(app.urls.afterSignIn);\n    }\n  }\n\n  const path = stack.join('/');\n  switch (path) {\n    case 'signin': {\n      redirectIfNotHandler('signIn');\n      await redirectIfHasUser();\n      return <SignIn fullPage={fullPage} />;\n    }\n    case 'signup': {\n      redirectIfNotHandler('signUp');\n      await redirectIfHasUser();\n      return <SignUp fullPage={fullPage} />;\n    }\n    case 'email-verification': {\n      redirectIfNotHandler('emailVerification');\n      return <EmailVerification searchParams={searchParams} fullPage={fullPage} />;\n    }\n    case 'password-reset': {\n      redirectIfNotHandler('passwordReset');\n      return <PasswordReset searchParams={searchParams} fullPage={fullPage} />;\n    }\n    case 'forgot-password': {\n      redirectIfNotHandler('forgotPassword');\n      return <ForgotPassword fullPage={fullPage} />;\n    }\n    case 'signout': {\n      redirectIfNotHandler('signOut');\n      return <SignOut fullPage={fullPage} />;\n    }\n    case 'oauth-callback': {\n      redirectIfNotHandler('oauthCallback');\n      return <OAuthCallback fullPage={fullPage} />;\n    }\n    case 'account-settings': {\n      redirectIfNotHandler('accountSettings');\n      return <AccountSettings fullPage={fullPage} />;\n    }\n    case 'magic-link-callback': {\n      redirectIfNotHandler('magicLinkCallback');\n      return <MagicLinkCallback searchParams={searchParams} fullPage={fullPage} />;\n    }\n    case 'error': {\n      return <ErrorPage searchParams={searchParams} fullPage={fullPage} />;\n    }\n    default: {\n      return notFound();\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmB;AACnB,qBAAmB;AACnB,wBAAiD;AACjD,gCAA8B;AAC9B,eAA8C;AAC9C,0BAAwB;AAExB,sBAAoB;AACpB,6BAA2B;AAC3B,4BAA0B;AAC1B,8BAA4B;AAC5B,iCAA8B;AAC9B,wBAAsB;AAsBd;AApBR,eAAO,aAAmE;AAAA,EACxE;AAAA,EACA,QAAQ,EAAE,MAAM,IAAI,CAAC;AAAA,EACrB,eAAe,CAAC;AAAA;AAAA,EAEhB,WAAW;AACb,GAKG;AACD,MAAI,aAAa,oBAAoB;AACnC,YAAQ,KAAK,sNAAsN;AACnO,eAAW;AAAA,EACb;AAEA,MAAI,CAAC,OAAO;AACV,WACE,4CAAC,oBAAAA,SAAA,EAAY,OAAM,+BAA8B,UAC/C,sDAAC,OAAE,iHAAmG,GACxG;AAAA,EAEJ;AAEA,WAAS,qBAAqB,MAAyB;AACrD,UAAM,MAAM,IAAI,KAAK,IAAI;AACzB,UAAM,aAAa,IAAI,KAAK;AAE5B,QAAI,IAAI,WAAW,UAAU,GAAG;AAE9B;AAAA,IACF;AAEA,oCAAS,KAAK,+BAAa,OAAO;AAAA,EACpC;AAEA,iBAAe,oBAAoB;AACjC,UAAM,OAAO,MAAM,IAAI,cAAc;AACrC,QAAI,MAAM;AACR,sCAAS,IAAI,KAAK,WAAW;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,OAAO,MAAM,KAAK,GAAG;AAC3B,UAAQ,MAAM;AAAA,IACZ,KAAK,UAAU;AACb,2BAAqB,QAAQ;AAC7B,YAAM,kBAAkB;AACxB,aAAO,4CAAC,eAAAC,SAAA,EAAO,UAAoB;AAAA,IACrC;AAAA,IACA,KAAK,UAAU;AACb,2BAAqB,QAAQ;AAC7B,YAAM,kBAAkB;AACxB,aAAO,4CAAC,eAAAC,SAAA,EAAO,UAAoB;AAAA,IACrC;AAAA,IACA,KAAK,sBAAsB;AACzB,2BAAqB,mBAAmB;AACxC,aAAO,4CAAC,0BAAAC,SAAA,EAAkB,cAA4B,UAAoB;AAAA,IAC5E;AAAA,IACA,KAAK,kBAAkB;AACrB,2BAAqB,eAAe;AACpC,aAAO,4CAAC,0BAAc,cAA4B,UAAoB;AAAA,IACxE;AAAA,IACA,KAAK,mBAAmB;AACtB,2BAAqB,gBAAgB;AACrC,aAAO,4CAAC,uBAAAC,SAAA,EAAe,UAAoB;AAAA,IAC7C;AAAA,IACA,KAAK,WAAW;AACd,2BAAqB,SAAS;AAC9B,aAAO,4CAAC,gBAAAC,SAAA,EAAQ,UAAoB;AAAA,IACtC;AAAA,IACA,KAAK,kBAAkB;AACrB,2BAAqB,eAAe;AACpC,aAAO,4CAAC,sBAAAC,SAAA,EAAc,UAAoB;AAAA,IAC5C;AAAA,IACA,KAAK,oBAAoB;AACvB,2BAAqB,iBAAiB;AACtC,aAAO,4CAAC,wBAAAC,SAAA,EAAgB,UAAoB;AAAA,IAC9C;AAAA,IACA,KAAK,uBAAuB;AAC1B,2BAAqB,mBAAmB;AACxC,aAAO,4CAAC,2BAAAC,SAAA,EAAkB,cAA4B,UAAoB;AAAA,IAC5E;AAAA,IACA,KAAK,SAAS;AACZ,aAAO,4CAAC,kBAAAC,SAAA,EAAU,cAA4B,UAAoB;AAAA,IACpE;AAAA,IACA,SAAS;AACP,iBAAO,4BAAS;AAAA,IAClB;AAAA,EACF;AACF;","names":["MessageCard","SignIn","SignUp","EmailVerification","ForgotPassword","SignOut","OAuthCallback","AccountSettings","MagicLinkCallback","ErrorPage"]}

package/dist/esm/components/message-cards/known-error-message-card.js

@@ -0,0 +1,37 @@
+"use client";
+"use client";
+
+// src/components/message-cards/known-error-message-card.tsx
+import { useStackApp } from "../..";
+import MessageCard from "./message-card";
+import { Text } from "../../components-core";
+import { jsxs } from "react/jsx-runtime";
+function KnownErrorMessageCard({
+  error,
+  fullPage = false
+}) {
+  const stackApp = useStackApp();
+  return /* @__PURE__ */ jsxs(
+    MessageCard,
+    {
+      title: "An error occurred",
+      fullPage,
+      primaryButtonText: "Go to Home",
+      primaryAction: () => stackApp.redirectToHome(),
+      children: [
+        /* @__PURE__ */ jsxs(Text, { children: [
+          "Error Code: ",
+          error.errorCode
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { children: [
+          "Error Message: ",
+          error.message
+        ] })
+      ]
+    }
+  );
+}
+export {
+  KnownErrorMessageCard as default
+};
+//# sourceMappingURL=known-error-message-card.js.map

package/dist/esm/components/message-cards/known-error-message-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/message-cards/known-error-message-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useStackApp } from \"../..\";\nimport MessageCard from \"./message-card\";\nimport { Text } from \"../../components-core\";\nimport { KnownError } from \"@stackframe/stack-shared\";\n\nexport default function KnownErrorMessageCard({ \n  error,\n  fullPage=false,\n}: { \n  error: KnownError,\n  fullPage?: boolean, \n}) {\n  const stackApp = useStackApp();\n\n  return (\n    <MessageCard \n      title={\"An error occurred\"}\n      fullPage={fullPage} \n      primaryButtonText={\"Go to Home\"}\n      primaryAction={() => stackApp.redirectToHome()}\n    >\n      {<Text>Error Code: {error.errorCode}</Text>}\n      {<Text>Error Message: {error.message}</Text>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;AAEA,SAAS,mBAAmB;AAC5B,OAAO,iBAAiB;AACxB,SAAS,YAAY;AAmBd;AAhBQ,SAAR,sBAAuC;AAAA,EAC5C;AAAA,EACA,WAAS;AACX,GAGG;AACD,QAAM,WAAW,YAAY;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,mBAAmB;AAAA,MACnB,eAAe,MAAM,SAAS,eAAe;AAAA,MAE5C;AAAA,6BAAC,QAAK;AAAA;AAAA,UAAa,MAAM;AAAA,WAAU;AAAA,QACnC,qBAAC,QAAK;AAAA;AAAA,UAAgB,MAAM;AAAA,WAAQ;AAAA;AAAA;AAAA,EACvC;AAEJ;","names":[]}

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

@@ -0,0 +1,21 @@
+"use client";
+"use client";
+
+// src/components/message-cards/message-card.tsx
+import MaybeFullPage from "../maybe-full-page";
+import { Button, Text } from "../../components-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MessageCard({ fullPage = false, ...props }) {
+  return /* @__PURE__ */ jsx(MaybeFullPage, { fullPage, children: /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
+    /* @__PURE__ */ jsx(Text, { size: "xl", as: "h2", style: { marginBottom: "24px" }, children: props.title }),
+    props.children,
+    (props.primaryButtonText || props.secondaryButtonText) && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", gap: "16px", marginTop: 20 }, children: [
+      props.secondaryButtonText && /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: props.secondaryAction, children: props.secondaryButtonText }),
+      props.primaryButtonText && /* @__PURE__ */ jsx(Button, { onClick: props.primaryAction, children: props.primaryButtonText })
+    ] })
+  ] }) });
+}
+export {
+  MessageCard as default
+};
+//# sourceMappingURL=message-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/message-cards/message-card.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport MaybeFullPage from \"../maybe-full-page\";\nimport { Button, Text } from \"../../components-core\";\n\nexport default function MessageCard(\n  { fullPage=false, ...props }: \n  { \n    children?: React.ReactNode, \n    title: string, \n    fullPage?: boolean,\n    primaryButtonText?: string,\n    primaryAction?: () => Promise<void> | void,\n    secondaryButtonText?: string,\n    secondaryAction?: () => Promise<void> | void,\n  }\n) {\n  return (\n    <MaybeFullPage fullPage={fullPage}>\n      <div style={{ textAlign: 'center' }}>\n        <Text size=\"xl\" as='h2' style={{ marginBottom: '24px' }}>{props.title}</Text>\n        {props.children}\n        {(props.primaryButtonText || props.secondaryButtonText) && (\n          <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: '16px', marginTop: 20 }}>\n            {props.secondaryButtonText && (\n              <Button variant=\"secondary\" onClick={props.secondaryAction}>\n                {props.secondaryButtonText}\n              </Button>\n            )}\n            {props.primaryButtonText && (\n              <Button onClick={props.primaryAction}>\n                {props.primaryButtonText}\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":";;;AAGA,OAAO,mBAAmB;AAC1B,SAAS,QAAQ,YAAY;AAiBrB,cAGE,YAHF;AAfO,SAAR,YACL,EAAE,WAAS,OAAO,GAAG,MAAM,GAU3B;AACA,SACE,oBAAC,iBAAc,UACb,+BAAC,SAAI,OAAO,EAAE,WAAW,SAAS,GAChC;AAAA,wBAAC,QAAK,MAAK,MAAK,IAAG,MAAK,OAAO,EAAE,cAAc,OAAO,GAAI,gBAAM,OAAM;AAAA,IACrE,MAAM;AAAA,KACL,MAAM,qBAAqB,MAAM,wBACjC,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,OAAO,YAAY,UAAU,gBAAgB,UAAU,KAAK,QAAQ,WAAW,GAAG,GAC7H;AAAA,YAAM,uBACL,oBAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,iBACxC,gBAAM,qBACT;AAAA,MAED,MAAM,qBACL,oBAAC,UAAO,SAAS,MAAM,eACpB,gBAAM,mBACT;AAAA,OAEJ;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/esm/components/{redirect-message-card.js → message-cards/predefined-message-card.js}

@@ -1,27 +1,27 @@
 "use client";
 "use client";
 
-// src/components/redirect-message-card.tsx
-import { useRouter } from "next/navigation";
-import { useStackApp } from "..";
+// src/components/message-cards/predefined-message-card.tsx
+import { useStackApp } from "../..";
 import MessageCard from "./message-card";
-import { Text, Button } from "../components-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-function RedirectMessageCard({
+import { Text } from "../../components-core";
+import { jsx } from "react/jsx-runtime";
+function PredefinedMessageCard({
   type,
   fullPage = false
 }) {
   const stackApp = useStackApp();
-  const router = useRouter();
   let title;
-  let primaryAction;
   let message = null;
-  let primaryButton;
+  let primaryButton = null;
   let secondaryButton = null;
+  let primaryAction = null;
+  let secondaryAction = null;
   switch (type) {
     case "signedIn": {
       title = "You are already signed in";
       primaryAction = () => stackApp.redirectToAfterSignOut();
+      secondaryAction = () => stackApp.redirectToSignOut();
       primaryButton = "Go to Home";
       secondaryButton = "Sign Out";
       break;
@@ -53,25 +53,28 @@ function RedirectMessageCard({
       primaryButton = "Go to Home";
       break;
     }
+    case "unknownError": {
+      title = "An unknown error occurred";
+      message = "Please try again and if the problem persists, contact support.";
+      primaryAction = () => stackApp.redirectToHome();
+      primaryButton = "Go to Home";
+      break;
+    }
   }
-  return /* @__PURE__ */ jsxs(MessageCard, { title, fullPage, children: [
-    message && /* @__PURE__ */ jsx(Text, { children: message }),
-    /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", gap: "16px", marginTop: 20 }, children: [
-      secondaryButton && /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "secondary",
-          onClick: async () => {
-            await stackApp.redirectToSignOut();
-          },
-          children: secondaryButton
-        }
-      ),
-      /* @__PURE__ */ jsx(Button, { onClick: primaryAction, children: primaryButton })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsx(
+    MessageCard,
+    {
+      title,
+      fullPage,
+      primaryButtonText: primaryButton,
+      primaryAction,
+      secondaryButtonText: secondaryButton || void 0,
+      secondaryAction: secondaryAction || void 0,
+      children: message && /* @__PURE__ */ jsx(Text, { children: message })
+    }
+  );
 }
 export {
-  RedirectMessageCard as default
+  PredefinedMessageCard as default
 };
-//# sourceMappingURL=redirect-message-card.js.map
+//# sourceMappingURL=predefined-message-card.js.map

package/dist/esm/components/message-cards/predefined-message-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/message-cards/predefined-message-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useStackApp } from \"../..\";\nimport MessageCard from \"./message-card\";\nimport { Text } from \"../../components-core\";\n\nexport default function PredefinedMessageCard({ \n  type,\n  fullPage=false,\n}: { \n  type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'emailVerified' | 'unknownError',\n  fullPage?: boolean, \n}) {\n  const stackApp = useStackApp();\n\n  let title: string;\n  let message: string | null = null;\n  let primaryButton: string | null = null;\n  let secondaryButton: string | null = null;\n  let primaryAction: (() => Promise<void> | void) | null = null;\n  let secondaryAction: (() => Promise<void> | void) | null = null;\n\n  switch (type) {\n    case 'signedIn': {\n      title = \"You are already signed in\";\n      primaryAction = () => stackApp.redirectToAfterSignOut();\n      secondaryAction = () => stackApp.redirectToSignOut();\n      primaryButton = \"Go to Home\";\n      secondaryButton = \"Sign Out\";\n      break;\n    }\n    case 'signedOut': {\n      title = \"You are not currently signed in.\";\n      primaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = \"Go to Home\";\n      break;\n    }\n    case 'emailSent': {\n      title = \"Email sent!\";\n      message = 'Please check your inbox. Make sure to check your spam folder.';\n      primaryAction = () => stackApp.redirectToHome();\n      primaryButton = \"Go to Home\";\n      break;\n    }\n    case 'passwordReset': {\n      title = \"Password reset successfully!\";\n      message = 'Your password has been reset. You can now sign in with your new password.';\n      primaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = \"Go to Sign In\";\n      break;\n    }\n    case 'emailVerified': {\n      title = \"Email verified!\";\n      message = 'Your have successfully verified your email.';\n      primaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = \"Go to Home\";\n      break;\n    }\n    case 'unknownError': {\n      title = \"An unknown error occurred\";\n      message = 'Please try again and if the problem persists, contact support.';\n      primaryAction = () => stackApp.redirectToHome();\n      primaryButton = \"Go to Home\";\n      break;\n    }\n  }\n\n  return (\n    <MessageCard \n      title={title} \n      fullPage={fullPage} \n      primaryButtonText={primaryButton} \n      primaryAction={primaryAction} \n      secondaryButtonText={secondaryButton || undefined} \n      secondaryAction={secondaryAction || undefined}\n    >\n      {message && <Text>{message}</Text>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;AAEA,SAAS,mBAAmB;AAC5B,OAAO,iBAAiB;AACxB,SAAS,YAAY;AAwEH;AAtEH,SAAR,sBAAuC;AAAA,EAC5C;AAAA,EACA,WAAS;AACX,GAGG;AACD,QAAM,WAAW,YAAY;AAE7B,MAAI;AACJ,MAAI,UAAyB;AAC7B,MAAI,gBAA+B;AACnC,MAAI,kBAAiC;AACrC,MAAI,gBAAqD;AACzD,MAAI,kBAAuD;AAE3D,UAAQ,MAAM;AAAA,IACZ,KAAK,YAAY;AACf,cAAQ;AACR,sBAAgB,MAAM,SAAS,uBAAuB;AACtD,wBAAkB,MAAM,SAAS,kBAAkB;AACnD,sBAAgB;AAChB,wBAAkB;AAClB;AAAA,IACF;AAAA,IACA,KAAK,aAAa;AAChB,cAAQ;AACR,sBAAgB,MAAM,SAAS,iBAAiB;AAChD,sBAAgB;AAChB;AAAA,IACF;AAAA,IACA,KAAK,aAAa;AAChB,cAAQ;AACR,gBAAU;AACV,sBAAgB,MAAM,SAAS,eAAe;AAC9C,sBAAgB;AAChB;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AACpB,cAAQ;AACR,gBAAU;AACV,sBAAgB,MAAM,SAAS,iBAAiB;AAChD,sBAAgB;AAChB;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AACpB,cAAQ;AACR,gBAAU;AACV,sBAAgB,MAAM,SAAS,iBAAiB;AAChD,sBAAgB;AAChB;AAAA,IACF;AAAA,IACA,KAAK,gBAAgB;AACnB,cAAQ;AACR,gBAAU;AACV,sBAAgB,MAAM,SAAS,eAAe;AAC9C,sBAAgB;AAChB;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA,qBAAqB,mBAAmB;AAAA,MACxC,iBAAiB,mBAAmB;AAAA,MAEnC,qBAAW,oBAAC,QAAM,mBAAQ;AAAA;AAAA,EAC7B;AAEJ;","names":[]}

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

@@ -10,8 +10,8 @@ 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 PredefinedMessageCard from "./message-cards/predefined-message-card";
+import MessageCard from "./message-cards/message-card";
 import MaybeFullPage from "./maybe-full-page";
 import { Button, Label, Text } from "../components-core";
 import { runAsynchronouslyWithAlert } from "@stackframe/stack-shared/dist/utils/promises";
@@ -47,7 +47,7 @@ function PasswordResetInner({ code, fullPage = false }) {
     setFinished(true);
   };
   if (finished) {
-    return /* @__PURE__ */ jsx(RedirectMessageCard, { type: "passwordReset", fullPage });
+    return /* @__PURE__ */ jsx(PredefinedMessageCard, { type: "passwordReset", fullPage });
   }
   if (resetError) {
     return /* @__PURE__ */ jsx(MessageCard, { title: "Failed to reset password", fullPage, children: /* @__PURE__ */ jsx(Text, { children: "Failed to reset password. Please request a new password reset link" }) });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/password-reset-inner.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as yup from \"yup\";\nimport { getPasswordError } from \"@stackframe/stack-shared/dist/helpers/password\";\nimport { useStackApp } from \"..\";\nimport PasswordField from \"./password-field\";\nimport FormWarningText from \"./form-warning\";\nimport RedirectMessageCard from \"./redirect-message-card\";\nimport MessageCard from \"./message-card\";\nimport MaybeFullPage from \"./maybe-full-page\";\nimport { Button, Label, Text } from \"../components-core\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\n\nconst schema = yup.object().shape({\n  password: yup.string().required('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: yup.string().nullable().oneOf([yup.ref('password'), null], 'Passwords do not match').required('Please repeat your password')\n});\n\nexport default function PasswordResetInner(\n  { code, fullPage = false }:\n  { code: string, fullPage?: boolean }\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\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    const { password } = data;\n    const errorCode = await stackApp.resetPassword({ password, code });\n    if (errorCode) {\n      setResetError(true);\n      return;\n    }\n\n    setFinished(true);\n  };\n\n  if (finished) {\n    return <RedirectMessageCard type='passwordReset' fullPage={fullPage} />;\n  }\n\n  if (resetError) {\n    return (\n      <MessageCard title=\"Failed to reset password\" fullPage={fullPage}>\n        <Text>Failed to reset password. Please request a new password reset link</Text>\n      </MessageCard>\n    );\n  }\n\n  return (\n    <MaybeFullPage fullPage={fullPage}>\n      <div style={{ textAlign: 'center', marginBottom: '1.5rem' }}>\n        <Text size=\"xl\" as='h2'>Reset Your Password</Text>\n      </div>\n\n      <form \n        style={{ display: 'flex', flexDirection: 'column', alignItems: 'stretch' }} \n        onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n        noValidate\n      >\n        <Label htmlFor=\"password\">New Password</Label>\n        <PasswordField\n          id=\"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\" style={{ marginTop: \"1rem\" }}>Repeat New Password</Label>\n        <PasswordField\n          id=\"repeat-password\"\n          {...register('passwordRepeat')}\n          onChange={() => {\n            clearErrors('password');\n            clearErrors('passwordRepeat');\n          }}\n        />\n        <FormWarningText text={errors.passwordRepeat?.message?.toString()} />\n\n        <Button style={{ marginTop: '1.5rem' }} type=\"submit\">\n          Reset Password\n        </Button>\n      </form>\n    </MaybeFullPage>\n  ); \n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/password-reset-inner.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as yup from \"yup\";\nimport { getPasswordError } from \"@stackframe/stack-shared/dist/helpers/password\";\nimport { useStackApp } from \"..\";\nimport PasswordField from \"./password-field\";\nimport FormWarningText from \"./form-warning\";\nimport PredefinedMessageCard from \"./message-cards/predefined-message-card\";\nimport MessageCard from \"./message-cards/message-card\";\nimport MaybeFullPage from \"./maybe-full-page\";\nimport { Button, Label, Text } from \"../components-core\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\n\nconst schema = yup.object().shape({\n  password: yup.string().required('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: yup.string().nullable().oneOf([yup.ref('password'), null], 'Passwords do not match').required('Please repeat your password')\n});\n\nexport default function PasswordResetInner(\n  { code, fullPage = false }:\n  { code: string, fullPage?: boolean }\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\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    const { password } = data;\n    const errorCode = await stackApp.resetPassword({ password, code });\n    if (errorCode) {\n      setResetError(true);\n      return;\n    }\n\n    setFinished(true);\n  };\n\n  if (finished) {\n    return <PredefinedMessageCard type='passwordReset' fullPage={fullPage} />;\n  }\n\n  if (resetError) {\n    return (\n      <MessageCard title=\"Failed to reset password\" fullPage={fullPage}>\n        <Text>Failed to reset password. Please request a new password reset link</Text>\n      </MessageCard>\n    );\n  }\n\n  return (\n    <MaybeFullPage fullPage={fullPage}>\n      <div style={{ textAlign: 'center', marginBottom: '1.5rem' }}>\n        <Text size=\"xl\" as='h2'>Reset Your Password</Text>\n      </div>\n\n      <form \n        style={{ display: 'flex', flexDirection: 'column', alignItems: 'stretch' }} \n        onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n        noValidate\n      >\n        <Label htmlFor=\"password\">New Password</Label>\n        <PasswordField\n          id=\"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\" style={{ marginTop: \"1rem\" }}>Repeat New Password</Label>\n        <PasswordField\n          id=\"repeat-password\"\n          {...register('passwordRepeat')}\n          onChange={() => {\n            clearErrors('password');\n            clearErrors('passwordRepeat');\n          }}\n        />\n        <FormWarningText text={errors.passwordRepeat?.message?.toString()} />\n\n        <Button style={{ marginTop: '1.5rem' }} type=\"submit\">\n          Reset Password\n        </Button>\n      </form>\n    </MaybeFullPage>\n  ); \n}\n"],"mappings":"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","names":[]}

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

@@ -3,7 +3,7 @@
 
 // src/components-page/account-settings.tsx
 import { PasswordField, useUser } from "..";
-import RedirectMessageCard from "../components/redirect-message-card";
+import PredefinedMessageCard from "../components/message-cards/predefined-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";
@@ -174,7 +174,7 @@ function SignOutSection() {
 function AccountSettings({ fullPage = false }) {
   const user = useUser();
   if (!user) {
-    return /* @__PURE__ */ jsx(RedirectMessageCard, { type: "signedOut", fullPage });
+    return /* @__PURE__ */ jsx(PredefinedMessageCard, { type: "signedOut", fullPage });
   }
   const inner = /* @__PURE__ */ jsxs("div", { style: { padding: fullPage ? "1rem" : 0, display: "flex", flexDirection: "column", gap: "1rem" }, children: [
     /* @__PURE__ */ jsxs("div", { children: [