@alepha/ui 0.13.5 → 0.13.7

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

@@ -5,7 +5,7 @@ import { ActionButton, Control, capitalize } from "@alepha/ui";
 import { TypeBoxError, t } from "alepha";
 import { useClient, useRouter } from "@alepha/react";
 import { IconAlertCircle, IconLock, IconMail, IconPhone, IconUser } from "@tabler/icons-react";
-import { Alert, Card, Flex, Group, PinInput, Stack, Text } from "@mantine/core";
+import { Alert, Card, Flex, Group, Image, PinInput, Stack, Text, Title } from "@mantine/core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useForm } from "@alepha/react/form";
 import { useMemo, useState } from "react";
@@ -22,7 +22,7 @@ const Register = (props) => {
 	const [phoneCode, setPhoneCode] = useState("");
 	const [verificationError, setVerificationError] = useState(null);
 	const [isSubmitting, setIsSubmitting] = useState(false);
-	const hasUsernamePassword = props.realmConfig.authenticationMethods.find((it) => it.type === "CREDENTIALS");
+	const credentialsProvider = props.realmConfig.authenticationMethods.find((it) => it.type === "CREDENTIALS");
 	const settings = props.realmConfig.settings || {};
 	const isRegistrationAllowed = settings.registrationAllowed !== false;
 	const form = useForm({
@@ -48,12 +48,15 @@ const Register = (props) => {
 				schemaPath: "",
 				params: {}
 			});
-			const intent = await userCtrl.createRegistrationIntent({ body: {
-				username: data.username,
-				email: data.email,
-				phoneNumber: data.phoneNumber,
-				password: data.password
-			} });
+			const intent = await userCtrl.createRegistrationIntent({
+				query: { userRealmName: props.realmConfig.realmName },
+				body: {
+					username: data.username,
+					email: data.email,
+					phoneNumber: data.phoneNumber,
+					password: data.password
+				}
+			});
 			const identifier = data.username ?? data.email ?? data.phoneNumber;
 			if (intent.expectEmailVerification || intent.expectPhoneVerification || intent.expectCaptcha) {
 				setRegistrationState({
@@ -67,9 +70,10 @@ const Register = (props) => {
 				return;
 			}
 			await userCtrl.createUserFromIntent({ body: { intentId: intent.intentId } });
-			if (identifier) await auth.login("credentials", {
+			if (identifier && credentialsProvider) await auth.login(credentialsProvider.name, {
 				username: identifier,
-				password: data.password
+				password: data.password,
+				realm: props.realmConfig.realmName
 			});
 			await router.go(router.query.r || "/");
 		}
@@ -84,9 +88,10 @@ const Register = (props) => {
 				emailCode: registrationState.intent.expectEmailVerification ? emailCode : void 0,
 				phoneCode: registrationState.intent.expectPhoneVerification ? phoneCode : void 0
 			} });
-			if (registrationState.credentials) await auth.login("credentials", {
+			if (registrationState.credentials && credentialsProvider) await auth.login(credentialsProvider.name, {
 				username: registrationState.credentials.identifier,
-				password: registrationState.credentials.password
+				password: registrationState.credentials.password,
+				realm: props.realmConfig.realmName
 			});
 			await router.go(router.query.r || "/");
 		} catch (error) {
@@ -192,6 +197,8 @@ const Register = (props) => {
 			})
 		})
 	});
+	const externalMethods = props.realmConfig.authenticationMethods.filter((method) => method.type !== "CREDENTIALS");
+	const showOrDivider = credentialsProvider && externalMethods.length > 0;
 	return /* @__PURE__ */ jsx(Flex, {
 		flex: 1,
 		justify: "center",
@@ -205,7 +212,31 @@ const Register = (props) => {
 				bg: "var(--alepha-elevated)",
 				children: /* @__PURE__ */ jsxs(Stack, {
 					gap: "md",
-					children: [!isRegistrationAllowed ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Alert, {
+					children: [(settings.logoUrl || settings.displayName || settings.description) && /* @__PURE__ */ jsxs(Stack, {
+						gap: "xs",
+						align: "center",
+						mb: "xs",
+						children: [
+							settings.logoUrl && /* @__PURE__ */ jsx(Image, {
+								src: settings.logoUrl,
+								alt: settings.displayName || props.realmConfig.realmName,
+								h: 48,
+								w: "auto",
+								fit: "contain"
+							}),
+							settings.displayName && /* @__PURE__ */ jsx(Title, {
+								order: 4,
+								ta: "center",
+								children: settings.displayName
+							}),
+							settings.description && /* @__PURE__ */ jsx(Text, {
+								size: "sm",
+								c: "dimmed",
+								ta: "center",
+								children: settings.description
+							})
+						]
+					}), !isRegistrationAllowed ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Alert, {
 						variant: "light",
 						color: "yellow",
 						icon: /* @__PURE__ */ jsx(IconAlertCircle, {}),
@@ -214,93 +245,102 @@ const Register = (props) => {
 							children: tr("registerDisabled")
 						})
 					}), /* @__PURE__ */ jsx(ActionButton, {
-						href: router.path("login"),
+						href: router.path("login", { query: { realm: props.realmConfig.realmName } }),
 						children: tr("registerBackToSignIn")
-					})] }) : hasUsernamePassword ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("form", {
-						...form.props,
-						children: /* @__PURE__ */ jsxs(Stack, {
-							flex: 1,
+					})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+						credentialsProvider && /* @__PURE__ */ jsx("form", {
+							...form.props,
+							children: /* @__PURE__ */ jsxs(Stack, {
+								flex: 1,
+								gap: "md",
+								children: [
+									settings.usernameEnabled !== false && form.input.username && /* @__PURE__ */ jsx(Control, {
+										title: tr("registerUsername"),
+										input: form.input.username,
+										icon: /* @__PURE__ */ jsx(IconUser, {}),
+										text: { autoComplete: "username" }
+									}),
+									settings.emailEnabled !== false && form.input.email && /* @__PURE__ */ jsx(Control, {
+										title: tr("registerEmail"),
+										input: form.input.email,
+										icon: /* @__PURE__ */ jsx(IconMail, {}),
+										text: { autoComplete: "email" }
+									}),
+									settings.phoneEnabled === true && form.input.phoneNumber && /* @__PURE__ */ jsx(Control, {
+										title: tr("registerPhone"),
+										input: form.input.phoneNumber,
+										icon: /* @__PURE__ */ jsx(IconPhone, {}),
+										text: { autoComplete: "tel" }
+									}),
+									/* @__PURE__ */ jsx(Control, {
+										title: tr("registerPassword"),
+										input: form.input.password,
+										icon: /* @__PURE__ */ jsx(IconLock, {}),
+										password: { autoComplete: "new-password" }
+									}),
+									/* @__PURE__ */ jsx(Control, {
+										title: tr("registerConfirmPassword"),
+										input: form.input.confirmPassword,
+										icon: /* @__PURE__ */ jsx(IconLock, {}),
+										password: { autoComplete: "new-password" }
+									}),
+									/* @__PURE__ */ jsx(ActionButton, {
+										form,
+										color: "blue",
+										variant: "filled",
+										children: tr("registerCreateAccount")
+									})
+								]
+							})
+						}),
+						showOrDivider && /* @__PURE__ */ jsxs(Group, {
+							align: "center",
+							justify: "center",
 							gap: "md",
 							children: [
-								settings.usernameEnabled !== false && form.input.username && /* @__PURE__ */ jsx(Control, {
-									title: tr("registerUsername"),
-									input: form.input.username,
-									icon: /* @__PURE__ */ jsx(IconUser, {}),
-									text: { autoComplete: "username" }
+								/* @__PURE__ */ jsx(Flex, {
+									flex: 1,
+									h: "1px",
+									bg: "var(--alepha-border)"
 								}),
-								settings.emailEnabled !== false && form.input.email && /* @__PURE__ */ jsx(Control, {
-									title: tr("registerEmail"),
-									input: form.input.email,
-									icon: /* @__PURE__ */ jsx(IconMail, {}),
-									text: { autoComplete: "email" }
+								/* @__PURE__ */ jsx(Text, {
+									size: "xs",
+									c: "dimmed",
+									children: tr("registerOr")
 								}),
-								settings.phoneEnabled === true && form.input.phoneNumber && /* @__PURE__ */ jsx(Control, {
-									title: tr("registerPhone"),
-									input: form.input.phoneNumber,
-									icon: /* @__PURE__ */ jsx(IconPhone, {}),
-									text: { autoComplete: "tel" }
-								}),
-								/* @__PURE__ */ jsx(Control, {
-									title: tr("registerPassword"),
-									input: form.input.password,
-									icon: /* @__PURE__ */ jsx(IconLock, {}),
-									password: { autoComplete: "new-password" }
-								}),
-								/* @__PURE__ */ jsx(Control, {
-									title: tr("registerConfirmPassword"),
-									input: form.input.confirmPassword,
-									icon: /* @__PURE__ */ jsx(IconLock, {}),
-									password: { autoComplete: "new-password" }
+								/* @__PURE__ */ jsx(Flex, {
+									flex: 1,
+									h: "1px",
+									bg: "var(--alepha-border)"
+								})
+							]
+						}),
+						externalMethods.length > 0 && /* @__PURE__ */ jsx(Stack, {
+							gap: "sm",
+							children: externalMethods.map((method) => /* @__PURE__ */ jsx(ActionButton, {
+								variant: "default",
+								leftSection: leftSection(method.name.toLowerCase()),
+								onClick: () => auth.login(method.name, {
+									redirect,
+									realm: props.realmConfig.realmName
 								}),
+								children: tr("registerContinueWith", { args: [capitalize(method.name)] })
+							}, method.type))
+						}),
+						/* @__PURE__ */ jsxs(Text, {
+							size: "sm",
+							ta: "center",
+							children: [
+								tr("registerHaveAccount"),
+								" ",
 								/* @__PURE__ */ jsx(ActionButton, {
-									form,
-									color: "blue",
-									variant: "filled",
-									children: tr("registerCreateAccount")
+									href: router.path("login", { query: { realm: props.realmConfig.realmName } }),
+									anchorProps: { inherit: true },
+									children: tr("registerSignIn")
 								})
 							]
 						})
-					}), /* @__PURE__ */ jsxs(Group, {
-						align: "center",
-						justify: "center",
-						gap: "md",
-						children: [
-							/* @__PURE__ */ jsx(Flex, {
-								flex: 1,
-								h: "1px",
-								bg: "var(--alepha-text-muted)"
-							}),
-							/* @__PURE__ */ jsx(Text, {
-								size: "xs",
-								children: tr("registerOr")
-							}),
-							/* @__PURE__ */ jsx(Flex, {
-								flex: 1,
-								h: "1px",
-								bg: "var(--alepha-text-muted)"
-							})
-						]
-					})] }) : null, isRegistrationAllowed && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Stack, {
-						gap: "sm",
-						children: props.realmConfig.authenticationMethods.map((method) => method.type !== "CREDENTIALS" && /* @__PURE__ */ jsx(ActionButton, {
-							variant: "default",
-							leftSection: leftSection(method.name.toLowerCase()),
-							onClick: () => auth.login(method.name, { redirect }),
-							children: tr("registerContinueWith", { args: [capitalize(method.name)] })
-						}, method.type))
-					}), props.realmConfig.authenticationMethods.length > 0 && /* @__PURE__ */ jsxs(Text, {
-						size: "sm",
-						ta: "center",
-						children: [
-							tr("registerHaveAccount"),
-							" ",
-							/* @__PURE__ */ jsx(ActionButton, {
-								href: router.path("login"),
-								anchorProps: { inherit: true },
-								children: tr("registerSignIn")
-							})
-						]
-					})] })]
+					] })]
 				})
 			}), /* @__PURE__ */ jsx(ActionButton, {
 				variant: "subtle",
@@ -318,4 +358,4 @@ const leftSection = (name) => {
 
 //#endregion
 export { Register_default as t };
-//# sourceMappingURL=Register-CuQr3kgi.js.map
+//# sourceMappingURL=Register-s4ENeyiE.js.map

package/dist/auth/Register-s4ENeyiE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Register-s4ENeyiE.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 {\n  Alert,\n  Card,\n  Flex,\n  Group,\n  Image,\n  PinInput,\n  Stack,\n  Text,\n  Title,\n} 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 credentialsProvider = 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        query: { userRealmName: props.realmConfig.realmName },\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 && credentialsProvider) {\n        await auth.login(credentialsProvider.name, {\n          username: identifier,\n          password: data.password,\n          realm: props.realmConfig.realmName,\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 && credentialsProvider) {\n        await auth.login(credentialsProvider.name, {\n          username: registrationState.credentials.identifier,\n          password: registrationState.credentials.password,\n          realm: props.realmConfig.realmName,\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  // External login methods\n  const externalMethods = props.realmConfig.authenticationMethods.filter(\n    (method) => method.type !== \"CREDENTIALS\",\n  );\n\n  const showOrDivider = credentialsProvider && externalMethods.length > 0;\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            {/* Realm branding */}\n            {(settings.logoUrl ||\n              settings.displayName ||\n              settings.description) && (\n              <Stack gap={\"xs\"} align=\"center\" mb=\"xs\">\n                {settings.logoUrl && (\n                  <Image\n                    src={settings.logoUrl}\n                    alt={settings.displayName || props.realmConfig.realmName}\n                    h={48}\n                    w=\"auto\"\n                    fit=\"contain\"\n                  />\n                )}\n                {settings.displayName && (\n                  <Title order={4} ta=\"center\">\n                    {settings.displayName}\n                  </Title>\n                )}\n                {settings.description && (\n                  <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                    {settings.description}\n                  </Text>\n                )}\n              </Stack>\n            )}\n\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\n                  href={router.path(\"login\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                >\n                  {tr(\"registerBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : (\n              <>\n                {/* Credentials registration form */}\n                {credentialsProvider && (\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\n                        form={form}\n                        color={\"blue\"}\n                        variant={\"filled\"}\n                      >\n                        {tr(\"registerCreateAccount\")}\n                      </ActionButton>\n                    </Stack>\n                  </form>\n                )}\n\n                {/* OR divider - only when both credentials AND external methods exist */}\n                {showOrDivider && (\n                  <Group align=\"center\" justify=\"center\" gap={\"md\"}>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                    <Text size=\"xs\" c=\"dimmed\">\n                      {tr(\"registerOr\")}\n                    </Text>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                  </Group>\n                )}\n\n                {/* External login methods */}\n                {externalMethods.length > 0 && (\n                  <Stack gap={\"sm\"}>\n                    {externalMethods.map((method) => (\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                            realm: props.realmConfig.realmName,\n                          })\n                        }\n                      >\n                        {tr(\"registerContinueWith\", {\n                          args: [capitalize(method.name)],\n                        })}\n                      </ActionButton>\n                    ))}\n                  </Stack>\n                )}\n\n                {/* Sign in link */}\n                <Text size=\"sm\" ta=\"center\">\n                  {tr(\"registerHaveAccount\")}{\" \"}\n                  <ActionButton\n                    href={router.path(\"login\", {\n                      query: { realm: props.realmConfig.realmName },\n                    })}\n                    anchorProps={{ inherit: true }}\n                  >\n                    {tr(\"registerSignIn\")}\n                  </ActionButton>\n                </Text>\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/ResetPassword-Cjd-W-Nu.js

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

package/dist/auth/ResetPassword-GLIFkJT7.js

@@ -0,0 +1,278 @@
+import { useI18n } from "@alepha/react/i18n";
+import { ActionButton, Control } from "@alepha/ui";
+import { AlephaError, t } from "alepha";
+import { useClient, useRouter } from "@alepha/react";
+import { IconAlertCircle, IconCheck, IconInfoCircle, IconLock, IconMail } from "@tabler/icons-react";
+import { Alert, Card, Flex, Image, PinInput, Stack, Text, Title } from "@mantine/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useForm } from "@alepha/react/form";
+import { useState } from "react";
+import { resetPasswordRequestSchema } from "alepha/api/users";
+
+//#region ../../src/auth/components/ResetPassword.tsx
+const ResetPassword = (props) => {
+	const router = useRouter();
+	const userCtrl = useClient();
+	const { tr } = useI18n();
+	const [resetState, setResetState] = useState({ step: "email" });
+	const [error, setError] = useState(null);
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const redirect = router.query.r || "/";
+	const settings = props.realmConfig.settings;
+	const isResetPasswordAllowed = settings?.resetPasswordAllowed !== false;
+	const emailForm = useForm({
+		schema: resetPasswordRequestSchema,
+		handler: async (data) => {
+			setError(null);
+			setResetState({
+				step: "code",
+				intent: await userCtrl.createPasswordResetIntent({
+					query: { userRealmName: props.realmConfig.realmName },
+					body: { email: data.email }
+				}),
+				email: data.email
+			});
+		}
+	});
+	const passwordForm = useForm({
+		schema: t.object({
+			password: t.string({ minLength: 8 }),
+			confirmPassword: t.string({ minLength: 8 })
+		}),
+		handler: async (data) => {
+			if (data.password !== data.confirmPassword) throw new AlephaError("Passwords do not match");
+			if (!resetState.intent || !resetState.code) throw new AlephaError("Invalid reset state");
+			await userCtrl.completePasswordReset({ body: {
+				intentId: resetState.intent.intentId,
+				code: resetState.code,
+				newPassword: data.password
+			} });
+			setResetState({ step: "success" });
+		}
+	}, [resetState.intent, resetState.code]);
+	const handleCodeComplete = (value) => {
+		if (value.length === 6) setResetState((prev) => ({
+			...prev,
+			step: "password",
+			code: value
+		}));
+	};
+	const handleResendCode = async () => {
+		if (!resetState.email) return;
+		setIsSubmitting(true);
+		setError(null);
+		try {
+			const intent = await userCtrl.createPasswordResetIntent({
+				query: { userRealmName: props.realmConfig.realmName },
+				body: { email: resetState.email }
+			});
+			setResetState((prev) => ({
+				...prev,
+				intent
+			}));
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "Failed to resend code");
+		} finally {
+			setIsSubmitting(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(Flex, {
+		flex: 1,
+		justify: "center",
+		align: "center",
+		children: /* @__PURE__ */ jsxs(Stack, {
+			gap: "sm",
+			w: 360,
+			children: [/* @__PURE__ */ jsx(Card, {
+				withBorder: true,
+				p: "lg",
+				bg: "var(--alepha-elevated)",
+				children: /* @__PURE__ */ jsxs(Stack, {
+					gap: "md",
+					children: [
+						(settings.logoUrl || settings.displayName || settings.description) && /* @__PURE__ */ jsxs(Stack, {
+							gap: "xs",
+							align: "center",
+							mb: "xs",
+							children: [
+								settings.logoUrl && /* @__PURE__ */ jsx(Image, {
+									src: settings.logoUrl,
+									alt: settings.displayName || props.realmConfig.realmName,
+									h: 48,
+									w: "auto",
+									fit: "contain"
+								}),
+								settings.displayName && /* @__PURE__ */ jsx(Title, {
+									order: 4,
+									ta: "center",
+									children: settings.displayName
+								}),
+								settings.description && /* @__PURE__ */ jsx(Text, {
+									size: "sm",
+									c: "dimmed",
+									ta: "center",
+									children: settings.description
+								})
+							]
+						}),
+						error && /* @__PURE__ */ jsx(Alert, {
+							variant: "light",
+							color: "red",
+							icon: /* @__PURE__ */ jsx(IconAlertCircle, {}),
+							children: /* @__PURE__ */ jsx(Text, {
+								size: "sm",
+								children: error
+							})
+						}),
+						!isResetPasswordAllowed ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Alert, {
+							variant: "light",
+							color: "yellow",
+							icon: /* @__PURE__ */ jsx(IconAlertCircle, {}),
+							children: /* @__PURE__ */ jsx(Text, {
+								size: "sm",
+								children: tr("resetPasswordDisabled")
+							})
+						}), /* @__PURE__ */ jsx(ActionButton, {
+							href: router.path("login", { query: { realm: props.realmConfig.realmName } }),
+							children: tr("resetPasswordBackToSignIn")
+						})] }) : resetState.step === "email" ? /* @__PURE__ */ jsx("form", {
+							...emailForm.props,
+							children: /* @__PURE__ */ jsxs(Stack, {
+								flex: 1,
+								gap: "md",
+								children: [
+									/* @__PURE__ */ jsx(Text, {
+										size: "lg",
+										fw: 500,
+										ta: "center",
+										children: tr("resetPasswordTitle")
+									}),
+									/* @__PURE__ */ jsx(Text, {
+										size: "sm",
+										c: "dimmed",
+										children: tr("resetPasswordEnterEmail")
+									}),
+									/* @__PURE__ */ jsx(Control, {
+										title: tr("resetPasswordEmail"),
+										input: emailForm.input.email,
+										icon: /* @__PURE__ */ jsx(IconMail, {}),
+										text: {
+											autoComplete: "email",
+											autoFocus: true,
+											disabled: !isResetPasswordAllowed
+										}
+									}),
+									/* @__PURE__ */ jsx(ActionButton, {
+										form: emailForm,
+										disabled: !isResetPasswordAllowed,
+										children: tr("resetPasswordSendCode")
+									})
+								]
+							})
+						}) : resetState.step === "code" ? /* @__PURE__ */ jsxs(Stack, {
+							gap: "md",
+							children: [
+								/* @__PURE__ */ jsx(Text, {
+									size: "lg",
+									fw: 500,
+									ta: "center",
+									children: tr("resetPasswordTitle")
+								}),
+								/* @__PURE__ */ jsx(Alert, {
+									variant: "light",
+									color: "blue",
+									icon: /* @__PURE__ */ jsx(IconInfoCircle, {}),
+									children: /* @__PURE__ */ jsx(Text, {
+										size: "sm",
+										children: tr("resetPasswordCodeSent")
+									})
+								}),
+								/* @__PURE__ */ jsx(Text, {
+									size: "sm",
+									c: "dimmed",
+									ta: "center",
+									children: tr("resetPasswordEnterCode")
+								}),
+								/* @__PURE__ */ jsx(Flex, {
+									justify: "center",
+									children: /* @__PURE__ */ jsx(PinInput, {
+										length: 6,
+										type: "number",
+										autoFocus: true,
+										oneTimeCode: true,
+										onComplete: handleCodeComplete,
+										"aria-label": "Password reset verification code"
+									})
+								}),
+								/* @__PURE__ */ jsx(ActionButton, {
+									variant: "subtle",
+									onClick: handleResendCode,
+									loading: isSubmitting,
+									children: tr("resetPasswordResendCode")
+								})
+							]
+						}) : resetState.step === "password" ? /* @__PURE__ */ jsx("form", {
+							...passwordForm.props,
+							children: /* @__PURE__ */ jsxs(Stack, {
+								flex: 1,
+								gap: "md",
+								children: [
+									/* @__PURE__ */ jsx(Text, {
+										size: "lg",
+										fw: 500,
+										ta: "center",
+										children: tr("resetPasswordTitle")
+									}),
+									/* @__PURE__ */ jsx(Text, {
+										size: "sm",
+										c: "dimmed",
+										children: tr("resetPasswordEnterNewPassword")
+									}),
+									/* @__PURE__ */ jsx(Control, {
+										title: tr("resetPasswordNewPassword"),
+										input: passwordForm.input.password,
+										icon: /* @__PURE__ */ jsx(IconLock, {}),
+										password: {
+											autoComplete: "new-password",
+											autoFocus: true
+										}
+									}),
+									/* @__PURE__ */ jsx(Control, {
+										title: tr("resetPasswordConfirmPassword"),
+										input: passwordForm.input.confirmPassword,
+										icon: /* @__PURE__ */ jsx(IconLock, {}),
+										password: { autoComplete: "new-password" }
+									}),
+									/* @__PURE__ */ jsx(ActionButton, {
+										form: passwordForm,
+										children: tr("resetPasswordSetNewPassword")
+									})
+								]
+							})
+						}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Alert, {
+							variant: "light",
+							color: "green",
+							icon: /* @__PURE__ */ jsx(IconCheck, {}),
+							children: /* @__PURE__ */ jsx(Text, {
+								size: "sm",
+								children: tr("resetPasswordSuccess")
+							})
+						}), /* @__PURE__ */ jsx(ActionButton, {
+							href: router.path("login", { query: { realm: props.realmConfig.realmName } }),
+							children: tr("resetPasswordBackToSignIn")
+						})] })
+					]
+				})
+			}), /* @__PURE__ */ jsx(ActionButton, {
+				variant: "subtle",
+				href: redirect,
+				children: tr("resetPasswordCancel")
+			})]
+		})
+	});
+};
+var ResetPassword_default = ResetPassword;
+
+//#endregion
+export { ResetPassword_default as t };
+//# sourceMappingURL=ResetPassword-GLIFkJT7.js.map