@stackframe/stack 2.4.6 → 2.4.7

package/dist/components-core/loading-indicator.d.mts

@@ -1,13 +1,11 @@
-import * as styled_components from 'styled-components';
-import * as styled_components_dist_types from 'styled-components/dist/types';
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const LoadingIndicator: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+declare function LoadingIndicator(props: {
+    size?: number;
     color: {
         light: string;
         dark: string;
     };
-    size?: number | undefined;
-}>>;
+}): react_jsx_runtime.JSX.Element;
 
 export { LoadingIndicator as default };

package/dist/components-core/loading-indicator.d.ts

@@ -1,13 +1,11 @@
-import * as styled_components from 'styled-components';
-import * as styled_components_dist_types from 'styled-components/dist/types';
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const LoadingIndicator: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+declare function LoadingIndicator(props: {
+    size?: number;
     color: {
         light: string;
         dark: string;
     };
-    size?: number | undefined;
-}>>;
+}): react_jsx_runtime.JSX.Element;
 
 export { LoadingIndicator as default };

package/dist/components-core/loading-indicator.js

@@ -30,17 +30,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components-core/loading-indicator.tsx
 var loading_indicator_exports = {};
 __export(loading_indicator_exports, {
-  default: () => loading_indicator_default
+  default: () => LoadingIndicator
 });
 module.exports = __toCommonJS(loading_indicator_exports);
 var import_styled_components = __toESM(require("styled-components"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var l7 = import_styled_components.keyframes`
   33% { background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%; }
   50% { background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%; }
   66% { background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%; }
 `;
-var LoadingIndicator = import_styled_components.default.div`
-  width: ${(props) => props.size || 36}px;
+var StyledLoadingIndicator = import_styled_components.default.div`
+  width: ${(props) => props.$size || 36}px;
   aspect-ratio: 4;
   background: 
     var(--_g) 0% 50%, 
@@ -49,11 +50,13 @@ var LoadingIndicator = import_styled_components.default.div`
   background-size: calc(100%/3) 100%;
   animation: ${l7} 1s infinite linear;
 
-  --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.color.light} 90%, #0000);
+  --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.$color.light} 90%, #0000);
 
   html[data-stack-theme='dark'] & {
-    --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.color.dark} 90%, #0000);
+    --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.$color.dark} 90%, #0000);
   }
 `;
-var loading_indicator_default = LoadingIndicator;
+function LoadingIndicator(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledLoadingIndicator, { $size: props.size, $color: props.color });
+}
 //# sourceMappingURL=loading-indicator.js.map

package/dist/components-core/loading-indicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components-core/loading-indicator.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nconst l7 = keyframes`\n  33% { background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%; }\n  50% { background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%; }\n  66% { background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%; }\n`;\n\nconst LoadingIndicator = styled.div<{ color: { light: string, dark: string }, size?: number }>`\n  width: ${props => props.size || 36}px;\n  aspect-ratio: 4;\n  background: \n    var(--_g) 0% 50%, \n    var(--_g) 50% 50%, \n    var(--_g) 100% 50%;\n  background-size: calc(100%/3) 100%;\n  animation: ${l7} 1s infinite linear;\n\n  --_g: no-repeat radial-gradient(circle closest-side, ${props => props.color.light} 90%, #0000);\n\n  html[data-stack-theme='dark'] & {\n    --_g: no-repeat radial-gradient(circle closest-side, ${props => props.color.dark} 90%, #0000);\n  }\n`;\nexport default LoadingIndicator;"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAElC,IAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAMX,IAAM,mBAAmB,yBAAAA,QAAO;AAAA,WACrB,WAAS,MAAM,QAAQ,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOrB,EAAE;AAAA;AAAA,yDAEwC,WAAS,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA,2DAGxB,WAAS,MAAM,MAAM,IAAI;AAAA;AAAA;AAGpF,IAAO,4BAAQ;","names":["styled"]}
+{"version":3,"sources":["../../src/components-core/loading-indicator.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nconst l7 = keyframes`\n  33% { background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%; }\n  50% { background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%; }\n  66% { background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%; }\n`;\n\nconst StyledLoadingIndicator = styled.div<{ $color: { light: string, dark: string }, $size?: number }>`\n  width: ${props => props.$size || 36}px;\n  aspect-ratio: 4;\n  background: \n    var(--_g) 0% 50%, \n    var(--_g) 50% 50%, \n    var(--_g) 100% 50%;\n  background-size: calc(100%/3) 100%;\n  animation: ${l7} 1s infinite linear;\n\n  --_g: no-repeat radial-gradient(circle closest-side, ${props => props.$color.light} 90%, #0000);\n\n  html[data-stack-theme='dark'] & {\n    --_g: no-repeat radial-gradient(circle closest-side, ${props => props.$color.dark} 90%, #0000);\n  }\n`;\n\nexport default function LoadingIndicator(props: { size?: number, color: { light: string, dark: string } }) {\n  return <StyledLoadingIndicator $size={props.size} $color={props.color} />;\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AA0BzB;AAxBT,IAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAMX,IAAM,yBAAyB,yBAAAA,QAAO;AAAA,WAC3B,WAAS,MAAM,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOtB,EAAE;AAAA;AAAA,yDAEwC,WAAS,MAAM,OAAO,KAAK;AAAA;AAAA;AAAA,2DAGzB,WAAS,MAAM,OAAO,IAAI;AAAA;AAAA;AAItE,SAAR,iBAAkC,OAAkE;AACzG,SAAO,4CAAC,0BAAuB,OAAO,MAAM,MAAM,QAAQ,MAAM,OAAO;AACzE;","names":["styled"]}

package/dist/components-core-joy/text.d.mts

@@ -2,8 +2,8 @@ import React__default from 'react';
 
 declare const Text: React__default.ForwardRefExoticComponent<Omit<Omit<Omit<{
     variant?: "primary" | "secondary" | "warning" | "success" | undefined;
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    as?: "h2" | "h3" | "p" | "h1" | "h4" | "h5" | "h6" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
 } & Omit<React__default.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React__default.RefAttributes<HTMLParagraphElement>, "ref"> & React__default.RefAttributes<HTMLParagraphElement>, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
 
 export { Text };

package/dist/components-core-joy/text.d.ts

@@ -2,8 +2,8 @@ import React__default from 'react';
 
 declare const Text: React__default.ForwardRefExoticComponent<Omit<Omit<Omit<{
     variant?: "primary" | "secondary" | "warning" | "success" | undefined;
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    as?: "h2" | "h3" | "p" | "h1" | "h4" | "h5" | "h6" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
 } & Omit<React__default.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React__default.RefAttributes<HTMLParagraphElement>, "ref"> & React__default.RefAttributes<HTMLParagraphElement>, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
 
 export { Text };

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

@@ -44,20 +44,35 @@ function OAuthCallback() {
   const app = (0, import__.useStackApp)();
   const called = (0, import_react.useRef)(false);
   const [error, setError] = (0, import_react.useState)(null);
+  const [showRedirectLink, setShowRedirectLink] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => (0, import_promises.runAsynchronously)(async () => {
     if (called.current)
       return;
     called.current = true;
+    let hasRedirected = false;
     try {
-      await app.callOAuthCallback();
+      hasRedirected = await app.callOAuthCallback();
     } catch (e) {
       setError(e);
     }
+    if (!hasRedirected) {
+      await app.redirectToSignIn();
+    }
   }), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.default, { title: "Redirecting...", fullPage: true, children: error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Something went wrong while processing the OAuth callback:" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(error, null, 2) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "This is most likely an error in Stack. Please report it." })
-  ] }) : null });
+  (0, import_react.useEffect)(() => {
+    setTimeout(() => setShowRedirectLink(true), 3e3);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_message_card.default, { title: "Redirecting...", fullPage: true, 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" }),
+      "."
+    ] }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Something went wrong while processing the OAuth callback:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(error, null, 2) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "This is most likely an error in Stack. Please report it." })
+    ] }) : null
+  ] });
 }
 //# sourceMappingURL=oauth-callback.js.map

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 () {\n  const app = useStackApp();\n  const called = useRef(false);\n  const [error, setError] = useState<unknown>(null);\n\n  useEffect(() => runAsynchronously(async () => {\n    if (called.current) return;\n    called.current = true;\n    try {\n      await app.callOAuthCallback();\n    } catch (e: any) {\n      setError(e);\n    }\n  }), []);\n\n  return <MessageCard title='Redirecting...' fullPage>\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;AAkBX;AAhBE,SAAR,gBAAkC;AACvC,QAAM,UAAM,sBAAY;AACxB,QAAM,aAAS,qBAAO,KAAK;AAC3B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAkB,IAAI;AAEhD,8BAAU,UAAM,mCAAkB,YAAY;AAC5C,QAAI,OAAO;AAAS;AACpB,WAAO,UAAU;AACjB,QAAI;AACF,YAAM,IAAI,kBAAkB;AAAA,IAC9B,SAAS,GAAQ;AACf,eAAS,CAAC;AAAA,IACZ;AAAA,EACF,CAAC,GAAG,CAAC,CAAC;AAEN,SAAO,4CAAC,oBAAAA,SAAA,EAAY,OAAM,kBAAiB,UAAQ,MAChD,kBAAQ,6CAAC,SACR;AAAA,gDAAC,OAAE,uEAAyD;AAAA,IAC5D,4CAAC,SAAK,eAAK,UAAU,OAAO,MAAM,CAAC,GAAE;AAAA,IACrC,4CAAC,OAAE,sEAAwD;AAAA,KAC7D,IAAS,MACX;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-card\";\n\nexport default function OAuthCallback () {\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>\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,gBAAkC;AACvC,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,UAAQ,MAChD;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"]}

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

@@ -61,14 +61,22 @@ async function StackHandler({
     }
     (0, import_navigation.redirect)(url, import_navigation.RedirectType.replace);
   }
+  async function redirectIfHasUser() {
+    const user = await app.getServerUser();
+    if (user) {
+      (0, import_navigation.redirect)(app.urls.afterSignIn);
+    }
+  }
   const path = stack.join("/");
   switch (path) {
     case "signin": {
       redirectIfNotHandler("signIn");
+      await redirectIfHasUser();
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sign_in.default, { fullPage: true });
     }
     case "signup": {
       redirectIfNotHandler("signUp");
+      await redirectIfHasUser();
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sign_up.default, { fullPage: true });
     }
     case "email-verification": {

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}: { \n  app: StackServerApp<HasTokenStore>,\n  params?: { stack?: string[] }, \n  searchParams?: Record<string, string>,\n}) {\n  if (!stack) {\n    return (\n      <MessageCard title=\"Invalid Stack Handler Setup\" 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  const path = stack.join('/');\n  switch (path) {\n    case 'signin': {\n      redirectIfNotHandler('signIn');\n      return <SignIn fullPage/>;\n    }\n    case 'signup': {\n      redirectIfNotHandler('signUp');\n      return <SignUp fullPage/>;\n    }\n    case 'email-verification': {\n      redirectIfNotHandler('emailVerification');\n      return <EmailVerification searchParams={searchParams} fullPage/>;\n    }\n    case 'password-reset': {\n      redirectIfNotHandler('passwordReset');\n      return <PasswordReset searchParams={searchParams} fullPage />;\n    }\n    case 'forgot-password': {\n      redirectIfNotHandler('forgotPassword');\n      return <ForgotPassword fullPage />;\n    }\n    case 'signout': {\n      redirectIfNotHandler('signOut');\n      return <Signout/>;\n    }\n    case 'oauth-callback': {\n      redirectIfNotHandler('oauthCallback');\n      return <OAuthCallback />;\n    }\n    case 'account-settings': {\n      redirectIfNotHandler('accountSettings');\n      return <AccountSettings fullPage />;\n    }\n    case 'magic-link-callback': {\n      redirectIfNotHandler('magicLinkCallback');\n      return <MagicLinkCallback searchParams={searchParams} 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;AActB;AAZR,eAAO,aAAmE;AAAA,EACxE;AAAA,EACA,QAAQ,EAAE,MAAM,IAAI,CAAC;AAAA,EACrB,eAAe,CAAC;AAClB,GAIG;AACD,MAAI,CAAC,OAAO;AACV,WACE,4CAAC,oBAAAA,SAAA,EAAY,OAAM,+BAA8B,UAAQ,MACvD,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,QAAM,OAAO,MAAM,KAAK,GAAG;AAC3B,UAAQ,MAAM;AAAA,IACZ,KAAK,UAAU;AACb,2BAAqB,QAAQ;AAC7B,aAAO,4CAAC,eAAAC,SAAA,EAAO,UAAQ;AAAA,IACzB;AAAA,IACA,KAAK,UAAU;AACb,2BAAqB,QAAQ;AAC7B,aAAO,4CAAC,eAAAC,SAAA,EAAO,UAAQ;AAAA,IACzB;AAAA,IACA,KAAK,sBAAsB;AACzB,2BAAqB,mBAAmB;AACxC,aAAO,4CAAC,0BAAAC,SAAA,EAAkB,cAA4B,UAAQ;AAAA,IAChE;AAAA,IACA,KAAK,kBAAkB;AACrB,2BAAqB,eAAe;AACpC,aAAO,4CAAC,0BAAc,cAA4B,UAAQ,MAAC;AAAA,IAC7D;AAAA,IACA,KAAK,mBAAmB;AACtB,2BAAqB,gBAAgB;AACrC,aAAO,4CAAC,uBAAAC,SAAA,EAAe,UAAQ,MAAC;AAAA,IAClC;AAAA,IACA,KAAK,WAAW;AACd,2BAAqB,SAAS;AAC9B,aAAO,4CAAC,gBAAAC,SAAA,EAAO;AAAA,IACjB;AAAA,IACA,KAAK,kBAAkB;AACrB,2BAAqB,eAAe;AACpC,aAAO,4CAAC,sBAAAC,SAAA,EAAc;AAAA,IACxB;AAAA,IACA,KAAK,oBAAoB;AACvB,2BAAqB,iBAAiB;AACtC,aAAO,4CAAC,wBAAAC,SAAA,EAAgB,UAAQ,MAAC;AAAA,IACnC;AAAA,IACA,KAAK,uBAAuB;AAC1B,2BAAqB,mBAAmB;AACxC,aAAO,4CAAC,2BAAAC,SAAA,EAAkB,cAA4B,UAAQ,MAAC;AAAA,IACjE;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-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}: { \n  app: StackServerApp<HasTokenStore>,\n  params?: { stack?: string[] }, \n  searchParams?: Record<string, string>,\n}) {\n  if (!stack) {\n    return (\n      <MessageCard title=\"Invalid Stack Handler Setup\" 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/>;\n    }\n    case 'signup': {\n      redirectIfNotHandler('signUp');\n      await redirectIfHasUser();\n      return <SignUp fullPage/>;\n    }\n    case 'email-verification': {\n      redirectIfNotHandler('emailVerification');\n      return <EmailVerification searchParams={searchParams} fullPage/>;\n    }\n    case 'password-reset': {\n      redirectIfNotHandler('passwordReset');\n      return <PasswordReset searchParams={searchParams} fullPage />;\n    }\n    case 'forgot-password': {\n      redirectIfNotHandler('forgotPassword');\n      return <ForgotPassword fullPage />;\n    }\n    case 'signout': {\n      redirectIfNotHandler('signOut');\n      return <SignOut/>;\n    }\n    case 'oauth-callback': {\n      redirectIfNotHandler('oauthCallback');\n      return <OAuthCallback />;\n    }\n    case 'account-settings': {\n      redirectIfNotHandler('accountSettings');\n      return <AccountSettings fullPage />;\n    }\n    case 'magic-link-callback': {\n      redirectIfNotHandler('magicLinkCallback');\n      return <MagicLinkCallback searchParams={searchParams} 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;AActB;AAZR,eAAO,aAAmE;AAAA,EACxE;AAAA,EACA,QAAQ,EAAE,MAAM,IAAI,CAAC;AAAA,EACrB,eAAe,CAAC;AAClB,GAIG;AACD,MAAI,CAAC,OAAO;AACV,WACE,4CAAC,oBAAAA,SAAA,EAAY,OAAM,+BAA8B,UAAQ,MACvD,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,UAAQ;AAAA,IACzB;AAAA,IACA,KAAK,UAAU;AACb,2BAAqB,QAAQ;AAC7B,YAAM,kBAAkB;AACxB,aAAO,4CAAC,eAAAC,SAAA,EAAO,UAAQ;AAAA,IACzB;AAAA,IACA,KAAK,sBAAsB;AACzB,2BAAqB,mBAAmB;AACxC,aAAO,4CAAC,0BAAAC,SAAA,EAAkB,cAA4B,UAAQ;AAAA,IAChE;AAAA,IACA,KAAK,kBAAkB;AACrB,2BAAqB,eAAe;AACpC,aAAO,4CAAC,0BAAc,cAA4B,UAAQ,MAAC;AAAA,IAC7D;AAAA,IACA,KAAK,mBAAmB;AACtB,2BAAqB,gBAAgB;AACrC,aAAO,4CAAC,uBAAAC,SAAA,EAAe,UAAQ,MAAC;AAAA,IAClC;AAAA,IACA,KAAK,WAAW;AACd,2BAAqB,SAAS;AAC9B,aAAO,4CAAC,gBAAAC,SAAA,EAAO;AAAA,IACjB;AAAA,IACA,KAAK,kBAAkB;AACrB,2BAAqB,eAAe;AACpC,aAAO,4CAAC,sBAAAC,SAAA,EAAc;AAAA,IACxB;AAAA,IACA,KAAK,oBAAoB;AACvB,2BAAqB,iBAAiB;AACtC,aAAO,4CAAC,wBAAAC,SAAA,EAAgB,UAAQ,MAAC;AAAA,IACnC;AAAA,IACA,KAAK,uBAAuB;AAC1B,2BAAqB,mBAAmB;AACxC,aAAO,4CAAC,2BAAAC,SAAA,EAAkB,cAA4B,UAAQ,MAAC;AAAA,IACjE;AAAA,IACA,SAAS;AACP,iBAAO,4BAAS;AAAA,IAClB;AAAA,EACF;AACF;","names":["MessageCard","SignIn","SignUp","EmailVerification","ForgotPassword","SignOut","OAuthCallback","AccountSettings","MagicLinkCallback"]}

package/dist/esm/components-core/loading-indicator.js

@@ -1,12 +1,13 @@
 // src/components-core/loading-indicator.tsx
 import styled, { keyframes } from "styled-components";
+import { jsx } from "react/jsx-runtime";
 var l7 = keyframes`
   33% { background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%; }
   50% { background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%; }
   66% { background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%; }
 `;
-var LoadingIndicator = styled.div`
-  width: ${(props) => props.size || 36}px;
+var StyledLoadingIndicator = styled.div`
+  width: ${(props) => props.$size || 36}px;
   aspect-ratio: 4;
   background: 
     var(--_g) 0% 50%, 
@@ -15,14 +16,16 @@ var LoadingIndicator = styled.div`
   background-size: calc(100%/3) 100%;
   animation: ${l7} 1s infinite linear;
 
-  --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.color.light} 90%, #0000);
+  --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.$color.light} 90%, #0000);
 
   html[data-stack-theme='dark'] & {
-    --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.color.dark} 90%, #0000);
+    --_g: no-repeat radial-gradient(circle closest-side, ${(props) => props.$color.dark} 90%, #0000);
   }
 `;
-var loading_indicator_default = LoadingIndicator;
+function LoadingIndicator(props) {
+  return /* @__PURE__ */ jsx(StyledLoadingIndicator, { $size: props.size, $color: props.color });
+}
 export {
-  loading_indicator_default as default
+  LoadingIndicator as default
 };
 //# sourceMappingURL=loading-indicator.js.map

package/dist/esm/components-core/loading-indicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components-core/loading-indicator.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nconst l7 = keyframes`\n  33% { background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%; }\n  50% { background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%; }\n  66% { background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%; }\n`;\n\nconst LoadingIndicator = styled.div<{ color: { light: string, dark: string }, size?: number }>`\n  width: ${props => props.size || 36}px;\n  aspect-ratio: 4;\n  background: \n    var(--_g) 0% 50%, \n    var(--_g) 50% 50%, \n    var(--_g) 100% 50%;\n  background-size: calc(100%/3) 100%;\n  animation: ${l7} 1s infinite linear;\n\n  --_g: no-repeat radial-gradient(circle closest-side, ${props => props.color.light} 90%, #0000);\n\n  html[data-stack-theme='dark'] & {\n    --_g: no-repeat radial-gradient(circle closest-side, ${props => props.color.dark} 90%, #0000);\n  }\n`;\nexport default LoadingIndicator;"],"mappings":";AAAA,OAAO,UAAU,iBAAiB;AAElC,IAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAMX,IAAM,mBAAmB,OAAO;AAAA,WACrB,WAAS,MAAM,QAAQ,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOrB,EAAE;AAAA;AAAA,yDAEwC,WAAS,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA,2DAGxB,WAAS,MAAM,MAAM,IAAI;AAAA;AAAA;AAGpF,IAAO,4BAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components-core/loading-indicator.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nconst l7 = keyframes`\n  33% { background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%; }\n  50% { background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%; }\n  66% { background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%; }\n`;\n\nconst StyledLoadingIndicator = styled.div<{ $color: { light: string, dark: string }, $size?: number }>`\n  width: ${props => props.$size || 36}px;\n  aspect-ratio: 4;\n  background: \n    var(--_g) 0% 50%, \n    var(--_g) 50% 50%, \n    var(--_g) 100% 50%;\n  background-size: calc(100%/3) 100%;\n  animation: ${l7} 1s infinite linear;\n\n  --_g: no-repeat radial-gradient(circle closest-side, ${props => props.$color.light} 90%, #0000);\n\n  html[data-stack-theme='dark'] & {\n    --_g: no-repeat radial-gradient(circle closest-side, ${props => props.$color.dark} 90%, #0000);\n  }\n`;\n\nexport default function LoadingIndicator(props: { size?: number, color: { light: string, dark: string } }) {\n  return <StyledLoadingIndicator $size={props.size} $color={props.color} />;\n}"],"mappings":";AAAA,OAAO,UAAU,iBAAiB;AA0BzB;AAxBT,IAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAMX,IAAM,yBAAyB,OAAO;AAAA,WAC3B,WAAS,MAAM,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOtB,EAAE;AAAA;AAAA,yDAEwC,WAAS,MAAM,OAAO,KAAK;AAAA;AAAA;AAAA,2DAGzB,WAAS,MAAM,OAAO,IAAI;AAAA;AAAA;AAItE,SAAR,iBAAkC,OAAkE;AACzG,SAAO,oBAAC,0BAAuB,OAAO,MAAM,MAAM,QAAQ,MAAM,OAAO;AACzE;","names":[]}

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

@@ -11,21 +11,36 @@ function OAuthCallback() {
   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 {
-      await app.callOAuthCallback();
+      hasRedirected = await app.callOAuthCallback();
     } catch (e) {
       setError(e);
     }
+    if (!hasRedirected) {
+      await app.redirectToSignIn();
+    }
   }), []);
-  return /* @__PURE__ */ jsx(MessageCard, { title: "Redirecting...", fullPage: true, children: error ? /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("p", { children: "Something went wrong while processing the OAuth callback:" }),
-    /* @__PURE__ */ jsx("pre", { children: JSON.stringify(error, null, 2) }),
-    /* @__PURE__ */ jsx("p", { children: "This is most likely an error in Stack. Please report it." })
-  ] }) : null });
+  useEffect(() => {
+    setTimeout(() => setShowRedirectLink(true), 3e3);
+  }, []);
+  return /* @__PURE__ */ jsxs(MessageCard, { title: "Redirecting...", fullPage: true, children: [
+    showRedirectLink ? /* @__PURE__ */ jsxs("p", { children: [
+      "If you are not redirected automatically, ",
+      /* @__PURE__ */ jsx("a", { href: app.urls.home, children: "click here" }),
+      "."
+    ] }) : null,
+    error ? /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { children: "Something went wrong while processing the OAuth callback:" }),
+      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(error, null, 2) }),
+      /* @__PURE__ */ jsx("p", { children: "This is most likely an error in Stack. Please report it." })
+    ] }) : null
+  ] });
 }
 export {
   OAuthCallback as default

package/dist/esm/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 () {\n  const app = useStackApp();\n  const called = useRef(false);\n  const [error, setError] = useState<unknown>(null);\n\n  useEffect(() => runAsynchronously(async () => {\n    if (called.current) return;\n    called.current = true;\n    try {\n      await app.callOAuthCallback();\n    } catch (e: any) {\n      setError(e);\n    }\n  }), []);\n\n  return <MessageCard title='Redirecting...' fullPage>\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":";;;AAEA,SAAS,QAAQ,WAAW,gBAAgB;AAC5C,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,OAAO,iBAAiB;AAkBX,SACP,KADO;AAhBE,SAAR,gBAAkC;AACvC,QAAM,MAAM,YAAY;AACxB,QAAM,SAAS,OAAO,KAAK;AAC3B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAkB,IAAI;AAEhD,YAAU,MAAM,kBAAkB,YAAY;AAC5C,QAAI,OAAO;AAAS;AACpB,WAAO,UAAU;AACjB,QAAI;AACF,YAAM,IAAI,kBAAkB;AAAA,IAC9B,SAAS,GAAQ;AACf,eAAS,CAAC;AAAA,IACZ;AAAA,EACF,CAAC,GAAG,CAAC,CAAC;AAEN,SAAO,oBAAC,eAAY,OAAM,kBAAiB,UAAQ,MAChD,kBAAQ,qBAAC,SACR;AAAA,wBAAC,OAAE,uEAAyD;AAAA,IAC5D,oBAAC,SAAK,eAAK,UAAU,OAAO,MAAM,CAAC,GAAE;AAAA,IACrC,oBAAC,OAAE,sEAAwD;AAAA,KAC7D,IAAS,MACX;AACF;","names":[]}
+{"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 () {\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>\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":";;;AAEA,SAAS,QAAQ,WAAW,gBAAgB;AAC5C,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,OAAO,iBAAiB;AA2BA,SAA4C,KAA5C;AAzBT,SAAR,gBAAkC;AACvC,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;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,YAAU,MAAM;AACd,eAAW,MAAM,oBAAoB,IAAI,GAAG,GAAI;AAAA,EAClD,GAAG,CAAC,CAAC;AAEL,SAAO,qBAAC,eAAY,OAAM,kBAAiB,UAAQ,MAChD;AAAA,uBAAmB,qBAAC,OAAE;AAAA;AAAA,MAAyC,oBAAC,OAAE,MAAM,IAAI,KAAK,MAAM,wBAAU;AAAA,MAAI;AAAA,OAAC,IAAO;AAAA,IAC7G,QAAQ,qBAAC,SACR;AAAA,0BAAC,OAAE,uEAAyD;AAAA,MAC5D,oBAAC,SAAK,eAAK,UAAU,OAAO,MAAM,CAAC,GAAE;AAAA,MACrC,oBAAC,OAAE,sEAAwD;AAAA,OAC7D,IAAS;AAAA,KACX;AACF;","names":[]}

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

@@ -5,7 +5,7 @@ import { RedirectType, notFound, redirect } from "next/navigation";
 import EmailVerification from "./email-verification";
 import { PasswordReset } from "..";
 import MessageCard from "../components/message-card";
-import Signout from "./sign-out";
+import SignOut from "./sign-out";
 import ForgotPassword from "./forgot-password";
 import OAuthCallback from "./oauth-callback";
 import AccountSettings from "./account-settings";
@@ -27,14 +27,22 @@ async function StackHandler({
     }
     redirect(url, RedirectType.replace);
   }
+  async function redirectIfHasUser() {
+    const user = await app.getServerUser();
+    if (user) {
+      redirect(app.urls.afterSignIn);
+    }
+  }
   const path = stack.join("/");
   switch (path) {
     case "signin": {
       redirectIfNotHandler("signIn");
+      await redirectIfHasUser();
       return /* @__PURE__ */ jsx(SignIn, { fullPage: true });
     }
     case "signup": {
       redirectIfNotHandler("signUp");
+      await redirectIfHasUser();
       return /* @__PURE__ */ jsx(SignUp, { fullPage: true });
     }
     case "email-verification": {
@@ -51,7 +59,7 @@ async function StackHandler({
     }
     case "signout": {
       redirectIfNotHandler("signOut");
-      return /* @__PURE__ */ jsx(Signout, {});
+      return /* @__PURE__ */ jsx(SignOut, {});
     }
     case "oauth-callback": {
       redirectIfNotHandler("oauthCallback");

package/dist/esm/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}: { \n  app: StackServerApp<HasTokenStore>,\n  params?: { stack?: string[] }, \n  searchParams?: Record<string, string>,\n}) {\n  if (!stack) {\n    return (\n      <MessageCard title=\"Invalid Stack Handler Setup\" 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  const path = stack.join('/');\n  switch (path) {\n    case 'signin': {\n      redirectIfNotHandler('signIn');\n      return <SignIn fullPage/>;\n    }\n    case 'signup': {\n      redirectIfNotHandler('signUp');\n      return <SignUp fullPage/>;\n    }\n    case 'email-verification': {\n      redirectIfNotHandler('emailVerification');\n      return <EmailVerification searchParams={searchParams} fullPage/>;\n    }\n    case 'password-reset': {\n      redirectIfNotHandler('passwordReset');\n      return <PasswordReset searchParams={searchParams} fullPage />;\n    }\n    case 'forgot-password': {\n      redirectIfNotHandler('forgotPassword');\n      return <ForgotPassword fullPage />;\n    }\n    case 'signout': {\n      redirectIfNotHandler('signOut');\n      return <Signout/>;\n    }\n    case 'oauth-callback': {\n      redirectIfNotHandler('oauthCallback');\n      return <OAuthCallback />;\n    }\n    case 'account-settings': {\n      redirectIfNotHandler('accountSettings');\n      return <AccountSettings fullPage />;\n    }\n    case 'magic-link-callback': {\n      redirectIfNotHandler('magicLinkCallback');\n      return <MagicLinkCallback searchParams={searchParams} fullPage />;\n    }\n    default: {\n      return notFound();\n    }\n  }\n}\n"],"mappings":";AAAA,OAAO,YAAY;AACnB,OAAO,YAAY;AACnB,SAAS,cAAc,UAAU,gBAAgB;AACjD,OAAO,uBAAuB;AAC9B,SAAS,qBAAqC;AAC9C,OAAO,iBAAiB;AAExB,OAAO,aAAa;AACpB,OAAO,oBAAoB;AAC3B,OAAO,mBAAmB;AAC1B,OAAO,qBAAqB;AAC5B,OAAO,uBAAuB;AActB;AAZR,eAAO,aAAmE;AAAA,EACxE;AAAA,EACA,QAAQ,EAAE,MAAM,IAAI,CAAC;AAAA,EACrB,eAAe,CAAC;AAClB,GAIG;AACD,MAAI,CAAC,OAAO;AACV,WACE,oBAAC,eAAY,OAAM,+BAA8B,UAAQ,MACvD,8BAAC,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,aAAS,KAAK,aAAa,OAAO;AAAA,EACpC;AAEA,QAAM,OAAO,MAAM,KAAK,GAAG;AAC3B,UAAQ,MAAM;AAAA,IACZ,KAAK,UAAU;AACb,2BAAqB,QAAQ;AAC7B,aAAO,oBAAC,UAAO,UAAQ;AAAA,IACzB;AAAA,IACA,KAAK,UAAU;AACb,2BAAqB,QAAQ;AAC7B,aAAO,oBAAC,UAAO,UAAQ;AAAA,IACzB;AAAA,IACA,KAAK,sBAAsB;AACzB,2BAAqB,mBAAmB;AACxC,aAAO,oBAAC,qBAAkB,cAA4B,UAAQ;AAAA,IAChE;AAAA,IACA,KAAK,kBAAkB;AACrB,2BAAqB,eAAe;AACpC,aAAO,oBAAC,iBAAc,cAA4B,UAAQ,MAAC;AAAA,IAC7D;AAAA,IACA,KAAK,mBAAmB;AACtB,2BAAqB,gBAAgB;AACrC,aAAO,oBAAC,kBAAe,UAAQ,MAAC;AAAA,IAClC;AAAA,IACA,KAAK,WAAW;AACd,2BAAqB,SAAS;AAC9B,aAAO,oBAAC,WAAO;AAAA,IACjB;AAAA,IACA,KAAK,kBAAkB;AACrB,2BAAqB,eAAe;AACpC,aAAO,oBAAC,iBAAc;AAAA,IACxB;AAAA,IACA,KAAK,oBAAoB;AACvB,2BAAqB,iBAAiB;AACtC,aAAO,oBAAC,mBAAgB,UAAQ,MAAC;AAAA,IACnC;AAAA,IACA,KAAK,uBAAuB;AAC1B,2BAAqB,mBAAmB;AACxC,aAAO,oBAAC,qBAAkB,cAA4B,UAAQ,MAAC;AAAA,IACjE;AAAA,IACA,SAAS;AACP,aAAO,SAAS;AAAA,IAClB;AAAA,EACF;AACF;","names":[]}
+{"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}: { \n  app: StackServerApp<HasTokenStore>,\n  params?: { stack?: string[] }, \n  searchParams?: Record<string, string>,\n}) {\n  if (!stack) {\n    return (\n      <MessageCard title=\"Invalid Stack Handler Setup\" 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/>;\n    }\n    case 'signup': {\n      redirectIfNotHandler('signUp');\n      await redirectIfHasUser();\n      return <SignUp fullPage/>;\n    }\n    case 'email-verification': {\n      redirectIfNotHandler('emailVerification');\n      return <EmailVerification searchParams={searchParams} fullPage/>;\n    }\n    case 'password-reset': {\n      redirectIfNotHandler('passwordReset');\n      return <PasswordReset searchParams={searchParams} fullPage />;\n    }\n    case 'forgot-password': {\n      redirectIfNotHandler('forgotPassword');\n      return <ForgotPassword fullPage />;\n    }\n    case 'signout': {\n      redirectIfNotHandler('signOut');\n      return <SignOut/>;\n    }\n    case 'oauth-callback': {\n      redirectIfNotHandler('oauthCallback');\n      return <OAuthCallback />;\n    }\n    case 'account-settings': {\n      redirectIfNotHandler('accountSettings');\n      return <AccountSettings fullPage />;\n    }\n    case 'magic-link-callback': {\n      redirectIfNotHandler('magicLinkCallback');\n      return <MagicLinkCallback searchParams={searchParams} fullPage />;\n    }\n    default: {\n      return notFound();\n    }\n  }\n}\n"],"mappings":";AAAA,OAAO,YAAY;AACnB,OAAO,YAAY;AACnB,SAAS,cAAc,UAAU,gBAAgB;AACjD,OAAO,uBAAuB;AAC9B,SAAS,qBAAqC;AAC9C,OAAO,iBAAiB;AAExB,OAAO,aAAa;AACpB,OAAO,oBAAoB;AAC3B,OAAO,mBAAmB;AAC1B,OAAO,qBAAqB;AAC5B,OAAO,uBAAuB;AActB;AAZR,eAAO,aAAmE;AAAA,EACxE;AAAA,EACA,QAAQ,EAAE,MAAM,IAAI,CAAC;AAAA,EACrB,eAAe,CAAC;AAClB,GAIG;AACD,MAAI,CAAC,OAAO;AACV,WACE,oBAAC,eAAY,OAAM,+BAA8B,UAAQ,MACvD,8BAAC,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,aAAS,KAAK,aAAa,OAAO;AAAA,EACpC;AAEA,iBAAe,oBAAoB;AACjC,UAAM,OAAO,MAAM,IAAI,cAAc;AACrC,QAAI,MAAM;AACR,eAAS,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,oBAAC,UAAO,UAAQ;AAAA,IACzB;AAAA,IACA,KAAK,UAAU;AACb,2BAAqB,QAAQ;AAC7B,YAAM,kBAAkB;AACxB,aAAO,oBAAC,UAAO,UAAQ;AAAA,IACzB;AAAA,IACA,KAAK,sBAAsB;AACzB,2BAAqB,mBAAmB;AACxC,aAAO,oBAAC,qBAAkB,cAA4B,UAAQ;AAAA,IAChE;AAAA,IACA,KAAK,kBAAkB;AACrB,2BAAqB,eAAe;AACpC,aAAO,oBAAC,iBAAc,cAA4B,UAAQ,MAAC;AAAA,IAC7D;AAAA,IACA,KAAK,mBAAmB;AACtB,2BAAqB,gBAAgB;AACrC,aAAO,oBAAC,kBAAe,UAAQ,MAAC;AAAA,IAClC;AAAA,IACA,KAAK,WAAW;AACd,2BAAqB,SAAS;AAC9B,aAAO,oBAAC,WAAO;AAAA,IACjB;AAAA,IACA,KAAK,kBAAkB;AACrB,2BAAqB,eAAe;AACpC,aAAO,oBAAC,iBAAc;AAAA,IACxB;AAAA,IACA,KAAK,oBAAoB;AACvB,2BAAqB,iBAAiB;AACtC,aAAO,oBAAC,mBAAgB,UAAQ,MAAC;AAAA,IACnC;AAAA,IACA,KAAK,uBAAuB;AAC1B,2BAAqB,mBAAmB;AACxC,aAAO,oBAAC,qBAAkB,cAA4B,UAAQ,MAAC;AAAA,IACjE;AAAA,IACA,SAAS;AACP,aAAO,SAAS;AAAA,IAClB;AAAA,EACF;AACF;","names":[]}

package/dist/esm/lib/stack-app.js

@@ -13,10 +13,10 @@ import { callOAuthCallback, signInWithOAuth } from "./auth";
 import * as NextNavigation from "next/navigation";
 import { constructRedirectUrl } from "../utils/url";
 import { filterUndefined, omit } from "@stackframe/stack-shared/dist/utils/objects";
-import { neverResolve, resolved, runAsynchronously, wait } from "@stackframe/stack-shared/dist/utils/promises";
+import { resolved, runAsynchronously, wait } from "@stackframe/stack-shared/dist/utils/promises";
 import { AsyncCache } from "@stackframe/stack-shared/dist/utils/caches";
 import { suspend } from "@stackframe/stack-shared/dist/utils/react";
-var clientVersion = "js @stackframe/stack@2.4.6";
+var clientVersion = "js @stackframe/stack@2.4.7";
 function permissionDefinitionScopeToType(scope) {
   return { "any-team": "team", "specific-team": "team", "global": "global" }[scope.type];
 }
@@ -41,16 +41,16 @@ function getUrls(partial) {
   };
 }
 function getDefaultProjectId() {
-  return process.env.NEXT_PUBLIC_STACK_PROJECT_ID || throwErr("Welcome to Stack! It seems that you haven't provided a project ID. Please create a project on the Stack dashboard at https://app.stack-auth.com and put it in the NEXT_PUBLIC_STACK_PROJECT_ID environment variable.");
+  return process.env.NEXT_PUBLIC_STACK_PROJECT_ID || throwErr(new Error("Welcome to Stack! It seems that you haven't provided a project ID. Please create a project on the Stack dashboard at https://app.stack-auth.com and put it in the NEXT_PUBLIC_STACK_PROJECT_ID environment variable."));
 }
 function getDefaultPublishableClientKey() {
-  return process.env.NEXT_PUBLIC_STACK_PUBLISHABLE_CLIENT_KEY || throwErr("Welcome to Stack! It seems that you haven't provided a publishable client key. Please create an API key for your project on the Stack dashboard at https://app.stack-auth.com and copy your publishable client key into the NEXT_PUBLIC_STACK_PUBLISHABLE_CLIENT_KEY environment variable.");
+  return process.env.NEXT_PUBLIC_STACK_PUBLISHABLE_CLIENT_KEY || throwErr(new Error("Welcome to Stack! It seems that you haven't provided a publishable client key. Please create an API key for your project on the Stack dashboard at https://app.stack-auth.com and copy your publishable client key into the NEXT_PUBLIC_STACK_PUBLISHABLE_CLIENT_KEY environment variable."));
 }
 function getDefaultSecretServerKey() {
-  return process.env.STACK_SECRET_SERVER_KEY || throwErr("No secret server key provided. Please copy your key from the Stack dashboard and put your it in the STACK_SECRET_SERVER_KEY environment variable.");
+  return process.env.STACK_SECRET_SERVER_KEY || throwErr(new Error("No secret server key provided. Please copy your key from the Stack dashboard and put your it in the STACK_SECRET_SERVER_KEY environment variable."));
 }
 function getDefaultSuperSecretAdminKey() {
-  return process.env.STACK_SUPER_SECRET_ADMIN_KEY || throwErr("No super secret admin key provided. Please copy your key from the Stack dashboard and put it in the STACK_SUPER_SECRET_ADMIN_KEY environment variable.");
+  return process.env.STACK_SUPER_SECRET_ADMIN_KEY || throwErr(new Error("No super secret admin key provided. Please copy your key from the Stack dashboard and put it in the STACK_SUPER_SECRET_ADMIN_KEY environment variable."));
 }
 function getDefaultBaseUrl() {
   return process.env.NEXT_PUBLIC_STACK_URL || defaultBaseUrl;
@@ -264,6 +264,12 @@ var _StackClientAppImpl = class __StackClientAppImpl {
       hasPassword: json.hasPassword,
       authWithEmail: json.authWithEmail,
       oauthProviders: json.oauthProviders,
+      async getSelectedTeam() {
+        return await this.getTeam(json.selectedTeamId || "");
+      },
+      useSelectedTeam() {
+        return this.useTeam(json.selectedTeamId || "");
+      },
       async getTeam(teamId) {
         const teams = await this.listTeams();
         return teams.find((t) => t.id === teamId) ?? null;
@@ -333,6 +339,9 @@ var _StackClientAppImpl = class __StackClientAppImpl {
     const currentUser = {
       ...this._userFromJson(json),
       tokenStore,
+      async updateSelectedTeam(team) {
+        await app._updateUser({ selectedTeamId: team?.id ?? null }, tokenStore);
+      },
       update(update) {
         return app._updateUser(update, tokenStore);
       },
@@ -416,11 +425,16 @@ var _StackClientAppImpl = class __StackClientAppImpl {
   get urls() {
     return getUrls(this._urlOptions);
   }
-  async _redirectTo(handlerName) {
-    if (!this.urls[handlerName]) {
+  async _redirectTo(handlerName, options) {
+    const url = this.urls[handlerName];
+    if (!url) {
       throw new Error(`No URL for handler name ${handlerName}`);
     }
-    window.location.href = this.urls[handlerName];
+    if (options?.replace) {
+      window.location.replace(url);
+    } else {
+      window.location.assign(url);
+    }
     return await wait(2e3);
   }
   async redirectToSignIn() {
@@ -547,7 +561,7 @@ var _StackClientAppImpl = class __StackClientAppImpl {
     const tokenStore = getTokenStore(this._tokenStoreOptions);
     const errorCode = await this._interface.signInWithCredential(options.email, options.password, tokenStore);
     if (!errorCode) {
-      window.location.assign(this.urls.afterSignIn);
+      await this.redirectToAfterSignIn({ replace: true });
     }
     return errorCode;
   }
@@ -562,7 +576,7 @@ var _StackClientAppImpl = class __StackClientAppImpl {
       tokenStore
     );
     if (!errorCode) {
-      window.location.assign(this.urls.afterSignUp);
+      await this.redirectToAfterSignUp({ replace: true });
     }
     return errorCode;
   }
@@ -574,11 +588,10 @@ var _StackClientAppImpl = class __StackClientAppImpl {
       return result;
     }
     if (result.newUser) {
-      window.location.replace(this.urls.afterSignUp);
+      await this.redirectToAfterSignUp({ replace: true });
     } else {
-      window.location.replace(this.urls.afterSignIn);
+      await this.redirectToAfterSignIn({ replace: true });
     }
-    await neverResolve();
   }
   async callOAuthCallback() {
     this._ensurePersistentTokenStore();
@@ -586,16 +599,18 @@ var _StackClientAppImpl = class __StackClientAppImpl {
     const result = await callOAuthCallback(this._interface, tokenStore, this.urls.oauthCallback);
     if (result) {
       if (result.newUser) {
-        window.location.replace(this.urls.afterSignUp);
+        await this.redirectToAfterSignUp({ replace: true });
+        return true;
       } else {
-        window.location.replace(this.urls.afterSignIn);
+        await this.redirectToAfterSignIn({ replace: true });
+        return true;
       }
     }
-    await neverResolve();
+    return false;
   }
   async _signOut(tokenStore) {
     await this._interface.signOut(tokenStore);
-    window.location.assign(this.urls.afterSignOut);
+    await this.redirectToAfterSignOut();
   }
   async _sendVerificationEmail(tokenStore) {
     const emailVerificationRedirectUrl = constructRedirectUrl(this.urls.emailVerification);
@@ -856,6 +871,9 @@ var _StackServerAppImpl = class extends _StackClientAppImpl {
         await app._refreshUser(tokenStore);
         return res;
       },
+      async updateSelectedTeam(team) {
+        await this.update({ selectedTeamId: team?.id ?? null });
+      },
       async update(update) {
         const res = await nonCurrentServerUser.update(update);
         await app._refreshUser(tokenStore);