@m5kdev/web-ui 0.8.0 → 0.8.3

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InviteFriends.mjs","names":[],"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.mts

@@ -0,0 +1,17 @@
+import * as _$react from "react";
+import { BadgeProps } from "@heroui/react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#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.mts.map

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

@@ -0,0 +1,19 @@
+import { Badge } from "@heroui/react";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/modules/auth/components/LastUsedBadge.tsx
+function LastUsedBadge({ lastMethod, method, children, ...props }) {
+	const { t } = useTranslation();
+	if (lastMethod !== method) return children;
+	return /* @__PURE__ */ jsx(Badge, {
+		...props,
+		content: t("web-ui:auth.login.lastUsed"),
+		color: "warning",
+		className: "px-2 !right-[10%]",
+		children
+	});
+}
+//#endregion
+export { LastUsedBadge };
+
+//# sourceMappingURL=LastUsedBadge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LastUsedBadge.mjs","names":[],"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,MAAM,gBAAgB;AAC9B,KAAI,eAAe,OAAQ,QAAO;AAClC,QACE,oBAAC,OAAD;EACE,GAAI;EACJ,SAAS,EAAE,6BAA6B;EACxC,OAAM;EACN,WAAU;EAET;EACK,CAAA"}

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

@@ -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.mts.map

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

@@ -0,0 +1,111 @@
+import { LastUsedBadge } from "./LastUsedBadge.mjs";
+import { AuthProviders } from "./AuthProviders.mjs";
+import { Button, Input } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Link as Link$1, useNavigate } from "react-router";
+import { toast } from "sonner";
+import { useForm } from "react-hook-form";
+import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
+import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
+//#region src/modules/auth/components/LoginForm.tsx
+function LoginForm({ providers }) {
+	const lastMethod = authClient.getLastUsedLoginMethod();
+	const { register, handleSubmit } = useForm();
+	const { registerSession } = useSession();
+	const navigate = useNavigate();
+	const { t } = useTranslation();
+	const onSubmit = (data) => {
+		console.log(data);
+		authClient.signIn.email({
+			email: data.email,
+			password: data.password
+		}).then((res) => {
+			console.log(res);
+			if (res.data?.user) registerSession(() => {
+				navigate("/");
+			});
+			else if (res.error) toast.error(t("web-ui:auth.errors.authentication"), { description: res.error.message });
+		}).catch((error) => {
+			toast.error(t("web-ui:auth.errors.server"), { description: error.message });
+		});
+	};
+	return /* @__PURE__ */ jsx("form", {
+		onSubmit: handleSubmit(onSubmit),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-6",
+			children: [
+				/* @__PURE__ */ jsx(AuthProviders, {
+					providers,
+					lastMethod
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "grid gap-6",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-2",
+							children: [/* @__PURE__ */ jsx(LastUsedBadge, {
+								lastMethod,
+								method: "email",
+								children: /* @__PURE__ */ jsx("label", {
+									htmlFor: "email",
+									className: "text-sm font-medium",
+									children: t("web-ui:auth.login.email")
+								})
+							}), /* @__PURE__ */ jsx(Input, {
+								type: "email",
+								placeholder: t("web-ui:auth.login.placeholder.email"),
+								variant: "bordered",
+								isRequired: true,
+								...register("email", { required: true })
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-2",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center",
+								children: [/* @__PURE__ */ jsx("label", {
+									htmlFor: "password",
+									className: "text-sm font-medium",
+									children: t("web-ui:auth.login.password")
+								}), /* @__PURE__ */ jsx(Link$1, {
+									to: "/forgot-password",
+									className: "ml-auto text-sm underline-offset-4 hover:underline",
+									children: t("web-ui:auth.login.forgotPassword")
+								})]
+							}), /* @__PURE__ */ jsx(Input, {
+								placeholder: t("web-ui:auth.login.password"),
+								type: "password",
+								variant: "bordered",
+								isRequired: true,
+								...register("password", { required: true })
+							})]
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							type: "submit",
+							className: "w-full",
+							color: "primary",
+							children: t("web-ui:auth.login.button")
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "text-center text-sm",
+					children: [
+						t("web-ui:auth.login.noAccount"),
+						" ",
+						/* @__PURE__ */ jsx(Link$1, {
+							to: "/signup",
+							className: "underline underline-offset-4",
+							children: t("web-ui:auth.login.signUp")
+						})
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { LoginForm };
+
+//# sourceMappingURL=LoginForm.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.mjs","names":["Link"],"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,aAAa,WAAW,wBAAwB;CACtD,MAAM,EAAE,UAAU,iBAAiB,SAAiB;CACpD,MAAM,EAAE,oBAAoB,YAAY;CACxC,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,YAAmC,SAAS;AAChD,UAAQ,IAAI,KAAK;AACjB,aAAW,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,OAAM,MAAM,EAAE,oCAAoC,EAAE,EAClD,aAAa,IAAI,MAAM,SACxB,CAAC;IAEJ,CACD,OAAO,UAAU;AAChB,SAAM,MAAM,EAAE,4BAA4B,EAAE,EAC1C,aAAa,MAAM,SACpB,CAAC;IACF;;AAGN,QACE,oBAAC,QAAD;EAAM,UAAU,aAAa,SAAS;YACpC,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,eAAD;KAA0B;KAAuB;KAAc,CAAA;IAE/D,qBAAC,OAAD;KAAK,WAAU;eAAf;MACE,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,oBAAC,eAAD;QAA2B;QAAY,QAAO;kBAC5C,oBAAC,SAAD;SAAO,SAAQ;SAAQ,WAAU;mBAC9B,EAAE,0BAA0B;SACvB,CAAA;QACM,CAAA,EAChB,oBAAC,OAAD;QACE,MAAK;QACL,aAAa,EAAE,sCAAsC;QACrD,SAAQ;QACR,YAAA;QACA,GAAI,SAAS,SAAS,EAAE,UAAU,MAAM,CAAC;QACzC,CAAA,CACE;;MAEN,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,qBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,oBAAC,SAAD;SAAO,SAAQ;SAAW,WAAU;mBACjC,EAAE,6BAA6B;SAC1B,CAAA,EACR,oBAACA,QAAD;SACE,IAAG;SACH,WAAU;mBAET,EAAE,mCAAmC;SACjC,CAAA,CACH;WACN,oBAAC,OAAD;QACE,aAAa,EAAE,6BAA6B;QAC5C,MAAK;QACL,SAAQ;QACR,YAAA;QACA,GAAI,SAAS,YAAY,EAAE,UAAU,MAAM,CAAC;QAC5C,CAAA,CACE;;MACN,oBAAC,QAAD;OAAQ,MAAK;OAAS,WAAU;OAAS,OAAM;iBAC5C,EAAE,2BAA2B;OACvB,CAAA;MACL;;IAEN,qBAAC,OAAD;KAAK,WAAU;eAAf;MACG,EAAE,8BAA8B;MAAE;MACnC,oBAACA,QAAD;OAAM,IAAG;OAAU,WAAU;iBAC1B,EAAE,2BAA2B;OACzB,CAAA;MACH;;IACF;;EACD,CAAA"}

package/dist/src/modules/auth/components/LoginRoute.d.mts

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

package/dist/src/modules/auth/components/LoginRoute.mjs

@@ -0,0 +1,44 @@
+import { LoginForm } from "./LoginForm.mjs";
+import { Card, CardBody, CardHeader } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Link as Link$1 } from "react-router";
+//#region src/modules/auth/components/LoginRoute.tsx
+function LoginRoute({ providers }) {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-6",
+		children: [/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "text-center flex flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-xl font-semibold",
+				children: t("web-ui:auth.login.welcome")
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-default-600",
+				children: providers ? t("web-ui:auth.login.descriptionWithProviders") : t("web-ui:auth.login.description")
+			})]
+		}), /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(LoginForm, { providers }) })] }), /* @__PURE__ */ jsxs("div", {
+			className: "text-balance text-center text-xs text-muted-foreground [&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-primary  ",
+			children: [
+				t("web-ui:common.byClickingContinue"),
+				" ",
+				/* @__PURE__ */ jsx(Link$1, {
+					to: "/terms-of-service",
+					children: t("web-ui:common.termsOfService")
+				}),
+				" ",
+				t("web-ui:common.and"),
+				" ",
+				/* @__PURE__ */ jsx(Link$1, {
+					to: "/privacy-policy",
+					children: t("web-ui:common.privacyPolicy")
+				}),
+				"."
+			]
+		})]
+	});
+}
+//#endregion
+export { LoginRoute };
+
+//# sourceMappingURL=LoginRoute.mjs.map

package/dist/src/modules/auth/components/LoginRoute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginRoute.mjs","names":["Link"],"sources":["../../../../../src/modules/auth/components/LoginRoute.tsx"],"sourcesContent":["import { Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\nimport { LoginForm } from \"./LoginForm\";\r\n\r\nexport function LoginRoute({ providers }: { providers?: string[] }) {\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.login.welcome\")}</p>\r\n          <p className=\"text-sm text-default-600\">\r\n            {providers\r\n              ? t(\"web-ui:auth.login.descriptionWithProviders\")\r\n              : t(\"web-ui:auth.login.description\")}\r\n          </p>\r\n        </CardHeader>\r\n        <CardBody>\r\n          <LoginForm providers={providers} />\r\n        </CardBody>\r\n      </Card>\r\n      <div className=\"text-balance text-center text-xs text-muted-foreground [&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-primary  \">\r\n        {t(\"web-ui:common.byClickingContinue\")}{\" \"}\r\n        <Link to=\"/terms-of-service\">{t(\"web-ui:common.termsOfService\")}</Link>{\" \"}\r\n        {t(\"web-ui:common.and\")}{\" \"}\r\n        <Link to=\"/privacy-policy\">{t(\"web-ui:common.privacyPolicy\")}</Link>.\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAKA,SAAgB,WAAW,EAAE,aAAuC;CAClE,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB,CACE,oBAAC,KAAD;IAAG,WAAU;cAAyB,EAAE,4BAA4B;IAAK,CAAA,EACzE,oBAAC,KAAD;IAAG,WAAU;cACV,YACG,EAAE,6CAA6C,GAC/C,EAAE,gCAAgC;IACpC,CAAA,CACO;MACb,oBAAC,UAAD,EAAA,UACE,oBAAC,WAAD,EAAsB,WAAa,CAAA,EAC1B,CAAA,CACN,EAAA,CAAA,EACP,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,mCAAmC;IAAE;IACxC,oBAACA,QAAD;KAAM,IAAG;eAAqB,EAAE,+BAA+B;KAAQ,CAAA;IAAC;IACvE,EAAE,oBAAoB;IAAE;IACzB,oBAACA,QAAD;KAAM,IAAG;eAAmB,EAAE,8BAA8B;KAAQ,CAAA;;IAChE;KACF"}

package/dist/src/modules/auth/components/LogoutRoute.d.mts

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

package/dist/src/modules/auth/components/LogoutRoute.mjs

@@ -0,0 +1,21 @@
+import { useEffect } from "react";
+import { Spinner } from "@heroui/react";
+import { jsx } from "react/jsx-runtime";
+import { useNavigate } from "react-router";
+import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
+//#region src/modules/auth/components/LogoutRoute.tsx
+function Logout() {
+	const navigate = useNavigate();
+	useEffect(() => {
+		authClient.signOut();
+		navigate("/login");
+	}, []);
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex-1 justify-center align-center",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+}
+//#endregion
+export { Logout as default };
+
+//# sourceMappingURL=LogoutRoute.mjs.map

package/dist/src/modules/auth/components/LogoutRoute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoutRoute.mjs","names":[],"sources":["../../../../../src/modules/auth/components/LogoutRoute.tsx"],"sourcesContent":["import { Spinner } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { useEffect } from \"react\";\r\nimport { useNavigate } from \"react-router\";\r\n\r\nexport default function Logout() {\r\n  const navigate = useNavigate();\r\n\r\n  // biome-ignore lint/correctness/useExhaustiveDependencies(authClient): authClient is a singleton\r\n  // biome-ignore lint/correctness/useExhaustiveDependencies(navigate): navigate is a global hook\r\n  useEffect(() => {\r\n    authClient.signOut();\r\n    navigate(\"/login\");\r\n  }, []);\r\n\r\n  return (\r\n    <div className=\"flex-1 justify-center align-center\">\r\n      <Spinner />\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAKA,SAAwB,SAAS;CAC/B,MAAM,WAAW,aAAa;AAI9B,iBAAgB;AACd,aAAW,SAAS;AACpB,WAAS,SAAS;IACjB,EAAE,CAAC;AAEN,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,SAAD,EAAW,CAAA;EACP,CAAA"}

package/dist/src/modules/auth/components/OrganizationAcceptInvitationRoute.d.mts

@@ -0,0 +1,22 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/OrganizationAcceptInvitationRoute.d.ts
+type OrganizationAcceptInvitationRouteProps = {
+  authReturnKey?: string;
+  loginPath?: string;
+  defaultRedirectPath?: string;
+  managerRedirectPath?: string;
+  managerRoles?: string[];
+  onInvalidateScopedQueries?: () => void | Promise<void>;
+};
+declare function OrganizationAcceptInvitationRoute({
+  authReturnKey,
+  loginPath,
+  defaultRedirectPath,
+  managerRedirectPath,
+  managerRoles,
+  onInvalidateScopedQueries
+}: OrganizationAcceptInvitationRouteProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OrganizationAcceptInvitationRoute, OrganizationAcceptInvitationRouteProps };
+//# sourceMappingURL=OrganizationAcceptInvitationRoute.d.mts.map