@stackframe/stack 2.5.30 → 2.5.32

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

@@ -79,18 +79,18 @@ function ForgotPasswordForm({ onSent }) {
     }
   );
 }
-function ForgotPassword({ fullPage = false }) {
+function ForgotPassword(props) {
   const stackApp = (0, import__.useStackApp)();
   const user = (0, import__.useUser)();
   const [sent, setSent] = (0, import_react.useState)(false);
   if (user) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.PredefinedMessageCard, { type: "signedIn", fullPage });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.PredefinedMessageCard, { type: "signedIn", fullPage: !!props.fullPage });
   }
   if (sent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.PredefinedMessageCard, { type: "emailSent", fullPage });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.PredefinedMessageCard, { type: "emailSent", fullPage: !!props.fullPage });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_maybe_full_page.MaybeFullPage, { fullPage, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center mb-6 stack-scope", style: { width: "380px", padding: fullPage ? "1rem" : 0 }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_maybe_full_page.MaybeFullPage, { fullPage: !!props.fullPage, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center mb-6 stack-scope", style: { width: "380px", padding: props.fullPage ? "1rem" : 0 }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Typography, { type: "h2", children: "Reset Your Password" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stack_ui.Typography, { children: [
         "Don't need to reset? ",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components-page/forgot-password.tsx"],"sourcesContent":["'use client';\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, Label, StyledLink, Typography } from \"@stackframe/stack-ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp, useUser } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\n\nconst schema = yupObject({\n  email: yupString().email('Please enter a valid email').required('Please enter your email')\n});\n\nexport function ForgotPasswordForm({ onSent }: { onSent?: () => void }) {\n  const { register, handleSubmit, formState: { errors }, clearErrors } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const stackApp = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { email } = data;\n      await stackApp.sendForgotPasswordEmail(email);\n    onSent?.();\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <form\n      className=\"flex flex-col items-stretch stack-scope\"\n      onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n      noValidate\n    >\n      <Label htmlFor=\"email\" className=\"mb-1\">Your Email</Label>\n      <Input\n        id=\"email\"\n        type=\"email\"\n        {...register('email')}\n        onChange={() => clearErrors('email')}\n      />\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n        Send Email\n      </Button>\n    </form>\n  );\n}\n\n\nexport 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 className=\"text-center mb-6 stack-scope\" style={{ width: '380px', padding: fullPage ? '1rem' : 0 }}>\n        <Typography type='h2'>Reset Your Password</Typography>\n        <Typography>\n          {\"Don't need to reset? \"}\n          <StyledLink href={stackApp.urls['signUp']}>\n            Sign in\n          </StyledLink>\n        </Typography>\n      </div>\n      <ForgotPasswordForm onSent={() => setSent(true)} />\n    </MaybeFullPage>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,iBAA4B;AAC5B,2BAAqC;AACrC,sBAA2C;AAC3C,sBAA6D;AAC7D,mBAAyB;AACzB,6BAAwB;AAExB,eAAqC;AACrC,0BAAgC;AAChC,6BAA8B;AAC9B,qCAAsC;AAyBlC;AAvBJ,IAAM,aAAS,gCAAU;AAAA,EACvB,WAAO,gCAAU,EAAE,MAAM,4BAA4B,EAAE,SAAS,yBAAyB;AAC3F,CAAC;AAEM,SAAS,mBAAmB,EAAE,OAAO,GAA4B;AACtE,QAAM,EAAE,UAAU,cAAc,WAAW,EAAE,OAAO,GAAG,YAAY,QAAI,gCAAQ;AAAA,IAC7E,cAAU,wBAAY,MAAM;AAAA,EAC9B,CAAC;AACD,QAAM,eAAW,sBAAY;AAC7B,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,QAAM,WAAW,OAAO,SAAuC;AAC7D,eAAW,IAAI;AACf,QAAI;AACF,YAAM,EAAE,MAAM,IAAI;AAClB,YAAM,SAAS,wBAAwB,KAAK;AAC9C,eAAS;AAAA,IACT,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU,WAAK,4CAA2B,aAAa,QAAQ,EAAE,CAAC,CAAC;AAAA,MACnE,YAAU;AAAA,MAEV;AAAA,oDAAC,yBAAM,SAAQ,SAAQ,WAAU,QAAO,wBAAU;AAAA,QAClD;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACJ,GAAG,SAAS,OAAO;AAAA,YACpB,UAAU,MAAM,YAAY,OAAO;AAAA;AAAA,QACrC;AAAA,QACA,4CAAC,uCAAgB,MAAM,OAAO,OAAO,SAAS,SAAS,GAAG;AAAA,QAE1D,4CAAC,0BAAO,MAAK,UAAS,WAAU,QAAO,SAAkB,wBAEzD;AAAA;AAAA;AAAA,EACF;AAEJ;AAGO,SAAS,eAAe,EAAE,WAAS,MAAM,GAA2B;AACzE,QAAM,eAAW,sBAAY;AAC7B,QAAM,WAAO,kBAAQ;AACrB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,MAAI,MAAM;AACR,WAAO,4CAAC,wDAAsB,MAAK,YAAW,UAAoB;AAAA,EACpE;AAEA,MAAI,MAAM;AACR,WAAO,4CAAC,wDAAsB,MAAK,aAAY,UAAoB;AAAA,EACrE;AAEA,SACE,6CAAC,wCAAc,UACb;AAAA,iDAAC,SAAI,WAAU,gCAA+B,OAAO,EAAE,OAAO,SAAS,SAAS,WAAW,SAAS,EAAE,GACpG;AAAA,kDAAC,8BAAW,MAAK,MAAK,iCAAmB;AAAA,MACzC,6CAAC,8BACE;AAAA;AAAA,QACD,4CAAC,8BAAW,MAAM,SAAS,KAAK,QAAQ,GAAG,qBAE3C;AAAA,SACF;AAAA,OACF;AAAA,IACA,4CAAC,sBAAmB,QAAQ,MAAM,QAAQ,IAAI,GAAG;AAAA,KACnD;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components-page/forgot-password.tsx"],"sourcesContent":["'use client';\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, Label, StyledLink, Typography } from \"@stackframe/stack-ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp, useUser } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\n\nconst schema = yupObject({\n  email: yupString().email('Please enter a valid email').required('Please enter your email')\n});\n\nexport function ForgotPasswordForm({ onSent }: { onSent?: () => void }) {\n  const { register, handleSubmit, formState: { errors }, clearErrors } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const stackApp = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { email } = data;\n      await stackApp.sendForgotPasswordEmail(email);\n    onSent?.();\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <form\n      className=\"flex flex-col items-stretch stack-scope\"\n      onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n      noValidate\n    >\n      <Label htmlFor=\"email\" className=\"mb-1\">Your Email</Label>\n      <Input\n        id=\"email\"\n        type=\"email\"\n        {...register('email')}\n        onChange={() => clearErrors('email')}\n      />\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n        Send Email\n      </Button>\n    </form>\n  );\n}\n\n\nexport function ForgotPassword(props: { 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={!!props.fullPage} />;\n  }\n\n  if (sent) {\n    return <PredefinedMessageCard type='emailSent' fullPage={!!props.fullPage} />;\n  }\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className=\"text-center mb-6 stack-scope\" style={{ width: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <Typography type='h2'>Reset Your Password</Typography>\n        <Typography>\n          {\"Don't need to reset? \"}\n          <StyledLink href={stackApp.urls['signUp']}>\n            Sign in\n          </StyledLink>\n        </Typography>\n      </div>\n      <ForgotPasswordForm onSent={() => setSent(true)} />\n    </MaybeFullPage>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,iBAA4B;AAC5B,2BAAqC;AACrC,sBAA2C;AAC3C,sBAA6D;AAC7D,mBAAyB;AACzB,6BAAwB;AAExB,eAAqC;AACrC,0BAAgC;AAChC,6BAA8B;AAC9B,qCAAsC;AAyBlC;AAvBJ,IAAM,aAAS,gCAAU;AAAA,EACvB,WAAO,gCAAU,EAAE,MAAM,4BAA4B,EAAE,SAAS,yBAAyB;AAC3F,CAAC;AAEM,SAAS,mBAAmB,EAAE,OAAO,GAA4B;AACtE,QAAM,EAAE,UAAU,cAAc,WAAW,EAAE,OAAO,GAAG,YAAY,QAAI,gCAAQ;AAAA,IAC7E,cAAU,wBAAY,MAAM;AAAA,EAC9B,CAAC;AACD,QAAM,eAAW,sBAAY;AAC7B,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,QAAM,WAAW,OAAO,SAAuC;AAC7D,eAAW,IAAI;AACf,QAAI;AACF,YAAM,EAAE,MAAM,IAAI;AAClB,YAAM,SAAS,wBAAwB,KAAK;AAC9C,eAAS;AAAA,IACT,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU,WAAK,4CAA2B,aAAa,QAAQ,EAAE,CAAC,CAAC;AAAA,MACnE,YAAU;AAAA,MAEV;AAAA,oDAAC,yBAAM,SAAQ,SAAQ,WAAU,QAAO,wBAAU;AAAA,QAClD;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACJ,GAAG,SAAS,OAAO;AAAA,YACpB,UAAU,MAAM,YAAY,OAAO;AAAA;AAAA,QACrC;AAAA,QACA,4CAAC,uCAAgB,MAAM,OAAO,OAAO,SAAS,SAAS,GAAG;AAAA,QAE1D,4CAAC,0BAAO,MAAK,UAAS,WAAU,QAAO,SAAkB,wBAEzD;AAAA;AAAA;AAAA,EACF;AAEJ;AAGO,SAAS,eAAe,OAA+B;AAC5D,QAAM,eAAW,sBAAY;AAC7B,QAAM,WAAO,kBAAQ;AACrB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,MAAI,MAAM;AACR,WAAO,4CAAC,wDAAsB,MAAK,YAAW,UAAU,CAAC,CAAC,MAAM,UAAU;AAAA,EAC5E;AAEA,MAAI,MAAM;AACR,WAAO,4CAAC,wDAAsB,MAAK,aAAY,UAAU,CAAC,CAAC,MAAM,UAAU;AAAA,EAC7E;AAEA,SACE,6CAAC,wCAAc,UAAU,CAAC,CAAC,MAAM,UAC/B;AAAA,iDAAC,SAAI,WAAU,gCAA+B,OAAO,EAAE,OAAO,SAAS,SAAS,MAAM,WAAW,SAAS,EAAE,GAC1G;AAAA,kDAAC,8BAAW,MAAK,MAAK,iCAAmB;AAAA,MACzC,6CAAC,8BACE;AAAA;AAAA,QACD,4CAAC,8BAAW,MAAM,SAAS,KAAK,QAAQ,GAAG,qBAE3C;AAAA,SACF;AAAA,OACF;AAAA,IACA,4CAAC,sBAAmB,QAAQ,MAAM,QAAQ,IAAI,GAAG;AAAA,KACnD;AAEJ;","names":[]}

package/dist/components-page/magic-link-callback.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function MagicLinkCallback({ searchParams: { code, }, fullPage, }: {
+declare function MagicLinkCallback(props: {
     searchParams?: Record<string, string>;
     fullPage?: boolean;
 }): react_jsx_runtime.JSX.Element | undefined;

package/dist/components-page/magic-link-callback.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function MagicLinkCallback({ searchParams: { code, }, fullPage, }: {
+declare function MagicLinkCallback(props: {
     searchParams?: Record<string, string>;
     fullPage?: boolean;
 }): react_jsx_runtime.JSX.Element | undefined;

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

@@ -46,24 +46,19 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var cacheSignInWithMagicLink = (0, import_caches.cacheFunction)(async (stackApp, code) => {
   return await stackApp.signInWithMagicLink(code);
 });
-function MagicLinkCallback({
-  searchParams: {
-    code = ""
-  } = {},
-  fullPage = false
-}) {
+function MagicLinkCallback(props) {
   const stackApp = (0, import__.useStackApp)();
   const user = (0, import__.useUser)();
   if (user) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.PredefinedMessageCard, { type: "signedIn", fullPage });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.PredefinedMessageCard, { type: "signedIn", fullPage: !!props.fullPage });
   }
-  const invalidJsx = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.MessageCard, { 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.MessageCard, { 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." }) });
-  const alreadyUsedJsx = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.MessageCard, { title: "Magic Link Already Used", fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "The magic link has already been used. The link can only be used once. Please request a new magic link if you need to sign-in again." }) });
-  if (!code) {
+  const invalidJsx = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.MessageCard, { title: "Invalid Magic Link", fullPage: !!props.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.MessageCard, { title: "Expired Magic Link", fullPage: !!props.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." }) });
+  const alreadyUsedJsx = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.MessageCard, { title: "Magic Link Already Used", fullPage: !!props.fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "The magic link has already been used. The link can only be used once. Please request a new magic link if you need to sign-in again." }) });
+  if (!props.searchParams?.code) {
     return invalidJsx;
   }
-  const error = import_react.default.use(cacheSignInWithMagicLink(stackApp, code));
+  const error = import_react.default.use(cacheSignInWithMagicLink(stackApp, props.searchParams.code));
   if (error instanceof import_stack_shared.KnownErrors.VerificationCodeNotFound) {
     return invalidJsx;
   } else if (error instanceof import_stack_shared.KnownErrors.VerificationCodeExpired) {

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 React from \"react\";\nimport { StackClientApp, useStackApp, useUser } from \"..\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { KnownErrors } from \"@stackframe/stack-shared\";\nimport { neverResolve } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\n\nconst cacheSignInWithMagicLink = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.signInWithMagicLink(code);\n});\n\nexport 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 = React.use(cacheSignInWithMagicLink(stackApp, code));\n\n  if (error instanceof KnownErrors.VerificationCodeNotFound) {\n    return invalidJsx;\n  } else if (error instanceof KnownErrors.VerificationCodeExpired) {\n    return expiredJsx;\n  } else if (error instanceof KnownErrors.VerificationCodeAlreadyUsed) {\n    return alreadyUsedJsx;\n  } else if (error) {\n    throw error;\n  }\n\n  React.use(neverResolve());\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAClB,eAAqD;AACrD,0BAA4B;AAC5B,qCAAsC;AACtC,0BAA4B;AAC5B,sBAA6B;AAC7B,oBAA8B;AAmBnB;AAjBX,IAAM,+BAA2B,6BAAc,OAAO,UAAgC,SAAiB;AACrG,SAAO,MAAM,SAAS,oBAAoB,IAAI;AAChD,CAAC;AAEM,SAAS,kBAAkB;AAAA,EAChC,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,wDAAsB,MAAK,YAAW,UAAoB;AAAA,EACpE;AAEA,QAAM,aACJ,4CAAC,mCAAY,OAAM,sBAAqB,UACtC,sDAAC,OAAE,gHAAkG,GACvG;AAGF,QAAM,aACJ,4CAAC,mCAAY,OAAM,sBAAqB,UACtC,sDAAC,OAAE,kGAAoF,GACzF;AAGF,QAAM,iBACJ,4CAAC,mCAAY,OAAM,2BAA0B,UAC3C,sDAAC,OAAE,iJAAmI,GACxI;AAGF,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,aAAAA,QAAM,IAAI,yBAAyB,UAAU,IAAI,CAAC;AAEhE,MAAI,iBAAiB,gCAAY,0BAA0B;AACzD,WAAO;AAAA,EACT,WAAW,iBAAiB,gCAAY,yBAAyB;AAC/D,WAAO;AAAA,EACT,WAAW,iBAAiB,gCAAY,6BAA6B;AACnE,WAAO;AAAA,EACT,WAAW,OAAO;AAChB,UAAM;AAAA,EACR;AAEA,eAAAA,QAAM,QAAI,8BAAa,CAAC;AAC1B;","names":["React"]}
+{"version":3,"sources":["../../src/components-page/magic-link-callback.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport { StackClientApp, useStackApp, useUser } from \"..\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { KnownErrors } from \"@stackframe/stack-shared\";\nimport { neverResolve } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\n\nconst cacheSignInWithMagicLink = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.signInWithMagicLink(code);\n});\n\nexport function MagicLinkCallback(props: {\n  searchParams?: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const stackApp = useStackApp();\n  const user = useUser();\n\n  if (user) {\n    return <PredefinedMessageCard type='signedIn' fullPage={!!props.fullPage} />;\n  }\n\n  const invalidJsx = (\n    <MessageCard title=\"Invalid Magic Link\" fullPage={!!props.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={!!props.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={!!props.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 (!props.searchParams?.code) {\n    return invalidJsx;\n  }\n\n  const error = React.use(cacheSignInWithMagicLink(stackApp, props.searchParams.code));\n\n  if (error instanceof KnownErrors.VerificationCodeNotFound) {\n    return invalidJsx;\n  } else if (error instanceof KnownErrors.VerificationCodeExpired) {\n    return expiredJsx;\n  } else if (error instanceof KnownErrors.VerificationCodeAlreadyUsed) {\n    return alreadyUsedJsx;\n  } else if (error) {\n    throw error;\n  }\n\n  React.use(neverResolve());\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAClB,eAAqD;AACrD,0BAA4B;AAC5B,qCAAsC;AACtC,0BAA4B;AAC5B,sBAA6B;AAC7B,oBAA8B;AAcnB;AAZX,IAAM,+BAA2B,6BAAc,OAAO,UAAgC,SAAiB;AACrG,SAAO,MAAM,SAAS,oBAAoB,IAAI;AAChD,CAAC;AAEM,SAAS,kBAAkB,OAG/B;AACD,QAAM,eAAW,sBAAY;AAC7B,QAAM,WAAO,kBAAQ;AAErB,MAAI,MAAM;AACR,WAAO,4CAAC,wDAAsB,MAAK,YAAW,UAAU,CAAC,CAAC,MAAM,UAAU;AAAA,EAC5E;AAEA,QAAM,aACJ,4CAAC,mCAAY,OAAM,sBAAqB,UAAU,CAAC,CAAC,MAAM,UACxD,sDAAC,OAAE,gHAAkG,GACvG;AAGF,QAAM,aACJ,4CAAC,mCAAY,OAAM,sBAAqB,UAAU,CAAC,CAAC,MAAM,UACxD,sDAAC,OAAE,kGAAoF,GACzF;AAGF,QAAM,iBACJ,4CAAC,mCAAY,OAAM,2BAA0B,UAAU,CAAC,CAAC,MAAM,UAC7D,sDAAC,OAAE,iJAAmI,GACxI;AAGF,MAAI,CAAC,MAAM,cAAc,MAAM;AAC7B,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,aAAAA,QAAM,IAAI,yBAAyB,UAAU,MAAM,aAAa,IAAI,CAAC;AAEnF,MAAI,iBAAiB,gCAAY,0BAA0B;AACzD,WAAO;AAAA,EACT,WAAW,iBAAiB,gCAAY,yBAAyB;AAC/D,WAAO;AAAA,EACT,WAAW,iBAAiB,gCAAY,6BAA6B;AACnE,WAAO;AAAA,EACT,WAAW,OAAO;AAChB,UAAM;AAAA,EACR;AAEA,eAAAA,QAAM,QAAI,8BAAa,CAAC;AAC1B;","names":["React"]}

package/dist/components-page/password-reset.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function PasswordResetForm({ code, fullPage }: {
+declare function PasswordResetForm(props: {
     code: string;
     fullPage?: boolean;
 }): react_jsx_runtime.JSX.Element;

package/dist/components-page/password-reset.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function PasswordResetForm({ code, fullPage }: {
+declare function PasswordResetForm(props: {
     code: string;
     fullPage?: boolean;
 }): react_jsx_runtime.JSX.Element;

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

@@ -66,7 +66,7 @@ var schema = (0, import_schema_fields.yupObject)({
   }),
   passwordRepeat: (0, import_schema_fields.yupString)().nullable().oneOf([yup.ref("password"), null], "Passwords do not match").required("Please repeat your password")
 });
-function PasswordResetForm({ code, fullPage = false }) {
+function PasswordResetForm(props) {
   const { register, handleSubmit, formState: { errors }, clearErrors } = (0, import_react_hook_form.useForm)({
     resolver: (0, import_yup.yupResolver)(schema)
   });
@@ -78,7 +78,7 @@ function PasswordResetForm({ code, fullPage = false }) {
     setLoading(true);
     try {
       const { password } = data;
-      const errorCode = await stackApp.resetPassword({ password, code });
+      const errorCode = await stackApp.resetPassword({ password, code: props.code });
       if (errorCode) {
         setResetError(true);
         return;
@@ -89,13 +89,13 @@ function PasswordResetForm({ code, fullPage = false }) {
     }
   };
   if (finished) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.PredefinedMessageCard, { type: "passwordReset", fullPage });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_predefined_message_card.PredefinedMessageCard, { type: "passwordReset", fullPage: !!props.fullPage });
   }
   if (resetError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.MessageCard, { title: "Failed to reset password", fullPage, children: "Failed to reset password. Please request a new password reset link" });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.MessageCard, { title: "Failed to reset password", fullPage: !!props.fullPage, children: "Failed to reset password. Please request a new password reset link" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_maybe_full_page.MaybeFullPage, { fullPage, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-center mb-6", style: { width: "380px", padding: fullPage ? "1rem" : 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Typography, { type: "h2", children: "Reset Your Password" }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_maybe_full_page.MaybeFullPage, { fullPage: !!props.fullPage, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-center mb-6", style: { width: "380px", padding: props.fullPage ? "1rem" : 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Typography, { type: "h2", children: "Reset Your Password" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "form",
       {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components-page/password-reset.tsx"],"sourcesContent":["'use client';\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { KnownErrors } from \"@stackframe/stack-shared\";\nimport { getPasswordError } from \"@stackframe/stack-shared/dist/helpers/password\";\nimport { yupObject, yupString } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Label, PasswordInput, Typography } from \"@stackframe/stack-ui\";\nimport React, { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { StackClientApp, useStackApp } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\n\nconst schema = yupObject({\n  password: yupString().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: yupString().nullable().oneOf([yup.ref('password'), null], 'Passwords do not match').required('Please repeat your password')\n});\n\nexport default function PasswordResetForm(\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  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { password } = data;\n      const errorCode = await stackApp.resetPassword({ password, code });\n      if (errorCode) {\n        setResetError(true);\n        return;\n      }\n\n      setFinished(true);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  if (finished) {\n    return <PredefinedMessageCard type='passwordReset' fullPage={fullPage} />;\n  }\n\n  if (resetError) {\n    return (\n      <MessageCard title=\"Failed to reset password\" fullPage={fullPage}>\n        Failed to reset password. Please request a new password reset link\n      </MessageCard>\n    );\n  }\n\n  return (\n    <MaybeFullPage fullPage={fullPage}>\n      <div className=\"text-center mb-6\" style={{ width: '380px', padding: fullPage ? '1rem' : 0 }}>\n        <Typography type='h2'>Reset Your Password</Typography>\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\" className=\"mb-1\">New Password</Label>\n        <PasswordInput\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\" className=\"mt-4 mb-1\">Repeat New Password</Label>\n        <PasswordInput\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 type=\"submit\" className=\"mt-6\" loading={loading}>\n          Reset Password\n        </Button>\n      </form>\n    </MaybeFullPage>\n  );\n}\n\n\nconst cachedVerifyPasswordResetCode = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.verifyPasswordResetCode(code);\n});\n\nexport function PasswordReset({\n  searchParams,\n  fullPage = false,\n}: {\n  searchParams: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const stackApp = useStackApp();\n\n  const invalidJsx = (\n    <MessageCard title=\"Invalid Password Reset Link\" fullPage={fullPage}>\n      <Typography>Please double check if you have the correct password reset link.</Typography>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title=\"Expired Password Reset Link\" fullPage={fullPage}>\n      <Typography>Your password reset link has expired. Please request a new password reset link from the login page.</Typography>\n    </MessageCard>\n  );\n\n  const usedJsx = (\n    <MessageCard title=\"Used Password Reset Link\" fullPage={fullPage}>\n      <Typography>This password reset link has already been used. If you need to reset your password again, please request a new password reset link from the login page.</Typography>\n    </MessageCard>\n  );\n\n  const code = searchParams.code;\n  if (!code) {\n    return invalidJsx;\n  }\n\n  const error = React.use(cachedVerifyPasswordResetCode(stackApp, code));\n\n  if (error instanceof KnownErrors.VerificationCodeNotFound) {\n    return invalidJsx;\n  } else if (error instanceof KnownErrors.VerificationCodeExpired) {\n    return expiredJsx;\n  } else if (error instanceof KnownErrors.VerificationCodeAlreadyUsed) {\n    return usedJsx;\n  } else if (error) {\n    throw error;\n  }\n\n  return <PasswordResetForm code={code} fullPage={fullPage} />;\n}\n"],"mappings":"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","names":["React"]}
+{"version":3,"sources":["../../src/components-page/password-reset.tsx"],"sourcesContent":["'use client';\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { KnownErrors } from \"@stackframe/stack-shared\";\nimport { getPasswordError } from \"@stackframe/stack-shared/dist/helpers/password\";\nimport { yupObject, yupString } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Label, PasswordInput, Typography } from \"@stackframe/stack-ui\";\nimport React, { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { StackClientApp, useStackApp } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\n\nconst schema = yupObject({\n  password: yupString().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: yupString().nullable().oneOf([yup.ref('password'), null], 'Passwords do not match').required('Please repeat your password')\n});\n\nexport default function PasswordResetForm(props: {\n  code: string,\n  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  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { password } = data;\n      const errorCode = await stackApp.resetPassword({ password, code: props.code });\n      if (errorCode) {\n        setResetError(true);\n        return;\n      }\n\n      setFinished(true);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  if (finished) {\n    return <PredefinedMessageCard type='passwordReset' fullPage={!!props.fullPage} />;\n  }\n\n  if (resetError) {\n    return (\n      <MessageCard title=\"Failed to reset password\" fullPage={!!props.fullPage}>\n        Failed to reset password. Please request a new password reset link\n      </MessageCard>\n    );\n  }\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className=\"text-center mb-6\" style={{ width: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <Typography type='h2'>Reset Your Password</Typography>\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\" className=\"mb-1\">New Password</Label>\n        <PasswordInput\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\" className=\"mt-4 mb-1\">Repeat New Password</Label>\n        <PasswordInput\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 type=\"submit\" className=\"mt-6\" loading={loading}>\n          Reset Password\n        </Button>\n      </form>\n    </MaybeFullPage>\n  );\n}\n\n\nconst cachedVerifyPasswordResetCode = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.verifyPasswordResetCode(code);\n});\n\nexport function PasswordReset({\n  searchParams,\n  fullPage = false,\n}: {\n  searchParams: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const stackApp = useStackApp();\n\n  const invalidJsx = (\n    <MessageCard title=\"Invalid Password Reset Link\" fullPage={fullPage}>\n      <Typography>Please double check if you have the correct password reset link.</Typography>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title=\"Expired Password Reset Link\" fullPage={fullPage}>\n      <Typography>Your password reset link has expired. Please request a new password reset link from the login page.</Typography>\n    </MessageCard>\n  );\n\n  const usedJsx = (\n    <MessageCard title=\"Used Password Reset Link\" fullPage={fullPage}>\n      <Typography>This password reset link has already been used. If you need to reset your password again, please request a new password reset link from the login page.</Typography>\n    </MessageCard>\n  );\n\n  const code = searchParams.code;\n  if (!code) {\n    return invalidJsx;\n  }\n\n  const error = React.use(cachedVerifyPasswordResetCode(stackApp, code));\n\n  if (error instanceof KnownErrors.VerificationCodeNotFound) {\n    return invalidJsx;\n  } else if (error instanceof KnownErrors.VerificationCodeExpired) {\n    return expiredJsx;\n  } else if (error instanceof KnownErrors.VerificationCodeAlreadyUsed) {\n    return usedJsx;\n  } else if (error) {\n    throw error;\n  }\n\n  return <PasswordResetForm code={code} fullPage={fullPage} />;\n}\n"],"mappings":"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","names":["React"]}

package/dist/components-page/sign-in.d.mts

@@ -1,7 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function SignIn({ fullPage }: {
+declare function SignIn(props: {
     fullPage?: boolean;
+    automaticRedirect?: boolean;
+    extraInfo?: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
 export { SignIn };

package/dist/components-page/sign-in.d.ts

@@ -1,7 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function SignIn({ fullPage }: {
+declare function SignIn(props: {
     fullPage?: boolean;
+    automaticRedirect?: boolean;
+    extraInfo?: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
 export { SignIn };

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

@@ -25,8 +25,8 @@ __export(sign_in_exports, {
 module.exports = __toCommonJS(sign_in_exports);
 var import_auth_page = require("./auth-page");
 var import_jsx_runtime = require("react/jsx-runtime");
-function SignIn({ fullPage = false }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_auth_page.AuthPage, { fullPage, type: "sign-in" });
+function SignIn(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_auth_page.AuthPage, { fullPage: !!props.fullPage, type: "sign-in", automaticRedirect: !!props.automaticRedirect, extraInfo: props.extraInfo });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components-page/sign-in.tsx"],"sourcesContent":["import { AuthPage } from './auth-page';\n\nexport function SignIn({ fullPage=false }: { fullPage?: boolean }) {\n  return <AuthPage fullPage={fullPage} type='sign-in' />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB;AAGhB;AADF,SAAS,OAAO,EAAE,WAAS,MAAM,GAA2B;AACjE,SAAO,4CAAC,6BAAS,UAAoB,MAAK,WAAU;AACtD;","names":[]}
+{"version":3,"sources":["../../src/components-page/sign-in.tsx"],"sourcesContent":["import { AuthPage } from './auth-page';\n\nexport function SignIn(props: { fullPage?: boolean, automaticRedirect?: boolean, extraInfo?: React.ReactNode }) {\n  return <AuthPage fullPage={!!props.fullPage} type='sign-in' automaticRedirect={!!props.automaticRedirect} extraInfo={props.extraInfo} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB;AAGhB;AADF,SAAS,OAAO,OAAyF;AAC9G,SAAO,4CAAC,6BAAS,UAAU,CAAC,CAAC,MAAM,UAAU,MAAK,WAAU,mBAAmB,CAAC,CAAC,MAAM,mBAAmB,WAAW,MAAM,WAAW;AACxI;","names":[]}

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

@@ -35,10 +35,10 @@ __export(sign_out_exports, {
   SignOut: () => SignOut
 });
 module.exports = __toCommonJS(sign_out_exports);
+var import_caches = require("@stackframe/stack-shared/dist/utils/caches");
 var import_react = __toESM(require("react"));
 var import__ = require("..");
 var import_predefined_message_card = require("../components/message-cards/predefined-message-card");
-var import_caches = require("@stackframe/stack-shared/dist/utils/caches");
 var import_jsx_runtime = require("react/jsx-runtime");
 var cacheSignOut = (0, import_caches.cacheFunction)(async (user) => {
   return await user.signOut();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components-page/sign-out.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport { CurrentUser, StackClientApp, useUser } from \"..\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\n\nconst cacheSignOut = cacheFunction(async (user: CurrentUser) => {\n  return await user.signOut();\n});\n\nexport function SignOut(props: { fullPage?: boolean }) {\n  const user = useUser();\n\n  if (user) {\n    React.use(cacheSignOut(user));\n  }\n\n  return <PredefinedMessageCard type='signedOut' fullPage={props.fullPage} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAClB,eAAqD;AACrD,qCAAsC;AACtC,oBAA8B;AAarB;AAXT,IAAM,mBAAe,6BAAc,OAAO,SAAsB;AAC9D,SAAO,MAAM,KAAK,QAAQ;AAC5B,CAAC;AAEM,SAAS,QAAQ,OAA+B;AACrD,QAAM,WAAO,kBAAQ;AAErB,MAAI,MAAM;AACR,iBAAAA,QAAM,IAAI,aAAa,IAAI,CAAC;AAAA,EAC9B;AAEA,SAAO,4CAAC,wDAAsB,MAAK,aAAY,UAAU,MAAM,UAAU;AAC3E;","names":["React"]}
+{"version":3,"sources":["../../src/components-page/sign-out.tsx"],"sourcesContent":["'use client';\n\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\nimport React from \"react\";\nimport { CurrentUser, useUser } from \"..\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\n\nconst cacheSignOut = cacheFunction(async (user: CurrentUser) => {\n  return await user.signOut();\n});\n\nexport function SignOut(props: { fullPage?: boolean }) {\n  const user = useUser();\n\n  if (user) {\n    React.use(cacheSignOut(user));\n  }\n\n  return <PredefinedMessageCard type='signedOut' fullPage={props.fullPage} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAA8B;AAC9B,mBAAkB;AAClB,eAAqC;AACrC,qCAAsC;AAa7B;AAXT,IAAM,mBAAe,6BAAc,OAAO,SAAsB;AAC9D,SAAO,MAAM,KAAK,QAAQ;AAC5B,CAAC;AAEM,SAAS,QAAQ,OAA+B;AACrD,QAAM,WAAO,kBAAQ;AAErB,MAAI,MAAM;AACR,iBAAAA,QAAM,IAAI,aAAa,IAAI,CAAC;AAAA,EAC9B;AAEA,SAAO,4CAAC,wDAAsB,MAAK,aAAY,UAAU,MAAM,UAAU;AAC3E;","names":["React"]}

package/dist/components-page/sign-up.d.mts

@@ -1,7 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function SignUp({ fullPage }: {
+declare function SignUp(props: {
     fullPage?: boolean;
+    automaticRedirect?: boolean;
+    extraInfo?: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
 export { SignUp };

package/dist/components-page/sign-up.d.ts

@@ -1,7 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function SignUp({ fullPage }: {
+declare function SignUp(props: {
     fullPage?: boolean;
+    automaticRedirect?: boolean;
+    extraInfo?: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
 export { SignUp };

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

@@ -27,8 +27,8 @@ __export(sign_up_exports, {
 module.exports = __toCommonJS(sign_up_exports);
 var import_auth_page = require("./auth-page");
 var import_jsx_runtime = require("react/jsx-runtime");
-function SignUp({ fullPage = false }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_auth_page.AuthPage, { fullPage, type: "sign-up" });
+function SignUp(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_auth_page.AuthPage, { fullPage: !!props.fullPage, type: "sign-up", automaticRedirect: !!props.automaticRedirect, extraInfo: props.extraInfo });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components-page/sign-up.tsx"],"sourcesContent":["'use client';\nimport { AuthPage } from './auth-page';\n\nexport function SignUp({ fullPage=false }: { fullPage?: boolean }) {\n  return <AuthPage fullPage={fullPage} type='sign-up' />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAyB;AAGhB;AADF,SAAS,OAAO,EAAE,WAAS,MAAM,GAA2B;AACjE,SAAO,4CAAC,6BAAS,UAAoB,MAAK,WAAU;AACtD;","names":[]}
+{"version":3,"sources":["../../src/components-page/sign-up.tsx"],"sourcesContent":["'use client';\nimport { AuthPage } from './auth-page';\n\nexport function SignUp(props: { fullPage?: boolean, automaticRedirect?: boolean, extraInfo?: React.ReactNode }) {\n  return <AuthPage fullPage={!!props.fullPage} type='sign-up' automaticRedirect={!!props.automaticRedirect} extraInfo={props.extraInfo} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAyB;AAGhB;AADF,SAAS,OAAO,OAAyF;AAC9G,SAAO,4CAAC,6BAAS,UAAU,CAAC,CAAC,MAAM,UAAU,MAAK,WAAU,mBAAmB,CAAC,CAAC,MAAM,mBAAmB,WAAW,MAAM,WAAW;AACxI;","names":[]}

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

@@ -1,5 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StackServerApp } from '../lib/stack-app.mjs';
+import { SignIn } from './sign-in.mjs';
+import { SignUp } from './sign-up.mjs';
+import { EmailVerification } from './email-verification.mjs';
+import { PasswordReset } from './password-reset.mjs';
+import { ForgotPassword } from './forgot-password.mjs';
+import { AccountSettings } from './account-settings.mjs';
+import { ErrorPage } from './error-page.mjs';
+import { MagicLinkCallback } from './magic-link-callback.mjs';
+import { OAuthCallback } from './oauth-callback.mjs';
+import { SignOut } from './sign-out.mjs';
+import { TeamInvitation } from './team-invitation.mjs';
 import '@stackframe/stack-shared';
 import '@stackframe/stack-shared/dist/helpers/production-mode';
 import '@stackframe/stack-shared/dist/interface/crud/api-keys';
@@ -10,14 +21,31 @@ import '@stackframe/stack-shared/dist/sessions';
 import '@stackframe/stack-shared/dist/utils/json';
 import '@stackframe/stack-shared/dist/utils/oauth';
 import '@stackframe/stack-shared/dist/utils/results';
+import 'lucide-react';
 
-declare function StackHandler<HasTokenStore extends boolean>({ app, params: { stack }, searchParams, fullPage, }: {
+type Components = {
+    SignIn: typeof SignIn;
+    SignUp: typeof SignUp;
+    EmailVerification: typeof EmailVerification;
+    PasswordReset: typeof PasswordReset;
+    ForgotPassword: typeof ForgotPassword;
+    SignOut: typeof SignOut;
+    OAuthCallback: typeof OAuthCallback;
+    MagicLinkCallback: typeof MagicLinkCallback;
+    TeamInvitation: typeof TeamInvitation;
+    ErrorPage: typeof ErrorPage;
+    AccountSettings: typeof AccountSettings;
+};
+declare function StackHandler<HasTokenStore extends boolean>(props: {
     app: StackServerApp<HasTokenStore>;
     params?: {
         stack?: string[];
     };
     searchParams?: Record<string, string>;
-    fullPage?: boolean;
+    fullPage: boolean;
+    componentProps?: {
+        [K in keyof Components]?: Parameters<Components[K]>;
+    };
 }): Promise<react_jsx_runtime.JSX.Element>;
 
 export { StackHandler as default };

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

@@ -1,5 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StackServerApp } from '../lib/stack-app.js';
+import { SignIn } from './sign-in.js';
+import { SignUp } from './sign-up.js';
+import { EmailVerification } from './email-verification.js';
+import { PasswordReset } from './password-reset.js';
+import { ForgotPassword } from './forgot-password.js';
+import { AccountSettings } from './account-settings.js';
+import { ErrorPage } from './error-page.js';
+import { MagicLinkCallback } from './magic-link-callback.js';
+import { OAuthCallback } from './oauth-callback.js';
+import { SignOut } from './sign-out.js';
+import { TeamInvitation } from './team-invitation.js';
 import '@stackframe/stack-shared';
 import '@stackframe/stack-shared/dist/helpers/production-mode';
 import '@stackframe/stack-shared/dist/interface/crud/api-keys';
@@ -10,14 +21,31 @@ import '@stackframe/stack-shared/dist/sessions';
 import '@stackframe/stack-shared/dist/utils/json';
 import '@stackframe/stack-shared/dist/utils/oauth';
 import '@stackframe/stack-shared/dist/utils/results';
+import 'lucide-react';
 
-declare function StackHandler<HasTokenStore extends boolean>({ app, params: { stack }, searchParams, fullPage, }: {
+type Components = {
+    SignIn: typeof SignIn;
+    SignUp: typeof SignUp;
+    EmailVerification: typeof EmailVerification;
+    PasswordReset: typeof PasswordReset;
+    ForgotPassword: typeof ForgotPassword;
+    SignOut: typeof SignOut;
+    OAuthCallback: typeof OAuthCallback;
+    MagicLinkCallback: typeof MagicLinkCallback;
+    TeamInvitation: typeof TeamInvitation;
+    ErrorPage: typeof ErrorPage;
+    AccountSettings: typeof AccountSettings;
+};
+declare function StackHandler<HasTokenStore extends boolean>(props: {
     app: StackServerApp<HasTokenStore>;
     params?: {
         stack?: string[];
     };
     searchParams?: Record<string, string>;
-    fullPage?: boolean;
+    fullPage: boolean;
+    componentProps?: {
+        [K in keyof Components]?: Parameters<Components[K]>;
+    };
 }): Promise<react_jsx_runtime.JSX.Element>;
 
 export { StackHandler as default };

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

@@ -36,28 +36,20 @@ var import_oauth_callback = require("./oauth-callback");
 var import_password_reset = require("./password-reset");
 var import_sign_out = require("./sign-out");
 var import_team_invitation = require("./team-invitation");
+var import_objects = require("@stackframe/stack-shared/dist/utils/objects");
 var import_jsx_runtime = require("react/jsx-runtime");
-async function StackHandler({
-  app,
-  params: { stack } = {},
-  searchParams = {},
-  fullPage
-}) {
-  if (fullPage === void 0) {
-    console.warn("Not specifying `fullPage` in the StackHandler options is deprecated; the default value will change to `false` in the next major version. Please specify `fullPage={true}` in your `app/[...stack]/handler/page.tsx` file to retain the current behavior.");
-    fullPage = true;
-  }
-  if (!stack) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.MessageCard, { title: "Invalid Stack Handler Setup", fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Can't use Stack handler at this location. Make sure that the file is in a folder called [...stack]." }) });
+async function StackHandler(props) {
+  if (!props.params?.stack) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.MessageCard, { title: "Invalid Stack Handler Setup", fullPage: props.fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Can't use Stack handler at this location. Make sure that the file is in a folder called [...stack]." }) });
   }
   function redirectIfNotHandler(name) {
-    const url = app.urls[name];
-    const handlerUrl = app.urls.handler;
+    const url = props.app.urls[name];
+    const handlerUrl = props.app.urls.handler;
     if (url !== handlerUrl && url.startsWith(handlerUrl + "/")) {
       return;
     }
     const urlObj = new URL(url, "http://example.com");
-    for (const [key, value] of Object.entries(searchParams)) {
+    for (const [key, value] of Object.entries(props.searchParams || {})) {
       urlObj.searchParams.set(key, value);
     }
     (0, import_navigation.redirect)((0, import_urls.getRelativePart)(urlObj), import_navigation.RedirectType.replace);
@@ -75,58 +67,134 @@ async function StackHandler({
     teamInvitation: "team-invitation",
     error: "error"
   };
-  const path = stack.join("/");
+  const path = props.params.stack.join("/");
   if (path.startsWith("account-settings")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_account_settings.AccountSettings, { fullPage });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_account_settings.AccountSettings,
+      {
+        fullPage: props.fullPage,
+        ...filterUndefinedINU(props.componentProps?.AccountSettings)
+      }
+    );
   }
   switch (path) {
     case availablePaths.signIn: {
       redirectIfNotHandler("signIn");
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.AuthPage, { fullPage, type: "sign-in", automaticRedirect: true });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import__.SignIn,
+        {
+          fullPage: props.fullPage,
+          automaticRedirect: true,
+          ...filterUndefinedINU(props.componentProps?.SignIn)
+        }
+      );
     }
     case availablePaths.signUp: {
       redirectIfNotHandler("signUp");
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.AuthPage, { fullPage, type: "sign-up", automaticRedirect: true });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import__.SignUp,
+        {
+          fullPage: props.fullPage,
+          automaticRedirect: true,
+          ...filterUndefinedINU(props.componentProps?.SignUp)
+        }
+      );
     }
     case availablePaths.emailVerification: {
       redirectIfNotHandler("emailVerification");
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_email_verification.EmailVerification, { searchParams, fullPage });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_email_verification.EmailVerification,
+        {
+          searchParams: props.searchParams,
+          fullPage: props.fullPage,
+          ...filterUndefinedINU(props.componentProps?.EmailVerification)
+        }
+      );
     }
     case availablePaths.passwordReset: {
       redirectIfNotHandler("passwordReset");
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_password_reset.PasswordReset, { searchParams, fullPage });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_password_reset.PasswordReset,
+        {
+          searchParams: props.searchParams || {},
+          fullPage: props.fullPage,
+          ...filterUndefinedINU(props.componentProps?.PasswordReset)
+        }
+      );
     }
     case availablePaths.forgotPassword: {
       redirectIfNotHandler("forgotPassword");
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_forgot_password.ForgotPassword, { fullPage });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_forgot_password.ForgotPassword,
+        {
+          fullPage: props.fullPage,
+          ...filterUndefinedINU(props.componentProps?.ForgotPassword)
+        }
+      );
     }
     case availablePaths.signOut: {
       redirectIfNotHandler("signOut");
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sign_out.SignOut, { fullPage });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_sign_out.SignOut,
+        {
+          fullPage: props.fullPage,
+          ...filterUndefinedINU(props.componentProps?.SignOut)
+        }
+      );
     }
     case availablePaths.oauthCallback: {
       redirectIfNotHandler("oauthCallback");
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_oauth_callback.OAuthCallback, { fullPage });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_oauth_callback.OAuthCallback,
+        {
+          fullPage: props.fullPage,
+          ...filterUndefinedINU(props.componentProps?.OAuthCallback)
+        }
+      );
     }
     case availablePaths.magicLinkCallback: {
       redirectIfNotHandler("magicLinkCallback");
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_magic_link_callback.MagicLinkCallback, { searchParams, fullPage });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_magic_link_callback.MagicLinkCallback,
+        {
+          searchParams: props.searchParams || {},
+          fullPage: props.fullPage,
+          ...filterUndefinedINU(props.componentProps?.MagicLinkCallback)
+        }
+      );
     }
     case availablePaths.teamInvitation: {
       redirectIfNotHandler("teamInvitation");
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_team_invitation.TeamInvitation, { searchParams, fullPage });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_team_invitation.TeamInvitation,
+        {
+          searchParams: props.searchParams || {},
+          fullPage: props.fullPage,
+          ...filterUndefinedINU(props.componentProps?.TeamInvitation)
+        }
+      );
     }
     case availablePaths.error: {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_page.ErrorPage, { searchParams, fullPage });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_error_page.ErrorPage,
+        {
+          searchParams: props.searchParams || {},
+          fullPage: props.fullPage,
+          ...filterUndefinedINU(props.componentProps?.ErrorPage)
+        }
+      );
     }
     default: {
       for (const [key, value] of Object.entries(availablePaths)) {
         if (path === value.replaceAll("-", "")) {
-          (0, import_navigation.redirect)(`${app.urls.handler}/${value}`, import_navigation.RedirectType.replace);
+          (0, import_navigation.redirect)(`${props.app.urls.handler}/${value}`, import_navigation.RedirectType.replace);
         }
       }
       return (0, import_navigation.notFound)();
     }
   }
 }
+function filterUndefinedINU(value) {
+  return value === void 0 ? value : (0, import_objects.filterUndefined)(value);
+}
 //# sourceMappingURL=stack-handler.js.map