@alepha/ui 0.18.2 → 0.18.3

package/dist/admin/{VerifyEmail-Bg22bwcC.js → VerifyEmail-hNxWejWf.js}

@@ -1,17 +1,16 @@
 import { t as __exportAll } from "./rolldown-runtime-CjeV3_4I.js";
-import { _ as ActionButton } from "./core-BVO_TQxb.js";
+import { _ as ActionButton } from "./core-CYaRQ8O-.js";
 import { useI18n } from "alepha/react/i18n";
 import { Alert, Card, Flex, Loader, Text } from "@mantine/core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { IconAlertCircle, IconCheck, IconMailCheck } from "@tabler/icons-react";
-import { useRouter, useRouterState } from "alepha/react/router";
+import { useRouterState } from "alepha/react/router";
 import { useClient } from "alepha/react";
 
 //#region ../../src/auth/components/VerifyEmail.tsx
 var VerifyEmail_exports = /* @__PURE__ */ __exportAll({ default: () => VerifyEmail });
-const VerifyEmail = (_props) => {
-	const router = useRouter();
+const VerifyEmailStateful = (props) => {
 	const state = useRouterState();
 	const userCtrl = useClient();
 	const { tr } = useI18n();
@@ -39,6 +38,15 @@ const VerifyEmail = (_props) => {
 		};
 		verify();
 	}, [email, token]);
+	return /* @__PURE__ */ jsx(VerifyEmailView, {
+		step,
+		error,
+		loginPath: props.loginPath
+	});
+};
+const VerifyEmailView = (props) => {
+	const { tr } = useI18n();
+	const { step } = props;
 	return /* @__PURE__ */ jsx(Flex, {
 		flex: 1,
 		justify: "center",
@@ -92,7 +100,7 @@ const VerifyEmail = (_props) => {
 								})
 							}),
 							/* @__PURE__ */ jsx(ActionButton, {
-								href: router.path("login"),
+								href: props.loginPath ?? "/auth/login",
 								fullWidth: true,
 								children: tr("verifyEmailSignIn")
 							})
@@ -114,11 +122,11 @@ const VerifyEmail = (_props) => {
 								icon: /* @__PURE__ */ jsx(IconAlertCircle, {}),
 								children: /* @__PURE__ */ jsx(Text, {
 									size: "sm",
-									children: error || tr("verifyEmailFailed")
+									children: props.error || tr("verifyEmailFailed")
 								})
 							}),
 							/* @__PURE__ */ jsx(ActionButton, {
-								href: router.path("login"),
+								href: props.loginPath ?? "/auth/login",
 								fullWidth: true,
 								children: tr("verifyEmailBackToSignIn")
 							})
@@ -129,7 +137,14 @@ const VerifyEmail = (_props) => {
 		})
 	});
 };
+const VerifyEmail = (props) => {
+	if (props.step) return /* @__PURE__ */ jsx(VerifyEmailView, {
+		step: props.step,
+		loginPath: props.loginPath
+	});
+	return /* @__PURE__ */ jsx(VerifyEmailStateful, { ...props });
+};
 
 //#endregion
 export { VerifyEmail_exports as t };
-//# sourceMappingURL=VerifyEmail-Bg22bwcC.js.map
+//# sourceMappingURL=VerifyEmail-hNxWejWf.js.map

package/dist/admin/VerifyEmail-hNxWejWf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifyEmail-hNxWejWf.js","names":[],"sources":["../../src/auth/components/VerifyEmail.tsx"],"sourcesContent":["import { ActionButton } from \"@alepha/ui\";\nimport { Alert, Card, Flex, Loader, Text } from \"@mantine/core\";\nimport { IconAlertCircle, IconCheck, IconMailCheck } from \"@tabler/icons-react\";\nimport type { UserController } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouterState } from \"alepha/react/router\";\nimport { useEffect, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\n\nexport type VerifyEmailStep = \"verifying\" | \"success\" | \"error\";\n\nexport interface VerifyEmailProps {\n  loginPath?: string;\n  step?: VerifyEmailStep;\n}\n\nconst VerifyEmailStateful = (props: VerifyEmailProps) => {\n  const state = useRouterState();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n\n  const [step, setStep] = useState<VerifyEmailStep>(\"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    <VerifyEmailView step={step} error={error} loginPath={props.loginPath} />\n  );\n};\n\ninterface VerifyEmailViewProps {\n  step: VerifyEmailStep;\n  error?: string | null;\n  loginPath?: string;\n}\n\nconst VerifyEmailView = (props: VerifyEmailViewProps) => {\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const { step } = props;\n\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Flex direction=\"column\" gap=\"sm\" w={400}>\n        <Card withBorder p=\"lg\" bg=\"var(--alepha-elevated)\">\n          <Flex direction=\"column\" 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={props.loginPath ?? \"/auth/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\">\n                    {props.error || tr(\"verifyEmailFailed\")}\n                  </Text>\n                </Alert>\n                <ActionButton href={props.loginPath ?? \"/auth/login\"} fullWidth>\n                  {tr(\"verifyEmailBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Flex>\n        </Card>\n      </Flex>\n    </Flex>\n  );\n};\n\nconst VerifyEmail = (props: VerifyEmailProps) => {\n  if (props.step) {\n    return <VerifyEmailView step={props.step} loginPath={props.loginPath} />;\n  }\n  return <VerifyEmailStateful {...props} />;\n};\n\nexport default VerifyEmail;\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,uBAAuB,UAA4B;CACvD,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,WAAW,WAA2B;CAC5C,MAAM,EAAE,OAAO,SAAyB;CAExC,MAAM,CAAC,MAAM,WAAW,SAA0B,YAAY;CAC9D,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;EAAsB;EAAa;EAAO,WAAW,MAAM;GAAa;;AAU7E,MAAM,mBAAmB,UAAgC;CACvD,MAAM,EAAE,OAAO,SAAyB;CACxC,MAAM,EAAE,SAAS;AAEjB,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC;GAAK,WAAU;GAAS,KAAI;GAAK,GAAG;aACnC,oBAAC;IAAK;IAAW,GAAE;IAAK,IAAG;cACzB,qBAAC;KAAK,WAAU;KAAS,KAAI;KAAK,OAAM;;MACrC,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,MAAM,aAAa;QAAe;kBACnD,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;mBACR,MAAM,SAAS,GAAG,oBAAoB;UAClC;SACD;OACR,oBAAC;QAAa,MAAM,MAAM,aAAa;QAAe;kBACnD,GAAG,0BAA0B;SACjB;UACd;;MAEA;KACF;IACF;GACF;;AAIX,MAAM,eAAe,UAA4B;AAC/C,KAAI,MAAM,KACR,QAAO,oBAAC;EAAgB,MAAM,MAAM;EAAM,WAAW,MAAM;GAAa;AAE1E,QAAO,oBAAC,uBAAoB,GAAI,QAAS"}