@m5kdev/web-ui 0.7.0 → 0.8.2

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

@@ -1,143 +1,206 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
-import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { GoogleIcon } from "../../../icons/GoogleIcon.js";
+import { LinkedInIcon } from "../../../icons/LinkedInIcon.js";
+import { MicrosoftIcon } from "../../../icons/MicrosoftIcon.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { useLocation, useNavigate } from "react-router";
+import { Alert, Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
 import { toast } from "sonner";
-import { GoogleIcon } from "../../../icons/GoogleIcon";
-import { LinkedInIcon } from "../../../icons/LinkedInIcon";
-import { MicrosoftIcon } from "../../../icons/MicrosoftIcon";
-export 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(() => {
-        const params = new URLSearchParams(location.search);
-        return params.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(undefined)
-            .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 (_jsx(Alert, { color: "warning", variant: "faded", title: "Claim flow is unavailable because backend TRPC is not configured." }));
-    }
-    if (!session?.user) {
-        return (_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(() => undefined);
-            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(undefined);
-            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 (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-xl font-semibold", children: "Claim your account" }), _jsx("p", { className: "text-sm text-default-600", children: "You are signed in and can now set your permanent login methods." })] }), _jsxs(CardBody, { className: "grid gap-6", children: [claimStatusQuery.isLoading ? (_jsx(Alert, { color: "default", variant: "faded", title: "Loading claim status..." })) : !claim ? (_jsx(Alert, { color: "warning", variant: "faded", title: "No pending account claim was found for your user." })) : null, _jsxs("div", { className: "grid gap-2", children: [_jsx(Input, { type: "email", label: "Email", value: email, onValueChange: setEmail, description: "Set your real email before linking providers and password." }), _jsx(Button, { onPress: onSetEmail, isDisabled: !email || busy !== "none" || !claim, children: busy === "email" ? "Saving..." : "Save Email" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx("p", { className: "text-sm font-medium", children: "Link a provider" }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-3", children: [_jsxs(Button, { variant: "bordered", onPress: () => onLinkProvider("google"), isDisabled: busy !== "none" || !hasClaimEmail || !claim, children: [_jsx(GoogleIcon, { className: "h-4 w-4" }), " Google"] }), _jsxs(Button, { variant: "bordered", onPress: () => onLinkProvider("linkedin"), isDisabled: busy !== "none" || !hasClaimEmail || !claim, children: [_jsx(LinkedInIcon, { className: "h-4 w-4" }), " LinkedIn"] }), _jsxs(Button, { variant: "bordered", onPress: () => onLinkProvider("microsoft"), isDisabled: busy !== "none" || !hasClaimEmail || !claim, children: [_jsx(MicrosoftIcon, { className: "h-4 w-4" }), " Microsoft"] })] })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Input, { type: "password", label: "Set password", value: newPassword, onValueChange: setNewPassword }), _jsx(Button, { onPress: onSetPassword, isDisabled: !newPassword || busy !== "none" || !hasClaimEmail || !claim, children: busy === "password" ? "Saving..." : "Set Password and Claim" })] })] })] }));
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClaimAccountRoute.js","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.ts

@@ -1 +1,7 @@
-export declare function ErrorAuthRoute(): import("react/jsx-runtime").JSX.Element;
+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.ts.map

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

@@ -1,93 +1,129 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Card, CardBody, CardHeader } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle } from "lucide-react";
-import { useQueryState } from "nuqs";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
-export 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 errorData = ErrorEnum[error] || ErrorEnum.default;
-    const { title, description, buttons, signupLabel } = errorData;
-    return (_jsx("div", { className: "flex flex-col gap-6", children: _jsxs(Card, { children: [_jsxs(CardHeader, { className: "text-center flex flex-col gap-2 items-center", children: [_jsx(AlertCircle, { className: "w-10 h-10 text-red-500" }), _jsx("p", { className: "text-xl font-semibold", children: title }), _jsx("p", { className: "text-sm text-default-600", children: description })] }), _jsx(CardBody, { className: "flex flex-col gap-4", children: _jsxs("div", { className: "flex flex-col gap-2", children: [buttons.includes("login") && (_jsx(Button, { as: Link, to: "/login", variant: "bordered", children: t("web-ui:auth.error.backToLogin") })), buttons.includes("signup") && (_jsx(Button, { as: Link, to: "/signup", variant: "bordered", children: signupLabel || t("web-ui:auth.error.backToSignup") }))] }) })] }) }));
+import { Button, Card, CardBody, CardHeader } from "@heroui/react";
+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,
+					to: "/login",
+					variant: "bordered",
+					children: t("web-ui:auth.error.backToLogin")
+				}), buttons.includes("signup") && /* @__PURE__ */ jsx(Button, {
+					as: Link,
+					to: "/signup",
+					variant: "bordered",
+					children: signupLabel || t("web-ui:auth.error.backToSignup")
+				})]
+			})
+		})] })
+	});
 }
+//#endregion
+export { ErrorAuthRoute };
+
+//# sourceMappingURL=ErrorAuthRoute.js.map