@m5kdev/web-ui 0.8.7 → 0.8.9

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

@@ -0,0 +1,86 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_icons_GoogleIcon = require("../../../icons/GoogleIcon.js");
+const require_src_icons_LinkedInIcon = require("../../../icons/LinkedInIcon.js");
+const require_src_icons_MicrosoftIcon = require("../../../icons/MicrosoftIcon.js");
+const require_src_modules_auth_components_LastUsedBadge = require("./LastUsedBadge.js");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_i18next = require("react-i18next");
+let sonner = require("sonner");
+let _m5kdev_frontend_modules_auth_auth_lib = require("@m5kdev/frontend/modules/auth/auth.lib");
+//#region src/modules/auth/components/AuthProviders.tsx
+function AuthProviders({ providers, lastMethod, code, requestSignUp = false }) {
+	const { t } = (0, react_i18next.useTranslation)();
+	if (!providers || providers.length === 0) return null;
+	const additionalData = code ? { waitlistInvitationCode: code } : {};
+	const handleSignIn = (result) => {
+		if (result.error) sonner.toast.error(t("web-ui:auth.errors.invitationCodeInvalid"));
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			providers.includes("google") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_LastUsedBadge.LastUsedBadge, {
+				lastMethod,
+				method: "google",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Button, {
+					type: "button",
+					variant: "bordered",
+					className: "w-full gap-2",
+					onPress: () => {
+						_m5kdev_frontend_modules_auth_auth_lib.authClient.signIn.social({
+							provider: "google",
+							requestSignUp,
+							additionalData
+						}).then(handleSignIn);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_icons_GoogleIcon.GoogleIcon, { className: "h-5 w-5" }), t("web-ui:auth.login.google")]
+				})
+			}),
+			providers.includes("linkedin") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_LastUsedBadge.LastUsedBadge, {
+				lastMethod,
+				method: "linkedin",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Button, {
+					type: "button",
+					variant: "bordered",
+					className: "w-full",
+					onPress: () => {
+						_m5kdev_frontend_modules_auth_auth_lib.authClient.signIn.social({
+							provider: "linkedin",
+							requestSignUp,
+							additionalData
+						}).then(handleSignIn);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_icons_LinkedInIcon.LinkedInIcon, { className: "h-5 w-5" }), t("web-ui:auth.login.linkedin")]
+				})
+			}),
+			providers.includes("microsoft") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_LastUsedBadge.LastUsedBadge, {
+				lastMethod,
+				method: "microsoft",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Button, {
+					type: "button",
+					variant: "bordered",
+					className: "w-full",
+					onPress: () => {
+						_m5kdev_frontend_modules_auth_auth_lib.authClient.signIn.social({
+							provider: "microsoft",
+							requestSignUp,
+							additionalData
+						}).then(handleSignIn);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_icons_MicrosoftIcon.MicrosoftIcon, { className: "h-5 w-5" }), t("web-ui:auth.login.microsoft")]
+				})
+			})
+		]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "relative z-10 bg-background px-2 text-muted-foreground",
+			children: t("web-ui:auth.login.orContinueWith")
+		})
+	})] });
+}
+//#endregion
+exports.AuthProviders = AuthProviders;
+
+//# sourceMappingURL=AuthProviders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthProviders.js","names":["LastUsedBadge","Button","GoogleIcon","LinkedInIcon","MicrosoftIcon"],"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,OAAA,GAAA,cAAA,iBAAsB;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,QAAA,MAAM,MAAM,EAAE,2CAA2C,CAAC;;AAI9D,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACG,UAAU,SAAS,SAAS,IAC3B,iBAAA,GAAA,kBAAA,KAACA,kDAAAA,eAAD;IAA2B;IAAY,QAAO;cAC5C,iBAAA,GAAA,kBAAA,MAACC,cAAAA,QAAD;KACE,MAAK;KACL,SAAQ;KACR,WAAU;KACV,eAAe;AACb,6CAAA,WAAW,OACR,OAAO;OACN,UAAU;OACV;OACA;OACD,CAAC,CACD,KAAK,aAAa;;eAXzB,CAcE,iBAAA,GAAA,kBAAA,KAACC,6BAAAA,YAAD,EAAY,WAAU,WAAY,CAAA,EACjC,EAAE,2BAA2B,CACvB;;IACK,CAAA;GAEjB,UAAU,SAAS,WAAW,IAC7B,iBAAA,GAAA,kBAAA,KAACF,kDAAAA,eAAD;IAA2B;IAAY,QAAO;cAC5C,iBAAA,GAAA,kBAAA,MAACC,cAAAA,QAAD;KACE,MAAK;KACL,SAAQ;KACR,WAAU;KACV,eAAe;AACb,6CAAA,WAAW,OACR,OAAO;OACN,UAAU;OACV;OACA;OACD,CAAC,CACD,KAAK,aAAa;;eAXzB,CAcE,iBAAA,GAAA,kBAAA,KAACE,+BAAAA,cAAD,EAAc,WAAU,WAAY,CAAA,EACnC,EAAE,6BAA6B,CACzB;;IACK,CAAA;GAEjB,UAAU,SAAS,YAAY,IAC9B,iBAAA,GAAA,kBAAA,KAACH,kDAAAA,eAAD;IAA2B;IAAY,QAAO;cAC5C,iBAAA,GAAA,kBAAA,MAACC,cAAAA,QAAD;KACE,MAAK;KACL,SAAQ;KACR,WAAU;KACV,eAAe;AACb,6CAAA,WAAW,OACR,OAAO;OACN,UAAU;OACV;OACA;OACD,CAAC,CACD,KAAK,aAAa;;eAXzB,CAcE,iBAAA,GAAA,kBAAA,KAACG,gCAAAA,eAAD,EAAe,WAAU,WAAY,CAAA,EACpC,EAAE,8BAA8B,CAC1B;;IACK,CAAA;GAEd;KACN,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aACb,EAAE,mCAAmC;GACjC,CAAA;EACH,CAAA,CACL,EAAA,CAAA"}

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

@@ -2,9 +2,9 @@ import { GoogleIcon } from "../../../icons/GoogleIcon.mjs";
 import { LinkedInIcon } from "../../../icons/LinkedInIcon.mjs";
 import { MicrosoftIcon } from "../../../icons/MicrosoftIcon.mjs";
 import { LastUsedBadge } from "./LastUsedBadge.mjs";
-import { useTranslation } from "react-i18next";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@heroui/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
 //#region src/modules/auth/components/AuthProviders.tsx

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

@@ -0,0 +1,18 @@
+import { UseBackendTRPC } from "../../../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#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.ts.map

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

@@ -0,0 +1,50 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_modules_auth_components_AuthLayout = require("./AuthLayout.js");
+const require_src_modules_auth_components_ClaimAccountRoute = require("./ClaimAccountRoute.js");
+const require_src_modules_auth_components_ErrorAuthRoute = require("./ErrorAuthRoute.js");
+const require_src_modules_auth_components_ForgotPasswordRoute = require("./ForgotPasswordRoute.js");
+const require_src_modules_auth_components_LoginRoute = require("./LoginRoute.js");
+const require_src_modules_auth_components_ResetPasswordRoute = require("./ResetPasswordRoute.js");
+const require_src_modules_auth_components_SignupRoute = require("./SignupRoute.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_router = require("react-router");
+//#region src/modules/auth/components/AuthRouter.tsx
+function AuthRouter({ header, providers, useTRPC }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router.Route, {
+		element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_AuthLayout.AuthLayout, { header }),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
+				path: "/login",
+				element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_LoginRoute.LoginRoute, { providers })
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
+				path: "/signup",
+				element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_SignupRoute.SignupRoute, {
+					providers,
+					useTRPC
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
+				path: "/forgot-password",
+				element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_ForgotPasswordRoute.ForgotPasswordRoute, {})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
+				path: "/reset-password",
+				element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_ResetPasswordRoute.ResetPasswordRoute, {})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
+				path: "/claim-account",
+				element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_ClaimAccountRoute.ClaimAccountRoute, { useTRPC })
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
+				path: "/error-auth",
+				element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_auth_components_ErrorAuthRoute.ErrorAuthRoute, {})
+			})
+		]
+	});
+}
+//#endregion
+exports.AuthRouter = AuthRouter;
+
+//# sourceMappingURL=AuthRouter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthRouter.js","names":["Route","AuthLayout","LoginRoute","SignupRoute","ForgotPasswordRoute","ResetPasswordRoute","ClaimAccountRoute","ErrorAuthRoute"],"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,iBAAA,GAAA,kBAAA,MAACA,aAAAA,OAAD;EAAO,SAAS,iBAAA,GAAA,kBAAA,KAACC,+CAAAA,YAAD,EAAoB,QAAU,CAAA;YAA9C;GACE,iBAAA,GAAA,kBAAA,KAACD,aAAAA,OAAD;IAAO,MAAK;IAAS,SAAS,iBAAA,GAAA,kBAAA,KAACE,+CAAAA,YAAD,EAAuB,WAAa,CAAA;IAAI,CAAA;GACtE,iBAAA,GAAA,kBAAA,KAACF,aAAAA,OAAD;IAAO,MAAK;IAAU,SAAS,iBAAA,GAAA,kBAAA,KAACG,gDAAAA,aAAD;KAAwB;KAAoB;KAAW,CAAA;IAAI,CAAA;GAC1F,iBAAA,GAAA,kBAAA,KAACH,aAAAA,OAAD;IAAO,MAAK;IAAmB,SAAS,iBAAA,GAAA,kBAAA,KAACI,wDAAAA,qBAAD,EAAuB,CAAA;IAAI,CAAA;GACnE,iBAAA,GAAA,kBAAA,KAACJ,aAAAA,OAAD;IAAO,MAAK;IAAkB,SAAS,iBAAA,GAAA,kBAAA,KAACK,uDAAAA,oBAAD,EAAsB,CAAA;IAAI,CAAA;GACjE,iBAAA,GAAA,kBAAA,KAACL,aAAAA,OAAD;IAAO,MAAK;IAAiB,SAAS,iBAAA,GAAA,kBAAA,KAACM,sDAAAA,mBAAD,EAA4B,SAAW,CAAA;IAAI,CAAA;GACjF,iBAAA,GAAA,kBAAA,KAACN,aAAAA,OAAD;IAAO,MAAK;IAAc,SAAS,iBAAA,GAAA,kBAAA,KAACO,mDAAAA,gBAAD,EAAkB,CAAA;IAAI,CAAA;GACnD"}

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

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

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

@@ -0,0 +1,208 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_icons_GoogleIcon = require("../../../icons/GoogleIcon.js");
+const require_src_icons_LinkedInIcon = require("../../../icons/LinkedInIcon.js");
+const require_src_icons_MicrosoftIcon = require("../../../icons/MicrosoftIcon.js");
+let react = require("react");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_router = require("react-router");
+let sonner = require("sonner");
+let _tanstack_react_query = require("@tanstack/react-query");
+let _m5kdev_frontend_modules_auth_hooks_useSession = require("@m5kdev/frontend/modules/auth/hooks/useSession");
+//#region src/modules/auth/components/ClaimAccountRoute.tsx
+function ClaimAccountRoute({ useTRPC }) {
+	const { data: session, registerSession } = (0, _m5kdev_frontend_modules_auth_hooks_useSession.useSession)();
+	const navigate = (0, react_router.useNavigate)();
+	const location = (0, react_router.useLocation)();
+	const queryClient = (0, _tanstack_react_query.useQueryClient)();
+	const [email, setEmail] = (0, react.useState)("");
+	const [newPassword, setNewPassword] = (0, react.useState)("");
+	const [busy, setBusy] = (0, react.useState)("none");
+	const trpc = useTRPC?.();
+	const linkedProvider = (0, react.useMemo)(() => {
+		return new URLSearchParams(location.search).get("linked");
+	}, [location.search]);
+	const claimStatusQuery = (0, _tanstack_react_query.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 = (0, _tanstack_react_query.useMutation)(trpc ? trpc.auth.setMyAccountClaimEmail.mutationOptions() : { mutationFn: async () => ({ status: false }) });
+	const acceptClaimMutation = (0, _tanstack_react_query.useMutation)(trpc ? trpc.auth.acceptMyAccountClaim.mutationOptions() : { mutationFn: async () => ({ status: false }) });
+	(0, react.useEffect)(() => {
+		if (session?.user?.email) setEmail(session.user.email);
+	}, [session?.user?.email]);
+	(0, react.useEffect)(() => {
+		if (!linkedProvider || !trpc) return;
+		acceptClaimMutation.mutateAsync(void 0).then(() => {
+			sonner.toast.success("Account provider linked");
+			queryClient.invalidateQueries({ queryKey: trpc.auth.getMyAccountClaimStatus.queryKey() });
+		}).catch((error) => {
+			sonner.toast.error(error.message);
+		}).finally(() => {
+			navigate("/claim-account", { replace: true });
+		});
+	}, [
+		acceptClaimMutation,
+		linkedProvider,
+		navigate,
+		queryClient,
+		trpc
+	]);
+	if (!trpc) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Alert, {
+		color: "warning",
+		variant: "faded",
+		title: "Claim flow is unavailable because backend TRPC is not configured."
+	});
+	if (!session?.user) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.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() });
+			sonner.toast.success("Email updated");
+		} catch (error) {
+			sonner.toast.error(error instanceof Error ? error.message : "Unable to set email");
+		} finally {
+			setBusy("none");
+		}
+	};
+	const onSetPassword = async () => {
+		setBusy("password");
+		try {
+			const response = await fetch(`${{}.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() });
+			sonner.toast.success("Password set. Account claimed.");
+		} catch (error) {
+			sonner.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(`${{}.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) {
+			sonner.toast.error(error instanceof Error ? error.message : "Unable to link provider");
+			setBusy("none");
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardHeader, {
+		className: "flex flex-col gap-1",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-xl font-semibold",
+			children: "Claim your account"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-sm text-default-600",
+			children: "You are signed in and can now set your permanent login methods."
+		})]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardBody, {
+		className: "grid gap-6",
+		children: [
+			claimStatusQuery.isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Alert, {
+				color: "default",
+				variant: "faded",
+				title: "Loading claim status..."
+			}) : !claim ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Alert, {
+				color: "warning",
+				variant: "faded",
+				title: "No pending account claim was found for your user."
+			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+					type: "email",
+					label: "Email",
+					value: email,
+					onValueChange: setEmail,
+					description: "Set your real email before linking providers and password."
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+					onPress: onSetEmail,
+					isDisabled: !email || busy !== "none" || !claim,
+					children: busy === "email" ? "Saving..." : "Save Email"
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-sm font-medium",
+					children: "Link a provider"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "grid gap-3 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Button, {
+							variant: "bordered",
+							onPress: () => onLinkProvider("google"),
+							isDisabled: busy !== "none" || !hasClaimEmail || !claim,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_icons_GoogleIcon.GoogleIcon, { className: "h-4 w-4" }), " Google"]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Button, {
+							variant: "bordered",
+							onPress: () => onLinkProvider("linkedin"),
+							isDisabled: busy !== "none" || !hasClaimEmail || !claim,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_icons_LinkedInIcon.LinkedInIcon, { className: "h-4 w-4" }), " LinkedIn"]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Button, {
+							variant: "bordered",
+							onPress: () => onLinkProvider("microsoft"),
+							isDisabled: busy !== "none" || !hasClaimEmail || !claim,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_icons_MicrosoftIcon.MicrosoftIcon, { className: "h-4 w-4" }), " Microsoft"]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+					type: "password",
+					label: "Set password",
+					value: newPassword,
+					onValueChange: setNewPassword
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+					onPress: onSetPassword,
+					isDisabled: !newPassword || busy !== "none" || !hasClaimEmail || !claim,
+					children: busy === "password" ? "Saving..." : "Set Password and Claim"
+				})]
+			})
+		]
+	})] });
+}
+//#endregion
+exports.ClaimAccountRoute = ClaimAccountRoute;
+
+//# sourceMappingURL=ClaimAccountRoute.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClaimAccountRoute.js","names":["Alert","Card","CardHeader","CardBody","Input","Button","GoogleIcon","LinkedInIcon","MicrosoftIcon"],"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/ClaimAccountRoute.mjs

@@ -2,9 +2,9 @@ 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 { Alert, Button, Card, CardBody, CardHeader, Input } from "@heroui/react";
 import { toast } from "sonner";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";

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

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

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

@@ -0,0 +1,131 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let react_i18next = require("react-i18next");
+let react_router = require("react-router");
+let nuqs = require("nuqs");
+//#region src/modules/auth/components/ErrorAuthRoute.tsx
+function ErrorAuthRoute() {
+	const { t } = (0, react_i18next.useTranslation)();
+	const [error] = (0, nuqs.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__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex flex-col gap-6",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardHeader, {
+			className: "text-center flex flex-col gap-2 items-center",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlertCircle, { className: "w-10 h-10 text-red-500" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-xl font-semibold",
+					children: title
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-sm text-default-600",
+					children: description
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, {
+			className: "flex flex-col gap-4",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-2",
+				children: [buttons.includes("login") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+					as: react_router.Link,
+					to: "/login",
+					variant: "bordered",
+					children: t("web-ui:auth.error.backToLogin")
+				}), buttons.includes("signup") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+					as: react_router.Link,
+					to: "/signup",
+					variant: "bordered",
+					children: signupLabel || t("web-ui:auth.error.backToSignup")
+				})]
+			})
+		})] })
+	});
+}
+//#endregion
+exports.ErrorAuthRoute = ErrorAuthRoute;
+
+//# sourceMappingURL=ErrorAuthRoute.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorAuthRoute.js","names":["Card","CardHeader","AlertCircle","CardBody","Button","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,OAAA,GAAA,cAAA,iBAAsB;CAC9B,MAAM,CAAC,UAAA,GAAA,KAAA,eAAuB,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,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,MAACA,cAAAA,MAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAACC,cAAAA,YAAD;GAAY,WAAU;aAAtB;IACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,aAAD,EAAa,WAAU,0BAA2B,CAAA;IAClD,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eAAyB;KAAU,CAAA;IAChD,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eAA4B;KAAgB,CAAA;IAC9C;MACb,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD;GAAU,WAAU;aAClB,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACG,QAAQ,SAAS,QAAQ,IACxB,iBAAA,GAAA,kBAAA,KAACC,cAAAA,QAAD;KAAQ,IAAIC,aAAAA;KAAM,IAAG;KAAS,SAAQ;eACnC,EAAE,gCAAgC;KAC5B,CAAA,EAEV,QAAQ,SAAS,SAAS,IACzB,iBAAA,GAAA,kBAAA,KAACD,cAAAA,QAAD;KAAQ,IAAIC,aAAAA;KAAM,IAAG;KAAU,SAAQ;eACpC,eAAe,EAAE,iCAAiC;KAC5C,CAAA,CAEP;;GACG,CAAA,CACN,EAAA,CAAA;EACH,CAAA"}