@stackframe/tanstack-start 0.0.1 → 2.8.91

package/dist/components/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":[],"sources":["../../src/components/link.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { cn } from \"@stackframe/stack-ui\";\n\ntype LinkProps = {\n  href: string,\n  children: React.ReactNode,\n  className?: string,\n  target?: string,\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>,\n  prefetch?: boolean,\n};\n\nfunction Link(props: LinkProps) {\n  return <a\n    href={props.href}\n    target={props.target}\n    className={props.className}\n    onClick={props.onClick}\n  >\n    {props.children}\n  </a>;\n}\n\nfunction StyledLink(props: LinkProps) {\n  return (\n    <Link {...props} className={cn(\"underline font-medium\", props.className)}>\n      {props.children}\n    </Link>\n  );\n}\n\nexport { Link, StyledLink };\n"],"mappings":";;;;;;;;AAkBA,SAAS,KAAK,OAAkB;AAC9B,QAAO,2CAAC;EACN,MAAM,MAAM;EACZ,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,SAAS,MAAM;YAEd,MAAM;GACL;;AAGN,SAAS,WAAW,OAAkB;AACpC,QACE,2CAAC;EAAK,GAAI;EAAO,wCAAc,yBAAyB,MAAM,UAAU;YACrE,MAAM;GACF"}

package/dist/components/magic-link-sign-in.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/magic-link-sign-in.d.ts
+declare function MagicLinkSignIn(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { MagicLinkSignIn };
+//# sourceMappingURL=magic-link-sign-in.d.ts.map

package/dist/components/magic-link-sign-in.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"magic-link-sign-in.d.ts","names":[],"sources":["../../src/components/magic-link-sign-in.tsx"],"mappings":";;;iBAkFgB,eAAA,CAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/magic-link-sign-in.js

@@ -0,0 +1,138 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
+let _stackframe_stack_shared_dist_schema_fields = require("@stackframe/stack-shared/dist/schema-fields");
+let _stackframe_stack_shared_dist_utils_promises = require("@stackframe/stack-shared/dist/utils/promises");
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react = require("react");
+let react_hook_form = require("react-hook-form");
+let ___lib_translations_js = require("../lib/translations.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __elements_form_warning_js = require("./elements/form-warning.js");
+let ___lib_hooks_js = require("../lib/hooks.js");
+let _stackframe_stack_shared = require("@stackframe/stack-shared");
+
+//#region src/components/magic-link-sign-in.tsx
+function OTP(props) {
+	const { t } = (0, ___lib_translations_js.useTranslation)();
+	const [otp, setOtp] = (0, react.useState)("");
+	const [submitting, setSubmitting] = (0, react.useState)(false);
+	const stackApp = (0, ___lib_hooks_js.useStackApp)();
+	const [error, setError] = (0, react.useState)(null);
+	(0, react.useEffect)(() => {
+		if (otp.length === 6 && !submitting) {
+			setSubmitting(true);
+			stackApp.signInWithMagicLink(otp + props.nonce).then((result) => {
+				if (result.status === "error") if (_stackframe_stack_shared.KnownErrors.VerificationCodeError.isInstance(result.error)) setError(t("Invalid code"));
+				else if (_stackframe_stack_shared.KnownErrors.InvalidTotpCode.isInstance(result.error)) setError(t("Invalid TOTP code"));
+				else throw result.error;
+			}).catch((e) => console.error(e)).finally(() => {
+				setSubmitting(false);
+				setOtp("");
+			});
+		}
+		if (otp.length !== 0 && otp.length !== 6) setError(null);
+	}, [otp, submitting]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col items-stretch stack-scope",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+			className: "w-full flex flex-col items-center mb-2",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+					className: "mb-2",
+					children: t("Enter the code from your email")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.InputOTP, {
+					maxLength: 6,
+					type: "text",
+					inputMode: "text",
+					pattern: "^[a-zA-Z0-9]+$",
+					value: otp,
+					onChange: (value) => setOtp(value.toUpperCase()),
+					disabled: submitting,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.InputOTPGroup, { children: [
+						0,
+						1,
+						2,
+						3,
+						4,
+						5
+					].map((index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.InputOTPSlot, {
+						index,
+						size: "lg"
+					}, index)) })
+				}),
+				error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__elements_form_warning_js.FormWarningText, { text: error })
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+			variant: "link",
+			onClick: props.onBack,
+			className: "underline",
+			children: t("Cancel")
+		})]
+	});
+}
+function MagicLinkSignIn() {
+	const { t } = (0, ___lib_translations_js.useTranslation)();
+	const app = (0, ___lib_hooks_js.useStackApp)();
+	const [loading, setLoading] = (0, react.useState)(false);
+	const [nonce, setNonce] = (0, react.useState)(null);
+	const { register, handleSubmit, setError, formState: { errors } } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _stackframe_stack_shared_dist_schema_fields.yupObject)({ email: (0, _stackframe_stack_shared_dist_schema_fields.strictEmailSchema)(t("Please enter a valid email")).defined().nonEmpty(t("Please enter your email")) })) });
+	const onSubmit = async (data) => {
+		setLoading(true);
+		try {
+			const { email } = data;
+			const result = await app.sendMagicLinkEmail(email);
+			if (result.status === "error") {
+				setError("email", {
+					type: "manual",
+					message: result.error.message
+				});
+				return;
+			} else setNonce(result.data.nonce);
+		} catch (e) {
+			if (_stackframe_stack_shared.KnownErrors.SignUpNotEnabled.isInstance(e)) setError("email", {
+				type: "manual",
+				message: t("New account registration is not allowed")
+			});
+			else throw e;
+		} finally {
+			setLoading(false);
+		}
+	};
+	if (nonce) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OTP, {
+		nonce,
+		onBack: () => setNonce(null)
+	});
+	else return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+		className: "flex flex-col items-stretch stack-scope",
+		onSubmit: (e) => (0, _stackframe_stack_shared_dist_utils_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
+		noValidate: true,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+				htmlFor: "email",
+				className: "mb-1",
+				children: t("Email")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Input, {
+				id: "email",
+				type: "email",
+				autoComplete: "email",
+				...register("email")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__elements_form_warning_js.FormWarningText, { text: errors.email?.message?.toString() }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+				type: "submit",
+				className: "mt-6",
+				loading,
+				children: t("Send email")
+			})
+		]
+	});
+}
+
+//#endregion
+exports.MagicLinkSignIn = MagicLinkSignIn;
+//# sourceMappingURL=magic-link-sign-in.js.map

package/dist/components/magic-link-sign-in.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"magic-link-sign-in.js","names":["KnownErrors","Typography","InputOTP","InputOTPGroup","InputOTPSlot","FormWarningText","Button","Label","Input"],"sources":["../../src/components/magic-link-sign-in.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { KnownErrors } from \"@stackframe/stack-shared\";\nimport { strictEmailSchema, yupObject } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, InputOTP, InputOTPGroup, InputOTPSlot, Label, Typography } from \"@stackframe/stack-ui\";\nimport { useEffect, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp } from \"../lib/hooks\";\nimport { useTranslation } from \"../lib/translations\";\nimport { FormWarningText } from \"./elements/form-warning\";\n\nfunction OTP(props: {\n  onBack: () => void,\n  nonce: string,\n}) {\n  const { t } = useTranslation();\n  const [otp, setOtp] = useState<string>('');\n  const [submitting, setSubmitting] = useState<boolean>(false);\n  const stackApp = useStackApp();\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (otp.length === 6 && !submitting) {\n      setSubmitting(true);\n      // eslint-disable-next-line no-restricted-syntax\n      stackApp.signInWithMagicLink(otp + props.nonce)\n        .then(result => {\n          if (result.status === 'error') {\n            if (KnownErrors.VerificationCodeError.isInstance(result.error)) {\n              setError(t(\"Invalid code\"));\n            } else if (KnownErrors.InvalidTotpCode.isInstance(result.error)) {\n              setError(t(\"Invalid TOTP code\"));\n            } else {\n              throw result.error;\n            }\n          }\n        })\n        .catch(e => console.error(e))\n        .finally(() => {\n          setSubmitting(false);\n          setOtp('');\n        });\n    }\n    if (otp.length !== 0 && otp.length !== 6) {\n      setError(null);\n    }\n  }, [otp, submitting]);\n\n  return (\n    <div className=\"flex flex-col items-stretch stack-scope\">\n      <form className='w-full flex flex-col items-center mb-2'>\n        <Typography className='mb-2' >{t('Enter the code from your email')}</Typography>\n        <InputOTP\n          maxLength={6}\n          type=\"text\"\n          inputMode=\"text\"\n          pattern={\"^[a-zA-Z0-9]+$\"}\n          value={otp}\n          onChange={value => setOtp(value.toUpperCase())}\n          disabled={submitting}\n        >\n          <InputOTPGroup>\n            {[0, 1, 2, 3, 4, 5].map((index) => (\n              <InputOTPSlot key={index} index={index} size='lg' />\n            ))}\n          </InputOTPGroup>\n        </InputOTP>\n        {error && <FormWarningText text={error} />}\n      </form>\n      <Button variant='link' onClick={props.onBack} className='underline'>{t('Cancel')}</Button>\n    </div>\n  );\n}\n\nexport function MagicLinkSignIn() {\n  const { t } = useTranslation();\n  const app = useStackApp();\n  const [loading, setLoading] = useState(false);\n  const [nonce, setNonce] = useState<string | null>(null);\n\n  const schema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email')).defined().nonEmpty(t('Please enter your email'))\n  });\n\n  const { register, handleSubmit, setError, formState: { errors } } = useForm({\n    resolver: yupResolver(schema)\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { email } = data;\n      const result = await app.sendMagicLinkEmail(email);\n      if (result.status === 'error') {\n        setError('email', { type: 'manual', message: result.error.message });\n        return;\n      } else {\n        setNonce(result.data.nonce);\n      }\n    } catch (e) {\n      if (KnownErrors.SignUpNotEnabled.isInstance(e)) {\n        setError('email', { type: 'manual', message: t('New account registration is not allowed') });\n      } else {\n        throw e;\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  if (nonce) {\n    return <OTP nonce={nonce} onBack={() => setNonce(null)} />;\n  } else {\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\">{t('Email')}</Label>\n        <Input\n          id=\"email\"\n          type=\"email\"\n          autoComplete=\"email\"\n          {...register('email')}\n        />\n        <FormWarningText text={errors.email?.message?.toString()} />\n\n        <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n          {t('Send email')}\n        </Button>\n      </form>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/components/message-cards/known-error-message-card.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { KnownError } from "@stackframe/stack-shared";
+
+//#region src/components/message-cards/known-error-message-card.d.ts
+declare function KnownErrorMessageCard({
+  error,
+  fullPage
+}: {
+  error: KnownError;
+  fullPage?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { KnownErrorMessageCard };
+//# sourceMappingURL=known-error-message-card.d.ts.map

package/dist/components/message-cards/known-error-message-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"known-error-message-card.d.ts","names":[],"sources":["../../../src/components/message-cards/known-error-message-card.tsx"],"mappings":";;;;iBAYgB,qBAAA,CAAA;EACd,KAAA;EACA;AAAA;EAEA,KAAA,EAAO,UAAA;EACP,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,24 @@
+"use client";
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react_jsx_runtime = require("react/jsx-runtime");
+let ______index_js = require("../../index.js");
+let __message_card_js = require("./message-card.js");
+
+//#region src/components/message-cards/known-error-message-card.tsx
+function KnownErrorMessageCard({ error, fullPage = false }) {
+	const stackApp = (0, ______index_js.useStackApp)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__message_card_js.MessageCard, {
+		title: "An error occurred",
+		fullPage,
+		primaryButtonText: "Go Home",
+		primaryAction: () => stackApp.redirectToHome(),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Typography, { children: ["Error Code: ", error.errorCode] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Typography, { children: ["Error Message: ", error.message] })]
+	});
+}
+
+//#endregion
+exports.KnownErrorMessageCard = KnownErrorMessageCard;
+//# sourceMappingURL=known-error-message-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"known-error-message-card.js","names":["MessageCard","Typography"],"sources":["../../../src/components/message-cards/known-error-message-card.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { KnownError } from \"@stackframe/stack-shared\";\nimport { Typography } from \"@stackframe/stack-ui\";\nimport { useStackApp } from \"../..\";\nimport { MessageCard } from \"./message-card\";\n\nexport function KnownErrorMessageCard({\n  error,\n  fullPage=false,\n}: {\n  error: KnownError,\n  fullPage?: boolean,\n}) {\n  const stackApp = useStackApp();\n\n  return (\n    <MessageCard\n      title={\"An error occurred\"}\n      fullPage={fullPage}\n      primaryButtonText={\"Go Home\"}\n      primaryAction={() => stackApp.redirectToHome()}\n    >\n      {<Typography>Error Code: {error.errorCode}</Typography>}\n      {<Typography>Error Message: {error.message}</Typography>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,sBAAsB,EACpC,OACA,WAAS,SAIR;CACD,MAAM,4CAAwB;AAE9B,QACE,4CAACA;EACC,OAAO;EACG;EACV,mBAAmB;EACnB,qBAAqB,SAAS,gBAAgB;aAE7C,4CAACC,8CAAW,gBAAa,MAAM,aAAuB,EACtD,4CAACA,8CAAW,mBAAgB,MAAM,WAAqB;GAC5C"}

package/dist/components/message-cards/message-card.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/message-cards/message-card.d.ts
+declare function MessageCard({
+  fullPage,
+  ...props
+}: {
+  children?: React.ReactNode;
+  title: string;
+  fullPage?: boolean;
+  primaryButtonText?: string;
+  primaryAction?: () => Promise<void> | void;
+  secondaryButtonText?: string;
+  secondaryAction?: () => Promise<void> | void;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { MessageCard };
+//# sourceMappingURL=message-card.d.ts.map

package/dist/components/message-cards/message-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-card.d.ts","names":[],"sources":["../../../src/components/message-cards/message-card.tsx"],"mappings":";;;;iBAWgB,WAAA,CAAA;EACZ,QAAA;EAAA,GAAmB;AAAA;EAEnB,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,KAAA;EACA,QAAA;EACA,iBAAA;EACA,aAAA,SAAsB,OAAA;EACtB,mBAAA;EACA,eAAA,SAAwB,OAAA;AAAA,IACzB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,46 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let ___elements_maybe_full_page_js = require("../elements/maybe-full-page.js");
+
+//#region src/components/message-cards/message-card.tsx
+function MessageCard({ fullPage = false, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___elements_maybe_full_page_js.MaybeFullPage, {
+		fullPage,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "text-center stack-scope flex flex-col gap-4",
+			style: {
+				maxWidth: "380px",
+				flexBasis: "380px",
+				padding: fullPage ? "1rem" : 0
+			},
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+					type: "h3",
+					children: props.title
+				}),
+				props.children,
+				(props.primaryButtonText || props.secondaryButtonText) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex justify-center gap-4 my-5",
+					children: [props.secondaryButtonText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+						variant: "secondary",
+						onClick: props.secondaryAction,
+						children: props.secondaryButtonText
+					}), props.primaryButtonText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+						onClick: props.primaryAction,
+						children: props.primaryButtonText
+					})]
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+exports.MessageCard = MessageCard;
+//# sourceMappingURL=message-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-card.js","names":["MaybeFullPage","Typography","Button"],"sources":["../../../src/components/message-cards/message-card.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport React from \"react\";\nimport { MaybeFullPage } from \"../elements/maybe-full-page\";\nimport { Button, Typography } from \"@stackframe/stack-ui\";\n\nexport function MessageCard(\n  { fullPage=false, ...props }:\n  {\n    children?: React.ReactNode,\n    title: string,\n    fullPage?: boolean,\n    primaryButtonText?: string,\n    primaryAction?: () => Promise<void> | void,\n    secondaryButtonText?: string,\n    secondaryAction?: () => Promise<void> | void,\n  }\n) {\n  return (\n    <MaybeFullPage fullPage={fullPage}>\n      <div className=\"text-center stack-scope flex flex-col gap-4\" style={{ maxWidth: '380px', flexBasis: '380px', padding: fullPage ? '1rem' : 0 }}>\n        <Typography type='h3'>{props.title}</Typography>\n        {props.children}\n        {(props.primaryButtonText || props.secondaryButtonText) && (\n          <div className=\"flex justify-center gap-4 my-5\">\n            {props.secondaryButtonText && (\n              <Button variant=\"secondary\" onClick={props.secondaryAction}>\n                {props.secondaryButtonText}\n              </Button>\n            )}\n            {props.primaryButtonText && (\n              <Button onClick={props.primaryAction}>\n                {props.primaryButtonText}\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,YACd,EAAE,WAAS,OAAO,GAAG,SAUrB;AACA,QACE,2CAACA;EAAwB;YACvB,4CAAC;GAAI,WAAU;GAA8C,OAAO;IAAE,UAAU;IAAS,WAAW;IAAS,SAAS,WAAW,SAAS;IAAG;;IAC3I,2CAACC;KAAW,MAAK;eAAM,MAAM;MAAmB;IAC/C,MAAM;KACL,MAAM,qBAAqB,MAAM,wBACjC,4CAAC;KAAI,WAAU;gBACZ,MAAM,uBACL,2CAACC;MAAO,SAAQ;MAAY,SAAS,MAAM;gBACxC,MAAM;OACA,EAEV,MAAM,qBACL,2CAACA;MAAO,SAAS,MAAM;gBACpB,MAAM;OACA;MAEP;;IAEJ;GACQ"}

package/dist/components/message-cards/predefined-message-card.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/message-cards/predefined-message-card.d.ts
+declare function PredefinedMessageCard({
+  type,
+  fullPage
+}: {
+  type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'unknownError' | 'signUpDisabled';
+  fullPage?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PredefinedMessageCard };
+//# sourceMappingURL=predefined-message-card.d.ts.map

package/dist/components/message-cards/predefined-message-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"predefined-message-card.d.ts","names":[],"sources":["../../../src/components/message-cards/predefined-message-card.tsx"],"mappings":";;;iBAYgB,qBAAA,CAAA;EACd,IAAA;EACA;AAAA;EAEA,IAAA;EACA,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,73 @@
+"use client";
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react_jsx_runtime = require("react/jsx-runtime");
+let ______index_js = require("../../index.js");
+let __message_card_js = require("./message-card.js");
+let ______lib_translations_js = require("../../lib/translations.js");
+
+//#region src/components/message-cards/predefined-message-card.tsx
+function PredefinedMessageCard({ type, fullPage = false }) {
+	const stackApp = (0, ______index_js.useStackApp)();
+	const { t } = (0, ______lib_translations_js.useTranslation)();
+	let title;
+	let message = null;
+	let primaryButton = null;
+	let secondaryButton = null;
+	let primaryAction = null;
+	let secondaryAction = null;
+	switch (type) {
+		case "signedIn":
+			title = t("You are already signed in");
+			primaryAction = () => stackApp.redirectToHome();
+			secondaryAction = () => stackApp.redirectToSignOut();
+			primaryButton = t("Go home");
+			secondaryButton = t("Sign out");
+			break;
+		case "signedOut":
+			title = t("You are not currently signed in.");
+			primaryAction = () => stackApp.redirectToSignIn();
+			primaryButton = t("Sign in");
+			break;
+		case "signUpDisabled":
+			title = t("Sign up for new users is not enabled at the moment.");
+			primaryAction = () => stackApp.redirectToHome();
+			secondaryAction = () => stackApp.redirectToSignIn();
+			primaryButton = t("Go home");
+			secondaryButton = t("Sign in");
+			break;
+		case "emailSent":
+			title = t("Email sent!");
+			message = t("If the user with this e-mail address exists, an e-mail was sent to your inbox. Make sure to check your spam folder.");
+			primaryAction = () => stackApp.redirectToHome();
+			primaryButton = t("Go home");
+			break;
+		case "passwordReset":
+			title = t("Password reset successfully!");
+			message = t("Your password has been reset. You can now sign in with your new password.");
+			primaryAction = () => stackApp.redirectToSignIn({ noRedirectBack: true });
+			primaryButton = t("Sign in");
+			break;
+		case "unknownError":
+			title = t("An unknown error occurred");
+			message = t("Please try again and if the problem persists, contact support.");
+			primaryAction = () => stackApp.redirectToHome();
+			primaryButton = t("Go home");
+			break;
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__message_card_js.MessageCard, {
+		title,
+		fullPage,
+		primaryButtonText: primaryButton,
+		primaryAction,
+		secondaryButtonText: secondaryButton || void 0,
+		secondaryAction: secondaryAction || void 0,
+		children: message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: message })
+	});
+}
+
+//#endregion
+exports.PredefinedMessageCard = PredefinedMessageCard;
+//# sourceMappingURL=predefined-message-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"predefined-message-card.js","names":["MessageCard","Typography"],"sources":["../../../src/components/message-cards/predefined-message-card.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { Typography } from \"@stackframe/stack-ui\";\nimport { useStackApp } from \"../..\";\nimport { useTranslation } from \"../../lib/translations\";\nimport { MessageCard } from \"./message-card\";\n\nexport function PredefinedMessageCard({\n  type,\n  fullPage=false,\n}: {\n  type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'unknownError' | 'signUpDisabled',\n  fullPage?: boolean,\n}) {\n  const stackApp = useStackApp();\n  const { t } = useTranslation();\n\n  let title: string;\n  let message: string | null = null;\n  let primaryButton: string | null = null;\n  let secondaryButton: string | null = null;\n  let primaryAction: (() => Promise<void> | void) | null = null;\n  let secondaryAction: (() => Promise<void> | void) | null = null;\n\n  switch (type) {\n    case 'signedIn': {\n      title = t(\"You are already signed in\");\n      primaryAction = () => stackApp.redirectToHome();\n      secondaryAction = () => stackApp.redirectToSignOut();\n      primaryButton = t(\"Go home\");\n      secondaryButton = t(\"Sign out\");\n      break;\n    }\n    case 'signedOut': {\n      title = t(\"You are not currently signed in.\");\n      primaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'signUpDisabled': {\n      title = t(\"Sign up for new users is not enabled at the moment.\");\n      primaryAction = () => stackApp.redirectToHome();\n      secondaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = t(\"Go home\");\n      secondaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'emailSent': {\n      title = t(\"Email sent!\");\n      message = t(\"If the user with this e-mail address exists, an e-mail was sent to your inbox. Make sure to check your spam folder.\");\n      primaryAction = () => stackApp.redirectToHome();\n      primaryButton = t(\"Go home\");\n      break;\n    }\n    case 'passwordReset': {\n      title = t(\"Password reset successfully!\");\n      message = t(\"Your password has been reset. You can now sign in with your new password.\");\n      primaryAction = () => stackApp.redirectToSignIn({ noRedirectBack: true });\n      primaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'unknownError': {\n      title = t(\"An unknown error occurred\");\n      message = t(\"Please try again and if the problem persists, contact support.\");\n      primaryAction = () => stackApp.redirectToHome();\n      primaryButton = t(\"Go home\");\n      break;\n    }\n  }\n\n  return (\n    <MessageCard\n      title={title}\n      fullPage={fullPage}\n      primaryButtonText={primaryButton}\n      primaryAction={primaryAction}\n      secondaryButtonText={secondaryButton || undefined}\n      secondaryAction={secondaryAction || undefined}\n    >\n      {message && <Typography>{message}</Typography>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,sBAAsB,EACpC,MACA,WAAS,SAIR;CACD,MAAM,4CAAwB;CAC9B,MAAM,EAAE,qDAAsB;CAE9B,IAAI;CACJ,IAAI,UAAyB;CAC7B,IAAI,gBAA+B;CACnC,IAAI,kBAAiC;CACrC,IAAI,gBAAqD;CACzD,IAAI,kBAAuD;AAE3D,SAAQ,MAAR;EACE,KAAK;AACH,WAAQ,EAAE,4BAA4B;AACtC,yBAAsB,SAAS,gBAAgB;AAC/C,2BAAwB,SAAS,mBAAmB;AACpD,mBAAgB,EAAE,UAAU;AAC5B,qBAAkB,EAAE,WAAW;AAC/B;EAEF,KAAK;AACH,WAAQ,EAAE,mCAAmC;AAC7C,yBAAsB,SAAS,kBAAkB;AACjD,mBAAgB,EAAE,UAAU;AAC5B;EAEF,KAAK;AACH,WAAQ,EAAE,sDAAsD;AAChE,yBAAsB,SAAS,gBAAgB;AAC/C,2BAAwB,SAAS,kBAAkB;AACnD,mBAAgB,EAAE,UAAU;AAC5B,qBAAkB,EAAE,UAAU;AAC9B;EAEF,KAAK;AACH,WAAQ,EAAE,cAAc;AACxB,aAAU,EAAE,sHAAsH;AAClI,yBAAsB,SAAS,gBAAgB;AAC/C,mBAAgB,EAAE,UAAU;AAC5B;EAEF,KAAK;AACH,WAAQ,EAAE,+BAA+B;AACzC,aAAU,EAAE,4EAA4E;AACxF,yBAAsB,SAAS,iBAAiB,EAAE,gBAAgB,MAAM,CAAC;AACzE,mBAAgB,EAAE,UAAU;AAC5B;EAEF,KAAK;AACH,WAAQ,EAAE,4BAA4B;AACtC,aAAU,EAAE,iEAAiE;AAC7E,yBAAsB,SAAS,gBAAgB;AAC/C,mBAAgB,EAAE,UAAU;AAC5B;;AAIJ,QACE,2CAACA;EACQ;EACG;EACV,mBAAmB;EACJ;EACf,qBAAqB,mBAAmB;EACxC,iBAAiB,mBAAmB;YAEnC,WAAW,2CAACC,6CAAY,UAAqB;GAClC"}

package/dist/components/oauth-button-group.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/oauth-button-group.d.ts
+declare function OAuthButtonGroup({
+  type,
+  mockProject
+}: {
+  type: 'sign-in' | 'sign-up';
+  mockProject?: {
+    config: {
+      oauthProviders: {
+        id: string;
+      }[];
+    };
+  };
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OAuthButtonGroup };
+//# sourceMappingURL=oauth-button-group.d.ts.map

package/dist/components/oauth-button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-button-group.d.ts","names":[],"sources":["../../src/components/oauth-button-group.tsx"],"mappings":";;;iBAUgB,gBAAA,CAAA;EACd,IAAA;EACA;AAAA;EAEA,IAAA;EACA,WAAA;IACE,MAAA;MACE,cAAA;QACE,EAAA;MAAA;IAAA;EAAA;AAAA,IAIP,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/oauth-button-group.js

@@ -0,0 +1,24 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let react_jsx_runtime = require("react/jsx-runtime");
+let ___lib_hooks_js = require("../lib/hooks.js");
+let __oauth_button_js = require("./oauth-button.js");
+
+//#region src/components/oauth-button-group.tsx
+function OAuthButtonGroup({ type, mockProject }) {
+	const stackApp = (0, ___lib_hooks_js.useStackApp)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "gap-4 flex flex-col items-stretch stack-scope",
+		children: (mockProject || stackApp.useProject()).config.oauthProviders.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__oauth_button_js.OAuthButton, {
+			provider: p.id,
+			type,
+			isMock: !!mockProject
+		}, p.id))
+	});
+}
+
+//#endregion
+exports.OAuthButtonGroup = OAuthButtonGroup;
+//# sourceMappingURL=oauth-button-group.js.map

package/dist/components/oauth-button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-button-group.js","names":["OAuthButton"],"sources":["../../src/components/oauth-button-group.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { useStackApp } from \"../lib/hooks\";\nimport { OAuthButton } from \"./oauth-button\";\n\nexport function OAuthButtonGroup({\n  type,\n  mockProject,\n}: {\n  type: 'sign-in' | 'sign-up',\n  mockProject?: {\n    config: {\n      oauthProviders: {\n        id: string,\n      }[],\n    },\n  },\n}) {\n  const stackApp = useStackApp();\n  const project = mockProject || stackApp.useProject();\n  return (\n    <div className='gap-4 flex flex-col items-stretch stack-scope'>\n      {project.config.oauthProviders.map(p => (\n        <OAuthButton key={p.id} provider={p.id} type={type}\n          isMock={!!mockProject}\n        />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,iBAAiB,EAC/B,MACA,eAUC;CACD,MAAM,6CAAwB;AAE9B,QACE,2CAAC;EAAI,WAAU;aAFD,eAAe,SAAS,YAAY,EAGvC,OAAO,eAAe,KAAI,MACjC,2CAACA;GAAuB,UAAU,EAAE;GAAU;GAC5C,QAAQ,CAAC,CAAC;KADM,EAAE,GAElB,CACF;GACE"}

package/dist/components/oauth-button.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/oauth-button.d.ts
+declare function OAuthButton({
+  provider,
+  type,
+  isMock,
+  onAuthenticate
+}: {
+  provider: string;
+  type: 'sign-in' | 'sign-up';
+  isMock?: boolean;
+  onAuthenticate?: () => Promise<void>;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OAuthButton };
+//# sourceMappingURL=oauth-button.d.ts.map

package/dist/components/oauth-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-button.d.ts","names":[],"sources":["../../src/components/oauth-button.tsx"],"mappings":";;;iBAuBgB,WAAA,CAAA;EACd,QAAA;EACA,IAAA;EACA,MAAA;EACA;AAAA;EAEA,QAAA;EACA,IAAA;EACA,MAAA;EACA,cAAA,SAAuB,OAAA;AAAA,IACxB,kBAAA,CAAA,GAAA,CAAA,OAAA"}