@m5kdev/web-ui 0.8.6 → 0.8.8

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

@@ -0,0 +1,55 @@
+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 react_hook_form = require("react-hook-form");
+let _m5kdev_frontend_modules_auth_auth_lib = require("@m5kdev/frontend/modules/auth/auth.lib");
+//#region src/modules/auth/components/ForgotPasswordForm.tsx
+function ForgotPasswordForm() {
+	const { t } = (0, react_i18next.useTranslation)();
+	const { register, handleSubmit, formState: { errors } } = (0, react_hook_form.useForm)();
+	const [isBusy, setIsBusy] = (0, react.useState)(false);
+	const onSubmit = (data) => {
+		setIsBusy(true);
+		_m5kdev_frontend_modules_auth_auth_lib.authClient.requestPasswordReset({
+			email: data.email,
+			redirectTo: "/reset-password"
+		}).then(() => {
+			sonner.toast.success(t("web-ui:auth.forgotPassword.success"));
+		}).catch(() => {
+			sonner.toast.error(t("web-ui:auth.forgotPassword.error"));
+		});
+	};
+	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,
+				...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.jsx)(_heroui_react.Button, {
+			type: "submit",
+			className: "w-full",
+			color: "primary",
+			isDisabled: isBusy,
+			children: t("web-ui:auth.forgotPassword.button")
+		})]
+	});
+}
+//#endregion
+exports.ForgotPasswordForm = ForgotPasswordForm;
+
+//# sourceMappingURL=ForgotPasswordForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordForm.js","names":["Input","Button"],"sources":["../../../../../src/modules/auth/components/ForgotPasswordForm.tsx"],"sourcesContent":["import { Button, Input } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { useState } from \"react\";\r\nimport { type SubmitHandler, useForm } from \"react-hook-form\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\n\r\ntype Inputs = {\r\n  email: string;\r\n};\r\n\r\nexport function ForgotPasswordForm() {\r\n  const { t } = useTranslation();\r\n  const {\r\n    register,\r\n    handleSubmit,\r\n    formState: { errors },\r\n  } = useForm<Inputs>();\r\n\r\n  const [isBusy, setIsBusy] = useState(false);\r\n\r\n  const onSubmit: SubmitHandler<Inputs> = (data) => {\r\n    setIsBusy(true);\r\n    authClient\r\n      .requestPasswordReset({\r\n        email: data.email,\r\n        redirectTo: \"/reset-password\",\r\n      })\r\n      .then(() => {\r\n        toast.success(t(\"web-ui:auth.forgotPassword.success\"));\r\n      })\r\n      .catch(() => {\r\n        toast.error(t(\"web-ui:auth.forgotPassword.error\"));\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          {...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      <Button type=\"submit\" className=\"w-full\" color=\"primary\" isDisabled={isBusy}>\r\n        {t(\"web-ui:auth.forgotPassword.button\")}\r\n      </Button>\r\n    </form>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;AAWA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;CAC9B,MAAM,EACJ,UACA,cACA,WAAW,EAAE,cAAA,GAAA,gBAAA,UACM;CAErB,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAsB,MAAM;CAE3C,MAAM,YAAmC,SAAS;AAChD,YAAU,KAAK;AACf,yCAAA,WACG,qBAAqB;GACpB,OAAO,KAAK;GACZ,YAAY;GACb,CAAC,CACD,WAAW;AACV,UAAA,MAAM,QAAQ,EAAE,qCAAqC,CAAC;IACtD,CACD,YAAY;AACX,UAAA,MAAM,MAAM,EAAE,mCAAmC,CAAC;IAClD;;AAGN,QACE,iBAAA,GAAA,kBAAA,MAAC,QAAD;EAAM,UAAU,aAAa,SAAS;EAAE,WAAU;YAAlD,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;IACE,gBAAe;IACf,OAAO,EAAE,0BAA0B;IACnC,MAAK;IACL,aAAa,EAAE,sCAAsC;IACrD,SAAQ;IACR,YAAA;IACA,GAAI,SAAS,SAAS,EAAE,UAAU,MAAM,CAAC;IACzC,CAAA,EACD,OAAO,SACN,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,WAAU;cAAwB,EAAE,mCAAmC;IAAQ,CAAA,CAEnF;MACN,iBAAA,GAAA,kBAAA,KAACC,cAAAA,QAAD;GAAQ,MAAK;GAAS,WAAU;GAAS,OAAM;GAAU,YAAY;aAClE,EAAE,oCAAoC;GAChC,CAAA,CACJ"}

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

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

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

@@ -0,0 +1,39 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_modules_auth_components_ForgotPasswordForm = require("./ForgotPasswordForm.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/ForgotPasswordRoute.tsx
+function ForgotPasswordRoute() {
+	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)("p", {
+				className: "text-xl font-semibold",
+				children: t("web-ui:auth.forgotPassword.title")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm text-default-600",
+				children: t("web-ui:auth.forgotPassword.description")
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_ForgotPasswordForm.ForgotPasswordForm, {}) })] }), /* @__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.ForgotPasswordRoute = ForgotPasswordRoute;
+
+//# sourceMappingURL=ForgotPasswordRoute.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordRoute.js","names":["Card","CardHeader","CardBody","ForgotPasswordForm","Link"],"sources":["../../../../../src/modules/auth/components/ForgotPasswordRoute.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { ForgotPasswordForm } from \"./ForgotPasswordForm\";\r\n\r\nexport function ForgotPasswordRoute() {\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          <p className=\"text-xl font-semibold\">{t(\"web-ui:auth.forgotPassword.title\")}</p>\r\n          <p className=\"text-sm text-default-600\">{t(\"web-ui:auth.forgotPassword.description\")}</p>\r\n        </CardHeader>\r\n        <CardBody>\r\n          <ForgotPasswordForm />\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,sBAAsB;CACpC,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,KAAD;IAAG,WAAU;cAAyB,EAAE,mCAAmC;IAAK,CAAA,EAChF,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,yCAAyC;IAAK,CAAA,CAC9E;MACb,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,uDAAAA,oBAAD,EAAsB,CAAA,EACb,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/InviteFriends.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/InviteFriends.d.ts
+interface InviteFriendsProps {
+  useTRPC: UseBackendTRPC;
+}
+declare function InviteFriends({
+  useTRPC
+}: InviteFriendsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InviteFriends, InviteFriendsProps };
+//# sourceMappingURL=InviteFriends.d.ts.map

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

@@ -0,0 +1,282 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_components_CopyButton = require("../../../components/CopyButton.js");
+let react = require("react");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let sonner = require("sonner");
+let _tanstack_react_query = require("@tanstack/react-query");
+let zod = require("zod");
+//#region src/modules/auth/components/InviteFriends.tsx
+function InviteFriends({ useTRPC }) {
+	const trpc = useTRPC();
+	const queryClient = (0, _tanstack_react_query.useQueryClient)();
+	const { data: waitlist = [] } = (0, _tanstack_react_query.useQuery)(trpc.auth.listWaitlist.queryOptions());
+	const { data: count = 0 } = (0, _tanstack_react_query.useQuery)(trpc.auth.getUserWaitlistCount.queryOptions());
+	const invitesAvailable = Math.max(0, 3 - count);
+	const inviteMutation = (0, _tanstack_react_query.useMutation)(trpc.auth.inviteToWaitlist.mutationOptions({
+		onSuccess: (result) => {
+			queryClient.setQueryData(trpc.auth.getUserWaitlistCount.queryKey(), (old) => (old ?? 0) + 1);
+			queryClient.setQueryData(trpc.auth.listWaitlist.queryKey(), (old) => [...old ?? [], result]);
+			sonner.toast.success("Invitation sent successfully!");
+		},
+		onError: (error) => {
+			sonner.toast.error(error.message);
+		}
+	}));
+	const createInvitationCodeMutation = (0, _tanstack_react_query.useMutation)(trpc.auth.createInvitationCode.mutationOptions({
+		onSuccess: (result) => {
+			queryClient.setQueryData(trpc.auth.getUserWaitlistCount.queryKey(), (old) => (old ?? 0) + 1);
+			queryClient.setQueryData(trpc.auth.listWaitlist.queryKey(), (old) => [...old ?? [], result]);
+			sonner.toast.success("Code created successfully!");
+		},
+		onError: (error) => {
+			sonner.toast.error(error.message);
+		}
+	}));
+	const [email, setEmail] = (0, react.useState)("");
+	const [name, setName] = (0, react.useState)("");
+	const isLoading = inviteMutation.isPending || createInvitationCodeMutation.isPending;
+	const isEmailValid = (0, react.useMemo)(() => {
+		return zod.z.email().safeParse(email).success;
+	}, [email]);
+	const handleInvite = async (e) => {
+		e.preventDefault();
+		if (!email) return;
+		inviteMutation.mutate({
+			email,
+			name: name.length > 0 ? name : void 0
+		});
+		setEmail("");
+		setName("");
+	};
+	const handleCreateCode = async () => {
+		createInvitationCodeMutation.mutate({ name: name.length > 0 ? name : void 0 });
+		setEmail("");
+		setName("");
+	};
+	const getStatusColor = (status) => {
+		switch (status.toLowerCase()) {
+			case "accepted":
+			case "completed": return "success";
+			case "invited": return "warning";
+			case "waitlist": return "default";
+			default: return "default";
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "max-w-3xl mx-auto p-6 space-y-8",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "text-center space-y-4",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "inline-flex items-center justify-center p-4 bg-primary/10 rounded-full mb-2 ring-1 ring-primary/20",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Ticket, { className: "w-8 h-8 text-primary" })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+						className: "text-3xl md:text-4xl font-bold tracking-tight",
+						children: "Invite Friends & Skip the Waitlist"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: "text-lg text-default-600 max-w-lg mx-auto leading-relaxed",
+						children: [
+							"Encourage your friends to join! Friends invited by you get",
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-foreground font-medium",
+								children: "immediate access"
+							}),
+							" and skip the waitlist completely."
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex justify-center mt-4",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Chip, {
+							color: invitesAvailable > 0 ? "warning" : "default",
+							variant: "flat",
+							size: "lg",
+							startContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Zap, {
+								size: 16,
+								className: invitesAvailable > 0 ? "text-warning-600" : ""
+							}),
+							className: "font-medium",
+							children: [
+								invitesAvailable,
+								" ",
+								invitesAvailable === 1 ? "Invite" : "Invites",
+								" Remaining"
+							]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid gap-6",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, {
+					className: "shadow-sm border border-default-200",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardHeader, {
+						className: "flex flex-col items-start gap-1 px-6 pt-6 pb-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "text-xl font-semibold",
+							children: "Send an Invitation via Email"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "text-small text-default-600",
+							children: "They'll receive a unique code to join instantly."
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, {
+						className: "px-6 pb-6",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+							onSubmit: handleInvite,
+							className: "flex flex-col gap-4",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+									label: "Friend's Name (Optional)",
+									placeholder: "e.g. Alex",
+									value: name,
+									onValueChange: setName,
+									variant: "bordered",
+									labelPlacement: "outside"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+									type: "email",
+									label: "Email Address (Required for sending)",
+									placeholder: "friend@example.com",
+									value: email,
+									onValueChange: setEmail,
+									variant: "bordered",
+									labelPlacement: "outside",
+									startContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Mail, {
+										className: "text-default-400 pointer-events-none flex-shrink-0",
+										size: 16
+									})
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex justify-end pt-2 gap-2",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+									color: "primary",
+									variant: "bordered",
+									type: "button",
+									isLoading,
+									isDisabled: invitesAvailable <= 0,
+									onPress: handleCreateCode,
+									className: "font-medium",
+									endContent: !isLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Link2Icon, { size: 16 }),
+									children: "Create Invitation Link"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+									color: "primary",
+									type: "submit",
+									isLoading,
+									isDisabled: invitesAvailable <= 0 || !isEmailValid,
+									className: "font-medium",
+									endContent: !isLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Send, { size: 16 }),
+									children: "Send Invitation"
+								})]
+							})]
+						})
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex items-center justify-between",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "text-xl font-semibold",
+							children: "Created Invitations"
+						})
+					}), waitlist.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex flex-col gap-3",
+						children: waitlist.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex items-center justify-between p-4 border border-default-200 rounded-lg bg-content1",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex flex-row gap-3",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "text-sm font-medium",
+									children: item.email || item.name || "Open Invitation Link"
+								}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Chip, {
+									size: "sm",
+									color: getStatusColor(item.status),
+									variant: "flat",
+									className: "capitalize",
+									children: item.status.toLowerCase()
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "flex items-center gap-3",
+								children: item.code && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_CopyButton.CopyButton, {
+									variant: "flat",
+									color: "success",
+									size: "sm",
+									text: `${{}.env.VITE_APP_URL}/signup?code=${item.code}`,
+									isIconOnly: true
+								})
+							})]
+						}, item.id))
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "text-center py-8 text-default-600 border border-dashed border-default-200 rounded-lg",
+						children: "No invitations created yet."
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid grid-cols-1 md:grid-cols-3 gap-4 py-4",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "p-3 bg-warning/10 text-warning rounded-full mb-4",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Zap, { className: "w-6 h-6" })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								className: "font-semibold mb-2",
+								children: "Instant Access"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "text-sm text-default-600",
+								children: "Friends you invite skip the waitlist completely and get in right away."
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "p-3 bg-primary/10 text-primary rounded-full mb-4",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Users, { className: "w-6 h-6" })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								className: "font-semibold mb-2",
+								children: "Grow Your Network"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "text-sm text-default-600",
+								children: "Build your circle within the app from day one."
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "p-3 bg-success/10 text-success rounded-full mb-4",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "w-6 h-6" })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								className: "font-semibold mb-2",
+								children: "Verified Status"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "text-sm text-default-600",
+								children: "Invited members get a verified badge on their profile."
+							})
+						]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+exports.InviteFriends = InviteFriends;
+
+//# sourceMappingURL=InviteFriends.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InviteFriends.js","names":["z","Ticket","Chip","Zap","Card","CardHeader","CardBody","Input","Mail","Button","Link2Icon","Send","CopyButton","Users","CheckCircle2"],"sources":["../../../../../src/modules/auth/components/InviteFriends.tsx"],"sourcesContent":["import { Button, Card, CardBody, CardHeader, Chip, Input } from \"@heroui/react\";\r\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\r\nimport { CheckCircle2, Link2Icon, Mail, Send, Ticket, Users, Zap } from \"lucide-react\";\r\nimport { useMemo, useState } from \"react\";\r\nimport { toast } from \"sonner\";\r\nimport { z } from \"zod\";\r\nimport { CopyButton } from \"../../../components/CopyButton\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\n\r\nexport interface InviteFriendsProps {\r\n  useTRPC: UseBackendTRPC;\r\n}\r\n\r\nexport function InviteFriends({ useTRPC }: InviteFriendsProps) {\r\n  const trpc = useTRPC();\r\n  const queryClient = useQueryClient();\r\n\r\n  const { data: waitlist = [] } = useQuery(trpc.auth.listWaitlist.queryOptions());\r\n  const { data: count = 0 } = useQuery(trpc.auth.getUserWaitlistCount.queryOptions());\r\n\r\n  const invitesAvailable = Math.max(0, 3 - count);\r\n\r\n  const inviteMutation = useMutation(\r\n    trpc.auth.inviteToWaitlist.mutationOptions({\r\n      onSuccess: (result) => {\r\n        queryClient.setQueryData(\r\n          trpc.auth.getUserWaitlistCount.queryKey(),\r\n          (old) => (old ?? 0) + 1\r\n        );\r\n        queryClient.setQueryData(trpc.auth.listWaitlist.queryKey(), (old) => [\r\n          ...(old ?? []),\r\n          result,\r\n        ]);\r\n        toast.success(\"Invitation sent successfully!\");\r\n      },\r\n      onError: (error) => {\r\n        toast.error(error.message);\r\n      },\r\n    })\r\n  );\r\n\r\n  const createInvitationCodeMutation = useMutation(\r\n    trpc.auth.createInvitationCode.mutationOptions({\r\n      onSuccess: (result) => {\r\n        queryClient.setQueryData(\r\n          trpc.auth.getUserWaitlistCount.queryKey(),\r\n          (old) => (old ?? 0) + 1\r\n        );\r\n        queryClient.setQueryData(trpc.auth.listWaitlist.queryKey(), (old) => [\r\n          ...(old ?? []),\r\n          result,\r\n        ]);\r\n        toast.success(\"Code created successfully!\");\r\n      },\r\n      onError: (error) => {\r\n        toast.error(error.message);\r\n      },\r\n    })\r\n  );\r\n\r\n  const [email, setEmail] = useState(\"\");\r\n  const [name, setName] = useState(\"\");\r\n  const isLoading = inviteMutation.isPending || createInvitationCodeMutation.isPending;\r\n\r\n  const isEmailValid = useMemo(() => {\r\n    return z.email().safeParse(email).success;\r\n  }, [email]);\r\n\r\n  const handleInvite = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    if (!email) return;\r\n\r\n    inviteMutation.mutate({ email, name: name.length > 0 ? name : undefined });\r\n    setEmail(\"\");\r\n    setName(\"\");\r\n  };\r\n\r\n  const handleCreateCode = async () => {\r\n    createInvitationCodeMutation.mutate({ name: name.length > 0 ? name : undefined });\r\n    setEmail(\"\");\r\n    setName(\"\");\r\n  };\r\n\r\n  const getStatusColor = (status: string) => {\r\n    switch (status.toLowerCase()) {\r\n      case \"accepted\":\r\n      case \"completed\":\r\n        return \"success\";\r\n      case \"invited\":\r\n        return \"warning\";\r\n      case \"waitlist\":\r\n        return \"default\";\r\n      default:\r\n        return \"default\";\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"max-w-3xl mx-auto p-6 space-y-8\">\r\n      {/* Hero Section */}\r\n      <div className=\"text-center space-y-4\">\r\n        <div className=\"inline-flex items-center justify-center p-4 bg-primary/10 rounded-full mb-2 ring-1 ring-primary/20\">\r\n          <Ticket className=\"w-8 h-8 text-primary\" />\r\n        </div>\r\n        <h1 className=\"text-3xl md:text-4xl font-bold tracking-tight\">\r\n          Invite Friends & Skip the Waitlist\r\n        </h1>\r\n        <p className=\"text-lg text-default-600 max-w-lg mx-auto leading-relaxed\">\r\n          Encourage your friends to join! Friends invited by you get{\" \"}\r\n          <span className=\"text-foreground font-medium\">immediate access</span> and skip the\r\n          waitlist completely.\r\n        </p>\r\n        <div className=\"flex justify-center mt-4\">\r\n          <Chip\r\n            color={invitesAvailable > 0 ? \"warning\" : \"default\"}\r\n            variant=\"flat\"\r\n            size=\"lg\"\r\n            startContent={\r\n              <Zap size={16} className={invitesAvailable > 0 ? \"text-warning-600\" : \"\"} />\r\n            }\r\n            className=\"font-medium\"\r\n          >\r\n            {invitesAvailable} {invitesAvailable === 1 ? \"Invite\" : \"Invites\"} Remaining\r\n          </Chip>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"grid gap-6\">\r\n        {/* Invite Form */}\r\n        <Card className=\"shadow-sm border border-default-200\">\r\n          <CardHeader className=\"flex flex-col items-start gap-1 px-6 pt-6 pb-2\">\r\n            <h3 className=\"text-xl font-semibold\">Send an Invitation via Email</h3>\r\n            <p className=\"text-small text-default-600\">\r\n              They'll receive a unique code to join instantly.\r\n            </p>\r\n          </CardHeader>\r\n          <CardBody className=\"px-6 pb-6\">\r\n            <form onSubmit={handleInvite} className=\"flex flex-col gap-4\">\r\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                <Input\r\n                  label=\"Friend's Name (Optional)\"\r\n                  placeholder=\"e.g. Alex\"\r\n                  value={name}\r\n                  onValueChange={setName}\r\n                  variant=\"bordered\"\r\n                  labelPlacement=\"outside\"\r\n                />\r\n                <Input\r\n                  type=\"email\"\r\n                  label=\"Email Address (Required for sending)\"\r\n                  placeholder=\"friend@example.com\"\r\n                  value={email}\r\n                  onValueChange={setEmail}\r\n                  variant=\"bordered\"\r\n                  labelPlacement=\"outside\"\r\n                  startContent={\r\n                    <Mail\r\n                      className=\"text-default-400 pointer-events-none flex-shrink-0\"\r\n                      size={16}\r\n                    />\r\n                  }\r\n                />\r\n              </div>\r\n              <div className=\"flex justify-end pt-2 gap-2\">\r\n                <Button\r\n                  color=\"primary\"\r\n                  variant=\"bordered\"\r\n                  type=\"button\"\r\n                  isLoading={isLoading}\r\n                  isDisabled={invitesAvailable <= 0}\r\n                  onPress={handleCreateCode}\r\n                  className=\"font-medium\"\r\n                  endContent={!isLoading && <Link2Icon size={16} />}\r\n                >\r\n                  Create Invitation Link\r\n                </Button>\r\n                <Button\r\n                  color=\"primary\"\r\n                  type=\"submit\"\r\n                  isLoading={isLoading}\r\n                  isDisabled={invitesAvailable <= 0 || !isEmailValid}\r\n                  className=\"font-medium\"\r\n                  endContent={!isLoading && <Send size={16} />}\r\n                >\r\n                  Send Invitation\r\n                </Button>\r\n              </div>\r\n            </form>\r\n          </CardBody>\r\n        </Card>\r\n\r\n        {/* Created Invitations Section */}\r\n        <div className=\"space-y-4\">\r\n          <div className=\"flex items-center justify-between\">\r\n            <h3 className=\"text-xl font-semibold\">Created Invitations</h3>\r\n          </div>\r\n\r\n          {waitlist.length > 0 ? (\r\n            <div className=\"flex flex-col gap-3\">\r\n              {waitlist.map((item) => (\r\n                <div\r\n                  key={item.id}\r\n                  className=\"flex items-center justify-between p-4 border border-default-200 rounded-lg bg-content1\"\r\n                >\r\n                  <div className=\"flex flex-row gap-3\">\r\n                    <div>\r\n                      <span className=\"text-sm font-medium\">\r\n                        {item.email || item.name || \"Open Invitation Link\"}\r\n                      </span>\r\n                    </div>\r\n                    <Chip\r\n                      size=\"sm\"\r\n                      color={getStatusColor(item.status)}\r\n                      variant=\"flat\"\r\n                      className=\"capitalize\"\r\n                    >\r\n                      {item.status.toLowerCase()}\r\n                    </Chip>\r\n                  </div>\r\n\r\n                  <div className=\"flex items-center gap-3\">\r\n                    {item.code && (\r\n                      <CopyButton\r\n                        variant=\"flat\"\r\n                        color=\"success\"\r\n                        size=\"sm\"\r\n                        text={`${import.meta.env.VITE_APP_URL}/signup?code=${item.code}`}\r\n                        isIconOnly\r\n                      />\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          ) : (\r\n            <div className=\"text-center py-8 text-default-600 border border-dashed border-default-200 rounded-lg\">\r\n              No invitations created yet.\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Benefits Grid */}\r\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 py-4\">\r\n        <div className=\"flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm\">\r\n          <div className=\"p-3 bg-warning/10 text-warning rounded-full mb-4\">\r\n            <Zap className=\"w-6 h-6\" />\r\n          </div>\r\n          <h3 className=\"font-semibold mb-2\">Instant Access</h3>\r\n          <p className=\"text-sm text-default-600\">\r\n            Friends you invite skip the waitlist completely and get in right away.\r\n          </p>\r\n        </div>\r\n        <div className=\"flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm\">\r\n          <div className=\"p-3 bg-primary/10 text-primary rounded-full mb-4\">\r\n            <Users className=\"w-6 h-6\" />\r\n          </div>\r\n          <h3 className=\"font-semibold mb-2\">Grow Your Network</h3>\r\n          <p className=\"text-sm text-default-600\">Build your circle within the app from day one.</p>\r\n        </div>\r\n        <div className=\"flex flex-col items-center text-center p-6 rounded-2xl bg-content1 border border-default-100 shadow-sm\">\r\n          <div className=\"p-3 bg-success/10 text-success rounded-full mb-4\">\r\n            <CheckCircle2 className=\"w-6 h-6\" />\r\n          </div>\r\n          <h3 className=\"font-semibold mb-2\">Verified Status</h3>\r\n          <p className=\"text-sm text-default-600\">\r\n            Invited members get a verified badge on their profile.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react from "react";
+import { BadgeProps } from "@heroui/react";
+
+//#region src/modules/auth/components/LastUsedBadge.d.ts
+declare function LastUsedBadge({
+  lastMethod,
+  method,
+  children,
+  ...props
+}: BadgeProps & {
+  lastMethod?: string | null;
+  method?: string | null;
+}): string | number | bigint | boolean | _$react_jsx_runtime0.JSX.Element | Iterable<_$react.ReactNode> | Promise<string | number | bigint | boolean | _$react.ReactPortal | _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<_$react.ReactNode> | null | undefined> | null | undefined;
+//#endregion
+export { LastUsedBadge };
+//# sourceMappingURL=LastUsedBadge.d.ts.map

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

@@ -0,0 +1,21 @@
+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");
+//#region src/modules/auth/components/LastUsedBadge.tsx
+function LastUsedBadge({ lastMethod, method, children, ...props }) {
+	const { t } = (0, react_i18next.useTranslation)();
+	if (lastMethod !== method) return children;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Badge, {
+		...props,
+		content: t("web-ui:auth.login.lastUsed"),
+		color: "warning",
+		className: "px-2 !right-[10%]",
+		children
+	});
+}
+//#endregion
+exports.LastUsedBadge = LastUsedBadge;
+
+//# sourceMappingURL=LastUsedBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LastUsedBadge.js","names":["Badge"],"sources":["../../../../../src/modules/auth/components/LastUsedBadge.tsx"],"sourcesContent":["import { Badge, type BadgeProps } from \"@heroui/react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport function LastUsedBadge({\r\n  lastMethod,\r\n  method,\r\n  children,\r\n  ...props\r\n}: BadgeProps & { lastMethod?: string | null; method?: string | null }) {\r\n  const { t } = useTranslation();\r\n  if (lastMethod !== method) return children;\r\n  return (\r\n    <Badge\r\n      {...props}\r\n      content={t(\"web-ui:auth.login.lastUsed\")}\r\n      color=\"warning\"\r\n      className=\"px-2 !right-[10%]\"\r\n    >\r\n      {children}\r\n    </Badge>\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAGA,SAAgB,cAAc,EAC5B,YACA,QACA,UACA,GAAG,SACmE;CACtE,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;AAC9B,KAAI,eAAe,OAAQ,QAAO;AAClC,QACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACE,GAAI;EACJ,SAAS,EAAE,6BAA6B;EACxC,OAAM;EACN,WAAU;EAET;EACK,CAAA"}

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

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

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

@@ -0,0 +1,113 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_modules_auth_components_LastUsedBadge = require("./LastUsedBadge.js");
+const require_src_modules_auth_components_AuthProviders = require("./AuthProviders.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 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/LoginForm.tsx
+function LoginForm({ providers }) {
+	const lastMethod = _m5kdev_frontend_modules_auth_auth_lib.authClient.getLastUsedLoginMethod();
+	const { register, handleSubmit } = (0, react_hook_form.useForm)();
+	const { registerSession } = (0, _m5kdev_frontend_modules_auth_hooks_useSession.useSession)();
+	const navigate = (0, react_router.useNavigate)();
+	const { t } = (0, react_i18next.useTranslation)();
+	const onSubmit = (data) => {
+		console.log(data);
+		_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 });
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
+		onSubmit: handleSubmit(onSubmit),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "grid gap-6",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_AuthProviders.AuthProviders, {
+					providers,
+					lastMethod
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "grid gap-6",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "grid gap-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_LastUsedBadge.LastUsedBadge, {
+								lastMethod,
+								method: "email",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+									htmlFor: "email",
+									className: "text-sm font-medium",
+									children: t("web-ui:auth.login.email")
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+								type: "email",
+								placeholder: t("web-ui:auth.login.placeholder.email"),
+								variant: "bordered",
+								isRequired: true,
+								...register("email", { required: true })
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "grid gap-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex items-center",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+									htmlFor: "password",
+									className: "text-sm font-medium",
+									children: t("web-ui:auth.login.password")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Link, {
+									to: "/forgot-password",
+									className: "ml-auto text-sm underline-offset-4 hover:underline",
+									children: t("web-ui:auth.login.forgotPassword")
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+								placeholder: t("web-ui:auth.login.password"),
+								type: "password",
+								variant: "bordered",
+								isRequired: true,
+								...register("password", { required: true })
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+							type: "submit",
+							className: "w-full",
+							color: "primary",
+							children: t("web-ui:auth.login.button")
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "text-center text-sm",
+					children: [
+						t("web-ui:auth.login.noAccount"),
+						" ",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Link, {
+							to: "/signup",
+							className: "underline underline-offset-4",
+							children: t("web-ui:auth.login.signUp")
+						})
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+exports.LoginForm = LoginForm;
+
+//# sourceMappingURL=LoginForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.js","names":["authClient","AuthProviders","LastUsedBadge","Input","Link","Button"],"sources":["../../../../../src/modules/auth/components/LoginForm.tsx"],"sourcesContent":["import { 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 { type SubmitHandler, useForm } from \"react-hook-form\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link, useNavigate } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\nimport { AuthProviders } from \"./AuthProviders\";\r\nimport { LastUsedBadge } from \"./LastUsedBadge\";\r\n\r\ntype Inputs = {\r\n  email: string;\r\n  password: string;\r\n};\r\n\r\nexport function LoginForm({ providers }: { providers?: string[] }) {\r\n  const lastMethod = authClient.getLastUsedLoginMethod();\r\n  const { register, handleSubmit } = useForm<Inputs>();\r\n  const { registerSession } = useSession();\r\n  const navigate = useNavigate();\r\n  const { t } = useTranslation();\r\n\r\n  const onSubmit: SubmitHandler<Inputs> = (data) => {\r\n    console.log(data);\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  };\r\n\r\n  return (\r\n    <form onSubmit={handleSubmit(onSubmit)}>\r\n      <div className=\"grid gap-6\">\r\n        <AuthProviders providers={providers} lastMethod={lastMethod} />\r\n\r\n        <div className=\"grid gap-6\">\r\n          <div className=\"grid gap-2\">\r\n            <LastUsedBadge lastMethod={lastMethod} method=\"email\">\r\n              <label htmlFor=\"email\" className=\"text-sm font-medium\">\r\n                {t(\"web-ui:auth.login.email\")}\r\n              </label>\r\n            </LastUsedBadge>\r\n            <Input\r\n              type=\"email\"\r\n              placeholder={t(\"web-ui:auth.login.placeholder.email\")}\r\n              variant=\"bordered\"\r\n              isRequired\r\n              {...register(\"email\", { required: true })}\r\n            />\r\n          </div>\r\n\r\n          <div className=\"grid gap-2\">\r\n            <div className=\"flex items-center\">\r\n              <label htmlFor=\"password\" className=\"text-sm font-medium\">\r\n                {t(\"web-ui:auth.login.password\")}\r\n              </label>\r\n              <Link\r\n                to=\"/forgot-password\"\r\n                className=\"ml-auto text-sm underline-offset-4 hover:underline\"\r\n              >\r\n                {t(\"web-ui:auth.login.forgotPassword\")}\r\n              </Link>\r\n            </div>\r\n            <Input\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          </div>\r\n          <Button type=\"submit\" className=\"w-full\" color=\"primary\">\r\n            {t(\"web-ui:auth.login.button\")}\r\n          </Button>\r\n        </div>\r\n\r\n        <div className=\"text-center text-sm\">\r\n          {t(\"web-ui:auth.login.noAccount\")}{\" \"}\r\n          <Link to=\"/signup\" className=\"underline underline-offset-4\">\r\n            {t(\"web-ui:auth.login.signUp\")}\r\n          </Link>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAgB,UAAU,EAAE,aAAuC;CACjE,MAAM,aAAaA,uCAAAA,WAAW,wBAAwB;CACtD,MAAM,EAAE,UAAU,kBAAA,GAAA,gBAAA,UAAkC;CACpD,MAAM,EAAE,qBAAA,GAAA,+CAAA,aAAgC;CACxC,MAAM,YAAA,GAAA,aAAA,cAAwB;CAC9B,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;CAE9B,MAAM,YAAmC,SAAS;AAChD,UAAQ,IAAI,KAAK;AACjB,yCAAA,WAAW,OACR,MAAM;GACL,OAAO,KAAK;GACZ,UAAU,KAAK;GAChB,CAAC,CACD,MAAM,QAAQ;AACb,WAAQ,IAAI,IAAI;AAChB,OAAI,IAAI,MAAM,KACZ,uBAAsB;AACpB,aAAS,IAAI;KACb;YACO,IAAI,MACb,QAAA,MAAM,MAAM,EAAE,oCAAoC,EAAE,EAClD,aAAa,IAAI,MAAM,SACxB,CAAC;IAEJ,CACD,OAAO,UAAU;AAChB,UAAA,MAAM,MAAM,EAAE,4BAA4B,EAAE,EAC1C,aAAa,MAAM,SACpB,CAAC;IACF;;AAGN,QACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;EAAM,UAAU,aAAa,SAAS;YACpC,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACE,iBAAA,GAAA,kBAAA,KAACC,kDAAAA,eAAD;KAA0B;KAAuB;KAAc,CAAA;IAE/D,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACE,iBAAA,GAAA,kBAAA,KAACC,kDAAAA,eAAD;QAA2B;QAAY,QAAO;kBAC5C,iBAAA,GAAA,kBAAA,KAAC,SAAD;SAAO,SAAQ;SAAQ,WAAU;mBAC9B,EAAE,0BAA0B;SACvB,CAAA;QACM,CAAA,EAChB,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;QACE,MAAK;QACL,aAAa,EAAE,sCAAsC;QACrD,SAAQ;QACR,YAAA;QACA,GAAI,SAAS,SAAS,EAAE,UAAU,MAAM,CAAC;QACzC,CAAA,CACE;;MAEN,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;QAAK,WAAU;kBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;SAAO,SAAQ;SAAW,WAAU;mBACjC,EAAE,6BAA6B;SAC1B,CAAA,EACR,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;SACE,IAAG;SACH,WAAU;mBAET,EAAE,mCAAmC;SACjC,CAAA,CACH;WACN,iBAAA,GAAA,kBAAA,KAACD,cAAAA,OAAD;QACE,aAAa,EAAE,6BAA6B;QAC5C,MAAK;QACL,SAAQ;QACR,YAAA;QACA,GAAI,SAAS,YAAY,EAAE,UAAU,MAAM,CAAC;QAC5C,CAAA,CACE;;MACN,iBAAA,GAAA,kBAAA,KAACE,cAAAA,QAAD;OAAQ,MAAK;OAAS,WAAU;OAAS,OAAM;iBAC5C,EAAE,2BAA2B;OACvB,CAAA;MACL;;IAEN,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACG,EAAE,8BAA8B;MAAE;MACnC,iBAAA,GAAA,kBAAA,KAACD,aAAAA,MAAD;OAAM,IAAG;OAAU,WAAU;iBAC1B,EAAE,2BAA2B;OACzB,CAAA;MACH;;IACF;;EACD,CAAA"}