@plumile/backoffice-react 0.1.87 → 0.1.90

package/lib/esm/PasswordResetCompleteScreen-Cgg96DPo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetCompleteScreen-Cgg96DPo.js","names":[],"sources":["../../src/auth/pages/PasswordResetCompleteScreen.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  useCallback,\n  useMemo,\n  useState,\n  type FormEvent,\n  type JSX,\n} from 'react';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.js';\n\nimport { AuthLayout, Button, FormError, FormField } from '@plumile/ui';\n\nimport * as styles from '../login/loginPage.css.js';\nimport AuthPanel from '../login/AuthPanel.js';\n\nconst MIN_PASSWORD_LENGTH = 8;\n\ntype Props = {\n  onBackToLogin: () => void;\n  onCompletePasswordReset: (input: {\n    newPassword: string;\n    token: string;\n  }) => Promise<boolean>;\n  token?: string;\n};\n\nexport const PasswordResetCompleteScreen = ({\n  onBackToLogin,\n  onCompletePasswordReset,\n  token,\n}: Props): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const [password, setPassword] = useState('');\n  const [passwordConfirm, setPasswordConfirm] = useState('');\n  const [status, setStatus] = useState<'idle' | 'completed'>('idle');\n  const [error, setError] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const resolvedToken = useMemo(() => {\n    if (token != null) {\n      return token;\n    }\n    if (typeof window === 'undefined') {\n      return '';\n    }\n    const params = new URLSearchParams(window.location.search);\n    return params.get('token') ?? '';\n  }, [token]);\n\n  const handleSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      setError(null);\n\n      if (resolvedToken === '') {\n        setError(t('auth.passwordResetComplete.errors.missingToken'));\n        return;\n      }\n\n      if (password.length < MIN_PASSWORD_LENGTH) {\n        setError(\n          t('auth.passwordResetComplete.errors.minLength', {\n            minLength: MIN_PASSWORD_LENGTH,\n          }),\n        );\n        return;\n      }\n\n      if (password !== passwordConfirm) {\n        setError(t('auth.passwordResetComplete.errors.mismatch'));\n        return;\n      }\n\n      setIsSubmitting(true);\n\n      const completePasswordReset = async (): Promise<void> => {\n        try {\n          const success = await onCompletePasswordReset({\n            newPassword: password,\n            token: resolvedToken,\n          });\n          if (success) {\n            setStatus('completed');\n          } else {\n            setError(t('auth.passwordResetComplete.errors.invalid'));\n          }\n        } catch (mutationError) {\n          setError(\n            mutationError instanceof Error\n              ? mutationError.message\n              : t('auth.passwordResetComplete.errors.invalid'),\n          );\n        } finally {\n          setIsSubmitting(false);\n        }\n      };\n\n      completePasswordReset().catch(() => {\n        return undefined;\n      });\n    },\n    [onCompletePasswordReset, password, passwordConfirm, resolvedToken, t],\n  );\n\n  let content: JSX.Element;\n  if (status === 'completed') {\n    content = (\n      <AuthPanel\n        title={t('auth.passwordResetComplete.success.title')}\n        description={t('auth.passwordResetComplete.success.description')}\n        footer={\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className={styles.brandGhostButton}\n            onClick={onBackToLogin}\n          >\n            {t('auth.passwordResetComplete.success.action')}\n          </Button>\n        }\n      >\n        <p className={styles.helper}>\n          {t('auth.passwordResetComplete.success.helper')}\n        </p>\n      </AuthPanel>\n    );\n  } else {\n    content = (\n      <AuthPanel\n        title={t('auth.passwordResetComplete.form.title')}\n        description={t('auth.passwordResetComplete.form.description')}\n      >\n        <form className={styles.formSurface} onSubmit={handleSubmit} noValidate>\n          {error != null ? <FormError>{error}</FormError> : null}\n          <FormField\n            label={t('auth.passwordResetComplete.form.passwordLabel')}\n            name=\"new-password\"\n            type=\"password\"\n            value={password}\n            onChange={(event) => {\n              setPassword(event.target.value);\n              setError(null);\n            }}\n            placeholder={t(\n              'auth.passwordResetComplete.form.passwordPlaceholder',\n            )}\n            autoComplete=\"new-password\"\n            required\n          />\n          <FormField\n            label={t('auth.passwordResetComplete.form.confirmLabel')}\n            name=\"confirm-password\"\n            type=\"password\"\n            value={passwordConfirm}\n            onChange={(event) => {\n              setPasswordConfirm(event.target.value);\n              setError(null);\n            }}\n            placeholder={t(\n              'auth.passwordResetComplete.form.confirmPlaceholder',\n            )}\n            autoComplete=\"new-password\"\n            required\n          />\n          <Button type=\"submit\" isLoading={isSubmitting}>\n            {t('auth.passwordResetComplete.form.submit')}\n          </Button>\n        </form>\n      </AuthPanel>\n    );\n  }\n\n  return (\n    <AuthLayout\n      title={t('auth.passwordResetComplete.title')}\n      subtitle={t('auth.passwordResetComplete.subtitle')}\n    >\n      {content}\n    </AuthLayout>\n  );\n};\n"],"mappings":";;;;;;;AAeA,IAAM,IAAsB,GAWf,KAA+B,EAC1C,kBACA,4BACA,eACwB;CACxB,IAAM,EAAE,SAAM,GAA+B,EACvC,CAAC,GAAU,KAAe,EAAS,GAAG,EACtC,CAAC,GAAiB,KAAsB,EAAS,GAAG,EACpD,CAAC,GAAQ,KAAa,EAA+B,OAAO,EAC5D,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAc,KAAmB,EAAS,GAAM,EAEjD,IAAgB,QAChB,MAGA,OAAO,SAAW,MACb,KAGF,IADY,gBAAgB,OAAO,SAAS,OAC5C,CAAO,IAAI,QAAQ,IAAI,KAC7B,CAAC,EAAM,CAAC,EAEL,IAAe,GAClB,MAAsC;AAIrC,MAHA,EAAM,gBAAgB,EACtB,EAAS,KAAK,EAEV,MAAkB,IAAI;AACxB,KAAS,EAAE,iDAAiD,CAAC;AAC7D;;AAGF,MAAI,EAAS,SAAS,GAAqB;AACzC,KACE,EAAE,+CAA+C,EAC/C,WAAW,GACZ,CAAC,CACH;AACD;;AAGF,MAAI,MAAa,GAAiB;AAChC,KAAS,EAAE,6CAA6C,CAAC;AACzD;;AA2BF,EAxBA,EAAgB,GAAK,GAwBrB,YAtByD;AACvD,OAAI;AAKF,IAAI,MAJkB,EAAwB;KAC5C,aAAa;KACb,OAAO;KACR,CAAC,GAEA,EAAU,YAAY,GAEtB,EAAS,EAAE,4CAA4C,CAAC;YAEnD,GAAe;AACtB,MACE,aAAyB,QACrB,EAAc,UACd,EAAE,4CAA4C,CACnD;aACO;AACR,MAAgB,GAAM;;MAIH,CAAC,YAAY,GAElC;IAEJ;EAAC;EAAyB;EAAU;EAAiB;EAAe;EAAE,CACvE,EAEG;AAoEJ,QAnEA,AAsBE,IAtBE,MAAW,cAEX,kBAAC,GAAD;EACE,OAAO,EAAE,2CAA2C;EACpD,aAAa,EAAE,iDAAiD;EAChE,QACE,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,WAAW;GACX,SAAS;aAER,EAAE,4CAA4C;GACxC,CAAA;YAGX,kBAAC,KAAD;GAAG,WAAW;aACX,EAAE,4CAA4C;GAC7C,CAAA;EACM,CAAA,GAIZ,kBAAC,GAAD;EACE,OAAO,EAAE,wCAAwC;EACjD,aAAa,EAAE,8CAA8C;YAE7D,kBAAC,QAAD;GAAM,WAAW;GAAoB,UAAU;GAAc,YAAA;aAA7D;IACG,KAAS,OAAwC,OAAjC,kBAAC,GAAD,EAAA,UAAY,GAAkB,CAAA;IAC/C,kBAAC,GAAD;KACE,OAAO,EAAE,gDAAgD;KACzD,MAAK;KACL,MAAK;KACL,OAAO;KACP,WAAW,MAAU;AAEnB,MADA,EAAY,EAAM,OAAO,MAAM,EAC/B,EAAS,KAAK;;KAEhB,aAAa,EACX,sDACD;KACD,cAAa;KACb,UAAA;KACA,CAAA;IACF,kBAAC,GAAD;KACE,OAAO,EAAE,+CAA+C;KACxD,MAAK;KACL,MAAK;KACL,OAAO;KACP,WAAW,MAAU;AAEnB,MADA,EAAmB,EAAM,OAAO,MAAM,EACtC,EAAS,KAAK;;KAEhB,aAAa,EACX,qDACD;KACD,cAAa;KACb,UAAA;KACA,CAAA;IACF,kBAAC,GAAD;KAAQ,MAAK;KAAS,WAAW;eAC9B,EAAE,yCAAyC;KACrC,CAAA;IACJ;;EACG,CAAA,EAKd,kBAAC,GAAD;EACE,OAAO,EAAE,mCAAmC;EAC5C,UAAU,EAAE,sCAAsC;YAEjD;EACU,CAAA"}

package/lib/esm/{PasswordResetRequestScreen-p9s0dblR.js → PasswordResetRequestScreen-I1nFvGLd.js}

@@ -1,11 +1,12 @@
-import { a as e, f as t, s as n } from "./loginPage.css-CBJ1Ozm5.js";
-import { t as r } from "./AuthPanel-DiHejPoq.js";
+import { t as e } from "./useBackofficeReactTranslation-Btt58EIo.js";
+import { a as t, s as n } from "./loginPage.css-B7Io_DuU.js";
+import { t as r } from "./AuthPanel-BaIRFGbX.js";
 import { useCallback as i, useMemo as a, useState as o } from "react";
 import { AuthLayout as s, Button as c, FormError as l, FormField as u } from "@plumile/ui";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/auth/pages/PasswordResetRequestScreen.tsx
 var p = ({ onStartPasswordReset: p }) => {
-	let { i18n: m, t: h } = t(), [g, _] = o(""), [v, y] = o("idle"), [b, x] = o(null), [S, C] = o(!1), w = a(() => {
+	let { i18n: m, t: h } = e(), [g, _] = o(""), [v, y] = o("idle"), [b, x] = o(null), [S, C] = o(!1), w = a(() => {
 		let e = m.language.trim();
 		if (e !== "") return e;
 		if (!(typeof navigator > "u")) return navigator.language;
@@ -48,7 +49,7 @@ var p = ({ onStartPasswordReset: p }) => {
 	}) : /* @__PURE__ */ d(r, {
 		description: h("auth.passwordResetRequest.form.description"),
 		children: /* @__PURE__ */ f("form", {
-			className: e,
+			className: t,
 			onSubmit: T,
 			noValidate: !0,
 			children: [
@@ -81,4 +82,4 @@ var p = ({ onStartPasswordReset: p }) => {
 //#endregion
 export { p as t };
 
-//# sourceMappingURL=PasswordResetRequestScreen-p9s0dblR.js.map
+//# sourceMappingURL=PasswordResetRequestScreen-I1nFvGLd.js.map

package/lib/esm/PasswordResetRequestScreen-I1nFvGLd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetRequestScreen-I1nFvGLd.js","names":[],"sources":["../../src/auth/pages/PasswordResetRequestScreen.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  useCallback,\n  useMemo,\n  useState,\n  type FormEvent,\n  type JSX,\n} from 'react';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.js';\n\nimport { AuthLayout, Button, FormError, FormField } from '@plumile/ui';\n\nimport * as styles from '../login/loginPage.css.js';\nimport AuthPanel from '../login/AuthPanel.js';\n\ntype Props = {\n  onStartPasswordReset: (input: {\n    email: string;\n    locale?: string;\n  }) => Promise<boolean>;\n};\n\nexport const PasswordResetRequestScreen = ({\n  onStartPasswordReset,\n}: Props): JSX.Element => {\n  const { i18n, t } = useBackofficeReactTranslation();\n  const [email, setEmail] = useState('');\n  const [status, setStatus] = useState<'idle' | 'sent'>('idle');\n  const [error, setError] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const locale = useMemo(() => {\n    const language = i18n.language.trim();\n    if (language !== '') {\n      return language;\n    }\n    if (typeof navigator === 'undefined') {\n      return undefined;\n    }\n    return navigator.language;\n  }, [i18n.language]);\n\n  const handleSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      setError(null);\n\n      if (email.trim() === '') {\n        setError(t('auth.passwordResetRequest.errors.emailRequired'));\n        return;\n      }\n\n      setIsSubmitting(true);\n      onStartPasswordReset({\n        email: email.trim(),\n        locale,\n      })\n        .then((success) => {\n          if (success) {\n            setStatus('sent');\n          } else {\n            setError(t('auth.passwordResetRequest.errors.startFailed'));\n          }\n        })\n        .catch((mutationError) => {\n          setError(\n            mutationError instanceof Error\n              ? mutationError.message\n              : t('auth.passwordResetRequest.errors.startFailed'),\n          );\n        })\n        .finally(() => {\n          setIsSubmitting(false);\n        });\n    },\n    [email, locale, onStartPasswordReset, t],\n  );\n\n  let content: JSX.Element;\n  if (status === 'sent') {\n    content = (\n      <AuthPanel\n        title={t('auth.passwordResetRequest.sent.title')}\n        description={t('auth.passwordResetRequest.sent.description', { email })}\n        footer={\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={() => {\n              setStatus('idle');\n            }}\n          >\n            {t('auth.passwordResetRequest.sent.action')}\n          </Button>\n        }\n      >\n        <p className={styles.helper}>\n          {t('auth.passwordResetRequest.sent.helper')}\n        </p>\n      </AuthPanel>\n    );\n  } else {\n    content = (\n      <AuthPanel description={t('auth.passwordResetRequest.form.description')}>\n        <form className={styles.formSurface} onSubmit={handleSubmit} noValidate>\n          {error != null ? <FormError>{error}</FormError> : null}\n          <FormField\n            label={t('auth.passwordResetRequest.form.emailLabel')}\n            name=\"email\"\n            type=\"email\"\n            value={email}\n            onChange={(event) => {\n              setEmail(event.target.value);\n              setError(null);\n            }}\n            placeholder={t('auth.passwordResetRequest.form.emailPlaceholder')}\n            autoComplete=\"email\"\n            autoFocus\n            required\n          />\n          <Button type=\"submit\" isLoading={isSubmitting}>\n            {t('auth.passwordResetRequest.form.submit')}\n          </Button>\n        </form>\n      </AuthPanel>\n    );\n  }\n\n  return (\n    <AuthLayout title={t('auth.passwordResetRequest.title')}>\n      {content}\n    </AuthLayout>\n  );\n};\n"],"mappings":";;;;;;;AAsBA,IAAa,KAA8B,EACzC,8BACwB;CACxB,IAAM,EAAE,SAAM,SAAM,GAA+B,EAC7C,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,CAAC,GAAQ,KAAa,EAA0B,OAAO,EACvD,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAc,KAAmB,EAAS,GAAM,EAEjD,IAAS,QAAc;EAC3B,IAAM,IAAW,EAAK,SAAS,MAAM;AACrC,MAAI,MAAa,GACf,QAAO;AAEL,eAAO,YAAc,KAGzB,QAAO,UAAU;IAChB,CAAC,EAAK,SAAS,CAAC,EAEb,IAAe,GAClB,MAAsC;AAIrC,MAHA,EAAM,gBAAgB,EACtB,EAAS,KAAK,EAEV,EAAM,MAAM,KAAK,IAAI;AACvB,KAAS,EAAE,iDAAiD,CAAC;AAC7D;;AAIF,EADA,EAAgB,GAAK,EACrB,EAAqB;GACnB,OAAO,EAAM,MAAM;GACnB;GACD,CAAC,CACC,MAAM,MAAY;AACjB,GAAI,IACF,EAAU,OAAO,GAEjB,EAAS,EAAE,+CAA+C,CAAC;IAE7D,CACD,OAAO,MAAkB;AACxB,KACE,aAAyB,QACrB,EAAc,UACd,EAAE,+CAA+C,CACtD;IACD,CACD,cAAc;AACb,KAAgB,GAAM;IACtB;IAEN;EAAC;EAAO;EAAQ;EAAsB;EAAE,CACzC,EAEG;AAkDJ,QAjDA,AAuBE,IAvBE,MAAW,SAEX,kBAAC,GAAD;EACE,OAAO,EAAE,uCAAuC;EAChD,aAAa,EAAE,8CAA8C,EAAE,UAAO,CAAC;EACvE,QACE,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,eAAe;AACb,MAAU,OAAO;;aAGlB,EAAE,wCAAwC;GACpC,CAAA;YAGX,kBAAC,KAAD;GAAG,WAAW;aACX,EAAE,wCAAwC;GACzC,CAAA;EACM,CAAA,GAIZ,kBAAC,GAAD;EAAW,aAAa,EAAE,6CAA6C;YACrE,kBAAC,QAAD;GAAM,WAAW;GAAoB,UAAU;GAAc,YAAA;aAA7D;IACG,KAAS,OAAwC,OAAjC,kBAAC,GAAD,EAAA,UAAY,GAAkB,CAAA;IAC/C,kBAAC,GAAD;KACE,OAAO,EAAE,4CAA4C;KACrD,MAAK;KACL,MAAK;KACL,OAAO;KACP,WAAW,MAAU;AAEnB,MADA,EAAS,EAAM,OAAO,MAAM,EAC5B,EAAS,KAAK;;KAEhB,aAAa,EAAE,kDAAkD;KACjE,cAAa;KACb,WAAA;KACA,UAAA;KACA,CAAA;IACF,kBAAC,GAAD;KAAQ,MAAK;KAAS,WAAW;eAC9B,EAAE,wCAAwC;KACpC,CAAA;IACJ;;EACG,CAAA,EAKd,kBAAC,GAAD;EAAY,OAAO,EAAE,kCAAkC;YACpD;EACU,CAAA"}

package/lib/esm/{VerifyEmailScreen--9lxOGlW.js → VerifyEmailScreen-Br5KyHjg.js}

@@ -1,10 +1,11 @@
-import { d as e, f as t, s as n } from "./loginPage.css-CBJ1Ozm5.js";
+import { t as e } from "./useBackofficeReactTranslation-Btt58EIo.js";
+import { d as t, s as n } from "./loginPage.css-B7Io_DuU.js";
 import { useEffect as r, useMemo as i, useState as a } from "react";
 import { AuthLayout as o, Button as s, FormError as c } from "@plumile/ui";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/auth/pages/VerifyEmailScreen.tsx
 var d = ({ onBackToLogin: d, onVerifyEmail: f, token: p }) => {
-	let { t: m } = t(), [h, g] = a("pending"), [_, v] = a(null), y = i(() => p ?? (typeof window > "u" ? "" : new URLSearchParams(window.location.search).get("token") ?? ""), [p]);
+	let { t: m } = e(), [h, g] = a("pending"), [_, v] = a(null), y = i(() => p ?? (typeof window > "u" ? "" : new URLSearchParams(window.location.search).get("token") ?? ""), [p]);
 	r(() => {
 		if (y === "") {
 			g("error"), v(m("auth.verifyEmail.errors.missingToken"));
@@ -24,7 +25,7 @@ var d = ({ onBackToLogin: d, onVerifyEmail: f, token: p }) => {
 	]);
 	let b;
 	return b = h === "success" ? /* @__PURE__ */ u("div", {
-		className: e,
+		className: t,
 		children: [/* @__PURE__ */ l("p", {
 			className: n,
 			children: m("auth.verifyEmail.status.success")
@@ -35,7 +36,7 @@ var d = ({ onBackToLogin: d, onVerifyEmail: f, token: p }) => {
 			children: m("auth.verifyEmail.actions.continue")
 		})]
 	}) : h === "error" ? /* @__PURE__ */ u("div", {
-		className: e,
+		className: t,
 		children: [_ == null ? null : /* @__PURE__ */ l(c, { children: _ }), /* @__PURE__ */ l(s, {
 			type: "button",
 			variant: "secondary",
@@ -43,7 +44,7 @@ var d = ({ onBackToLogin: d, onVerifyEmail: f, token: p }) => {
 			children: m("auth.verifyEmail.actions.return")
 		})]
 	}) : /* @__PURE__ */ u("div", {
-		className: e,
+		className: t,
 		children: [/* @__PURE__ */ l("p", {
 			className: n,
 			children: m("auth.verifyEmail.status.verifying")
@@ -61,4 +62,4 @@ var d = ({ onBackToLogin: d, onVerifyEmail: f, token: p }) => {
 //#endregion
 export { d as t };
 
-//# sourceMappingURL=VerifyEmailScreen--9lxOGlW.js.map
+//# sourceMappingURL=VerifyEmailScreen-Br5KyHjg.js.map

package/lib/esm/VerifyEmailScreen-Br5KyHjg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifyEmailScreen-Br5KyHjg.js","names":[],"sources":["../../src/auth/pages/VerifyEmailScreen.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { useEffect, useMemo, useState, type JSX } from 'react';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.js';\n\nimport { AuthLayout, Button, FormError } from '@plumile/ui';\n\nimport * as styles from '../login/loginPage.css.js';\n\ntype VerificationState = 'pending' | 'success' | 'error';\n\ntype Props = {\n  onBackToLogin: () => void;\n  onVerifyEmail: (input: { token: string }) => Promise<boolean>;\n  token?: string;\n};\n\nexport const VerifyEmailScreen = ({\n  onBackToLogin,\n  onVerifyEmail,\n  token,\n}: Props): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const [state, setState] = useState<VerificationState>('pending');\n  const [error, setError] = useState<string | null>(null);\n\n  const resolvedToken = useMemo(() => {\n    if (token != null) {\n      return token;\n    }\n    if (typeof window === 'undefined') {\n      return '';\n    }\n    const params = new URLSearchParams(window.location.search);\n    return params.get('token') ?? '';\n  }, [token]);\n\n  useEffect(() => {\n    if (resolvedToken === '') {\n      setState('error');\n      setError(t('auth.verifyEmail.errors.missingToken'));\n      return;\n    }\n\n    const verifyEmail = async (): Promise<void> => {\n      try {\n        const success = await onVerifyEmail({ token: resolvedToken });\n        if (success) {\n          setState('success');\n        } else {\n          setState('error');\n          setError(t('auth.verifyEmail.errors.invalid'));\n        }\n      } catch (mutationError) {\n        setState('error');\n        setError(\n          mutationError instanceof Error\n            ? mutationError.message\n            : t('auth.verifyEmail.errors.invalid'),\n        );\n      }\n    };\n\n    verifyEmail().catch(() => {\n      return undefined;\n    });\n  }, [onVerifyEmail, resolvedToken, t]);\n\n  let content: JSX.Element;\n  if (state === 'success') {\n    content = (\n      <div className={styles.stack}>\n        <p className={styles.helper}>{t('auth.verifyEmail.status.success')}</p>\n        <Button type=\"button\" variant=\"secondary\" onClick={onBackToLogin}>\n          {t('auth.verifyEmail.actions.continue')}\n        </Button>\n      </div>\n    );\n  } else if (state === 'error') {\n    content = (\n      <div className={styles.stack}>\n        {error != null ? <FormError>{error}</FormError> : null}\n        <Button type=\"button\" variant=\"secondary\" onClick={onBackToLogin}>\n          {t('auth.verifyEmail.actions.return')}\n        </Button>\n      </div>\n    );\n  } else {\n    content = (\n      <div className={styles.stack}>\n        <p className={styles.helper}>\n          {t('auth.verifyEmail.status.verifying')}\n        </p>\n        <Button type=\"button\" isLoading>\n          {t('auth.verifyEmail.status.verifyingButton')}\n        </Button>\n      </div>\n    );\n  }\n\n  return (\n    <AuthLayout\n      title={t('auth.verifyEmail.title')}\n      subtitle={t('auth.verifyEmail.subtitle')}\n    >\n      {content}\n    </AuthLayout>\n  );\n};\n"],"mappings":";;;;;;AAgBA,IAAa,KAAqB,EAChC,kBACA,kBACA,eACwB;CACxB,IAAM,EAAE,SAAM,GAA+B,EACvC,CAAC,GAAO,KAAY,EAA4B,UAAU,EAC1D,CAAC,GAAO,KAAY,EAAwB,KAAK,EAEjD,IAAgB,QAChB,MAGA,OAAO,SAAW,MACb,KAGF,IADY,gBAAgB,OAAO,SAAS,OAC5C,CAAO,IAAI,QAAQ,IAAI,KAC7B,CAAC,EAAM,CAAC;AAEX,SAAgB;AACd,MAAI,MAAkB,IAAI;AAExB,GADA,EAAS,QAAQ,EACjB,EAAS,EAAE,uCAAuC,CAAC;AACnD;;AAsBF,eAnB+C;AAC7C,OAAI;AAEF,IAAI,MADkB,EAAc,EAAE,OAAO,GAAe,CAAC,GAE3D,EAAS,UAAU,IAEnB,EAAS,QAAQ,EACjB,EAAS,EAAE,kCAAkC,CAAC;YAEzC,GAAe;AAEtB,IADA,EAAS,QAAQ,EACjB,EACE,aAAyB,QACrB,EAAc,UACd,EAAE,kCAAkC,CACzC;;MAIQ,CAAC,YAAY,GAExB;IACD;EAAC;EAAe;EAAe;EAAE,CAAC;CAErC,IAAI;AAgCJ,QA/BA,AAmBE,IAnBE,MAAU,YAEV,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,KAAD;GAAG,WAAW;aAAgB,EAAE,kCAAkC;GAAK,CAAA,EACvE,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;GAAY,SAAS;aAChD,EAAE,oCAAoC;GAChC,CAAA,CACL;MAEC,MAAU,UAEjB,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,KAAS,OAAwC,OAAjC,kBAAC,GAAD,EAAA,UAAY,GAAkB,CAAA,EAC/C,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;GAAY,SAAS;aAChD,EAAE,kCAAkC;GAC9B,CAAA,CACL;MAIN,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,KAAD;GAAG,WAAW;aACX,EAAE,oCAAoC;GACrC,CAAA,EACJ,kBAAC,GAAD;GAAQ,MAAK;GAAS,WAAA;aACnB,EAAE,0CAA0C;GACtC,CAAA,CACL;KAKR,kBAAC,GAAD;EACE,OAAO,EAAE,yBAAyB;EAClC,UAAU,EAAE,4BAA4B;YAEvC;EACU,CAAA"}