@alepha/ui 0.13.4 → 0.13.5

package/dist/admin/index.js

@@ -1,13 +1,13 @@
-import { n as AdminSidebar, t as AdminLayout_default } from "./AdminLayout-Cm-Y4YTQ.js";
-import { t as AdminFiles_default } from "./AdminFiles-8CC9mVsc.js";
-import { t as AdminNotifications_default } from "./AdminNotifications-d-gw5Uie.js";
-import { t as AdminSessions_default } from "./AdminSessions-CpVusqmd.js";
-import { t as AdminUserCreate_default } from "./AdminUserCreate-DH7u_yJj.js";
-import { t as AdminUserDetails_default } from "./AdminUserDetails-DVmFCDsU.js";
-import { t as AdminUserLayout_default } from "./AdminUserLayout-gpOyn0Y7.js";
-import { t as AdminUserSessions_default } from "./AdminUserSessions-CdVwoM-h.js";
-import { t as AdminUserSettings_default } from "./AdminUserSettings-S7gZvvjO.js";
-import { t as AdminUsers_default } from "./AdminUsers-9qEzxqAL.js";
+import { n as AdminSidebar, t as AdminLayout_default } from "./AdminLayout-BMtiXAzS.js";
+import { t as AdminFiles_default } from "./AdminFiles-B_jfB_Py.js";
+import { t as AdminNotifications_default } from "./AdminNotifications-BFEjqpqx.js";
+import { t as AdminSessions_default } from "./AdminSessions-D7DESfWK.js";
+import { t as AdminUserCreate_default } from "./AdminUserCreate-Bhxsn92l.js";
+import { t as AdminUserDetails_default } from "./AdminUserDetails-C2y1Ig4n.js";
+import { t as AdminUserLayout_default } from "./AdminUserLayout-sW6cjZL0.js";
+import { t as AdminUserSessions_default } from "./AdminUserSessions-CvN15wPe.js";
+import { t as AdminUserSettings_default } from "./AdminUserSettings-DvaaxgcV.js";
+import { t as AdminUsers_default } from "./AdminUsers-BR3C-jrg.js";
 import { AlephaMantineProvider, AlephaUI, DataTable, Flex, Text } from "@alepha/ui";
 import { AlephaUIAuth, AuthRouter } from "@alepha/ui/auth";
 import { $inject, $module, t } from "alepha";
@@ -20,7 +20,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useI18n } from "@alepha/react/i18n";
 import { jobExecutions } from "alepha/api/jobs";
 
-//#region src/admin/AdminRouter.ts
+//#region ../../src/admin/AdminRouter.ts
 var AdminRouter = class {
 	router = $inject(ReactRouter);
 	authRouter = $inject(AuthRouter);
@@ -33,7 +33,7 @@ var AdminRouter = class {
 		name: "AdminLayout",
 		path: "/admin",
 		label: "Admin",
-		lazy: () => import("./AdminLayout-D5M9kSiV.js"),
+		lazy: () => import("./AdminLayout-BNo3GoHR.js"),
 		resolve: ({ user, url }) => {
 			if (!user) throw new Redirection(this.router.path(this.authRouter.login.name, { query: { r: url.pathname } }));
 			return {};
@@ -45,7 +45,7 @@ var AdminRouter = class {
 		path: "/users",
 		label: "Users",
 		description: "Manage application users and their roles.",
-		lazy: () => import("./AdminUsers-BcSUxV01.js"),
+		lazy: () => import("./AdminUsers-CMW9vN09.js"),
 		can: () => this.userCtrl.findUsers.can()
 	});
 	adminUserCreate = $page({
@@ -54,7 +54,7 @@ var AdminRouter = class {
 		path: "/users/create",
 		label: "Create User",
 		description: "Create a new user account.",
-		lazy: () => import("./AdminUserCreate-CQIrSslj.js"),
+		lazy: () => import("./AdminUserCreate-CYI_xW5T.js"),
 		can: () => this.userCtrl.createUser.can()
 	});
 	adminUserLayout = $page({
@@ -62,26 +62,26 @@ var AdminRouter = class {
 		parent: this.layout,
 		path: "/users/:userId",
 		label: "User",
-		lazy: () => import("./AdminUserLayout-DdtZGX8n.js"),
+		lazy: () => import("./AdminUserLayout-DGSf612u.js"),
 		can: () => this.userCtrl.getUser.can()
 	});
 	adminUserDetails = $page({
 		parent: this.adminUserLayout,
 		path: "/details",
 		label: "Details",
-		lazy: () => import("./AdminUserDetails-T3nkXSdz.js")
+		lazy: () => import("./AdminUserDetails-Cmzx9HxH.js")
 	});
 	adminUserSessions = $page({
 		parent: this.adminUserLayout,
 		path: "/sessions",
 		label: "Sessions",
-		lazy: () => import("./AdminUserSessions-CWYzjB3D.js")
+		lazy: () => import("./AdminUserSessions-D-aOcZgV.js")
 	});
 	adminUserSettings = $page({
 		parent: this.adminUserLayout,
 		path: "/settings",
 		label: "Settings",
-		lazy: () => import("./AdminUserSettings-jCzVYw_2.js")
+		lazy: () => import("./AdminUserSettings-CEMhIYrI.js")
 	});
 	adminSessions = $page({
 		icon: IconDevices,
@@ -89,7 +89,7 @@ var AdminRouter = class {
 		path: "/sessions",
 		label: "Sessions",
 		description: "View and manage all active sessions.",
-		lazy: () => import("./AdminSessions-DA285-5Q.js"),
+		lazy: () => import("./AdminSessions-PS2M8iXi.js"),
 		can: () => this.sessionCtrl.findSessions.can()
 	});
 	adminNotifications = $page({
@@ -98,7 +98,7 @@ var AdminRouter = class {
 		path: "/notifications",
 		label: "Notifications",
 		description: "View notification history and status.",
-		lazy: () => import("./AdminNotifications-DxBKi2RO.js"),
+		lazy: () => import("./AdminNotifications-DJs2ZjNj.js"),
 		can: () => this.notificationCtrl.findNotifications.can()
 	});
 	adminFiles = $page({
@@ -107,13 +107,13 @@ var AdminRouter = class {
 		path: "/files",
 		label: "Files",
 		description: "Manage uploaded files and storage.",
-		lazy: () => import("./AdminFiles-BRLMP_7y.js"),
+		lazy: () => import("./AdminFiles-B-0UcHVV.js"),
 		can: () => this.fileCtrl.findFiles.can()
 	});
 };
 
 //#endregion
-//#region src/admin/MainRouter.ts
+//#region ../../src/admin/MainRouter.ts
 /**
 * Main application router that combines Auth and Admin routers.
 *
@@ -132,7 +132,7 @@ var MainRouter = class {
 };
 
 //#endregion
-//#region src/admin/components/AdminJobs.tsx
+//#region ../../src/admin/components/AdminJobs.tsx
 const AdminJobs = () => {
 	const client = useClient();
 	const { l } = useI18n();
@@ -246,7 +246,7 @@ const AdminJobs = () => {
 var AdminJobs_default = AdminJobs;
 
 //#endregion
-//#region src/admin/components/AdminParameters.tsx
+//#region ../../src/admin/components/AdminParameters.tsx
 const AdminParameters = () => {
 	return /* @__PURE__ */ jsx(Flex, {
 		flex: 1,
@@ -279,7 +279,7 @@ const AdminParameters = () => {
 var AdminParameters_default = AdminParameters;
 
 //#endregion
-//#region src/admin/components/AdminVerifications.tsx
+//#region ../../src/admin/components/AdminVerifications.tsx
 const AdminVerifications = () => {
 	return /* @__PURE__ */ jsx(Flex, {
 		flex: 1,
@@ -312,7 +312,7 @@ const AdminVerifications = () => {
 var AdminVerifications_default = AdminVerifications;
 
 //#endregion
-//#region src/admin/index.ts
+//#region ../../src/admin/index.ts
 /**
 * Admin panel UI Module
 *

package/dist/auth/{AuthLayout-BSL8ZHgr.js → AuthLayout-CzwUKD9y.js}

@@ -2,7 +2,7 @@ import { NestedView } from "@alepha/react";
 import { Flex } from "@mantine/core";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/auth/components/AuthLayout.tsx
+//#region ../../src/auth/components/AuthLayout.tsx
 const AuthLayout = () => {
 	return /* @__PURE__ */ jsx(Flex, {
 		flex: 1,
@@ -16,4 +16,4 @@ var AuthLayout_default = AuthLayout;
 
 //#endregion
 export { AuthLayout_default as default };
-//# sourceMappingURL=AuthLayout-BSL8ZHgr.js.map
+//# sourceMappingURL=AuthLayout-CzwUKD9y.js.map

package/dist/auth/{AuthLayout-BSL8ZHgr.js.map → AuthLayout-CzwUKD9y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout-BSL8ZHgr.js","names":[],"sources":["../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { NestedView } from \"@alepha/react\";\nimport { Flex } from \"@mantine/core\";\n\nconst AuthLayout = () => {\n  return (\n    <Flex flex={1} align={\"center\"} h={\"100vh\"} justify={\"center\"}>\n      <NestedView />\n    </Flex>\n  );\n};\n\nexport default AuthLayout;\n"],"mappings":";;;;;AAGA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EAAK,MAAM;EAAG,OAAO;EAAU,GAAG;EAAS,SAAS;YACnD,oBAAC,eAAa;GACT;;AAIX,yBAAe"}
+{"version":3,"file":"AuthLayout-CzwUKD9y.js","names":[],"sources":["../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { NestedView } from \"@alepha/react\";\nimport { Flex } from \"@mantine/core\";\n\nconst AuthLayout = () => {\n  return (\n    <Flex flex={1} align={\"center\"} h={\"100vh\"} justify={\"center\"}>\n      <NestedView />\n    </Flex>\n  );\n};\n\nexport default AuthLayout;\n"],"mappings":";;;;;AAGA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EAAK,MAAM;EAAG,OAAO;EAAU,GAAG;EAAS,SAAS;YACnD,oBAAC,eAAa;GACT;;AAIX,yBAAe"}

package/dist/auth/{IconGoogle-v_58os2T.js → IconGoogle-Cm5d8J3f.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/auth/components/icons/IconGithub.tsx
+//#region ../../src/auth/components/icons/IconGithub.tsx
 const IconGithub = () => {
 	return /* @__PURE__ */ jsx("svg", {
 		width: "24",
@@ -20,7 +20,7 @@ const IconGithub = () => {
 var IconGithub_default = IconGithub;
 
 //#endregion
-//#region src/auth/components/icons/IconGoogle.tsx
+//#region ../../src/auth/components/icons/IconGoogle.tsx
 const IconGoogle = () => {
 	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
@@ -55,4 +55,4 @@ var IconGoogle_default = IconGoogle;
 
 //#endregion
 export { IconGithub_default as n, IconGoogle_default as t };
-//# sourceMappingURL=IconGoogle-v_58os2T.js.map
+//# sourceMappingURL=IconGoogle-Cm5d8J3f.js.map

package/dist/auth/{IconGoogle-v_58os2T.js.map → IconGoogle-Cm5d8J3f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconGoogle-v_58os2T.js","names":[],"sources":["../../src/auth/components/icons/IconGithub.tsx","../../src/auth/components/icons/IconGoogle.tsx"],"sourcesContent":["const IconGithub = () => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 1024 1024\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z\"\n        transform=\"scale(64)\"\n        fill={\"var(--alepha-text)\"}\n      />\n    </svg>\n  );\n};\n\nexport default IconGithub;\n","const IconGoogle = () => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      width=\"24\"\n    >\n      <path\n        d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n        fill=\"#4285F4\"\n      />\n      <path\n        d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n        fill=\"#34A853\"\n      />\n      <path\n        d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\n        fill=\"#FBBC05\"\n      />\n      <path\n        d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n        fill=\"#EA4335\"\n      />\n      <path d=\"M1 1h22v22H1z\" fill=\"none\" />\n    </svg>\n  );\n};\n\nexport default IconGoogle;\n"],"mappings":";;;AAAA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;YAEN,oBAAC;GACC,UAAS;GACT,UAAS;GACT,GAAE;GACF,WAAU;GACV,MAAM;IACN;GACE;;AAIV,yBAAe;;;;ACpBf,MAAM,mBAAmB;AACvB,QACE,qBAAC;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;;GAEN,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IAAK,GAAE;IAAgB,MAAK;KAAS;;GAClC;;AAIV,yBAAe"}
+{"version":3,"file":"IconGoogle-Cm5d8J3f.js","names":[],"sources":["../../src/auth/components/icons/IconGithub.tsx","../../src/auth/components/icons/IconGoogle.tsx"],"sourcesContent":["const IconGithub = () => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 1024 1024\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z\"\n        transform=\"scale(64)\"\n        fill={\"var(--alepha-text)\"}\n      />\n    </svg>\n  );\n};\n\nexport default IconGithub;\n","const IconGoogle = () => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      width=\"24\"\n    >\n      <path\n        d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n        fill=\"#4285F4\"\n      />\n      <path\n        d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n        fill=\"#34A853\"\n      />\n      <path\n        d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\n        fill=\"#FBBC05\"\n      />\n      <path\n        d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n        fill=\"#EA4335\"\n      />\n      <path d=\"M1 1h22v22H1z\" fill=\"none\" />\n    </svg>\n  );\n};\n\nexport default IconGoogle;\n"],"mappings":";;;AAAA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;YAEN,oBAAC;GACC,UAAS;GACT,UAAS;GACT,GAAE;GACF,WAAU;GACV,MAAM;IACN;GACE;;AAIV,yBAAe;;;;ACpBf,MAAM,mBAAmB;AACvB,QACE,qBAAC;EACC,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;;GAEN,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IAAK,GAAE;IAAgB,MAAK;KAAS;;GAClC;;AAIV,yBAAe"}

package/dist/auth/{Login-AlVPPqQp.js → Login-7HlBjDeV.js}

@@ -1,4 +1,4 @@
-import { n as IconGithub_default, t as IconGoogle_default } from "./IconGoogle-v_58os2T.js";
+import { n as IconGithub_default, t as IconGoogle_default } from "./IconGoogle-Cm5d8J3f.js";
 import { useAuth } from "@alepha/react/auth";
 import { useI18n } from "@alepha/react/i18n";
 import { ActionButton, Control, capitalize } from "@alepha/ui";
@@ -11,7 +11,7 @@ import { FormValidationError, useForm } from "@alepha/react/form";
 import { HttpError } from "alepha/server";
 import { useMemo } from "react";
 
-//#region src/auth/components/Login.tsx
+//#region ../../src/auth/components/Login.tsx
 const Login = (props) => {
 	const auth = useAuth();
 	const router = useRouter();
@@ -174,4 +174,4 @@ const leftSection = (name) => {
 
 //#endregion
 export { Login_default as t };
-//# sourceMappingURL=Login-AlVPPqQp.js.map
+//# sourceMappingURL=Login-7HlBjDeV.js.map

package/dist/auth/{Login-AlVPPqQp.js.map → Login-7HlBjDeV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Login-AlVPPqQp.js","names":["IconGoogle","IconGithub"],"sources":["../../src/auth/components/Login.tsx"],"sourcesContent":["import { useRouter } from \"@alepha/react\";\nimport { useAuth } from \"@alepha/react/auth\";\nimport { FormValidationError, useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Card, Flex, Group, Stack, Text } from \"@mantine/core\";\nimport { IconLock, IconUser } from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type { UserRealmConfig } from \"alepha/api/users\";\nimport { HttpError } from \"alepha/server\";\nimport { useMemo } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface LoginProps {\n  realmConfig: UserRealmConfig;\n}\n\nconst Login = (props: LoginProps) => {\n  const auth = useAuth();\n  const router = useRouter<AuthRouter>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const hasUsernamePassword = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings;\n\n  // Determine what login methods are available\n  const loginMethods = useMemo(() => {\n    const methods = [];\n    if (settings.usernameEnabled !== false) methods.push(\"username\");\n    if (settings.emailEnabled !== false) methods.push(\"email\");\n    if (settings.phoneEnabled === true) methods.push(\"phone\");\n    return methods;\n  }, [settings]);\n\n  // Create identifier title based on enabled methods\n  const identifierTitle = useMemo(() => {\n    if (loginMethods.length === 0) return tr(\"loginUsername\");\n    if (loginMethods.length === 1) {\n      if (loginMethods[0] === \"username\") return tr(\"loginUsername\");\n      if (loginMethods[0] === \"email\") return tr(\"loginEmail\");\n      if (loginMethods[0] === \"phone\") return tr(\"loginPhone\");\n    }\n    const labels = loginMethods.map((m) => {\n      if (m === \"username\") return tr(\"loginUsername\").toLowerCase();\n      if (m === \"email\") return tr(\"loginEmail\").toLowerCase();\n      if (m === \"phone\") return tr(\"loginPhone\").toLowerCase();\n      return m;\n    });\n    return capitalize(\n      `${labels.slice(0, -1).join(\", \")} or ${labels[labels.length - 1]}`,\n    );\n  }, [loginMethods, tr]);\n\n  const form = useForm({\n    schema: t.object({\n      identifier: t.string({\n        minLength: 1,\n      }),\n      password: t.string({\n        minLength: settings.passwordPolicy?.minLength || 6,\n      }),\n    }),\n    handler: async (data) => {\n      try {\n        await auth.login(\"credentials\", {\n          username: data.identifier,\n          password: data.password,\n        });\n        await router.go(router.query.r || \"/\");\n      } catch (error) {\n        if (\n          error instanceof HttpError &&\n          error.error === \"InvalidCredentialsError\"\n        ) {\n          throw new FormValidationError({\n            message: \"Invalid identifier or password\",\n            path: \"/password\",\n          });\n        }\n        throw error;\n      }\n    },\n  });\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {hasUsernamePassword && (\n              <>\n                <form {...form.props}>\n                  <Stack flex={1} gap={\"md\"}>\n                    <Control\n                      title={identifierTitle}\n                      input={form.input.identifier}\n                      icon={IconUser}\n                      text={{\n                        autoComplete: loginMethods.includes(\"email\")\n                          ? \"email\"\n                          : \"username\",\n                      }}\n                    />\n                    <Control\n                      title={tr(\"loginPassword\")}\n                      input={form.input.password}\n                      icon={IconLock}\n                      password={{\n                        autoComplete: \"current-password\",\n                      }}\n                    />\n                    <ActionButton color={\"blue\"} variant={\"filled\"} form={form}>\n                      {tr(\"loginSignIn\")}\n                    </ActionButton>\n                  </Stack>\n                </form>\n                <Stack gap=\"xs\">\n                  {settings.resetPasswordAllowed && (\n                    <Text size=\"sm\" ta=\"center\">\n                      <ActionButton\n                        href={router.path(\"resetPassword\")}\n                        anchorProps={{ inherit: true }}\n                      >\n                        {tr(\"loginForgotPassword\")}\n                      </ActionButton>\n                    </Text>\n                  )}\n                  <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n                    <Text size=\"xs\">{tr(\"loginOr\")}</Text>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n                  </Group>\n                </Stack>\n              </>\n            )}\n            <Stack gap={\"sm\"}>\n              {props.realmConfig.authenticationMethods.map(\n                (method) =>\n                  method.type !== \"CREDENTIALS\" && (\n                    <ActionButton\n                      variant={\"default\"}\n                      key={method.type}\n                      leftSection={leftSection(method.name.toLowerCase())}\n                      onClick={() =>\n                        auth.login(method.name, {\n                          redirect,\n                        })\n                      }\n                    >\n                      {tr(\"loginContinueWith\", {\n                        args: [capitalize(method.name)],\n                      })}\n                    </ActionButton>\n                  ),\n              )}\n            </Stack>\n            {settings.registrationAllowed && (\n              <Text size=\"sm\" ta=\"center\">\n                {tr(\"loginNoAccount\")}{\" \"}\n                <ActionButton\n                  href={router.path(\"register\")}\n                  anchorProps={{ inherit: true }}\n                >\n                  {tr(\"loginSignUp\")}\n                </ActionButton>\n              </Text>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={\"/\"}>\n          {tr(\"loginCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default Login;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAM,SAAS,UAAsB;CACnC,MAAM,OAAO,SAAS;CACtB,MAAM,SAAS,WAAuB;CACtC,MAAM,EAAE,OAAO,SAAyB;CACxC,MAAM,WAAW,OAAO,MAAM,KAAK;CAEnC,MAAM,sBAAsB,MAAM,YAAY,sBAAsB,MACjE,OAAO,GAAG,SAAS,cACrB;CAED,MAAM,WAAW,MAAM,YAAY;CAGnC,MAAM,eAAe,cAAc;EACjC,MAAM,UAAU,EAAE;AAClB,MAAI,SAAS,oBAAoB,MAAO,SAAQ,KAAK,WAAW;AAChE,MAAI,SAAS,iBAAiB,MAAO,SAAQ,KAAK,QAAQ;AAC1D,MAAI,SAAS,iBAAiB,KAAM,SAAQ,KAAK,QAAQ;AACzD,SAAO;IACN,CAAC,SAAS,CAAC;CAGd,MAAM,kBAAkB,cAAc;AACpC,MAAI,aAAa,WAAW,EAAG,QAAO,GAAG,gBAAgB;AACzD,MAAI,aAAa,WAAW,GAAG;AAC7B,OAAI,aAAa,OAAO,WAAY,QAAO,GAAG,gBAAgB;AAC9D,OAAI,aAAa,OAAO,QAAS,QAAO,GAAG,aAAa;AACxD,OAAI,aAAa,OAAO,QAAS,QAAO,GAAG,aAAa;;EAE1D,MAAM,SAAS,aAAa,KAAK,MAAM;AACrC,OAAI,MAAM,WAAY,QAAO,GAAG,gBAAgB,CAAC,aAAa;AAC9D,OAAI,MAAM,QAAS,QAAO,GAAG,aAAa,CAAC,aAAa;AACxD,OAAI,MAAM,QAAS,QAAO,GAAG,aAAa,CAAC,aAAa;AACxD,UAAO;IACP;AACF,SAAO,WACL,GAAG,OAAO,MAAM,GAAG,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,OAAO,OAAO,SAAS,KAChE;IACA,CAAC,cAAc,GAAG,CAAC;CAEtB,MAAM,OAAO,QAAQ;EACnB,QAAQ,EAAE,OAAO;GACf,YAAY,EAAE,OAAO,EACnB,WAAW,GACZ,CAAC;GACF,UAAU,EAAE,OAAO,EACjB,WAAW,SAAS,gBAAgB,aAAa,GAClD,CAAC;GACH,CAAC;EACF,SAAS,OAAO,SAAS;AACvB,OAAI;AACF,UAAM,KAAK,MAAM,eAAe;KAC9B,UAAU,KAAK;KACf,UAAU,KAAK;KAChB,CAAC;AACF,UAAM,OAAO,GAAG,OAAO,MAAM,KAAK,IAAI;YAC/B,OAAO;AACd,QACE,iBAAiB,aACjB,MAAM,UAAU,0BAEhB,OAAM,IAAI,oBAAoB;KAC5B,SAAS;KACT,MAAM;KACP,CAAC;AAEJ,UAAM;;;EAGX,CAAC;AAEF,QACE,oBAAC;EAAK,MAAM;EAAG,SAAS;EAAU,OAAO;YACvC,qBAAC;GAAM,KAAK;GAAM,GAAG;cACnB,oBAAC;IAAK;IAAW,GAAG;IAAM,IAAI;cAC5B,qBAAC;KAAM,KAAK;;MACT,uBACC,4CACE,oBAAC;OAAK,GAAI,KAAK;iBACb,qBAAC;QAAM,MAAM;QAAG,KAAK;;SACnB,oBAAC;UACC,OAAO;UACP,OAAO,KAAK,MAAM;UAClB,MAAM;UACN,MAAM,EACJ,cAAc,aAAa,SAAS,QAAQ,GACxC,UACA,YACL;WACD;SACF,oBAAC;UACC,OAAO,GAAG,gBAAgB;UAC1B,OAAO,KAAK,MAAM;UAClB,MAAM;UACN,UAAU,EACR,cAAc,oBACf;WACD;SACF,oBAAC;UAAa,OAAO;UAAQ,SAAS;UAAgB;oBACnD,GAAG,cAAc;WACL;;SACT;QACH,EACP,qBAAC;OAAM,KAAI;kBACR,SAAS,wBACR,oBAAC;QAAK,MAAK;QAAK,IAAG;kBACjB,oBAAC;SACC,MAAM,OAAO,KAAK,gBAAgB;SAClC,aAAa,EAAE,SAAS,MAAM;mBAE7B,GAAG,sBAAsB;UACb;SACV,EAET,qBAAC;QAAM,OAAM;QAAS,SAAQ;QAAS,KAAK;;SAC1C,oBAAC;UAAK,MAAM;UAAG,GAAG;UAAO,IAAI;WAA8B;SAC3D,oBAAC;UAAK,MAAK;oBAAM,GAAG,UAAU;WAAQ;SACtC,oBAAC;UAAK,MAAM;UAAG,GAAG;UAAO,IAAI;WAA8B;;SACrD;QACF,IACP;MAEL,oBAAC;OAAM,KAAK;iBACT,MAAM,YAAY,sBAAsB,KACtC,WACC,OAAO,SAAS,iBACd,oBAAC;QACC,SAAS;QAET,aAAa,YAAY,OAAO,KAAK,aAAa,CAAC;QACnD,eACE,KAAK,MAAM,OAAO,MAAM,EACtB,UACD,CAAC;kBAGH,GAAG,qBAAqB,EACvB,MAAM,CAAC,WAAW,OAAO,KAAK,CAAC,EAChC,CAAC;UAVG,OAAO,KAWC,CAEpB;QACK;MACP,SAAS,uBACR,qBAAC;OAAK,MAAK;OAAK,IAAG;;QAChB,GAAG,iBAAiB;QAAE;QACvB,oBAAC;SACC,MAAM,OAAO,KAAK,WAAW;SAC7B,aAAa,EAAE,SAAS,MAAM;mBAE7B,GAAG,cAAc;UACL;;QACV;;MAEH;KACH,EACP,oBAAC;IAAa,SAAS;IAAU,MAAM;cACpC,GAAG,cAAc;KACL;IACT;GACH;;AAIX,oBAAe;AAEf,MAAM,eAAe,SAAiB;AACpC,KAAI,SAAS,SACX,QAAO,oBAACA,uBAAa;AAGvB,KAAI,SAAS,SACX,QAAO,oBAACC,uBAAa"}
+{"version":3,"file":"Login-7HlBjDeV.js","names":["IconGoogle","IconGithub"],"sources":["../../src/auth/components/Login.tsx"],"sourcesContent":["import { useRouter } from \"@alepha/react\";\nimport { useAuth } from \"@alepha/react/auth\";\nimport { FormValidationError, useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Card, Flex, Group, Stack, Text } from \"@mantine/core\";\nimport { IconLock, IconUser } from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport type { UserRealmConfig } from \"alepha/api/users\";\nimport { HttpError } from \"alepha/server\";\nimport { useMemo } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface LoginProps {\n  realmConfig: UserRealmConfig;\n}\n\nconst Login = (props: LoginProps) => {\n  const auth = useAuth();\n  const router = useRouter<AuthRouter>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const hasUsernamePassword = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings;\n\n  // Determine what login methods are available\n  const loginMethods = useMemo(() => {\n    const methods = [];\n    if (settings.usernameEnabled !== false) methods.push(\"username\");\n    if (settings.emailEnabled !== false) methods.push(\"email\");\n    if (settings.phoneEnabled === true) methods.push(\"phone\");\n    return methods;\n  }, [settings]);\n\n  // Create identifier title based on enabled methods\n  const identifierTitle = useMemo(() => {\n    if (loginMethods.length === 0) return tr(\"loginUsername\");\n    if (loginMethods.length === 1) {\n      if (loginMethods[0] === \"username\") return tr(\"loginUsername\");\n      if (loginMethods[0] === \"email\") return tr(\"loginEmail\");\n      if (loginMethods[0] === \"phone\") return tr(\"loginPhone\");\n    }\n    const labels = loginMethods.map((m) => {\n      if (m === \"username\") return tr(\"loginUsername\").toLowerCase();\n      if (m === \"email\") return tr(\"loginEmail\").toLowerCase();\n      if (m === \"phone\") return tr(\"loginPhone\").toLowerCase();\n      return m;\n    });\n    return capitalize(\n      `${labels.slice(0, -1).join(\", \")} or ${labels[labels.length - 1]}`,\n    );\n  }, [loginMethods, tr]);\n\n  const form = useForm({\n    schema: t.object({\n      identifier: t.string({\n        minLength: 1,\n      }),\n      password: t.string({\n        minLength: settings.passwordPolicy?.minLength || 6,\n      }),\n    }),\n    handler: async (data) => {\n      try {\n        await auth.login(\"credentials\", {\n          username: data.identifier,\n          password: data.password,\n        });\n        await router.go(router.query.r || \"/\");\n      } catch (error) {\n        if (\n          error instanceof HttpError &&\n          error.error === \"InvalidCredentialsError\"\n        ) {\n          throw new FormValidationError({\n            message: \"Invalid identifier or password\",\n            path: \"/password\",\n          });\n        }\n        throw error;\n      }\n    },\n  });\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {hasUsernamePassword && (\n              <>\n                <form {...form.props}>\n                  <Stack flex={1} gap={\"md\"}>\n                    <Control\n                      title={identifierTitle}\n                      input={form.input.identifier}\n                      icon={IconUser}\n                      text={{\n                        autoComplete: loginMethods.includes(\"email\")\n                          ? \"email\"\n                          : \"username\",\n                      }}\n                    />\n                    <Control\n                      title={tr(\"loginPassword\")}\n                      input={form.input.password}\n                      icon={IconLock}\n                      password={{\n                        autoComplete: \"current-password\",\n                      }}\n                    />\n                    <ActionButton color={\"blue\"} variant={\"filled\"} form={form}>\n                      {tr(\"loginSignIn\")}\n                    </ActionButton>\n                  </Stack>\n                </form>\n                <Stack gap=\"xs\">\n                  {settings.resetPasswordAllowed && (\n                    <Text size=\"sm\" ta=\"center\">\n                      <ActionButton\n                        href={router.path(\"resetPassword\")}\n                        anchorProps={{ inherit: true }}\n                      >\n                        {tr(\"loginForgotPassword\")}\n                      </ActionButton>\n                    </Text>\n                  )}\n                  <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n                    <Text size=\"xs\">{tr(\"loginOr\")}</Text>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n                  </Group>\n                </Stack>\n              </>\n            )}\n            <Stack gap={\"sm\"}>\n              {props.realmConfig.authenticationMethods.map(\n                (method) =>\n                  method.type !== \"CREDENTIALS\" && (\n                    <ActionButton\n                      variant={\"default\"}\n                      key={method.type}\n                      leftSection={leftSection(method.name.toLowerCase())}\n                      onClick={() =>\n                        auth.login(method.name, {\n                          redirect,\n                        })\n                      }\n                    >\n                      {tr(\"loginContinueWith\", {\n                        args: [capitalize(method.name)],\n                      })}\n                    </ActionButton>\n                  ),\n              )}\n            </Stack>\n            {settings.registrationAllowed && (\n              <Text size=\"sm\" ta=\"center\">\n                {tr(\"loginNoAccount\")}{\" \"}\n                <ActionButton\n                  href={router.path(\"register\")}\n                  anchorProps={{ inherit: true }}\n                >\n                  {tr(\"loginSignUp\")}\n                </ActionButton>\n              </Text>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={\"/\"}>\n          {tr(\"loginCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default Login;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n"],"mappings":"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"}

package/dist/auth/Login-C-e27DGb.js

@@ -0,0 +1,4 @@
+import "./IconGoogle-Cm5d8J3f.js";
+import { t as Login_default } from "./Login-7HlBjDeV.js";
+
+export { Login_default as default };

package/dist/auth/{Register-BxJmOqpF.js → Register-CuQr3kgi.js}

@@ -1,4 +1,4 @@
-import { n as IconGithub_default, t as IconGoogle_default } from "./IconGoogle-v_58os2T.js";
+import { n as IconGithub_default, t as IconGoogle_default } from "./IconGoogle-Cm5d8J3f.js";
 import { useAuth } from "@alepha/react/auth";
 import { useI18n } from "@alepha/react/i18n";
 import { ActionButton, Control, capitalize } from "@alepha/ui";
@@ -10,7 +10,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useForm } from "@alepha/react/form";
 import { useMemo, useState } from "react";
 
-//#region src/auth/components/Register.tsx
+//#region ../../src/auth/components/Register.tsx
 const Register = (props) => {
 	const auth = useAuth();
 	const userCtrl = useClient();
@@ -318,4 +318,4 @@ const leftSection = (name) => {
 
 //#endregion
 export { Register_default as t };
-//# sourceMappingURL=Register-BxJmOqpF.js.map
+//# sourceMappingURL=Register-CuQr3kgi.js.map

package/dist/auth/{Register-BxJmOqpF.js.map → Register-CuQr3kgi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Register-BxJmOqpF.js","names":["IconGoogle","IconGithub"],"sources":["../../src/auth/components/Register.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useAuth } from \"@alepha/react/auth\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Alert, Card, Flex, Group, PinInput, Stack, Text } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconLock,\n  IconMail,\n  IconPhone,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport { TypeBoxError, t } from \"alepha\";\nimport type {\n  RegistrationIntentResponse,\n  UserController,\n  UserRealmConfig,\n} from \"alepha/api/users\";\nimport { useMemo, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface RegisterProps {\n  realmConfig: UserRealmConfig;\n}\n\ntype RegistrationPhase = \"form\" | \"verification\";\n\ninterface RegistrationState {\n  phase: RegistrationPhase;\n  intent?: RegistrationIntentResponse;\n  credentials?: {\n    identifier: string;\n    password: string;\n  };\n}\n\nconst Register = (props: RegisterProps) => {\n  const auth = useAuth();\n  const userCtrl = useClient<UserController>();\n  const router = useRouter<AuthRouter>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const [registrationState, setRegistrationState] = useState<RegistrationState>(\n    {\n      phase: \"form\",\n    },\n  );\n  const [emailCode, setEmailCode] = useState(\"\");\n  const [phoneCode, setPhoneCode] = useState(\"\");\n  const [verificationError, setVerificationError] = useState<string | null>(\n    null,\n  );\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const hasUsernamePassword = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings || {};\n  const isRegistrationAllowed = settings.registrationAllowed !== false;\n\n  const registerSchema = useMemo(() => {\n    const registerSchema = t.object({\n      username: t.optional(t.text()),\n      email: t.optional(t.email()),\n      phoneNumber: t.optional(t.e164()),\n      password: t.string({ minLength: 8 }),\n      confirmPassword: t.string({ minLength: 8 }),\n    });\n\n    const required = registerSchema.required as string[];\n\n    if (settings.usernameRequired) required.push(\"username\");\n    if (settings.emailRequired) required.push(\"email\");\n    if (settings.phoneRequired) required.push(\"phoneNumber\");\n\n    return registerSchema;\n  }, []);\n\n  const form = useForm({\n    schema: registerSchema,\n    handler: async (data) => {\n      if (data.password !== data.confirmPassword) {\n        throw new TypeBoxError({\n          message: \"Passwords do not match\",\n          instancePath: \"/confirmPassword\",\n          keyword: \"not\",\n          schemaPath: \"\",\n          params: {},\n        });\n      }\n\n      // Phase 1: Create registration intent\n      const intent = await userCtrl.createRegistrationIntent({\n        body: {\n          username: data.username,\n          email: data.email,\n          phoneNumber: data.phoneNumber,\n          password: data.password,\n        },\n      });\n\n      const identifier = data.username ?? data.email ?? data.phoneNumber;\n\n      // Check if verification is needed\n      if (\n        intent.expectEmailVerification ||\n        intent.expectPhoneVerification ||\n        intent.expectCaptcha\n      ) {\n        // Move to verification phase\n        setRegistrationState({\n          phase: \"verification\",\n          intent,\n          credentials: identifier\n            ? { identifier, password: data.password }\n            : undefined,\n        });\n        return;\n      }\n\n      // No verification needed - complete registration immediately\n      await userCtrl.createUserFromIntent({\n        body: { intentId: intent.intentId },\n      });\n\n      // Auto-login after registration\n      if (identifier) {\n        await auth.login(\"credentials\", {\n          username: identifier,\n          password: data.password,\n        });\n      }\n\n      await router.go(router.query.r || \"/\");\n    },\n  });\n\n  const handleVerificationSubmit = async () => {\n    if (!registrationState.intent) return;\n\n    setIsSubmitting(true);\n    setVerificationError(null);\n\n    try {\n      // Phase 2: Complete registration with verification codes\n      await userCtrl.createUserFromIntent({\n        body: {\n          intentId: registrationState.intent.intentId,\n          emailCode: registrationState.intent.expectEmailVerification\n            ? emailCode\n            : undefined,\n          phoneCode: registrationState.intent.expectPhoneVerification\n            ? phoneCode\n            : undefined,\n        },\n      });\n\n      // Auto-login after registration\n      if (registrationState.credentials) {\n        await auth.login(\"credentials\", {\n          username: registrationState.credentials.identifier,\n          password: registrationState.credentials.password,\n        });\n      }\n\n      await router.go(router.query.r || \"/\");\n    } catch (error) {\n      setVerificationError(\n        error instanceof Error ? error.message : \"Verification failed\",\n      );\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const canSubmitVerification = () => {\n    if (!registrationState.intent) return false;\n\n    if (\n      registrationState.intent.expectEmailVerification &&\n      emailCode.length !== 6\n    ) {\n      return false;\n    }\n\n    if (\n      registrationState.intent.expectPhoneVerification &&\n      phoneCode.length !== 6\n    ) {\n      return false;\n    }\n\n    return true;\n  };\n\n  // Verification phase UI\n  if (registrationState.phase === \"verification\" && registrationState.intent) {\n    return (\n      <Flex flex={1} justify={\"center\"} align={\"center\"}>\n        <Stack gap={\"sm\"} w={360}>\n          <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n            <Stack gap={\"md\"}>\n              <Text size=\"lg\" fw={500} ta=\"center\">\n                {tr(\"registerVerifyTitle\") ?? \"Verify your account\"}\n              </Text>\n              <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                {tr(\"registerVerifyDescription\") ??\n                  \"Please enter the verification code(s) sent to you.\"}\n              </Text>\n\n              {verificationError && (\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">{verificationError}</Text>\n                </Alert>\n              )}\n\n              {registrationState.intent.expectEmailVerification && (\n                <Stack gap={\"xs\"}>\n                  <Text size=\"sm\" fw={500}>\n                    {tr(\"registerEmailCode\")}\n                  </Text>\n                  <Flex justify=\"center\">\n                    <PinInput\n                      length={6}\n                      value={emailCode}\n                      onChange={setEmailCode}\n                      type=\"number\"\n                      oneTimeCode\n                      aria-label=\"Email verification code\"\n                    />\n                  </Flex>\n                </Stack>\n              )}\n\n              {registrationState.intent.expectPhoneVerification && (\n                <Stack gap={\"xs\"}>\n                  <Text size=\"sm\" fw={500}>\n                    {tr(\"registerPhoneCode\")}\n                  </Text>\n                  <Flex justify=\"center\">\n                    <PinInput\n                      length={6}\n                      value={phoneCode}\n                      onChange={setPhoneCode}\n                      type=\"number\"\n                      oneTimeCode\n                      aria-label=\"Phone verification code\"\n                    />\n                  </Flex>\n                </Stack>\n              )}\n\n              <ActionButton\n                color={\"blue\"}\n                onClick={handleVerificationSubmit}\n                loading={isSubmitting}\n                disabled={!canSubmitVerification()}\n              >\n                {tr(\"registerVerifySubmit\")}\n              </ActionButton>\n\n              <ActionButton\n                variant=\"subtle\"\n                onClick={() =>\n                  setRegistrationState({ phase: \"form\", intent: undefined })\n                }\n              >\n                {tr(\"registerVerifyBack\") ?? \"Back to registration\"}\n              </ActionButton>\n            </Stack>\n          </Card>\n        </Stack>\n      </Flex>\n    );\n  }\n\n  // Registration form phase UI\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {!isRegistrationAllowed ? (\n              <>\n                <Alert\n                  variant=\"light\"\n                  color=\"yellow\"\n                  icon={<IconAlertCircle />}\n                >\n                  <Text size=\"sm\">{tr(\"registerDisabled\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")}>\n                  {tr(\"registerBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : hasUsernamePassword ? (\n              <>\n                <form {...form.props}>\n                  <Stack flex={1} gap={\"md\"}>\n                    {settings.usernameEnabled !== false &&\n                      form.input.username && (\n                        <Control\n                          title={tr(\"registerUsername\")}\n                          input={form.input.username}\n                          icon={<IconUser />}\n                          text={{\n                            autoComplete: \"username\",\n                          }}\n                        />\n                      )}\n                    {settings.emailEnabled !== false && form.input.email && (\n                      <Control\n                        title={tr(\"registerEmail\")}\n                        input={form.input.email}\n                        icon={<IconMail />}\n                        text={{\n                          autoComplete: \"email\",\n                        }}\n                      />\n                    )}\n                    {settings.phoneEnabled === true &&\n                      form.input.phoneNumber && (\n                        <Control\n                          title={tr(\"registerPhone\")}\n                          input={form.input.phoneNumber}\n                          icon={<IconPhone />}\n                          text={{\n                            autoComplete: \"tel\",\n                          }}\n                        />\n                      )}\n                    <Control\n                      title={tr(\"registerPassword\")}\n                      input={form.input.password}\n                      icon={<IconLock />}\n                      password={{\n                        autoComplete: \"new-password\",\n                      }}\n                    />\n                    <Control\n                      title={tr(\"registerConfirmPassword\")}\n                      input={form.input.confirmPassword}\n                      icon={<IconLock />}\n                      password={{\n                        autoComplete: \"new-password\",\n                      }}\n                    />\n                    <ActionButton form={form} color={\"blue\"} variant={\"filled\"}>\n                      {tr(\"registerCreateAccount\")}\n                    </ActionButton>\n                  </Stack>\n                </form>\n                <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n                  <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n                  <Text size=\"xs\">{tr(\"registerOr\")}</Text>\n                  <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n                </Group>\n              </>\n            ) : null}\n            {isRegistrationAllowed && (\n              <>\n                <Stack gap={\"sm\"}>\n                  {props.realmConfig.authenticationMethods.map(\n                    (method) =>\n                      method.type !== \"CREDENTIALS\" && (\n                        <ActionButton\n                          variant={\"default\"}\n                          key={method.type}\n                          leftSection={leftSection(method.name.toLowerCase())}\n                          onClick={() =>\n                            auth.login(method.name, {\n                              redirect,\n                            })\n                          }\n                        >\n                          {tr(\"registerContinueWith\", {\n                            args: [capitalize(method.name)],\n                          })}\n                        </ActionButton>\n                      ),\n                  )}\n                </Stack>\n                {props.realmConfig.authenticationMethods.length > 0 && (\n                  <Text size=\"sm\" ta=\"center\">\n                    {tr(\"registerHaveAccount\")}{\" \"}\n                    <ActionButton\n                      href={router.path(\"login\")}\n                      anchorProps={{ inherit: true }}\n                    >\n                      {tr(\"registerSignIn\")}\n                    </ActionButton>\n                  </Text>\n                )}\n              </>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={redirect}>\n          {tr(\"registerCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default Register;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n"],"mappings":"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"}
+{"version":3,"file":"Register-CuQr3kgi.js","names":["IconGoogle","IconGithub"],"sources":["../../src/auth/components/Register.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useAuth } from \"@alepha/react/auth\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Alert, Card, Flex, Group, PinInput, Stack, Text } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconLock,\n  IconMail,\n  IconPhone,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport { TypeBoxError, t } from \"alepha\";\nimport type {\n  RegistrationIntentResponse,\n  UserController,\n  UserRealmConfig,\n} from \"alepha/api/users\";\nimport { useMemo, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface RegisterProps {\n  realmConfig: UserRealmConfig;\n}\n\ntype RegistrationPhase = \"form\" | \"verification\";\n\ninterface RegistrationState {\n  phase: RegistrationPhase;\n  intent?: RegistrationIntentResponse;\n  credentials?: {\n    identifier: string;\n    password: string;\n  };\n}\n\nconst Register = (props: RegisterProps) => {\n  const auth = useAuth();\n  const userCtrl = useClient<UserController>();\n  const router = useRouter<AuthRouter>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const [registrationState, setRegistrationState] = useState<RegistrationState>(\n    {\n      phase: \"form\",\n    },\n  );\n  const [emailCode, setEmailCode] = useState(\"\");\n  const [phoneCode, setPhoneCode] = useState(\"\");\n  const [verificationError, setVerificationError] = useState<string | null>(\n    null,\n  );\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const hasUsernamePassword = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings || {};\n  const isRegistrationAllowed = settings.registrationAllowed !== false;\n\n  const registerSchema = useMemo(() => {\n    const registerSchema = t.object({\n      username: t.optional(t.text()),\n      email: t.optional(t.email()),\n      phoneNumber: t.optional(t.e164()),\n      password: t.string({ minLength: 8 }),\n      confirmPassword: t.string({ minLength: 8 }),\n    });\n\n    const required = registerSchema.required as string[];\n\n    if (settings.usernameRequired) required.push(\"username\");\n    if (settings.emailRequired) required.push(\"email\");\n    if (settings.phoneRequired) required.push(\"phoneNumber\");\n\n    return registerSchema;\n  }, []);\n\n  const form = useForm({\n    schema: registerSchema,\n    handler: async (data) => {\n      if (data.password !== data.confirmPassword) {\n        throw new TypeBoxError({\n          message: \"Passwords do not match\",\n          instancePath: \"/confirmPassword\",\n          keyword: \"not\",\n          schemaPath: \"\",\n          params: {},\n        });\n      }\n\n      // Phase 1: Create registration intent\n      const intent = await userCtrl.createRegistrationIntent({\n        body: {\n          username: data.username,\n          email: data.email,\n          phoneNumber: data.phoneNumber,\n          password: data.password,\n        },\n      });\n\n      const identifier = data.username ?? data.email ?? data.phoneNumber;\n\n      // Check if verification is needed\n      if (\n        intent.expectEmailVerification ||\n        intent.expectPhoneVerification ||\n        intent.expectCaptcha\n      ) {\n        // Move to verification phase\n        setRegistrationState({\n          phase: \"verification\",\n          intent,\n          credentials: identifier\n            ? { identifier, password: data.password }\n            : undefined,\n        });\n        return;\n      }\n\n      // No verification needed - complete registration immediately\n      await userCtrl.createUserFromIntent({\n        body: { intentId: intent.intentId },\n      });\n\n      // Auto-login after registration\n      if (identifier) {\n        await auth.login(\"credentials\", {\n          username: identifier,\n          password: data.password,\n        });\n      }\n\n      await router.go(router.query.r || \"/\");\n    },\n  });\n\n  const handleVerificationSubmit = async () => {\n    if (!registrationState.intent) return;\n\n    setIsSubmitting(true);\n    setVerificationError(null);\n\n    try {\n      // Phase 2: Complete registration with verification codes\n      await userCtrl.createUserFromIntent({\n        body: {\n          intentId: registrationState.intent.intentId,\n          emailCode: registrationState.intent.expectEmailVerification\n            ? emailCode\n            : undefined,\n          phoneCode: registrationState.intent.expectPhoneVerification\n            ? phoneCode\n            : undefined,\n        },\n      });\n\n      // Auto-login after registration\n      if (registrationState.credentials) {\n        await auth.login(\"credentials\", {\n          username: registrationState.credentials.identifier,\n          password: registrationState.credentials.password,\n        });\n      }\n\n      await router.go(router.query.r || \"/\");\n    } catch (error) {\n      setVerificationError(\n        error instanceof Error ? error.message : \"Verification failed\",\n      );\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const canSubmitVerification = () => {\n    if (!registrationState.intent) return false;\n\n    if (\n      registrationState.intent.expectEmailVerification &&\n      emailCode.length !== 6\n    ) {\n      return false;\n    }\n\n    if (\n      registrationState.intent.expectPhoneVerification &&\n      phoneCode.length !== 6\n    ) {\n      return false;\n    }\n\n    return true;\n  };\n\n  // Verification phase UI\n  if (registrationState.phase === \"verification\" && registrationState.intent) {\n    return (\n      <Flex flex={1} justify={\"center\"} align={\"center\"}>\n        <Stack gap={\"sm\"} w={360}>\n          <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n            <Stack gap={\"md\"}>\n              <Text size=\"lg\" fw={500} ta=\"center\">\n                {tr(\"registerVerifyTitle\") ?? \"Verify your account\"}\n              </Text>\n              <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                {tr(\"registerVerifyDescription\") ??\n                  \"Please enter the verification code(s) sent to you.\"}\n              </Text>\n\n              {verificationError && (\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">{verificationError}</Text>\n                </Alert>\n              )}\n\n              {registrationState.intent.expectEmailVerification && (\n                <Stack gap={\"xs\"}>\n                  <Text size=\"sm\" fw={500}>\n                    {tr(\"registerEmailCode\")}\n                  </Text>\n                  <Flex justify=\"center\">\n                    <PinInput\n                      length={6}\n                      value={emailCode}\n                      onChange={setEmailCode}\n                      type=\"number\"\n                      oneTimeCode\n                      aria-label=\"Email verification code\"\n                    />\n                  </Flex>\n                </Stack>\n              )}\n\n              {registrationState.intent.expectPhoneVerification && (\n                <Stack gap={\"xs\"}>\n                  <Text size=\"sm\" fw={500}>\n                    {tr(\"registerPhoneCode\")}\n                  </Text>\n                  <Flex justify=\"center\">\n                    <PinInput\n                      length={6}\n                      value={phoneCode}\n                      onChange={setPhoneCode}\n                      type=\"number\"\n                      oneTimeCode\n                      aria-label=\"Phone verification code\"\n                    />\n                  </Flex>\n                </Stack>\n              )}\n\n              <ActionButton\n                color={\"blue\"}\n                onClick={handleVerificationSubmit}\n                loading={isSubmitting}\n                disabled={!canSubmitVerification()}\n              >\n                {tr(\"registerVerifySubmit\")}\n              </ActionButton>\n\n              <ActionButton\n                variant=\"subtle\"\n                onClick={() =>\n                  setRegistrationState({ phase: \"form\", intent: undefined })\n                }\n              >\n                {tr(\"registerVerifyBack\") ?? \"Back to registration\"}\n              </ActionButton>\n            </Stack>\n          </Card>\n        </Stack>\n      </Flex>\n    );\n  }\n\n  // Registration form phase UI\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {!isRegistrationAllowed ? (\n              <>\n                <Alert\n                  variant=\"light\"\n                  color=\"yellow\"\n                  icon={<IconAlertCircle />}\n                >\n                  <Text size=\"sm\">{tr(\"registerDisabled\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")}>\n                  {tr(\"registerBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : hasUsernamePassword ? (\n              <>\n                <form {...form.props}>\n                  <Stack flex={1} gap={\"md\"}>\n                    {settings.usernameEnabled !== false &&\n                      form.input.username && (\n                        <Control\n                          title={tr(\"registerUsername\")}\n                          input={form.input.username}\n                          icon={<IconUser />}\n                          text={{\n                            autoComplete: \"username\",\n                          }}\n                        />\n                      )}\n                    {settings.emailEnabled !== false && form.input.email && (\n                      <Control\n                        title={tr(\"registerEmail\")}\n                        input={form.input.email}\n                        icon={<IconMail />}\n                        text={{\n                          autoComplete: \"email\",\n                        }}\n                      />\n                    )}\n                    {settings.phoneEnabled === true &&\n                      form.input.phoneNumber && (\n                        <Control\n                          title={tr(\"registerPhone\")}\n                          input={form.input.phoneNumber}\n                          icon={<IconPhone />}\n                          text={{\n                            autoComplete: \"tel\",\n                          }}\n                        />\n                      )}\n                    <Control\n                      title={tr(\"registerPassword\")}\n                      input={form.input.password}\n                      icon={<IconLock />}\n                      password={{\n                        autoComplete: \"new-password\",\n                      }}\n                    />\n                    <Control\n                      title={tr(\"registerConfirmPassword\")}\n                      input={form.input.confirmPassword}\n                      icon={<IconLock />}\n                      password={{\n                        autoComplete: \"new-password\",\n                      }}\n                    />\n                    <ActionButton form={form} color={\"blue\"} variant={\"filled\"}>\n                      {tr(\"registerCreateAccount\")}\n                    </ActionButton>\n                  </Stack>\n                </form>\n                <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n                  <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n                  <Text size=\"xs\">{tr(\"registerOr\")}</Text>\n                  <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-text-muted)\"} />\n                </Group>\n              </>\n            ) : null}\n            {isRegistrationAllowed && (\n              <>\n                <Stack gap={\"sm\"}>\n                  {props.realmConfig.authenticationMethods.map(\n                    (method) =>\n                      method.type !== \"CREDENTIALS\" && (\n                        <ActionButton\n                          variant={\"default\"}\n                          key={method.type}\n                          leftSection={leftSection(method.name.toLowerCase())}\n                          onClick={() =>\n                            auth.login(method.name, {\n                              redirect,\n                            })\n                          }\n                        >\n                          {tr(\"registerContinueWith\", {\n                            args: [capitalize(method.name)],\n                          })}\n                        </ActionButton>\n                      ),\n                  )}\n                </Stack>\n                {props.realmConfig.authenticationMethods.length > 0 && (\n                  <Text size=\"sm\" ta=\"center\">\n                    {tr(\"registerHaveAccount\")}{\" \"}\n                    <ActionButton\n                      href={router.path(\"login\")}\n                      anchorProps={{ inherit: true }}\n                    >\n                      {tr(\"registerSignIn\")}\n                    </ActionButton>\n                  </Text>\n                )}\n              </>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={redirect}>\n          {tr(\"registerCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default Register;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n"],"mappings":"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"}

package/dist/auth/Register-DbvXwgbG.js

@@ -0,0 +1,4 @@
+import "./IconGoogle-Cm5d8J3f.js";
+import { t as Register_default } from "./Register-CuQr3kgi.js";
+
+export { Register_default as default };

package/dist/auth/{ResetPassword-BhyZ9ek4.js → ResetPassword-BzU-cdd4.js}

@@ -9,7 +9,7 @@ import { useForm } from "@alepha/react/form";
 import { useState } from "react";
 import { resetPasswordRequestSchema } from "alepha/api/users";
 
-//#region src/auth/components/ResetPassword.tsx
+//#region ../../src/auth/components/ResetPassword.tsx
 const ResetPassword = (props) => {
 	const router = useRouter();
 	const userCtrl = useClient();
@@ -240,4 +240,4 @@ var ResetPassword_default = ResetPassword;
 
 //#endregion
 export { ResetPassword_default as t };
-//# sourceMappingURL=ResetPassword-BhyZ9ek4.js.map
+//# sourceMappingURL=ResetPassword-BzU-cdd4.js.map

package/dist/auth/{ResetPassword-BhyZ9ek4.js.map → ResetPassword-BzU-cdd4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ResetPassword-BhyZ9ek4.js","names":[],"sources":["../../src/auth/components/ResetPassword.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control } from \"@alepha/ui\";\nimport { Alert, Card, Flex, PinInput, Stack, Text } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconCheck,\n  IconInfoCircle,\n  IconLock,\n  IconMail,\n} from \"@tabler/icons-react\";\nimport { AlephaError, t } from \"alepha\";\nimport type {\n  PasswordResetIntentResponse,\n  UserController,\n  UserRealmConfig,\n} from \"alepha/api/users\";\nimport { resetPasswordRequestSchema } from \"alepha/api/users\";\nimport { useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\n\nexport interface ResetPasswordProps {\n  realmConfig: UserRealmConfig;\n}\n\ntype Step = \"email\" | \"code\" | \"password\" | \"success\";\n\ninterface ResetState {\n  step: Step;\n  intent?: PasswordResetIntentResponse;\n  email?: string;\n  code?: string;\n}\n\nconst ResetPassword = (props: ResetPasswordProps) => {\n  const router = useRouter<AuthRouter>();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const [resetState, setResetState] = useState<ResetState>({ step: \"email\" });\n  const [error, setError] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const redirect = router.query.r || \"/\";\n\n  const isResetPasswordAllowed =\n    props.realmConfig.settings?.resetPasswordAllowed !== false;\n\n  // Phase 1: Request password reset intent\n  const emailForm = useForm({\n    schema: resetPasswordRequestSchema,\n    handler: async (data) => {\n      setError(null);\n      const intent = await userCtrl.createPasswordResetIntent({\n        body: { email: data.email },\n      });\n\n      setResetState({\n        step: \"code\",\n        intent,\n        email: data.email,\n      });\n    },\n  });\n\n  // Phase 2: Complete password reset\n  const passwordForm = useForm(\n    {\n      schema: t.object({\n        password: t.string({ minLength: 8 }),\n        confirmPassword: t.string({ minLength: 8 }),\n      }),\n      handler: async (data) => {\n        if (data.password !== data.confirmPassword) {\n          throw new AlephaError(\"Passwords do not match\");\n        }\n\n        if (!resetState.intent || !resetState.code) {\n          throw new AlephaError(\"Invalid reset state\");\n        }\n\n        await userCtrl.completePasswordReset({\n          body: {\n            intentId: resetState.intent.intentId,\n            code: resetState.code,\n            newPassword: data.password,\n          },\n        });\n\n        setResetState({ step: \"success\" });\n      },\n    },\n    [resetState.intent, resetState.code],\n  );\n\n  const handleCodeComplete = (value: string) => {\n    if (value.length === 6) {\n      setResetState((prev) => ({\n        ...prev,\n        step: \"password\",\n        code: value,\n      }));\n    }\n  };\n\n  const handleResendCode = async () => {\n    if (!resetState.email) return;\n\n    setIsSubmitting(true);\n    setError(null);\n\n    try {\n      const intent = await userCtrl.createPasswordResetIntent({\n        body: { email: resetState.email },\n      });\n\n      setResetState((prev) => ({\n        ...prev,\n        intent,\n      }));\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Failed to resend code\");\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {error && (\n              <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                <Text size=\"sm\">{error}</Text>\n              </Alert>\n            )}\n\n            {!isResetPasswordAllowed ? (\n              <>\n                <Alert\n                  variant=\"light\"\n                  color=\"yellow\"\n                  icon={<IconAlertCircle />}\n                >\n                  <Text size=\"sm\">{tr(\"resetPasswordDisabled\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")}>\n                  {tr(\"resetPasswordBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : resetState.step === \"email\" ? (\n              <form {...emailForm.props}>\n                <Stack flex={1} gap={\"md\"}>\n                  <Text size=\"lg\" fw={500} ta=\"center\">\n                    {tr(\"resetPasswordTitle\")}\n                  </Text>\n                  <Text size=\"sm\" c=\"dimmed\">\n                    {tr(\"resetPasswordEnterEmail\")}\n                  </Text>\n                  <Control\n                    title={tr(\"resetPasswordEmail\")}\n                    input={emailForm.input.email}\n                    icon={<IconMail />}\n                    text={{\n                      autoComplete: \"email\",\n                      autoFocus: true,\n                      disabled: !isResetPasswordAllowed,\n                    }}\n                  />\n                  <ActionButton\n                    form={emailForm}\n                    disabled={!isResetPasswordAllowed}\n                  >\n                    {tr(\"resetPasswordSendCode\")}\n                  </ActionButton>\n                </Stack>\n              </form>\n            ) : resetState.step === \"code\" ? (\n              <Stack gap={\"md\"}>\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"resetPasswordTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"blue\" icon={<IconInfoCircle />}>\n                  <Text size=\"sm\">{tr(\"resetPasswordCodeSent\")}</Text>\n                </Alert>\n                <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                  {tr(\"resetPasswordEnterCode\")}\n                </Text>\n                <Flex justify=\"center\">\n                  <PinInput\n                    length={6}\n                    type=\"number\"\n                    autoFocus\n                    oneTimeCode\n                    onComplete={handleCodeComplete}\n                    aria-label=\"Password reset verification code\"\n                  />\n                </Flex>\n                <ActionButton\n                  variant=\"subtle\"\n                  onClick={handleResendCode}\n                  loading={isSubmitting}\n                >\n                  {tr(\"resetPasswordResendCode\")}\n                </ActionButton>\n              </Stack>\n            ) : resetState.step === \"password\" ? (\n              <form {...passwordForm.props}>\n                <Stack flex={1} gap={\"md\"}>\n                  <Text size=\"lg\" fw={500} ta=\"center\">\n                    {tr(\"resetPasswordTitle\")}\n                  </Text>\n                  <Text size=\"sm\" c=\"dimmed\">\n                    {tr(\"resetPasswordEnterNewPassword\")}\n                  </Text>\n                  <Control\n                    title={tr(\"resetPasswordNewPassword\")}\n                    input={passwordForm.input.password}\n                    icon={<IconLock />}\n                    password={{\n                      autoComplete: \"new-password\",\n                      autoFocus: true,\n                    }}\n                  />\n                  <Control\n                    title={tr(\"resetPasswordConfirmPassword\")}\n                    input={passwordForm.input.confirmPassword}\n                    icon={<IconLock />}\n                    password={{\n                      autoComplete: \"new-password\",\n                    }}\n                  />\n                  <ActionButton form={passwordForm}>\n                    {tr(\"resetPasswordSetNewPassword\")}\n                  </ActionButton>\n                </Stack>\n              </form>\n            ) : (\n              <>\n                <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                  <Text size=\"sm\">{tr(\"resetPasswordSuccess\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")}>\n                  {tr(\"resetPasswordBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={redirect}>\n          {tr(\"resetPasswordCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default ResetPassword;\n"],"mappings":"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"}
+{"version":3,"file":"ResetPassword-BzU-cdd4.js","names":[],"sources":["../../src/auth/components/ResetPassword.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useForm } from \"@alepha/react/form\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, Control } from \"@alepha/ui\";\nimport { Alert, Card, Flex, PinInput, Stack, Text } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconCheck,\n  IconInfoCircle,\n  IconLock,\n  IconMail,\n} from \"@tabler/icons-react\";\nimport { AlephaError, t } from \"alepha\";\nimport type {\n  PasswordResetIntentResponse,\n  UserController,\n  UserRealmConfig,\n} from \"alepha/api/users\";\nimport { resetPasswordRequestSchema } from \"alepha/api/users\";\nimport { useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\n\nexport interface ResetPasswordProps {\n  realmConfig: UserRealmConfig;\n}\n\ntype Step = \"email\" | \"code\" | \"password\" | \"success\";\n\ninterface ResetState {\n  step: Step;\n  intent?: PasswordResetIntentResponse;\n  email?: string;\n  code?: string;\n}\n\nconst ResetPassword = (props: ResetPasswordProps) => {\n  const router = useRouter<AuthRouter>();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const [resetState, setResetState] = useState<ResetState>({ step: \"email\" });\n  const [error, setError] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const redirect = router.query.r || \"/\";\n\n  const isResetPasswordAllowed =\n    props.realmConfig.settings?.resetPasswordAllowed !== false;\n\n  // Phase 1: Request password reset intent\n  const emailForm = useForm({\n    schema: resetPasswordRequestSchema,\n    handler: async (data) => {\n      setError(null);\n      const intent = await userCtrl.createPasswordResetIntent({\n        body: { email: data.email },\n      });\n\n      setResetState({\n        step: \"code\",\n        intent,\n        email: data.email,\n      });\n    },\n  });\n\n  // Phase 2: Complete password reset\n  const passwordForm = useForm(\n    {\n      schema: t.object({\n        password: t.string({ minLength: 8 }),\n        confirmPassword: t.string({ minLength: 8 }),\n      }),\n      handler: async (data) => {\n        if (data.password !== data.confirmPassword) {\n          throw new AlephaError(\"Passwords do not match\");\n        }\n\n        if (!resetState.intent || !resetState.code) {\n          throw new AlephaError(\"Invalid reset state\");\n        }\n\n        await userCtrl.completePasswordReset({\n          body: {\n            intentId: resetState.intent.intentId,\n            code: resetState.code,\n            newPassword: data.password,\n          },\n        });\n\n        setResetState({ step: \"success\" });\n      },\n    },\n    [resetState.intent, resetState.code],\n  );\n\n  const handleCodeComplete = (value: string) => {\n    if (value.length === 6) {\n      setResetState((prev) => ({\n        ...prev,\n        step: \"password\",\n        code: value,\n      }));\n    }\n  };\n\n  const handleResendCode = async () => {\n    if (!resetState.email) return;\n\n    setIsSubmitting(true);\n    setError(null);\n\n    try {\n      const intent = await userCtrl.createPasswordResetIntent({\n        body: { email: resetState.email },\n      });\n\n      setResetState((prev) => ({\n        ...prev,\n        intent,\n      }));\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Failed to resend code\");\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Stack gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Stack gap={\"md\"}>\n            {error && (\n              <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                <Text size=\"sm\">{error}</Text>\n              </Alert>\n            )}\n\n            {!isResetPasswordAllowed ? (\n              <>\n                <Alert\n                  variant=\"light\"\n                  color=\"yellow\"\n                  icon={<IconAlertCircle />}\n                >\n                  <Text size=\"sm\">{tr(\"resetPasswordDisabled\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")}>\n                  {tr(\"resetPasswordBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : resetState.step === \"email\" ? (\n              <form {...emailForm.props}>\n                <Stack flex={1} gap={\"md\"}>\n                  <Text size=\"lg\" fw={500} ta=\"center\">\n                    {tr(\"resetPasswordTitle\")}\n                  </Text>\n                  <Text size=\"sm\" c=\"dimmed\">\n                    {tr(\"resetPasswordEnterEmail\")}\n                  </Text>\n                  <Control\n                    title={tr(\"resetPasswordEmail\")}\n                    input={emailForm.input.email}\n                    icon={<IconMail />}\n                    text={{\n                      autoComplete: \"email\",\n                      autoFocus: true,\n                      disabled: !isResetPasswordAllowed,\n                    }}\n                  />\n                  <ActionButton\n                    form={emailForm}\n                    disabled={!isResetPasswordAllowed}\n                  >\n                    {tr(\"resetPasswordSendCode\")}\n                  </ActionButton>\n                </Stack>\n              </form>\n            ) : resetState.step === \"code\" ? (\n              <Stack gap={\"md\"}>\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"resetPasswordTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"blue\" icon={<IconInfoCircle />}>\n                  <Text size=\"sm\">{tr(\"resetPasswordCodeSent\")}</Text>\n                </Alert>\n                <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                  {tr(\"resetPasswordEnterCode\")}\n                </Text>\n                <Flex justify=\"center\">\n                  <PinInput\n                    length={6}\n                    type=\"number\"\n                    autoFocus\n                    oneTimeCode\n                    onComplete={handleCodeComplete}\n                    aria-label=\"Password reset verification code\"\n                  />\n                </Flex>\n                <ActionButton\n                  variant=\"subtle\"\n                  onClick={handleResendCode}\n                  loading={isSubmitting}\n                >\n                  {tr(\"resetPasswordResendCode\")}\n                </ActionButton>\n              </Stack>\n            ) : resetState.step === \"password\" ? (\n              <form {...passwordForm.props}>\n                <Stack flex={1} gap={\"md\"}>\n                  <Text size=\"lg\" fw={500} ta=\"center\">\n                    {tr(\"resetPasswordTitle\")}\n                  </Text>\n                  <Text size=\"sm\" c=\"dimmed\">\n                    {tr(\"resetPasswordEnterNewPassword\")}\n                  </Text>\n                  <Control\n                    title={tr(\"resetPasswordNewPassword\")}\n                    input={passwordForm.input.password}\n                    icon={<IconLock />}\n                    password={{\n                      autoComplete: \"new-password\",\n                      autoFocus: true,\n                    }}\n                  />\n                  <Control\n                    title={tr(\"resetPasswordConfirmPassword\")}\n                    input={passwordForm.input.confirmPassword}\n                    icon={<IconLock />}\n                    password={{\n                      autoComplete: \"new-password\",\n                    }}\n                  />\n                  <ActionButton form={passwordForm}>\n                    {tr(\"resetPasswordSetNewPassword\")}\n                  </ActionButton>\n                </Stack>\n              </form>\n            ) : (\n              <>\n                <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                  <Text size=\"sm\">{tr(\"resetPasswordSuccess\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")}>\n                  {tr(\"resetPasswordBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Stack>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={redirect}>\n          {tr(\"resetPasswordCancel\")}\n        </ActionButton>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default ResetPassword;\n"],"mappings":"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"}

package/dist/auth/ResetPassword-DSvrdpaA.js

@@ -0,0 +1,3 @@
+import { t as ResetPassword_default } from "./ResetPassword-BzU-cdd4.js";
+
+export { ResetPassword_default as default };

package/dist/auth/VerifyEmail-Dc9ABKUw.js

@@ -0,0 +1,3 @@
+import { t as VerifyEmail_default } from "./VerifyEmail-R79sSej_.js";
+
+export { VerifyEmail_default as default };

package/dist/auth/{VerifyEmail-DeLct3oQ.js → VerifyEmail-R79sSej_.js}

@@ -6,7 +6,7 @@ import { Alert, Card, Flex, Loader, Stack, Text } from "@mantine/core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 
-//#region src/auth/components/VerifyEmail.tsx
+//#region ../../src/auth/components/VerifyEmail.tsx
 const VerifyEmail = (_props) => {
 	const router = useRouter();
 	const state = useRouterState();
@@ -128,4 +128,4 @@ var VerifyEmail_default = VerifyEmail;
 
 //#endregion
 export { VerifyEmail_default as t };
-//# sourceMappingURL=VerifyEmail-DeLct3oQ.js.map
+//# sourceMappingURL=VerifyEmail-R79sSej_.js.map

package/dist/auth/{VerifyEmail-DeLct3oQ.js.map → VerifyEmail-R79sSej_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VerifyEmail-DeLct3oQ.js","names":[],"sources":["../../src/auth/components/VerifyEmail.tsx"],"sourcesContent":["import { useClient, useRouter, useRouterState } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton } from \"@alepha/ui\";\nimport { Alert, Card, Flex, Loader, Stack, Text } from \"@mantine/core\";\nimport { IconAlertCircle, IconCheck, IconMailCheck } from \"@tabler/icons-react\";\nimport type { UserController } from \"alepha/api/users\";\nimport { useEffect, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\n\nexport type VerifyEmailProps = {};\n\ntype Step = \"verifying\" | \"success\" | \"error\";\n\nconst VerifyEmail = (_props: VerifyEmailProps) => {\n  const router = useRouter<AuthRouter>();\n  const state = useRouterState();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n\n  const [step, setStep] = useState<Step>(\"verifying\");\n  const [error, setError] = useState<string | null>(null);\n\n  const email = state.query.email as string | undefined;\n  const token = state.query.token as string | undefined;\n\n  useEffect(() => {\n    const verify = async () => {\n      if (!email || !token) {\n        setError(tr(\"verifyEmailMissingParams\"));\n        setStep(\"error\");\n        return;\n      }\n\n      try {\n        await userCtrl.verifyEmail({\n          body: { email, token },\n        });\n        setStep(\"success\");\n      } catch (err) {\n        setError(err instanceof Error ? err.message : tr(\"verifyEmailFailed\"));\n        setStep(\"error\");\n      }\n    };\n\n    verify();\n  }, [email, token]);\n\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack gap=\"sm\" w={400}>\n        <Card withBorder p=\"lg\" bg=\"var(--alepha-elevated)\">\n          <Stack gap=\"md\" align=\"center\">\n            {step === \"verifying\" && (\n              <>\n                <Loader size=\"lg\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailVerifying\")}\n                </Text>\n                <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                  {tr(\"verifyEmailPleaseWait\")}\n                </Text>\n              </>\n            )}\n\n            {step === \"success\" && (\n              <>\n                <IconMailCheck size={48} color=\"var(--mantine-color-green-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                  <Text size=\"sm\">{tr(\"verifyEmailSuccess\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")} fullWidth>\n                  {tr(\"verifyEmailSignIn\")}\n                </ActionButton>\n              </>\n            )}\n\n            {step === \"error\" && (\n              <>\n                <IconAlertCircle size={48} color=\"var(--mantine-color-red-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">{error || tr(\"verifyEmailFailed\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")} fullWidth>\n                  {tr(\"verifyEmailBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Stack>\n        </Card>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default VerifyEmail;\n"],"mappings":";;;;;;;;;AAcA,MAAM,eAAe,WAA6B;CAChD,MAAM,SAAS,WAAuB;CACtC,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,WAAW,WAA2B;CAC5C,MAAM,EAAE,OAAO,SAAyB;CAExC,MAAM,CAAC,MAAM,WAAW,SAAe,YAAY;CACnD,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CAEvD,MAAM,QAAQ,MAAM,MAAM;CAC1B,MAAM,QAAQ,MAAM,MAAM;AAE1B,iBAAgB;EACd,MAAM,SAAS,YAAY;AACzB,OAAI,CAAC,SAAS,CAAC,OAAO;AACpB,aAAS,GAAG,2BAA2B,CAAC;AACxC,YAAQ,QAAQ;AAChB;;AAGF,OAAI;AACF,UAAM,SAAS,YAAY,EACzB,MAAM;KAAE;KAAO;KAAO,EACvB,CAAC;AACF,YAAQ,UAAU;YACX,KAAK;AACZ,aAAS,eAAe,QAAQ,IAAI,UAAU,GAAG,oBAAoB,CAAC;AACtE,YAAQ,QAAQ;;;AAIpB,UAAQ;IACP,CAAC,OAAO,MAAM,CAAC;AAElB,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC;GAAM,KAAI;GAAK,GAAG;aACjB,oBAAC;IAAK;IAAW,GAAE;IAAK,IAAG;cACzB,qBAAC;KAAM,KAAI;KAAK,OAAM;;MACnB,SAAS,eACR;OACE,oBAAC,UAAO,MAAK,OAAO;OACpB,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,uBAAuB;SACtB;OACP,oBAAC;QAAK,MAAK;QAAK,GAAE;QAAS,IAAG;kBAC3B,GAAG,wBAAwB;SACvB;UACN;MAGJ,SAAS,aACR;OACE,oBAAC;QAAc,MAAM;QAAI,OAAM;SAAiC;OAChE,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,mBAAmB;SAClB;OACP,oBAAC;QAAM,SAAQ;QAAQ,OAAM;QAAQ,MAAM,oBAAC,cAAY;kBACtD,oBAAC;SAAK,MAAK;mBAAM,GAAG,qBAAqB;UAAQ;SAC3C;OACR,oBAAC;QAAa,MAAM,OAAO,KAAK,QAAQ;QAAE;kBACvC,GAAG,oBAAoB;SACX;UACd;MAGJ,SAAS,WACR;OACE,oBAAC;QAAgB,MAAM;QAAI,OAAM;SAA+B;OAChE,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,mBAAmB;SAClB;OACP,oBAAC;QAAM,SAAQ;QAAQ,OAAM;QAAM,MAAM,oBAAC,oBAAkB;kBAC1D,oBAAC;SAAK,MAAK;mBAAM,SAAS,GAAG,oBAAoB;UAAQ;SACnD;OACR,oBAAC;QAAa,MAAM,OAAO,KAAK,QAAQ;QAAE;kBACvC,GAAG,0BAA0B;SACjB;UACd;;MAEC;KACH;IACD;GACH;;AAIX,0BAAe"}
+{"version":3,"file":"VerifyEmail-R79sSej_.js","names":[],"sources":["../../src/auth/components/VerifyEmail.tsx"],"sourcesContent":["import { useClient, useRouter, useRouterState } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton } from \"@alepha/ui\";\nimport { Alert, Card, Flex, Loader, Stack, Text } from \"@mantine/core\";\nimport { IconAlertCircle, IconCheck, IconMailCheck } from \"@tabler/icons-react\";\nimport type { UserController } from \"alepha/api/users\";\nimport { useEffect, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\n\nexport type VerifyEmailProps = {};\n\ntype Step = \"verifying\" | \"success\" | \"error\";\n\nconst VerifyEmail = (_props: VerifyEmailProps) => {\n  const router = useRouter<AuthRouter>();\n  const state = useRouterState();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n\n  const [step, setStep] = useState<Step>(\"verifying\");\n  const [error, setError] = useState<string | null>(null);\n\n  const email = state.query.email as string | undefined;\n  const token = state.query.token as string | undefined;\n\n  useEffect(() => {\n    const verify = async () => {\n      if (!email || !token) {\n        setError(tr(\"verifyEmailMissingParams\"));\n        setStep(\"error\");\n        return;\n      }\n\n      try {\n        await userCtrl.verifyEmail({\n          body: { email, token },\n        });\n        setStep(\"success\");\n      } catch (err) {\n        setError(err instanceof Error ? err.message : tr(\"verifyEmailFailed\"));\n        setStep(\"error\");\n      }\n    };\n\n    verify();\n  }, [email, token]);\n\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack gap=\"sm\" w={400}>\n        <Card withBorder p=\"lg\" bg=\"var(--alepha-elevated)\">\n          <Stack gap=\"md\" align=\"center\">\n            {step === \"verifying\" && (\n              <>\n                <Loader size=\"lg\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailVerifying\")}\n                </Text>\n                <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                  {tr(\"verifyEmailPleaseWait\")}\n                </Text>\n              </>\n            )}\n\n            {step === \"success\" && (\n              <>\n                <IconMailCheck size={48} color=\"var(--mantine-color-green-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                  <Text size=\"sm\">{tr(\"verifyEmailSuccess\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")} fullWidth>\n                  {tr(\"verifyEmailSignIn\")}\n                </ActionButton>\n              </>\n            )}\n\n            {step === \"error\" && (\n              <>\n                <IconAlertCircle size={48} color=\"var(--mantine-color-red-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">{error || tr(\"verifyEmailFailed\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")} fullWidth>\n                  {tr(\"verifyEmailBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Stack>\n        </Card>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default VerifyEmail;\n"],"mappings":";;;;;;;;;AAcA,MAAM,eAAe,WAA6B;CAChD,MAAM,SAAS,WAAuB;CACtC,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,WAAW,WAA2B;CAC5C,MAAM,EAAE,OAAO,SAAyB;CAExC,MAAM,CAAC,MAAM,WAAW,SAAe,YAAY;CACnD,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CAEvD,MAAM,QAAQ,MAAM,MAAM;CAC1B,MAAM,QAAQ,MAAM,MAAM;AAE1B,iBAAgB;EACd,MAAM,SAAS,YAAY;AACzB,OAAI,CAAC,SAAS,CAAC,OAAO;AACpB,aAAS,GAAG,2BAA2B,CAAC;AACxC,YAAQ,QAAQ;AAChB;;AAGF,OAAI;AACF,UAAM,SAAS,YAAY,EACzB,MAAM;KAAE;KAAO;KAAO,EACvB,CAAC;AACF,YAAQ,UAAU;YACX,KAAK;AACZ,aAAS,eAAe,QAAQ,IAAI,UAAU,GAAG,oBAAoB,CAAC;AACtE,YAAQ,QAAQ;;;AAIpB,UAAQ;IACP,CAAC,OAAO,MAAM,CAAC;AAElB,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC;GAAM,KAAI;GAAK,GAAG;aACjB,oBAAC;IAAK;IAAW,GAAE;IAAK,IAAG;cACzB,qBAAC;KAAM,KAAI;KAAK,OAAM;;MACnB,SAAS,eACR;OACE,oBAAC,UAAO,MAAK,OAAO;OACpB,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,uBAAuB;SACtB;OACP,oBAAC;QAAK,MAAK;QAAK,GAAE;QAAS,IAAG;kBAC3B,GAAG,wBAAwB;SACvB;UACN;MAGJ,SAAS,aACR;OACE,oBAAC;QAAc,MAAM;QAAI,OAAM;SAAiC;OAChE,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,mBAAmB;SAClB;OACP,oBAAC;QAAM,SAAQ;QAAQ,OAAM;QAAQ,MAAM,oBAAC,cAAY;kBACtD,oBAAC;SAAK,MAAK;mBAAM,GAAG,qBAAqB;UAAQ;SAC3C;OACR,oBAAC;QAAa,MAAM,OAAO,KAAK,QAAQ;QAAE;kBACvC,GAAG,oBAAoB;SACX;UACd;MAGJ,SAAS,WACR;OACE,oBAAC;QAAgB,MAAM;QAAI,OAAM;SAA+B;OAChE,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,mBAAmB;SAClB;OACP,oBAAC;QAAM,SAAQ;QAAQ,OAAM;QAAM,MAAM,oBAAC,oBAAkB;kBAC1D,oBAAC;SAAK,MAAK;mBAAM,SAAS,GAAG,oBAAoB;UAAQ;SACnD;OACR,oBAAC;QAAa,MAAM,OAAO,KAAK,QAAQ;QAAE;kBACvC,GAAG,0BAA0B;SACjB;UACd;;MAEC;KACH;IACD;GACH;;AAIX,0BAAe"}