@m5kdev/web-ui 0.8.2 → 0.8.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthProviders.mjs","names":[],"sources":["../../../../../src/modules/auth/components/AuthProviders.tsx"],"sourcesContent":["import { Button } from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\nimport { GoogleIcon } from \"../../../icons/GoogleIcon\";\r\nimport { LinkedInIcon } from \"../../../icons/LinkedInIcon\";\r\nimport { MicrosoftIcon } from \"../../../icons/MicrosoftIcon\";\r\nimport { LastUsedBadge } from \"./LastUsedBadge\";\r\n\r\nexport function AuthProviders({\r\n  providers,\r\n  lastMethod,\r\n  code,\r\n  requestSignUp = false,\r\n}: {\r\n  providers?: string[];\r\n  code?: string | null;\r\n  requestSignUp?: boolean;\r\n  lastMethod?: string | null;\r\n}) {\r\n  const { t } = useTranslation();\r\n  if (!providers || providers.length === 0) return null;\r\n  const additionalData = code ? { waitlistInvitationCode: code } : {};\r\n\r\n  const handleSignIn = (result: any) => {\r\n    if (result.error) {\r\n      toast.error(t(\"web-ui:auth.errors.invitationCodeInvalid\"));\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div className=\"flex flex-col gap-4\">\r\n        {providers.includes(\"google\") && (\r\n          <LastUsedBadge lastMethod={lastMethod} method=\"google\">\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"bordered\"\r\n              className=\"w-full gap-2\"\r\n              onPress={() => {\r\n                authClient.signIn\r\n                  .social({\r\n                    provider: \"google\",\r\n                    requestSignUp,\r\n                    additionalData,\r\n                  })\r\n                  .then(handleSignIn);\r\n              }}\r\n            >\r\n              <GoogleIcon className=\"h-5 w-5\" />\r\n              {t(\"web-ui:auth.login.google\")}\r\n            </Button>\r\n          </LastUsedBadge>\r\n        )}\r\n        {providers.includes(\"linkedin\") && (\r\n          <LastUsedBadge lastMethod={lastMethod} method=\"linkedin\">\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"bordered\"\r\n              className=\"w-full\"\r\n              onPress={() => {\r\n                authClient.signIn\r\n                  .social({\r\n                    provider: \"linkedin\",\r\n                    requestSignUp,\r\n                    additionalData,\r\n                  })\r\n                  .then(handleSignIn);\r\n              }}\r\n            >\r\n              <LinkedInIcon className=\"h-5 w-5\" />\r\n              {t(\"web-ui:auth.login.linkedin\")}\r\n            </Button>\r\n          </LastUsedBadge>\r\n        )}\r\n        {providers.includes(\"microsoft\") && (\r\n          <LastUsedBadge lastMethod={lastMethod} method=\"microsoft\">\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"bordered\"\r\n              className=\"w-full\"\r\n              onPress={() => {\r\n                authClient.signIn\r\n                  .social({\r\n                    provider: \"microsoft\",\r\n                    requestSignUp,\r\n                    additionalData,\r\n                  })\r\n                  .then(handleSignIn);\r\n              }}\r\n            >\r\n              <MicrosoftIcon className=\"h-5 w-5\" />\r\n              {t(\"web-ui:auth.login.microsoft\")}\r\n            </Button>\r\n          </LastUsedBadge>\r\n        )}\r\n      </div>\r\n      <div className=\"relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t after:border-border\">\r\n        <span className=\"relative z-10 bg-background px-2 text-muted-foreground\">\r\n          {t(\"web-ui:auth.login.orContinueWith\")}\r\n        </span>\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;AASA,SAAgB,cAAc,EAC5B,WACA,YACA,MACA,gBAAgB,SAMf;CACD,MAAM,EAAE,MAAM,gBAAgB;AAC9B,KAAI,CAAC,aAAa,UAAU,WAAW,EAAG,QAAO;CACjD,MAAM,iBAAiB,OAAO,EAAE,wBAAwB,MAAM,GAAG,EAAE;CAEnE,MAAM,gBAAgB,WAAgB;AACpC,MAAI,OAAO,MACT,OAAM,MAAM,EAAE,2CAA2C,CAAC;;AAI9D,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACG,UAAU,SAAS,SAAS,IAC3B,oBAAC,eAAD;IAA2B;IAAY,QAAO;cAC5C,qBAAC,QAAD;KACE,MAAK;KACL,SAAQ;KACR,WAAU;KACV,eAAe;AACb,iBAAW,OACR,OAAO;OACN,UAAU;OACV;OACA;OACD,CAAC,CACD,KAAK,aAAa;;eAXzB,CAcE,oBAAC,YAAD,EAAY,WAAU,WAAY,CAAA,EACjC,EAAE,2BAA2B,CACvB;;IACK,CAAA;GAEjB,UAAU,SAAS,WAAW,IAC7B,oBAAC,eAAD;IAA2B;IAAY,QAAO;cAC5C,qBAAC,QAAD;KACE,MAAK;KACL,SAAQ;KACR,WAAU;KACV,eAAe;AACb,iBAAW,OACR,OAAO;OACN,UAAU;OACV;OACA;OACD,CAAC,CACD,KAAK,aAAa;;eAXzB,CAcE,oBAAC,cAAD,EAAc,WAAU,WAAY,CAAA,EACnC,EAAE,6BAA6B,CACzB;;IACK,CAAA;GAEjB,UAAU,SAAS,YAAY,IAC9B,oBAAC,eAAD;IAA2B;IAAY,QAAO;cAC5C,qBAAC,QAAD;KACE,MAAK;KACL,SAAQ;KACR,WAAU;KACV,eAAe;AACb,iBAAW,OACR,OAAO;OACN,UAAU;OACV;OACA;OACD,CAAC,CACD,KAAK,aAAa;;eAXzB,CAcE,oBAAC,eAAD,EAAe,WAAU,WAAY,CAAA,EACpC,EAAE,8BAA8B,CAC1B;;IACK,CAAA;GAEd;KACN,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,QAAD;GAAM,WAAU;aACb,EAAE,mCAAmC;GACjC,CAAA;EACH,CAAA,CACL,EAAA,CAAA"}

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

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

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

@@ -0,0 +1,48 @@
+import { AuthLayout } from "./AuthLayout.mjs";
+import { ClaimAccountRoute } from "./ClaimAccountRoute.mjs";
+import { ErrorAuthRoute } from "./ErrorAuthRoute.mjs";
+import { ForgotPasswordRoute } from "./ForgotPasswordRoute.mjs";
+import { LoginRoute } from "./LoginRoute.mjs";
+import { ResetPasswordRoute } from "./ResetPasswordRoute.mjs";
+import { SignupRoute } from "./SignupRoute.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Route } from "react-router";
+//#region src/modules/auth/components/AuthRouter.tsx
+function AuthRouter({ header, providers, useTRPC }) {
+	return /* @__PURE__ */ jsxs(Route, {
+		element: /* @__PURE__ */ jsx(AuthLayout, { header }),
+		children: [
+			/* @__PURE__ */ jsx(Route, {
+				path: "/login",
+				element: /* @__PURE__ */ jsx(LoginRoute, { providers })
+			}),
+			/* @__PURE__ */ jsx(Route, {
+				path: "/signup",
+				element: /* @__PURE__ */ jsx(SignupRoute, {
+					providers,
+					useTRPC
+				})
+			}),
+			/* @__PURE__ */ jsx(Route, {
+				path: "/forgot-password",
+				element: /* @__PURE__ */ jsx(ForgotPasswordRoute, {})
+			}),
+			/* @__PURE__ */ jsx(Route, {
+				path: "/reset-password",
+				element: /* @__PURE__ */ jsx(ResetPasswordRoute, {})
+			}),
+			/* @__PURE__ */ jsx(Route, {
+				path: "/claim-account",
+				element: /* @__PURE__ */ jsx(ClaimAccountRoute, { useTRPC })
+			}),
+			/* @__PURE__ */ jsx(Route, {
+				path: "/error-auth",
+				element: /* @__PURE__ */ jsx(ErrorAuthRoute, {})
+			})
+		]
+	});
+}
+//#endregion
+export { AuthRouter };
+
+//# sourceMappingURL=AuthRouter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthRouter.mjs","names":[],"sources":["../../../../../src/modules/auth/components/AuthRouter.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\r\nimport { Route } from \"react-router\";\r\nimport { AuthLayout } from \"./AuthLayout\";\r\nimport { ClaimAccountRoute } from \"./ClaimAccountRoute\";\r\nimport { ErrorAuthRoute } from \"./ErrorAuthRoute\";\r\nimport { ForgotPasswordRoute } from \"./ForgotPasswordRoute\";\r\nimport { LoginRoute } from \"./LoginRoute\";\r\nimport { ResetPasswordRoute } from \"./ResetPasswordRoute\";\r\nimport { SignupRoute } from \"./SignupRoute\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\n\r\ninterface AuthRouterProps {\r\n  header: ReactNode;\r\n  providers?: string[];\r\n  useTRPC?: UseBackendTRPC;\r\n}\r\n\r\nexport function AuthRouter({ header, providers, useTRPC }: AuthRouterProps) {\r\n  return (\r\n    <Route element={<AuthLayout header={header} />}>\r\n      <Route path=\"/login\" element={<LoginRoute providers={providers} />} />\r\n      <Route path=\"/signup\" element={<SignupRoute providers={providers} useTRPC={useTRPC} />} />\r\n      <Route path=\"/forgot-password\" element={<ForgotPasswordRoute />} />\r\n      <Route path=\"/reset-password\" element={<ResetPasswordRoute />} />\r\n      <Route path=\"/claim-account\" element={<ClaimAccountRoute useTRPC={useTRPC} />} />\r\n      <Route path=\"/error-auth\" element={<ErrorAuthRoute />} />\r\n    </Route>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,WAAW,EAAE,QAAQ,WAAW,WAA4B;AAC1E,QACE,qBAAC,OAAD;EAAO,SAAS,oBAAC,YAAD,EAAoB,QAAU,CAAA;YAA9C;GACE,oBAAC,OAAD;IAAO,MAAK;IAAS,SAAS,oBAAC,YAAD,EAAuB,WAAa,CAAA;IAAI,CAAA;GACtE,oBAAC,OAAD;IAAO,MAAK;IAAU,SAAS,oBAAC,aAAD;KAAwB;KAAoB;KAAW,CAAA;IAAI,CAAA;GAC1F,oBAAC,OAAD;IAAO,MAAK;IAAmB,SAAS,oBAAC,qBAAD,EAAuB,CAAA;IAAI,CAAA;GACnE,oBAAC,OAAD;IAAO,MAAK;IAAkB,SAAS,oBAAC,oBAAD,EAAsB,CAAA;IAAI,CAAA;GACjE,oBAAC,OAAD;IAAO,MAAK;IAAiB,SAAS,oBAAC,mBAAD,EAA4B,SAAW,CAAA;IAAI,CAAA;GACjF,oBAAC,OAAD;IAAO,MAAK;IAAc,SAAS,oBAAC,gBAAD,EAAkB,CAAA;IAAI,CAAA;GACnD"}

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

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

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

@@ -0,0 +1,206 @@
+import { GoogleIcon } from "../../../icons/GoogleIcon.mjs";
+import { LinkedInIcon } from "../../../icons/LinkedInIcon.mjs";
+import { MicrosoftIcon } from "../../../icons/MicrosoftIcon.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { Alert, Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocation, useNavigate } from "react-router";
+import { toast } from "sonner";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
+//#region src/modules/auth/components/ClaimAccountRoute.tsx
+function ClaimAccountRoute({ useTRPC }) {
+	const { data: session, registerSession } = useSession();
+	const navigate = useNavigate();
+	const location = useLocation();
+	const queryClient = useQueryClient();
+	const [email, setEmail] = useState("");
+	const [newPassword, setNewPassword] = useState("");
+	const [busy, setBusy] = useState("none");
+	const trpc = useTRPC?.();
+	const linkedProvider = useMemo(() => {
+		return new URLSearchParams(location.search).get("linked");
+	}, [location.search]);
+	const claimStatusQuery = useQuery({
+		queryKey: [
+			"auth",
+			"claim-status",
+			session?.user?.id ?? null
+		],
+		enabled: !!trpc && !!session?.user,
+		queryFn: async () => {
+			if (!trpc) return null;
+			return queryClient.fetchQuery(trpc.auth.getMyAccountClaimStatus.queryOptions());
+		}
+	});
+	const setEmailMutation = useMutation(trpc ? trpc.auth.setMyAccountClaimEmail.mutationOptions() : { mutationFn: async () => ({ status: false }) });
+	const acceptClaimMutation = useMutation(trpc ? trpc.auth.acceptMyAccountClaim.mutationOptions() : { mutationFn: async () => ({ status: false }) });
+	useEffect(() => {
+		if (session?.user?.email) setEmail(session.user.email);
+	}, [session?.user?.email]);
+	useEffect(() => {
+		if (!linkedProvider || !trpc) return;
+		acceptClaimMutation.mutateAsync(void 0).then(() => {
+			toast.success("Account provider linked");
+			queryClient.invalidateQueries({ queryKey: trpc.auth.getMyAccountClaimStatus.queryKey() });
+		}).catch((error) => {
+			toast.error(error.message);
+		}).finally(() => {
+			navigate("/claim-account", { replace: true });
+		});
+	}, [
+		acceptClaimMutation,
+		linkedProvider,
+		navigate,
+		queryClient,
+		trpc
+	]);
+	if (!trpc) return /* @__PURE__ */ jsx(Alert, {
+		color: "warning",
+		variant: "faded",
+		title: "Claim flow is unavailable because backend TRPC is not configured."
+	});
+	if (!session?.user) return /* @__PURE__ */ jsx(Alert, {
+		color: "warning",
+		variant: "faded",
+		title: "You need to sign in with your magic link before claiming this account."
+	});
+	const claim = claimStatusQuery.data;
+	const hasClaimEmail = Boolean(claim?.claimedEmail);
+	const onSetEmail = async () => {
+		setBusy("email");
+		try {
+			await setEmailMutation.mutateAsync({ email });
+			registerSession(() => void 0);
+			await queryClient.invalidateQueries({ queryKey: trpc.auth.getMyAccountClaimStatus.queryKey() });
+			toast.success("Email updated");
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : "Unable to set email");
+		} finally {
+			setBusy("none");
+		}
+	};
+	const onSetPassword = async () => {
+		setBusy("password");
+		try {
+			const response = await fetch(`${import.meta.env.VITE_SERVER_URL}/api/auth/set-password`, {
+				method: "POST",
+				credentials: "include",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({ newPassword })
+			});
+			const payload = await response.json().catch(() => ({}));
+			if (!response.ok) throw new Error(payload?.message ?? "Unable to set password");
+			await acceptClaimMutation.mutateAsync(void 0);
+			await queryClient.invalidateQueries({ queryKey: trpc.auth.getMyAccountClaimStatus.queryKey() });
+			toast.success("Password set. Account claimed.");
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : "Unable to set password");
+		} finally {
+			setBusy("none");
+		}
+	};
+	const onLinkProvider = async (provider) => {
+		setBusy("link");
+		try {
+			const response = await fetch(`${import.meta.env.VITE_SERVER_URL}/api/auth/link-social`, {
+				method: "POST",
+				credentials: "include",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					provider,
+					callbackURL: `${window.location.origin}/claim-account?linked=${provider}`
+				})
+			});
+			const payload = await response.json().catch(() => ({}));
+			if (!response.ok || !payload?.url) throw new Error(payload?.message ?? "Unable to start provider linking");
+			window.location.href = payload.url;
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : "Unable to link provider");
+			setBusy("none");
+		}
+	};
+	return /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+		className: "flex flex-col gap-1",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "text-xl font-semibold",
+			children: "Claim your account"
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-sm text-default-600",
+			children: "You are signed in and can now set your permanent login methods."
+		})]
+	}), /* @__PURE__ */ jsxs(CardBody, {
+		className: "grid gap-6",
+		children: [
+			claimStatusQuery.isLoading ? /* @__PURE__ */ jsx(Alert, {
+				color: "default",
+				variant: "faded",
+				title: "Loading claim status..."
+			}) : !claim ? /* @__PURE__ */ jsx(Alert, {
+				color: "warning",
+				variant: "faded",
+				title: "No pending account claim was found for your user."
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ jsx(Input, {
+					type: "email",
+					label: "Email",
+					value: email,
+					onValueChange: setEmail,
+					description: "Set your real email before linking providers and password."
+				}), /* @__PURE__ */ jsx(Button, {
+					onPress: onSetEmail,
+					isDisabled: !email || busy !== "none" || !claim,
+					children: busy === "email" ? "Saving..." : "Save Email"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium",
+					children: "Link a provider"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "grid gap-3 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ jsxs(Button, {
+							variant: "bordered",
+							onPress: () => onLinkProvider("google"),
+							isDisabled: busy !== "none" || !hasClaimEmail || !claim,
+							children: [/* @__PURE__ */ jsx(GoogleIcon, { className: "h-4 w-4" }), " Google"]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							variant: "bordered",
+							onPress: () => onLinkProvider("linkedin"),
+							isDisabled: busy !== "none" || !hasClaimEmail || !claim,
+							children: [/* @__PURE__ */ jsx(LinkedInIcon, { className: "h-4 w-4" }), " LinkedIn"]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							variant: "bordered",
+							onPress: () => onLinkProvider("microsoft"),
+							isDisabled: busy !== "none" || !hasClaimEmail || !claim,
+							children: [/* @__PURE__ */ jsx(MicrosoftIcon, { className: "h-4 w-4" }), " Microsoft"]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ jsx(Input, {
+					type: "password",
+					label: "Set password",
+					value: newPassword,
+					onValueChange: setNewPassword
+				}), /* @__PURE__ */ jsx(Button, {
+					onPress: onSetPassword,
+					isDisabled: !newPassword || busy !== "none" || !hasClaimEmail || !claim,
+					children: busy === "password" ? "Saving..." : "Set Password and Claim"
+				})]
+			})
+		]
+	})] });
+}
+//#endregion
+export { ClaimAccountRoute };
+
+//# sourceMappingURL=ClaimAccountRoute.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClaimAccountRoute.mjs","names":[],"sources":["../../../../../src/modules/auth/components/ClaimAccountRoute.tsx"],"sourcesContent":["import { Alert, Button, Card, CardBody, CardHeader, Input } from \"@heroui/react\";\r\nimport { useSession } from \"@m5kdev/frontend/modules/auth/hooks/useSession\";\r\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\r\nimport { useEffect, useMemo, useState } from \"react\";\r\nimport { useLocation, useNavigate } from \"react-router\";\r\nimport { toast } from \"sonner\";\r\nimport { GoogleIcon } from \"../../../icons/GoogleIcon\";\r\nimport { LinkedInIcon } from \"../../../icons/LinkedInIcon\";\r\nimport { MicrosoftIcon } from \"../../../icons/MicrosoftIcon\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\n\r\nexport function ClaimAccountRoute({ useTRPC }: { useTRPC?: UseBackendTRPC }) {\r\n  const { data: session, registerSession } = useSession();\r\n  const navigate = useNavigate();\r\n  const location = useLocation();\r\n  const queryClient = useQueryClient();\r\n  const [email, setEmail] = useState(\"\");\r\n  const [newPassword, setNewPassword] = useState(\"\");\r\n  const [busy, setBusy] = useState<\"none\" | \"email\" | \"password\" | \"link\">(\"none\");\r\n\r\n  const trpc = useTRPC?.();\r\n\r\n  const linkedProvider = useMemo(() => {\r\n    const params = new URLSearchParams(location.search);\r\n    return params.get(\"linked\");\r\n  }, [location.search]);\r\n\r\n  const claimStatusQuery = useQuery({\r\n    queryKey: [\"auth\", \"claim-status\", session?.user?.id ?? null],\r\n    enabled: !!trpc && !!session?.user,\r\n    queryFn: async () => {\r\n      if (!trpc) return null;\r\n      return queryClient.fetchQuery(trpc.auth.getMyAccountClaimStatus.queryOptions());\r\n    },\r\n  });\r\n\r\n  const setEmailMutation = useMutation(\r\n    trpc\r\n      ? trpc.auth.setMyAccountClaimEmail.mutationOptions()\r\n      : {\r\n          mutationFn: async () => ({ status: false }),\r\n        }\r\n  );\r\n\r\n  const acceptClaimMutation = useMutation(\r\n    trpc\r\n      ? trpc.auth.acceptMyAccountClaim.mutationOptions()\r\n      : {\r\n          mutationFn: async () => ({ status: false }),\r\n        }\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (session?.user?.email) {\r\n      setEmail(session.user.email);\r\n    }\r\n  }, [session?.user?.email]);\r\n\r\n  useEffect(() => {\r\n    if (!linkedProvider || !trpc) return;\r\n    acceptClaimMutation\r\n      .mutateAsync(undefined)\r\n      .then(() => {\r\n        toast.success(\"Account provider linked\");\r\n        queryClient.invalidateQueries({ queryKey: trpc.auth.getMyAccountClaimStatus.queryKey() });\r\n      })\r\n      .catch((error) => {\r\n        toast.error(error.message);\r\n      })\r\n      .finally(() => {\r\n        navigate(\"/claim-account\", { replace: true });\r\n      });\r\n  }, [acceptClaimMutation, linkedProvider, navigate, queryClient, trpc]);\r\n\r\n  if (!trpc) {\r\n    return (\r\n      <Alert\r\n        color=\"warning\"\r\n        variant=\"faded\"\r\n        title=\"Claim flow is unavailable because backend TRPC is not configured.\"\r\n      />\r\n    );\r\n  }\r\n\r\n  if (!session?.user) {\r\n    return (\r\n      <Alert\r\n        color=\"warning\"\r\n        variant=\"faded\"\r\n        title=\"You need to sign in with your magic link before claiming this account.\"\r\n      />\r\n    );\r\n  }\r\n\r\n  const claim = claimStatusQuery.data;\r\n  const hasClaimEmail = Boolean(claim?.claimedEmail);\r\n\r\n  const onSetEmail = async () => {\r\n    setBusy(\"email\");\r\n    try {\r\n      await setEmailMutation.mutateAsync({ email });\r\n      registerSession(() => undefined);\r\n      await queryClient.invalidateQueries({\r\n        queryKey: trpc.auth.getMyAccountClaimStatus.queryKey(),\r\n      });\r\n      toast.success(\"Email updated\");\r\n    } catch (error) {\r\n      toast.error(error instanceof Error ? error.message : \"Unable to set email\");\r\n    } finally {\r\n      setBusy(\"none\");\r\n    }\r\n  };\r\n\r\n  const onSetPassword = async () => {\r\n    setBusy(\"password\");\r\n    try {\r\n      const response = await fetch(`${import.meta.env.VITE_SERVER_URL}/api/auth/set-password`, {\r\n        method: \"POST\",\r\n        credentials: \"include\",\r\n        headers: {\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n        body: JSON.stringify({\r\n          newPassword,\r\n        }),\r\n      });\r\n      const payload = await response.json().catch(() => ({}));\r\n      if (!response.ok) {\r\n        throw new Error(payload?.message ?? \"Unable to set password\");\r\n      }\r\n      await acceptClaimMutation.mutateAsync(undefined);\r\n      await queryClient.invalidateQueries({\r\n        queryKey: trpc.auth.getMyAccountClaimStatus.queryKey(),\r\n      });\r\n      toast.success(\"Password set. Account claimed.\");\r\n    } catch (error) {\r\n      toast.error(error instanceof Error ? error.message : \"Unable to set password\");\r\n    } finally {\r\n      setBusy(\"none\");\r\n    }\r\n  };\r\n\r\n  const onLinkProvider = async (provider: \"google\" | \"linkedin\" | \"microsoft\") => {\r\n    setBusy(\"link\");\r\n    try {\r\n      const response = await fetch(`${import.meta.env.VITE_SERVER_URL}/api/auth/link-social`, {\r\n        method: \"POST\",\r\n        credentials: \"include\",\r\n        headers: { \"Content-Type\": \"application/json\" },\r\n        body: JSON.stringify({\r\n          provider,\r\n          callbackURL: `${window.location.origin}/claim-account?linked=${provider}`,\r\n        }),\r\n      });\r\n      const payload = await response.json().catch(() => ({}));\r\n      if (!response.ok || !payload?.url) {\r\n        throw new Error(payload?.message ?? \"Unable to start provider linking\");\r\n      }\r\n      window.location.href = payload.url;\r\n    } catch (error) {\r\n      toast.error(error instanceof Error ? error.message : \"Unable to link provider\");\r\n      setBusy(\"none\");\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Card>\r\n      <CardHeader className=\"flex flex-col gap-1\">\r\n        <p className=\"text-xl font-semibold\">Claim your account</p>\r\n        <p className=\"text-sm text-default-600\">\r\n          You are signed in and can now set your permanent login methods.\r\n        </p>\r\n      </CardHeader>\r\n      <CardBody className=\"grid gap-6\">\r\n        {claimStatusQuery.isLoading ? (\r\n          <Alert color=\"default\" variant=\"faded\" title=\"Loading claim status...\" />\r\n        ) : !claim ? (\r\n          <Alert\r\n            color=\"warning\"\r\n            variant=\"faded\"\r\n            title=\"No pending account claim was found for your user.\"\r\n          />\r\n        ) : null}\r\n\r\n        <div className=\"grid gap-2\">\r\n          <Input\r\n            type=\"email\"\r\n            label=\"Email\"\r\n            value={email}\r\n            onValueChange={setEmail}\r\n            description=\"Set your real email before linking providers and password.\"\r\n          />\r\n          <Button onPress={onSetEmail} isDisabled={!email || busy !== \"none\" || !claim}>\r\n            {busy === \"email\" ? \"Saving...\" : \"Save Email\"}\r\n          </Button>\r\n        </div>\r\n\r\n        <div className=\"grid gap-2\">\r\n          <p className=\"text-sm font-medium\">Link a provider</p>\r\n          <div className=\"grid gap-3 sm:grid-cols-3\">\r\n            <Button\r\n              variant=\"bordered\"\r\n              onPress={() => onLinkProvider(\"google\")}\r\n              isDisabled={busy !== \"none\" || !hasClaimEmail || !claim}\r\n            >\r\n              <GoogleIcon className=\"h-4 w-4\" /> Google\r\n            </Button>\r\n            <Button\r\n              variant=\"bordered\"\r\n              onPress={() => onLinkProvider(\"linkedin\")}\r\n              isDisabled={busy !== \"none\" || !hasClaimEmail || !claim}\r\n            >\r\n              <LinkedInIcon className=\"h-4 w-4\" /> LinkedIn\r\n            </Button>\r\n            <Button\r\n              variant=\"bordered\"\r\n              onPress={() => onLinkProvider(\"microsoft\")}\r\n              isDisabled={busy !== \"none\" || !hasClaimEmail || !claim}\r\n            >\r\n              <MicrosoftIcon className=\"h-4 w-4\" /> Microsoft\r\n            </Button>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"grid gap-2\">\r\n          <Input\r\n            type=\"password\"\r\n            label=\"Set password\"\r\n            value={newPassword}\r\n            onValueChange={setNewPassword}\r\n          />\r\n          <Button\r\n            onPress={onSetPassword}\r\n            isDisabled={!newPassword || busy !== \"none\" || !hasClaimEmail || !claim}\r\n          >\r\n            {busy === \"password\" ? \"Saving...\" : \"Set Password and Claim\"}\r\n          </Button>\r\n        </div>\r\n      </CardBody>\r\n    </Card>\r\n  );\r\n}\r\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1,129 @@
+import { Button, Card, CardBody, CardHeader } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircle } from "lucide-react";
+import { useTranslation } from "react-i18next";
+import { Link as Link$1 } from "react-router";
+import { useQueryState } from "nuqs";
+//#region src/modules/auth/components/ErrorAuthRoute.tsx
+function ErrorAuthRoute() {
+	const { t } = useTranslation();
+	const [error] = useQueryState("error");
+	const ErrorEnum = {
+		invalid_callback_request: {
+			title: "Invalid callback request",
+			description: "The callback request is invalid. Please try again.",
+			buttons: ["login", "signup"],
+			signupLabel: null
+		},
+		state_not_found: {
+			title: "State not found",
+			description: "The state was not found. Please try again.",
+			buttons: ["login", "signup"],
+			signupLabel: null
+		},
+		account_already_linked_to_different_user: {
+			title: "Account already linked to different user",
+			description: "The account is already linked to a different user. Please try again.",
+			buttons: ["signup"],
+			signupLabel: null
+		},
+		"email_doesn't_match": {
+			title: "Email doesn't match",
+			description: "The email doesn't match. Please try again.",
+			buttons: ["login", "signup"],
+			signupLabel: null
+		},
+		email_not_found: {
+			title: "Email not found",
+			description: "The email was not found. Please try again.",
+			buttons: ["login", "signup"],
+			signupLabel: null
+		},
+		no_callback_url: {
+			title: "No callback URL",
+			description: "The callback URL is not set. Please try again.",
+			buttons: ["login", "signup"],
+			signupLabel: null
+		},
+		no_code: {
+			title: "No code",
+			description: "The code is not set. Please try again.",
+			buttons: ["login", "signup"],
+			signupLabel: null
+		},
+		oauth_provider_not_found: {
+			title: "OAuth provider not found",
+			description: "The OAuth provider was not found. Please try again.",
+			buttons: ["login", "signup"],
+			signupLabel: null
+		},
+		unable_to_link_account: {
+			title: "Unable to link account",
+			description: "The account could not be linked. Please try again.",
+			buttons: ["login", "signup"],
+			signupLabel: null
+		},
+		unable_to_get_user_info: {
+			title: "Unable to get user info",
+			description: "The user info could not be retrieved. Please try again.",
+			buttons: ["login", "signup"],
+			signupLabel: null
+		},
+		state_mismatch: {
+			title: "State mismatch",
+			description: "The state mismatch. Please try again.",
+			buttons: ["login", "signup"],
+			signupLabel: null
+		},
+		signup_disabled: {
+			title: "Signup disabled",
+			description: "The signup is disabled while we are in beta. Please join the waitlist to be notified when we launch.",
+			buttons: ["signup"],
+			signupLabel: "Join the waitlist"
+		},
+		default: {
+			title: "Authentication Failed",
+			description: "We encountered an issue with your authentication request",
+			buttons: ["login", "signup"],
+			signupLabel: null
+		}
+	};
+	const { title, description, buttons, signupLabel } = ErrorEnum[error] || ErrorEnum.default;
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-6",
+		children: /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "text-center flex flex-col gap-2 items-center",
+			children: [
+				/* @__PURE__ */ jsx(AlertCircle, { className: "w-10 h-10 text-red-500" }),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-xl font-semibold",
+					children: title
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm text-default-600",
+					children: description
+				})
+			]
+		}), /* @__PURE__ */ jsx(CardBody, {
+			className: "flex flex-col gap-4",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-2",
+				children: [buttons.includes("login") && /* @__PURE__ */ jsx(Button, {
+					as: Link$1,
+					to: "/login",
+					variant: "bordered",
+					children: t("web-ui:auth.error.backToLogin")
+				}), buttons.includes("signup") && /* @__PURE__ */ jsx(Button, {
+					as: Link$1,
+					to: "/signup",
+					variant: "bordered",
+					children: signupLabel || t("web-ui:auth.error.backToSignup")
+				})]
+			})
+		})] })
+	});
+}
+//#endregion
+export { ErrorAuthRoute };
+
+//# sourceMappingURL=ErrorAuthRoute.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorAuthRoute.mjs","names":["Link"],"sources":["../../../../../src/modules/auth/components/ErrorAuthRoute.tsx"],"sourcesContent":["import { Button, Card, CardBody, CardHeader } from \"@heroui/react\";\r\nimport { AlertCircle } from \"lucide-react\";\r\nimport { useQueryState } from \"nuqs\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Link } from \"react-router\";\r\n\r\nexport function ErrorAuthRoute() {\r\n  const { t } = useTranslation();\r\n  const [error] = useQueryState(\"error\");\r\n\r\n  const ErrorEnum = {\r\n    invalid_callback_request: {\r\n      title: \"Invalid callback request\",\r\n      description: \"The callback request is invalid. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    state_not_found: {\r\n      title: \"State not found\",\r\n      description: \"The state was not found. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    account_already_linked_to_different_user: {\r\n      title: \"Account already linked to different user\",\r\n      description: \"The account is already linked to a different user. Please try again.\",\r\n      buttons: [\"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    \"email_doesn't_match\": {\r\n      title: \"Email doesn't match\",\r\n      description: \"The email doesn't match. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    email_not_found: {\r\n      title: \"Email not found\",\r\n      description: \"The email was not found. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    no_callback_url: {\r\n      title: \"No callback URL\",\r\n      description: \"The callback URL is not set. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    no_code: {\r\n      title: \"No code\",\r\n      description: \"The code is not set. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    oauth_provider_not_found: {\r\n      title: \"OAuth provider not found\",\r\n      description: \"The OAuth provider was not found. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    unable_to_link_account: {\r\n      title: \"Unable to link account\",\r\n      description: \"The account could not be linked. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    unable_to_get_user_info: {\r\n      title: \"Unable to get user info\",\r\n      description: \"The user info could not be retrieved. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    state_mismatch: {\r\n      title: \"State mismatch\",\r\n      description: \"The state mismatch. Please try again.\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n    signup_disabled: {\r\n      title: \"Signup disabled\",\r\n      description:\r\n        \"The signup is disabled while we are in beta. Please join the waitlist to be notified when we launch.\",\r\n      buttons: [\"signup\"],\r\n      signupLabel: \"Join the waitlist\",\r\n    },\r\n    default: {\r\n      title: \"Authentication Failed\",\r\n      description: \"We encountered an issue with your authentication request\",\r\n      buttons: [\"login\", \"signup\"],\r\n      signupLabel: null,\r\n    },\r\n  };\r\n\r\n  const errorData = ErrorEnum[error as keyof typeof ErrorEnum] || ErrorEnum.default;\r\n  const { title, description, buttons, signupLabel } = errorData;\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-2 items-center\">\r\n          <AlertCircle className=\"w-10 h-10 text-red-500\" />\r\n          <p className=\"text-xl font-semibold\">{title}</p>\r\n          <p className=\"text-sm text-default-600\">{description}</p>\r\n        </CardHeader>\r\n        <CardBody className=\"flex flex-col gap-4\">\r\n          <div className=\"flex flex-col gap-2\">\r\n            {buttons.includes(\"login\") && (\r\n              <Button as={Link} to=\"/login\" variant=\"bordered\">\r\n                {t(\"web-ui:auth.error.backToLogin\")}\r\n              </Button>\r\n            )}\r\n            {buttons.includes(\"signup\") && (\r\n              <Button as={Link} to=\"/signup\" variant=\"bordered\">\r\n                {signupLabel || t(\"web-ui:auth.error.backToSignup\")}\r\n              </Button>\r\n            )}\r\n          </div>\r\n        </CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAMA,SAAgB,iBAAiB;CAC/B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,SAAS,cAAc,QAAQ;CAEtC,MAAM,YAAY;EAChB,0BAA0B;GACxB,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,iBAAiB;GACf,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,0CAA0C;GACxC,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS;GACnB,aAAa;GACd;EACD,uBAAuB;GACrB,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,iBAAiB;GACf,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,iBAAiB;GACf,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,SAAS;GACP,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,0BAA0B;GACxB,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,wBAAwB;GACtB,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,yBAAyB;GACvB,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,gBAAgB;GACd,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACD,iBAAiB;GACf,OAAO;GACP,aACE;GACF,SAAS,CAAC,SAAS;GACnB,aAAa;GACd;EACD,SAAS;GACP,OAAO;GACP,aAAa;GACb,SAAS,CAAC,SAAS,SAAS;GAC5B,aAAa;GACd;EACF;CAGD,MAAM,EAAE,OAAO,aAAa,SAAS,gBADnB,UAAU,UAAoC,UAAU;AAG1E,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,MAAD,EAAA,UAAA,CACE,qBAAC,YAAD;GAAY,WAAU;aAAtB;IACE,oBAAC,aAAD,EAAa,WAAU,0BAA2B,CAAA;IAClD,oBAAC,KAAD;KAAG,WAAU;eAAyB;KAAU,CAAA;IAChD,oBAAC,KAAD;KAAG,WAAU;eAA4B;KAAgB,CAAA;IAC9C;MACb,oBAAC,UAAD;GAAU,WAAU;aAClB,qBAAC,OAAD;IAAK,WAAU;cAAf,CACG,QAAQ,SAAS,QAAQ,IACxB,oBAAC,QAAD;KAAQ,IAAIA;KAAM,IAAG;KAAS,SAAQ;eACnC,EAAE,gCAAgC;KAC5B,CAAA,EAEV,QAAQ,SAAS,SAAS,IACzB,oBAAC,QAAD;KAAQ,IAAIA;KAAM,IAAG;KAAU,SAAQ;eACpC,eAAe,EAAE,iCAAiC;KAC5C,CAAA,CAEP;;GACG,CAAA,CACN,EAAA,CAAA;EACH,CAAA"}

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

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

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

@@ -0,0 +1,53 @@
+import { useState } from "react";
+import { Button, Input } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import { useForm } from "react-hook-form";
+import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
+//#region src/modules/auth/components/ForgotPasswordForm.tsx
+function ForgotPasswordForm() {
+	const { t } = useTranslation();
+	const { register, handleSubmit, formState: { errors } } = useForm();
+	const [isBusy, setIsBusy] = useState(false);
+	const onSubmit = (data) => {
+		setIsBusy(true);
+		authClient.requestPasswordReset({
+			email: data.email,
+			redirectTo: "/reset-password"
+		}).then(() => {
+			toast.success(t("web-ui:auth.forgotPassword.success"));
+		}).catch(() => {
+			toast.error(t("web-ui:auth.forgotPassword.error"));
+		});
+	};
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: handleSubmit(onSubmit),
+		className: "grid gap-6",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "grid gap-2",
+			children: [/* @__PURE__ */ jsx(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__ */ jsx("span", {
+				className: "text-red-500 text-xs",
+				children: t("web-ui:auth.signup.emailRequired")
+			})]
+		}), /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			className: "w-full",
+			color: "primary",
+			isDisabled: isBusy,
+			children: t("web-ui:auth.forgotPassword.button")
+		})]
+	});
+}
+//#endregion
+export { ForgotPasswordForm };
+
+//# sourceMappingURL=ForgotPasswordForm.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordForm.mjs","names":[],"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,MAAM,gBAAgB;CAC9B,MAAM,EACJ,UACA,cACA,WAAW,EAAE,aACX,SAAiB;CAErB,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAE3C,MAAM,YAAmC,SAAS;AAChD,YAAU,KAAK;AACf,aACG,qBAAqB;GACpB,OAAO,KAAK;GACZ,YAAY;GACb,CAAC,CACD,WAAW;AACV,SAAM,QAAQ,EAAE,qCAAqC,CAAC;IACtD,CACD,YAAY;AACX,SAAM,MAAM,EAAE,mCAAmC,CAAC;IAClD;;AAGN,QACE,qBAAC,QAAD;EAAM,UAAU,aAAa,SAAS;EAAE,WAAU;YAAlD,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,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,oBAAC,QAAD;IAAM,WAAU;cAAwB,EAAE,mCAAmC;IAAQ,CAAA,CAEnF;MACN,oBAAC,QAAD;GAAQ,MAAK;GAAS,WAAU;GAAS,OAAM;GAAU,YAAY;aAClE,EAAE,oCAAoC;GAChC,CAAA,CACJ"}

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

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

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

@@ -0,0 +1,37 @@
+import { ForgotPasswordForm } from "./ForgotPasswordForm.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/ForgotPasswordRoute.tsx
+function ForgotPasswordRoute() {
+	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.forgotPassword.title")
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-default-600",
+				children: t("web-ui:auth.forgotPassword.description")
+			})]
+		}), /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(ForgotPasswordForm, {}) })] }), /* @__PURE__ */ jsxs("div", {
+			className: "text-center text-xs text-muted-foreground",
+			children: [
+				t("web-ui:auth.forgotPassword.rememberPassword"),
+				" ",
+				/* @__PURE__ */ jsx(Link$1, {
+					to: "/login",
+					className: "underline underline-offset-4 hover:text-primary",
+					children: t("web-ui:auth.login.button")
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { ForgotPasswordRoute };
+
+//# sourceMappingURL=ForgotPasswordRoute.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordRoute.mjs","names":["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,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,mCAAmC;IAAK,CAAA,EAChF,oBAAC,KAAD;IAAG,WAAU;cAA4B,EAAE,yCAAyC;IAAK,CAAA,CAC9E;MACb,oBAAC,UAAD,EAAA,UACE,oBAAC,oBAAD,EAAsB,CAAA,EACb,CAAA,CACN,EAAA,CAAA,EACP,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,8CAA8C;IAAE;IACnD,oBAACA,QAAD;KAAM,IAAG;KAAS,WAAU;eACzB,EAAE,2BAA2B;KACzB,CAAA;IACH;KACF"}

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

@@ -0,0 +1,13 @@
+import { UseBackendTRPC } from "../../../types.mjs";
+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.mts.map