@m5kdev/web-ui 0.8.6 → 0.8.8

package/dist/src/modules/auth/components/ResetPasswordForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordForm.js","names":["Card","CardHeader","CardBody","Input","Button","Link"],"sources":["../../../../../src/modules/auth/components/ResetPasswordForm.tsx"],"sourcesContent":["import { Button, Card, CardBody, CardHeader, Input } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { type SubmitHandler, useForm } from \"react-hook-form\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link, useSearchParams } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\n\r\ntype Inputs = {\r\n  password: string;\r\n  confirmPassword: string;\r\n};\r\n\r\nexport function ResetPasswordForm() {\r\n  const { t } = useTranslation();\r\n  const {\r\n    register,\r\n    handleSubmit,\r\n    setError,\r\n    formState: { errors },\r\n  } = useForm<Inputs>();\r\n  const [searchParams] = useSearchParams();\r\n  const token = searchParams.get(\"token\");\r\n\r\n  const onSubmit: SubmitHandler<Inputs> = (data) => {\r\n    if (data.password !== data.confirmPassword) {\r\n      setError(\"confirmPassword\", { message: t(\"web-ui:auth.resetPassword.passwordMismatch\") });\r\n      return;\r\n    }\r\n\r\n    if (!token) {\r\n      throw new Error(t(\"web-ui:auth.resetPassword.tokenRequired\"));\r\n    }\r\n\r\n    authClient\r\n      .resetPassword({\r\n        newPassword: data.password,\r\n        token,\r\n      })\r\n      .then(() => {\r\n        toast.success(t(\"web-ui:auth.resetPassword.success\"));\r\n        // Optionally, redirect\r\n      })\r\n      .catch(() => {\r\n        toast.error(t(\"web-ui:auth.resetPassword.error\"));\r\n      });\r\n  };\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-6\">\r\n      <Card>\r\n        <CardHeader className=\"text-center flex flex-col gap-1\">\r\n          <h2 className=\"text-xl font-semibold\">{t(\"web-ui:auth.resetPassword.title\")}</h2>\r\n          <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.resetPassword.description\")}</p>\r\n        </CardHeader>\r\n        <CardBody className=\"gap-6\">\r\n          <form onSubmit={handleSubmit(onSubmit)} className=\"grid gap-6\">\r\n            <div className=\"grid gap-2\">\r\n              <Input\r\n                labelPlacement=\"outside\"\r\n                label={t(\"web-ui:auth.resetPassword.newPassword\")}\r\n                placeholder={t(\"web-ui:auth.resetPassword.newPassword\")}\r\n                type=\"password\"\r\n                variant=\"bordered\"\r\n                isRequired\r\n                {...register(\"password\", {\r\n                  required: t(\"web-ui:auth.resetPassword.passwordRequired\"),\r\n                })}\r\n              />\r\n              {errors.password && (\r\n                <span className=\"text-red-500 text-xs\">{errors.password.message}</span>\r\n              )}\r\n            </div>\r\n            <div className=\"grid gap-2\">\r\n              <Input\r\n                labelPlacement=\"outside\"\r\n                label={t(\"web-ui:auth.resetPassword.confirmPassword\")}\r\n                placeholder={t(\"web-ui:auth.resetPassword.confirmPassword\")}\r\n                type=\"password\"\r\n                variant=\"bordered\"\r\n                isRequired\r\n                {...register(\"confirmPassword\", {\r\n                  required: t(\"web-ui:auth.resetPassword.confirmPasswordRequired\"),\r\n                })}\r\n              />\r\n              {errors.confirmPassword && (\r\n                <span className=\"text-red-500 text-xs\">{errors.confirmPassword.message}</span>\r\n              )}\r\n            </div>\r\n            <Button type=\"submit\" className=\"w-full\" color=\"primary\">\r\n              {t(\"web-ui:auth.resetPassword.button\")}\r\n            </Button>\r\n          </form>\r\n        </CardBody>\r\n      </Card>\r\n      <div className=\"text-center text-xs text-muted-foreground\">\r\n        {t(\"web-ui:auth.forgotPassword.rememberPassword\")}{\" \"}\r\n        <Link to=\"/login\" className=\"underline underline-offset-4 hover:text-primary\">\r\n          {t(\"web-ui:auth.login.button\")}\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,oBAAoB;CAClC,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;CAC9B,MAAM,EACJ,UACA,cACA,UACA,WAAW,EAAE,cAAA,GAAA,gBAAA,UACM;CACrB,MAAM,CAAC,iBAAA,GAAA,aAAA,kBAAiC;CACxC,MAAM,QAAQ,aAAa,IAAI,QAAQ;CAEvC,MAAM,YAAmC,SAAS;AAChD,MAAI,KAAK,aAAa,KAAK,iBAAiB;AAC1C,YAAS,mBAAmB,EAAE,SAAS,EAAE,6CAA6C,EAAE,CAAC;AACzF;;AAGF,MAAI,CAAC,MACH,OAAM,IAAI,MAAM,EAAE,0CAA0C,CAAC;AAG/D,yCAAA,WACG,cAAc;GACb,aAAa,KAAK;GAClB;GACD,CAAC,CACD,WAAW;AACV,UAAA,MAAM,QAAQ,EAAE,oCAAoC,CAAC;IAErD,CACD,YAAY;AACX,UAAA,MAAM,MAAM,EAAE,kCAAkC,CAAC;IACjD;;AAGN,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,kBAAA,MAACA,cAAAA,MAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAACC,cAAAA,YAAD;GAAY,WAAU;aAAtB,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;IAAI,WAAU;cAAyB,EAAE,kCAAkC;IAAM,CAAA,EACjF,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,wCAAwC;IAAK,CAAA,CAC7E;MACb,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD;GAAU,WAAU;aAClB,iBAAA,GAAA,kBAAA,MAAC,QAAD;IAAM,UAAU,aAAa,SAAS;IAAE,WAAU;cAAlD;KACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;OACE,gBAAe;OACf,OAAO,EAAE,wCAAwC;OACjD,aAAa,EAAE,wCAAwC;OACvD,MAAK;OACL,SAAQ;OACR,YAAA;OACA,GAAI,SAAS,YAAY,EACvB,UAAU,EAAE,6CAA6C,EAC1D,CAAC;OACF,CAAA,EACD,OAAO,YACN,iBAAA,GAAA,kBAAA,KAAC,QAAD;OAAM,WAAU;iBAAwB,OAAO,SAAS;OAAe,CAAA,CAErE;;KACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;OACE,gBAAe;OACf,OAAO,EAAE,4CAA4C;OACrD,aAAa,EAAE,4CAA4C;OAC3D,MAAK;OACL,SAAQ;OACR,YAAA;OACA,GAAI,SAAS,mBAAmB,EAC9B,UAAU,EAAE,oDAAoD,EACjE,CAAC;OACF,CAAA,EACD,OAAO,mBACN,iBAAA,GAAA,kBAAA,KAAC,QAAD;OAAM,WAAU;iBAAwB,OAAO,gBAAgB;OAAe,CAAA,CAE5E;;KACN,iBAAA,GAAA,kBAAA,KAACC,cAAAA,QAAD;MAAQ,MAAK;MAAS,WAAU;MAAS,OAAM;gBAC5C,EAAE,mCAAmC;MAC/B,CAAA;KACJ;;GACE,CAAA,CACN,EAAA,CAAA,EACP,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,8CAA8C;IAAE;IACnD,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}

package/dist/src/modules/auth/components/ResetPasswordRoute.d.ts

@@ -0,0 +1,7 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/ResetPasswordRoute.d.ts
+declare function ResetPasswordRoute(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ResetPasswordRoute };
+//# sourceMappingURL=ResetPasswordRoute.d.ts.map

package/dist/src/modules/auth/components/ResetPasswordRoute.js

@@ -0,0 +1,39 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_modules_auth_components_ResetPasswordForm = require("./ResetPasswordForm.js");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_i18next = require("react-i18next");
+let react_router = require("react-router");
+//#region src/modules/auth/components/ResetPasswordRoute.tsx
+function ResetPasswordRoute() {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardHeader, {
+			className: "text-center flex flex-col gap-1",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+				className: "text-xl font-semibold",
+				children: t("web-ui:auth.resetPassword.title")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm text-default-600",
+				children: t("web-ui:auth.resetPassword.description")
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_ResetPasswordForm.ResetPasswordForm, {}) })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "text-center text-xs text-muted-foreground",
+			children: [
+				t("web-ui:auth.forgotPassword.rememberPassword"),
+				" ",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Link, {
+					to: "/login",
+					className: "underline underline-offset-4 hover:text-primary",
+					children: t("web-ui:auth.login.button")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+exports.ResetPasswordRoute = ResetPasswordRoute;
+
+//# sourceMappingURL=ResetPasswordRoute.js.map

package/dist/src/modules/auth/components/ResetPasswordRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordRoute.js","names":["Card","CardHeader","CardBody","ResetPasswordForm","Link"],"sources":["../../../../../src/modules/auth/components/ResetPasswordRoute.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { ResetPasswordForm } from \"./ResetPasswordForm\";\r\n\r\nexport function ResetPasswordRoute() {\r\n  const { t } = useTranslation();\r\n  return (\r\n    <div className=\"flex flex-col gap-6\">\r\n      <Card>\r\n        <CardHeader className=\"text-center flex flex-col gap-1\">\r\n          <h2 className=\"text-xl font-semibold\">{t(\"web-ui:auth.resetPassword.title\")}</h2>\r\n          <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.resetPassword.description\")}</p>\r\n        </CardHeader>\r\n        <CardBody>\r\n          <ResetPasswordForm />\r\n        </CardBody>\r\n      </Card>\r\n      <div className=\"text-center text-xs text-muted-foreground\">\r\n        {t(\"web-ui:auth.forgotPassword.rememberPassword\")}{\" \"}\r\n        <Link to=\"/login\" className=\"underline underline-offset-4 hover:text-primary\">\r\n          {t(\"web-ui:auth.login.button\")}\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;AAKA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,kBAAA,MAACA,cAAAA,MAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAACC,cAAAA,YAAD;GAAY,WAAU;aAAtB,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;IAAI,WAAU;cAAyB,EAAE,kCAAkC;IAAM,CAAA,EACjF,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,wCAAwC;IAAK,CAAA,CAC7E;MACb,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,sDAAAA,mBAAD,EAAqB,CAAA,EACZ,CAAA,CACN,EAAA,CAAA,EACP,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,8CAA8C;IAAE;IACnD,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}

package/dist/src/modules/auth/components/SignupFormRoute.d.ts

@@ -0,0 +1,15 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/SignupFormRoute.d.ts
+declare function SignupForm({
+  code,
+  email,
+  waitlist
+}: {
+  code?: string | null;
+  email?: string | null;
+  waitlist?: boolean;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SignupForm };
+//# sourceMappingURL=SignupFormRoute.d.ts.map

package/dist/src/modules/auth/components/SignupFormRoute.js

@@ -0,0 +1,151 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+let react = require("react");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_i18next = require("react-i18next");
+let react_router = require("react-router");
+let sonner = require("sonner");
+let react_hook_form = require("react-hook-form");
+let _m5kdev_frontend_modules_auth_auth_lib = require("@m5kdev/frontend/modules/auth/auth.lib");
+let _m5kdev_frontend_modules_auth_hooks_useSession = require("@m5kdev/frontend/modules/auth/hooks/useSession");
+//#region src/modules/auth/components/SignupFormRoute.tsx
+function getEmailProviderUrl(email) {
+	const domain = email.split("@")[1]?.toLowerCase();
+	if (!domain) return null;
+	const EMAIL_URLS = {
+		GMAIL: "https://mail.google.com/mail/u/0/#inbox",
+		OUTLOOK: "https://outlook.live.com/mail/0/inbox",
+		YAHOO: "https://mail.yahoo.com",
+		ICLOUD: "https://www.icloud.com/mail",
+		PROTON: "https://mail.proton.me"
+	};
+	return {
+		"gmail.com": EMAIL_URLS.GMAIL,
+		"googlemail.com": EMAIL_URLS.GMAIL,
+		"outlook.com": EMAIL_URLS.OUTLOOK,
+		"hotmail.com": EMAIL_URLS.OUTLOOK,
+		"live.com": EMAIL_URLS.OUTLOOK,
+		"msn.com": EMAIL_URLS.OUTLOOK,
+		"yahoo.com": EMAIL_URLS.YAHOO,
+		"yahoo.co.uk": EMAIL_URLS.YAHOO,
+		"yahoo.fr": EMAIL_URLS.YAHOO,
+		"ymail.com": EMAIL_URLS.YAHOO,
+		"icloud.com": EMAIL_URLS.ICLOUD,
+		"me.com": EMAIL_URLS.ICLOUD,
+		"mac.com": EMAIL_URLS.ICLOUD,
+		"protonmail.com": EMAIL_URLS.PROTON,
+		"proton.me": EMAIL_URLS.PROTON
+	}[domain] || null;
+}
+function SignupForm({ code, email, waitlist }) {
+	const { t } = (0, react_i18next.useTranslation)();
+	const [status, setStatus] = (0, react.useState)("start");
+	const [userEmail, setUserEmail] = (0, react.useState)(email || "");
+	const { registerSession } = (0, _m5kdev_frontend_modules_auth_hooks_useSession.useSession)();
+	const navigate = (0, react_router.useNavigate)();
+	const { register, handleSubmit, formState: { errors } } = (0, react_hook_form.useForm)();
+	const onSubmit = (data) => {
+		console.log(data);
+		setStatus("busy");
+		setUserEmail(data.email);
+		_m5kdev_frontend_modules_auth_auth_lib.authClient.signUp.email({
+			name: data.email,
+			email: data.email,
+			password: data.password
+		}, { headers: { "Waitlist-Invitation-Code": code || "" } }).then((result) => {
+			console.log(result);
+			if (result.error) {
+				sonner.toast.error(t("web-ui:auth.errors.invitationCodeInvalid"));
+				setStatus("start");
+				return;
+			}
+			if (waitlist) _m5kdev_frontend_modules_auth_auth_lib.authClient.signIn.email({
+				email: data.email,
+				password: data.password
+			}).then((res) => {
+				console.log(res);
+				if (res.data?.user) registerSession(() => {
+					navigate("/");
+				});
+				else if (res.error) sonner.toast.error(t("web-ui:auth.errors.authentication"), { description: res.error.message });
+			}).catch((error) => {
+				sonner.toast.error(t("web-ui:auth.errors.server"), { description: error.message });
+			});
+			else setStatus("done");
+		}).catch((error) => {
+			sonner.toast.error(error.message);
+			setStatus("start");
+		});
+	};
+	if (status === "done") {
+		const emailProviderUrl = userEmail ? getEmailProviderUrl(userEmail) : null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Alert, {
+			color: "primary",
+			variant: "faded",
+			title: t("web-ui:auth.signup.verificationEmailSent.title"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mt-2",
+				children: [t("web-ui:auth.signup.verificationEmailSent.description"), emailProviderUrl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "mt-3",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+						href: emailProviderUrl,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "font-medium underline underline-offset-4 hover:opacity-80 transition-opacity",
+						children: t("web-ui:auth.signup.verificationEmailSent.openEmail")
+					})
+				})]
+			})
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+		onSubmit: handleSubmit(onSubmit),
+		className: "grid gap-6",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+					labelPlacement: "outside",
+					label: t("web-ui:auth.login.email"),
+					type: "email",
+					placeholder: t("web-ui:auth.login.placeholder.email"),
+					variant: "bordered",
+					isRequired: true,
+					isDisabled: !!email,
+					defaultValue: email ?? "",
+					...register("email", { required: true })
+				}), errors.email && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-red-500 text-xs",
+					children: t("web-ui:auth.signup.emailRequired")
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+					labelPlacement: "outside",
+					label: t("web-ui:auth.login.password"),
+					placeholder: t("web-ui:auth.login.password"),
+					type: "password",
+					variant: "bordered",
+					isRequired: true,
+					...register("password", { required: true })
+				}), errors.password && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-red-500 text-xs",
+					children: t("web-ui:auth.signup.passwordRequired")
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+				type: "submit",
+				className: "w-full",
+				color: "primary",
+				isDisabled: status === "busy",
+				children: status === "busy" ? t("web-ui:auth.signup.signingUp") : t("web-ui:auth.signup.button")
+			})
+		]
+	});
+}
+//#endregion
+exports.SignupForm = SignupForm;
+
+//# sourceMappingURL=SignupFormRoute.js.map

package/dist/src/modules/auth/components/SignupFormRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupFormRoute.js","names":["Alert","Input","Button"],"sources":["../../../../../src/modules/auth/components/SignupFormRoute.tsx"],"sourcesContent":["import { Alert, Button, Input } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { useSession } from \"@m5kdev/frontend/modules/auth/hooks/useSession\";\r\nimport { useState } from \"react\";\r\nimport { type SubmitHandler, useForm } from \"react-hook-form\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useNavigate } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\n\r\ntype Inputs = {\r\n  email: string;\r\n  password: string;\r\n};\r\n\r\nfunction getEmailProviderUrl(email: string): string | null {\r\n  const domain = email.split(\"@\")[1]?.toLowerCase();\r\n  if (!domain) return null;\r\n\r\n  const EMAIL_URLS = {\r\n    GMAIL: \"https://mail.google.com/mail/u/0/#inbox\",\r\n    OUTLOOK: \"https://outlook.live.com/mail/0/inbox\",\r\n    YAHOO: \"https://mail.yahoo.com\",\r\n    ICLOUD: \"https://www.icloud.com/mail\",\r\n    PROTON: \"https://mail.proton.me\",\r\n  } as const;\r\n\r\n  const domainMap: Record<string, string> = {\r\n    \"gmail.com\": EMAIL_URLS.GMAIL,\r\n    \"googlemail.com\": EMAIL_URLS.GMAIL,\r\n    \"outlook.com\": EMAIL_URLS.OUTLOOK,\r\n    \"hotmail.com\": EMAIL_URLS.OUTLOOK,\r\n    \"live.com\": EMAIL_URLS.OUTLOOK,\r\n    \"msn.com\": EMAIL_URLS.OUTLOOK,\r\n    \"yahoo.com\": EMAIL_URLS.YAHOO,\r\n    \"yahoo.co.uk\": EMAIL_URLS.YAHOO,\r\n    \"yahoo.fr\": EMAIL_URLS.YAHOO,\r\n    \"ymail.com\": EMAIL_URLS.YAHOO,\r\n    \"icloud.com\": EMAIL_URLS.ICLOUD,\r\n    \"me.com\": EMAIL_URLS.ICLOUD,\r\n    \"mac.com\": EMAIL_URLS.ICLOUD,\r\n    \"protonmail.com\": EMAIL_URLS.PROTON,\r\n    \"proton.me\": EMAIL_URLS.PROTON,\r\n  };\r\n\r\n  return domainMap[domain] || null;\r\n}\r\n\r\nexport function SignupForm({\r\n  code,\r\n  email,\r\n  waitlist,\r\n}: {\r\n  code?: string | null;\r\n  email?: string | null;\r\n  waitlist?: boolean;\r\n}) {\r\n  const { t } = useTranslation();\r\n  const [status, setStatus] = useState(\"start\");\r\n  const [userEmail, setUserEmail] = useState<string>(email || \"\");\r\n  const { registerSession } = useSession();\r\n  const navigate = useNavigate();\r\n  const {\r\n    register,\r\n    handleSubmit,\r\n    formState: { errors },\r\n  } = useForm<Inputs>();\r\n\r\n  const onSubmit: SubmitHandler<Inputs> = (data) => {\r\n    console.log(data);\r\n    setStatus(\"busy\");\r\n    setUserEmail(data.email);\r\n\r\n    authClient.signUp\r\n      .email(\r\n        {\r\n          name: data.email,\r\n          email: data.email,\r\n          password: data.password,\r\n        },\r\n        {\r\n          headers: {\r\n            \"Waitlist-Invitation-Code\": code || \"\",\r\n          },\r\n        }\r\n      )\r\n      .then((result) => {\r\n        console.log(result);\r\n        if (result.error) {\r\n          toast.error(t(\"web-ui:auth.errors.invitationCodeInvalid\"));\r\n          setStatus(\"start\");\r\n          return;\r\n        }\r\n        if (waitlist) {\r\n          authClient.signIn\r\n            .email({\r\n              email: data.email,\r\n              password: data.password,\r\n            })\r\n            .then((res) => {\r\n              console.log(res);\r\n              if (res.data?.user) {\r\n                registerSession(() => {\r\n                  navigate(\"/\");\r\n                });\r\n              } else if (res.error) {\r\n                toast.error(t(\"web-ui:auth.errors.authentication\"), {\r\n                  description: res.error.message,\r\n                });\r\n              }\r\n            })\r\n            .catch((error) => {\r\n              toast.error(t(\"web-ui:auth.errors.server\"), {\r\n                description: error.message,\r\n              });\r\n            });\r\n        } else setStatus(\"done\");\r\n      })\r\n      .catch((error) => {\r\n        toast.error(error.message);\r\n        setStatus(\"start\");\r\n      });\r\n  };\r\n\r\n  if (status === \"done\") {\r\n    const emailProviderUrl = userEmail ? getEmailProviderUrl(userEmail) : null;\r\n\r\n    return (\r\n      <Alert\r\n        color=\"primary\"\r\n        variant=\"faded\"\r\n        title={t(\"web-ui:auth.signup.verificationEmailSent.title\")}\r\n      >\r\n        <div className=\"mt-2\">\r\n          {t(\"web-ui:auth.signup.verificationEmailSent.description\")}\r\n          {emailProviderUrl && (\r\n            <div className=\"mt-3\">\r\n              <a\r\n                href={emailProviderUrl}\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                className=\"font-medium underline underline-offset-4 hover:opacity-80 transition-opacity\"\r\n              >\r\n                {t(\"web-ui:auth.signup.verificationEmailSent.openEmail\")}\r\n              </a>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </Alert>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <form onSubmit={handleSubmit(onSubmit)} className=\"grid gap-6\">\r\n      <div className=\"grid gap-2\">\r\n        <Input\r\n          labelPlacement=\"outside\"\r\n          label={t(\"web-ui:auth.login.email\")}\r\n          type=\"email\"\r\n          placeholder={t(\"web-ui:auth.login.placeholder.email\")}\r\n          variant=\"bordered\"\r\n          isRequired\r\n          isDisabled={!!email}\r\n          defaultValue={email ?? \"\"}\r\n          {...register(\"email\", { required: true })}\r\n        />\r\n        {errors.email && (\r\n          <span className=\"text-red-500 text-xs\">{t(\"web-ui:auth.signup.emailRequired\")}</span>\r\n        )}\r\n      </div>\r\n      <div className=\"grid gap-2\">\r\n        <Input\r\n          labelPlacement=\"outside\"\r\n          label={t(\"web-ui:auth.login.password\")}\r\n          placeholder={t(\"web-ui:auth.login.password\")}\r\n          type=\"password\"\r\n          variant=\"bordered\"\r\n          isRequired\r\n          {...register(\"password\", { required: true })}\r\n        />\r\n        {errors.password && (\r\n          <span className=\"text-red-500 text-xs\">{t(\"web-ui:auth.signup.passwordRequired\")}</span>\r\n        )}\r\n      </div>\r\n      <Button type=\"submit\" className=\"w-full\" color=\"primary\" isDisabled={status === \"busy\"}>\r\n        {status === \"busy\" ? t(\"web-ui:auth.signup.signingUp\") : t(\"web-ui:auth.signup.button\")}\r\n      </Button>\r\n    </form>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/SignupRoute.d.ts

@@ -0,0 +1,15 @@
+import { UseBackendTRPC } from "../../../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/SignupRoute.d.ts
+interface SignupRouteProps {
+  providers?: string[];
+  useTRPC?: UseBackendTRPC;
+}
+declare function SignupRoute({
+  providers,
+  useTRPC
+}: SignupRouteProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SignupRoute };
+//# sourceMappingURL=SignupRoute.d.ts.map

package/dist/src/modules/auth/components/SignupRoute.js

@@ -0,0 +1,64 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_modules_auth_components_AuthProviders = require("./AuthProviders.js");
+const require_src_modules_auth_components_SignupFormRoute = require("./SignupFormRoute.js");
+const require_src_modules_auth_components_WaitlistCard = require("./WaitlistCard.js");
+const require_src_modules_auth_components_WaitlistCodeValidation = require("./WaitlistCodeValidation.js");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_i18next = require("react-i18next");
+let react_router = require("react-router");
+let nuqs = require("nuqs");
+//#region src/modules/auth/components/SignupRoute.tsx
+function SignupRoute({ providers, useTRPC }) {
+	const { t } = (0, react_i18next.useTranslation)();
+	const [code] = (0, nuqs.useQueryState)("code");
+	const [email] = (0, nuqs.useQueryState)("email");
+	const hasWaitlist = !!useTRPC;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [hasWaitlist && !code ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_WaitlistCard.WaitlistCard, { useTRPC }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardHeader, {
+			className: "text-center flex flex-col gap-1",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-xl font-semibold",
+				children: t("web-ui:auth.signup.createAccount")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm text-default-600",
+				children: t("web-ui:auth.signup.description")
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "grid gap-6",
+			children: [
+				hasWaitlist && code && useTRPC && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_WaitlistCodeValidation.WaitlistCodeValidation, {
+					code,
+					useTRPC
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_AuthProviders.AuthProviders, {
+					providers,
+					code,
+					requestSignUp: true
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_SignupFormRoute.SignupForm, {
+					code,
+					email,
+					waitlist: hasWaitlist
+				})
+			]
+		}) })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "text-center text-xs text-muted-foreground",
+			children: [
+				t("web-ui:auth.signup.alreadyHaveAccount"),
+				" ",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Link, {
+					to: "/login",
+					className: "underline underline-offset-4 hover:text-primary",
+					children: t("web-ui:auth.login.button")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+exports.SignupRoute = SignupRoute;
+
+//# sourceMappingURL=SignupRoute.js.map

package/dist/src/modules/auth/components/SignupRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupRoute.js","names":["WaitlistCard","Card","CardHeader","CardBody","WaitlistCodeValidation","AuthProviders","SignupForm","Link"],"sources":["../../../../../src/modules/auth/components/SignupRoute.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useQueryState } from \"nuqs\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { SignupForm } from \"./SignupFormRoute\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\nimport { AuthProviders } from \"./AuthProviders\";\r\nimport { WaitlistCard } from \"./WaitlistCard\";\r\nimport { WaitlistCodeValidation } from \"./WaitlistCodeValidation\";\r\n\r\ninterface SignupRouteProps {\r\n  providers?: string[];\r\n  useTRPC?: UseBackendTRPC;\r\n}\r\n\r\nexport function SignupRoute({ providers, useTRPC }: SignupRouteProps) {\r\n  const { t } = useTranslation();\r\n\r\n  const [code] = useQueryState(\"code\");\r\n  const [email] = useQueryState(\"email\");\r\n\r\n  const hasWaitlist = !!useTRPC;\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-6\">\r\n      {hasWaitlist && !code ? (\r\n        <WaitlistCard useTRPC={useTRPC} />\r\n      ) : (\r\n        <Card>\r\n          <CardHeader className=\"text-center flex flex-col gap-1\">\r\n            <p className=\"text-xl font-semibold\">{t(\"web-ui:auth.signup.createAccount\")}</p>\r\n            <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.signup.description\")}</p>\r\n          </CardHeader>\r\n          <CardBody>\r\n            <div className=\"grid gap-6\">\r\n              {hasWaitlist && code && useTRPC && (\r\n                <WaitlistCodeValidation code={code} useTRPC={useTRPC} />\r\n              )}\r\n              <AuthProviders providers={providers} code={code} requestSignUp />\r\n              <SignupForm code={code} email={email} waitlist={hasWaitlist} />\r\n            </div>\r\n          </CardBody>\r\n        </Card>\r\n      )}\r\n      <div className=\"text-center text-xs text-muted-foreground\">\r\n        {t(\"web-ui:auth.signup.alreadyHaveAccount\")}{\" \"}\r\n        <Link to=\"/login\" className=\"underline underline-offset-4 hover:text-primary\">\r\n          {t(\"web-ui:auth.login.button\")}\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;;;AAeA,SAAgB,YAAY,EAAE,WAAW,WAA6B;CACpE,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;CAE9B,MAAM,CAAC,SAAA,GAAA,KAAA,eAAsB,OAAO;CACpC,MAAM,CAAC,UAAA,GAAA,KAAA,eAAuB,QAAQ;CAEtC,MAAM,cAAc,CAAC,CAAC;AAEtB,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACG,eAAe,CAAC,OACf,iBAAA,GAAA,kBAAA,KAACA,iDAAAA,cAAD,EAAuB,SAAW,CAAA,GAElC,iBAAA,GAAA,kBAAA,MAACC,cAAAA,MAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAACC,cAAAA,YAAD;GAAY,WAAU;aAAtB,CACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAAyB,EAAE,mCAAmC;IAAK,CAAA,EAChF,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,iCAAiC;IAAK,CAAA,CACtE;MACb,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACG,eAAe,QAAQ,WACtB,iBAAA,GAAA,kBAAA,KAACC,2DAAAA,wBAAD;KAA8B;KAAe;KAAW,CAAA;IAE1D,iBAAA,GAAA,kBAAA,KAACC,kDAAAA,eAAD;KAA0B;KAAiB;KAAM,eAAA;KAAgB,CAAA;IACjE,iBAAA,GAAA,kBAAA,KAACC,oDAAAA,YAAD;KAAkB;KAAa;KAAO,UAAU;KAAe,CAAA;IAC3D;MACG,CAAA,CACN,EAAA,CAAA,EAET,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,wCAAwC;IAAE;IAC7C,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}

package/dist/src/modules/auth/components/UserPreferences.d.ts

@@ -0,0 +1,23 @@
+import { ControlDefinition, ControlsFor, PreferenceEditorLabels, UpdatePreferencesOptions } from "./PreferencesEditor.js";
+import { ReactElement } from "react";
+import { z } from "zod";
+
+//#region src/modules/auth/components/UserPreferences.d.ts
+declare function UserPreferences<S extends z.ZodObject<z.ZodRawShape>>({
+  schema,
+  controls,
+  preferences,
+  isLoading,
+  isPending,
+  updatePreferences
+}: {
+  schema: S;
+  controls: ControlsFor<z.infer<S>>;
+  preferences: z.infer<S>;
+  isLoading: boolean;
+  isPending: boolean;
+  updatePreferences: (partialPreferences: Partial<z.infer<S>>, options: UpdatePreferencesOptions) => void;
+}): ReactElement;
+//#endregion
+export { type ControlDefinition, type ControlsFor, type PreferenceEditorLabels, type UpdatePreferencesOptions, UserPreferences };
+//# sourceMappingURL=UserPreferences.d.ts.map

package/dist/src/modules/auth/components/UserPreferences.js

@@ -0,0 +1,28 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_modules_auth_components_PreferencesEditor = require("./PreferencesEditor.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_i18next = require("react-i18next");
+//#region src/modules/auth/components/UserPreferences.tsx
+function UserPreferences({ schema, controls, preferences, isLoading, isPending, updatePreferences }) {
+	const { t } = (0, react_i18next.useTranslation)("web-ui");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_PreferencesEditor.PreferencesEditor, {
+		schema,
+		controls,
+		values: preferences,
+		isLoading,
+		isPending,
+		labels: {
+			title: t("web-ui:preferences.title"),
+			submit: t("web-ui:preferences.submit"),
+			updated: t("web-ui:preferences.updated"),
+			updateError: t("web-ui:preferences.updateError"),
+			loading: t("web-ui:preferences.loading")
+		},
+		updateValues: updatePreferences
+	});
+}
+//#endregion
+exports.UserPreferences = UserPreferences;
+
+//# sourceMappingURL=UserPreferences.js.map

package/dist/src/modules/auth/components/UserPreferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPreferences.js","names":["PreferencesEditor"],"sources":["../../../../../src/modules/auth/components/UserPreferences.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport type { z } from \"zod\";\r\nimport {\r\n  type ControlsFor,\r\n  type PreferenceEditorLabels,\r\n  PreferencesEditor,\r\n  type UpdatePreferencesOptions,\r\n} from \"./PreferencesEditor\";\r\n\r\nexport type {\r\n  ControlDefinition,\r\n  ControlsFor,\r\n  PreferenceEditorLabels,\r\n  UpdatePreferencesOptions,\r\n} from \"./PreferencesEditor\";\r\n\r\nexport function UserPreferences<S extends z.ZodObject<z.ZodRawShape>>({\r\n  schema,\r\n  controls,\r\n  preferences,\r\n  isLoading,\r\n  isPending,\r\n  updatePreferences,\r\n}: {\r\n  schema: S;\r\n  controls: ControlsFor<z.infer<S>>;\r\n  preferences: z.infer<S>;\r\n  isLoading: boolean;\r\n  isPending: boolean;\r\n  updatePreferences: (\r\n    partialPreferences: Partial<z.infer<S>>,\r\n    options: UpdatePreferencesOptions\r\n  ) => void;\r\n}): ReactElement {\r\n  const { t } = useTranslation(\"web-ui\");\r\n\r\n  const labels: PreferenceEditorLabels = {\r\n    title: t(\"web-ui:preferences.title\"),\r\n    submit: t(\"web-ui:preferences.submit\"),\r\n    updated: t(\"web-ui:preferences.updated\"),\r\n    updateError: t(\"web-ui:preferences.updateError\"),\r\n    loading: t(\"web-ui:preferences.loading\"),\r\n  };\r\n\r\n  return (\r\n    <PreferencesEditor\r\n      schema={schema}\r\n      controls={controls}\r\n      values={preferences}\r\n      isLoading={isLoading}\r\n      isPending={isPending}\r\n      labels={labels}\r\n      updateValues={updatePreferences}\r\n    />\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAiBA,SAAgB,gBAAsD,EACpE,QACA,UACA,aACA,WACA,WACA,qBAWe;CACf,MAAM,EAAE,OAAA,GAAA,cAAA,gBAAqB,SAAS;AAUtC,QACE,iBAAA,GAAA,kBAAA,KAACA,sDAAAA,mBAAD;EACU;EACE;EACV,QAAQ;EACG;EACA;EACX,QAfmC;GACrC,OAAO,EAAE,2BAA2B;GACpC,QAAQ,EAAE,4BAA4B;GACtC,SAAS,EAAE,6BAA6B;GACxC,aAAa,EAAE,iCAAiC;GAChD,SAAS,EAAE,6BAA6B;GACzC;EAUG,cAAc;EACd,CAAA"}

package/dist/src/modules/auth/components/WaitlistCard.d.ts

@@ -0,0 +1,13 @@
+import { UseBackendTRPC } from "../../../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/WaitlistCard.d.ts
+interface WaitlistCardProps {
+  useTRPC: UseBackendTRPC;
+}
+declare function WaitlistCard({
+  useTRPC
+}: WaitlistCardProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WaitlistCard };
+//# sourceMappingURL=WaitlistCard.d.ts.map

package/dist/src/modules/auth/components/WaitlistCard.js

@@ -0,0 +1,69 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+let react = require("react");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_i18next = require("react-i18next");
+let sonner = require("sonner");
+let _tanstack_react_query = require("@tanstack/react-query");
+//#region src/modules/auth/components/WaitlistCard.tsx
+function WaitlistCard({ useTRPC }) {
+	const { t } = (0, react_i18next.useTranslation)();
+	const trpc = useTRPC();
+	const [email, setEmail] = (0, react.useState)("");
+	const [joined, setJoined] = (0, react.useState)(false);
+	const { mutate } = (0, _tanstack_react_query.useMutation)(trpc.auth.joinWaitlist.mutationOptions());
+	const handleSubmit = (e) => {
+		e.preventDefault();
+		mutate({ email }, {
+			onSuccess: () => {
+				setJoined(true);
+			},
+			onError: (error) => {
+				sonner.toast.error(error instanceof Error ? error.message : t("web-ui:auth.waitlist.error", { defaultValue: "Failed to join waitlist. Please try again." }));
+			}
+		});
+	};
+	if (joined) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Card, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, {
+		className: "pt-6",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Alert, {
+			color: "success",
+			variant: "faded",
+			title: t("web-ui:auth.waitlist.success")
+		})
+	}) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardHeader, {
+		className: "text-center flex flex-col gap-1",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-xl font-semibold",
+			children: t("web-ui:auth.waitlist.title")
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-sm text-default-600",
+			children: t("web-ui:auth.waitlist.description")
+		})]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+		onSubmit: handleSubmit,
+		className: "grid gap-6",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "grid gap-2",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+				type: "email",
+				label: t("web-ui:auth.waitlist.email"),
+				labelPlacement: "outside",
+				placeholder: t("web-ui:auth.waitlist.placeholder.email"),
+				isRequired: true,
+				variant: "bordered",
+				value: email,
+				onChange: (e) => setEmail(e.target.value)
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+			type: "submit",
+			color: "primary",
+			children: t("web-ui:auth.waitlist.button")
+		})]
+	}) })] });
+}
+//#endregion
+exports.WaitlistCard = WaitlistCard;
+
+//# sourceMappingURL=WaitlistCard.js.map

package/dist/src/modules/auth/components/WaitlistCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaitlistCard.js","names":["Card","CardBody","Alert","CardHeader","Input","Button"],"sources":["../../../../../src/modules/auth/components/WaitlistCard.tsx"],"sourcesContent":["import { Alert, Button, Card, CardBody, CardHeader, Input } from \"@heroui/react\";\r\nimport { useMutation } from \"@tanstack/react-query\";\r\nimport { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\n\r\ninterface WaitlistCardProps {\r\n  useTRPC: UseBackendTRPC;\r\n}\r\n\r\nexport function WaitlistCard({ useTRPC }: WaitlistCardProps) {\r\n  const { t } = useTranslation();\r\n  const trpc = useTRPC();\r\n  const [email, setEmail] = useState(\"\");\r\n  const [joined, setJoined] = useState(false);\r\n\r\n  const { mutate } = useMutation(trpc.auth.joinWaitlist.mutationOptions());\r\n\r\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\r\n    e.preventDefault();\r\n    mutate(\r\n      { email },\r\n      {\r\n        onSuccess: () => {\r\n          setJoined(true);\r\n        },\r\n        onError: (error) => {\r\n          toast.error(\r\n            error instanceof Error\r\n              ? error.message\r\n              : t(\"web-ui:auth.waitlist.error\", {\r\n                  defaultValue: \"Failed to join waitlist. Please try again.\",\r\n                })\r\n          );\r\n        },\r\n      }\r\n    );\r\n  };\r\n\r\n  if (joined) {\r\n    return (\r\n      <Card>\r\n        <CardBody className=\"pt-6\">\r\n          <Alert color=\"success\" variant=\"faded\" title={t(\"web-ui:auth.waitlist.success\")} />\r\n        </CardBody>\r\n      </Card>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Card>\r\n      <CardHeader className=\"text-center flex flex-col gap-1\">\r\n        <p className=\"text-xl font-semibold\">{t(\"web-ui:auth.waitlist.title\")}</p>\r\n        <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.waitlist.description\")}</p>\r\n      </CardHeader>\r\n      <CardBody>\r\n        <form onSubmit={handleSubmit} className=\"grid gap-6\">\r\n          <div className=\"grid gap-2\">\r\n            <Input\r\n              type=\"email\"\r\n              label={t(\"web-ui:auth.waitlist.email\")}\r\n              labelPlacement=\"outside\"\r\n              placeholder={t(\"web-ui:auth.waitlist.placeholder.email\")}\r\n              isRequired\r\n              variant=\"bordered\"\r\n              value={email}\r\n              onChange={(e) => setEmail(e.target.value)}\r\n            />\r\n          </div>\r\n          <Button type=\"submit\" color=\"primary\">\r\n            {t(\"web-ui:auth.waitlist.button\")}\r\n          </Button>\r\n        </form>\r\n      </CardBody>\r\n    </Card>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;AAWA,SAAgB,aAAa,EAAE,WAA8B;CAC3D,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;CAC9B,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAqB,GAAG;CACtC,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAsB,MAAM;CAE3C,MAAM,EAAE,YAAA,GAAA,sBAAA,aAAuB,KAAK,KAAK,aAAa,iBAAiB,CAAC;CAExE,MAAM,gBAAgB,MAAwC;AAC5D,IAAE,gBAAgB;AAClB,SACE,EAAE,OAAO,EACT;GACE,iBAAiB;AACf,cAAU,KAAK;;GAEjB,UAAU,UAAU;AAClB,WAAA,MAAM,MACJ,iBAAiB,QACb,MAAM,UACN,EAAE,8BAA8B,EAC9B,cAAc,8CACf,CAAC,CACP;;GAEJ,CACF;;AAGH,KAAI,OACF,QACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,MAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD;EAAU,WAAU;YAClB,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;GAAO,OAAM;GAAU,SAAQ;GAAQ,OAAO,EAAE,+BAA+B;GAAI,CAAA;EAC1E,CAAA,EACN,CAAA;AAIX,QACE,iBAAA,GAAA,kBAAA,MAACF,cAAAA,MAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAACG,cAAAA,YAAD;EAAY,WAAU;YAAtB,CACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;GAAG,WAAU;aAAyB,EAAE,6BAA6B;GAAK,CAAA,EAC1E,iBAAA,GAAA,kBAAA,KAAC,KAAD;GAAG,WAAU;aAA4B,EAAE,mCAAmC;GAAK,CAAA,CACxE;KACb,iBAAA,GAAA,kBAAA,KAACF,cAAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,QAAD;EAAM,UAAU;EAAc,WAAU;YAAxC,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAU;aACb,iBAAA,GAAA,kBAAA,KAACG,cAAAA,OAAD;IACE,MAAK;IACL,OAAO,EAAE,6BAA6B;IACtC,gBAAe;IACf,aAAa,EAAE,yCAAyC;IACxD,YAAA;IACA,SAAQ;IACR,OAAO;IACP,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;IACzC,CAAA;GACE,CAAA,EACN,iBAAA,GAAA,kBAAA,KAACC,cAAAA,QAAD;GAAQ,MAAK;GAAS,OAAM;aACzB,EAAE,8BAA8B;GAC1B,CAAA,CACJ;KACE,CAAA,CACN,EAAA,CAAA"}

package/dist/src/modules/auth/components/WaitlistCodeValidation.d.ts

@@ -0,0 +1,15 @@
+import { UseBackendTRPC } from "../../../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/WaitlistCodeValidation.d.ts
+interface WaitlistCodeValidationProps {
+  useTRPC: UseBackendTRPC;
+  code: string;
+}
+declare function WaitlistCodeValidation({
+  useTRPC,
+  code
+}: WaitlistCodeValidationProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { WaitlistCodeValidation };
+//# sourceMappingURL=WaitlistCodeValidation.d.ts.map

package/dist/src/modules/auth/components/WaitlistCodeValidation.js

@@ -0,0 +1,47 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_i18next = require("react-i18next");
+let _tanstack_react_query = require("@tanstack/react-query");
+//#region src/modules/auth/components/WaitlistCodeValidation.tsx
+function WaitlistCodeValidation({ useTRPC, code }) {
+	const { t } = (0, react_i18next.useTranslation)();
+	const { data, isLoading, error } = (0, _tanstack_react_query.useQuery)(useTRPC().auth.validateWaitlistCode.queryOptions({ code }));
+	const status = data?.status;
+	const className = "p-1";
+	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Alert, {
+		className,
+		color: "default",
+		variant: "faded",
+		title: t("web-ui:auth.waitlist.validatingCode", { defaultValue: "Validating the invitation code..." })
+	});
+	if (error) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Alert, {
+		className,
+		color: "danger",
+		variant: "faded",
+		title: t("web-ui:auth.waitlist.codeError", { defaultValue: "An error occurred while validating the invitation code." })
+	});
+	if (status === "VALID") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Alert, {
+		className,
+		color: "success",
+		variant: "faded",
+		title: t("web-ui:auth.waitlist.codeValid", { defaultValue: "Invitation code is valid. You can proceed." })
+	});
+	if (status) {
+		let message = t("web-ui:auth.waitlist.invalidCode", { defaultValue: "Invalid invitation code." });
+		if (status === "EXPIRED") message = t("web-ui:auth.waitlist.expiredCode", { defaultValue: "Invitation code has expired." });
+		else if (status === "NOT_FOUND") message = t("web-ui:auth.waitlist.codeNotFound", { defaultValue: "Invitation code not found." });
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Alert, {
+			className,
+			color: "danger",
+			variant: "faded",
+			title: message
+		});
+	}
+	return null;
+}
+//#endregion
+exports.WaitlistCodeValidation = WaitlistCodeValidation;
+
+//# sourceMappingURL=WaitlistCodeValidation.js.map

package/dist/src/modules/auth/components/WaitlistCodeValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaitlistCodeValidation.js","names":["Alert"],"sources":["../../../../../src/modules/auth/components/WaitlistCodeValidation.tsx"],"sourcesContent":["import { Alert } from \"@heroui/react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useTranslation } from \"react-i18next\";\nimport type { UseBackendTRPC } from \"../../../types\";\n\ninterface WaitlistCodeValidationProps {\n  useTRPC: UseBackendTRPC;\n  code: string;\n}\n\nexport function WaitlistCodeValidation({ useTRPC, code }: WaitlistCodeValidationProps) {\n  const { t } = useTranslation();\n  const trpc = useTRPC();\n  const { data, isLoading, error } = useQuery(\n    trpc.auth.validateWaitlistCode.queryOptions({ code })\n  );\n  const status = data?.status;\n\n  const className = \"p-1\";\n\n  if (isLoading) {\n    return (\n      <Alert\n        className={className}\n        color=\"default\"\n        variant=\"faded\"\n        title={t(\"web-ui:auth.waitlist.validatingCode\", {\n          defaultValue: \"Validating the invitation code...\",\n        })}\n      />\n    );\n  }\n\n  if (error) {\n    return (\n      <Alert\n        className={className}\n        color=\"danger\"\n        variant=\"faded\"\n        title={t(\"web-ui:auth.waitlist.codeError\", {\n          defaultValue: \"An error occurred while validating the invitation code.\",\n        })}\n      />\n    );\n  }\n\n  if (status === \"VALID\") {\n    return (\n      <Alert\n        className={className}\n        color=\"success\"\n        variant=\"faded\"\n        title={t(\"web-ui:auth.waitlist.codeValid\", {\n          defaultValue: \"Invitation code is valid. You can proceed.\",\n        })}\n      />\n    );\n  }\n\n  if (status) {\n    let message = t(\"web-ui:auth.waitlist.invalidCode\", {\n      defaultValue: \"Invalid invitation code.\",\n    });\n\n    if (status === \"EXPIRED\") {\n      message = t(\"web-ui:auth.waitlist.expiredCode\", {\n        defaultValue: \"Invitation code has expired.\",\n      });\n    } else if (status === \"NOT_FOUND\") {\n      message = t(\"web-ui:auth.waitlist.codeNotFound\", {\n        defaultValue: \"Invitation code not found.\",\n      });\n    }\n\n    return <Alert className={className} color=\"danger\" variant=\"faded\" title={message} />;\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,uBAAuB,EAAE,SAAS,QAAqC;CACrF,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;CAE9B,MAAM,EAAE,MAAM,WAAW,WAAA,GAAA,sBAAA,UADZ,SAAS,CAEf,KAAK,qBAAqB,aAAa,EAAE,MAAM,CAAC,CACtD;CACD,MAAM,SAAS,MAAM;CAErB,MAAM,YAAY;AAElB,KAAI,UACF,QACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACa;EACX,OAAM;EACN,SAAQ;EACR,OAAO,EAAE,uCAAuC,EAC9C,cAAc,qCACf,CAAC;EACF,CAAA;AAIN,KAAI,MACF,QACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACa;EACX,OAAM;EACN,SAAQ;EACR,OAAO,EAAE,kCAAkC,EACzC,cAAc,2DACf,CAAC;EACF,CAAA;AAIN,KAAI,WAAW,QACb,QACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACa;EACX,OAAM;EACN,SAAQ;EACR,OAAO,EAAE,kCAAkC,EACzC,cAAc,8CACf,CAAC;EACF,CAAA;AAIN,KAAI,QAAQ;EACV,IAAI,UAAU,EAAE,oCAAoC,EAClD,cAAc,4BACf,CAAC;AAEF,MAAI,WAAW,UACb,WAAU,EAAE,oCAAoC,EAC9C,cAAc,gCACf,CAAC;WACO,WAAW,YACpB,WAAU,EAAE,qCAAqC,EAC/C,cAAc,8BACf,CAAC;AAGJ,SAAO,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;GAAkB;GAAW,OAAM;GAAS,SAAQ;GAAQ,OAAO;GAAW,CAAA;;AAGvF,QAAO"}

package/dist/src/modules/billing/components/BillingBetaPage.d.ts

@@ -0,0 +1,17 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/modules/billing/components/BillingBetaPage.d.ts
+interface BillingBetaPageProps {
+  appName: string;
+  className?: string;
+  footer?: ReactNode;
+}
+declare function BillingBetaPage({
+  appName,
+  className,
+  footer
+}: BillingBetaPageProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BillingBetaPage };
+//# sourceMappingURL=BillingBetaPage.d.ts.map