@tinyrack/issuary-server 0.22.0 → 0.24.0

package/public/assets/{forgot-DzDcduho.js.map → forgot-Dr88fVMq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"forgot-DzDcduho.js","names":["standardSchemaResolver","useMutation","Link","useNavigate","TRButton","TRText","MailCheckIcon","MailIcon","useMemo","useState","useForm","useTranslation","z","AuthField","AuthFooter","AuthFooterLink","AuthOutcome","AuthPageHeader","AuthLayout","forgotPasswordMutationOptions","ForgotPasswordFormValues","email","ForgotPassword","t","navigate","emailSent","setEmailSent","submittedEmail","setSubmittedEmail","forgotPasswordSchema","object","string","min","pipe","forgotPasswordMutation","onSuccess","register","setError","handleSubmit","formState","errors","defaultValues","resolver","onSubmit","values","mutateAsync","error","code","type","message","to","isPending","component"],"sources":["../../../../node_modules/.pnpm/lucide-react@1.25.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/mail-check.mjs","../../../frontend/src/routes/password/forgot/index.tsx?tsr-split=component"],"sourcesContent":["/**\n * @license lucide-react v1.25.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8\", key: \"12jkf8\" }],\n  [\"path\", { d: \"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\", key: \"1ocrg3\" }],\n  [\"path\", { d: \"m16 19 2 2 4-4\", key: \"1b14m6\" }]\n];\nconst MailCheck = createLucideIcon(\"mail-check\", __iconNode);\n\nexport { __iconNode, MailCheck as default };\n//# sourceMappingURL=mail-check.mjs.map\n","import { standardSchemaResolver } from '@hookform/resolvers/standard-schema';\nimport { useMutation } from '@tanstack/react-query';\nimport {\n  createFileRoute,\n  Link,\n  redirect,\n  useNavigate,\n} from '@tanstack/react-router';\nimport { TRButton } from '@tinyrack/ui/components/button';\nimport { TRText } from '@tinyrack/ui/components/text';\nimport { MailCheckIcon, MailIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { z } from 'zod';\nimport { AuthField } from '#frontend/components/auth/auth-field.tsx';\nimport {\n  AuthFooter,\n  AuthFooterLink,\n} from '#frontend/components/auth/auth-footer.tsx';\nimport { AuthOutcome } from '#frontend/components/auth/auth-outcome.tsx';\nimport { AuthPageHeader } from '#frontend/components/auth/auth-page-header.tsx';\nimport { RouteErrorFallback } from '#frontend/components/ui/route-error-fallback.tsx';\nimport { AuthLayout } from '#frontend/features/layout/auth-layout.tsx';\nimport { appConfigQueryOptions } from '#frontend/queries/config.ts';\nimport { forgotPasswordMutationOptions } from '#frontend/queries/password-reset.ts';\n\nexport const Route = createFileRoute('/password/forgot/')({\n  component: ForgotPassword,\n  errorComponent: RouteErrorFallback,\n  beforeLoad: async ({ context }) => {\n    const config = await context.queryClient.ensureQueryData(\n      appConfigQueryOptions,\n    );\n    const isPasswordAuthEnabled = config?.auth.password.enabled;\n    if (!isPasswordAuthEnabled) {\n      throw redirect({ to: '/login' });\n    }\n  },\n  loader: async ({ context }) => {\n    await context.queryClient.ensureQueryData(appConfigQueryOptions);\n  },\n});\n\ntype ForgotPasswordFormValues = {\n  email: string;\n};\n\nfunction ForgotPassword() {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const [emailSent, setEmailSent] = useState(false);\n  const [submittedEmail, setSubmittedEmail] = useState('');\n\n  const forgotPasswordSchema = useMemo(\n    () =>\n      z.object({\n        email: z\n          .string()\n          .min(1, t('validation.email.required'))\n          .pipe(z.email(t('validation.email.invalid'))),\n      }),\n    [t],\n  );\n\n  const forgotPasswordMutation = useMutation({\n    ...forgotPasswordMutationOptions,\n    onSuccess: () => {\n      setEmailSent(true);\n    },\n  });\n\n  const {\n    register,\n    setError,\n    handleSubmit,\n    formState: { errors },\n  } = useForm<ForgotPasswordFormValues>({\n    defaultValues: {\n      email: '',\n    },\n    resolver: standardSchemaResolver(forgotPasswordSchema),\n  });\n\n  const onSubmit = async (values: ForgotPasswordFormValues) => {\n    try {\n      setSubmittedEmail(values.email);\n      await forgotPasswordMutation.mutateAsync(values);\n    } catch (error) {\n      if (\n        error &&\n        typeof error === 'object' &&\n        'code' in error &&\n        error.code === 'USER_NOT_EDITABLE'\n      ) {\n        setError('email', {\n          type: 'manual',\n          message: t('forgotPassword.error.notEditable'),\n        });\n      } else {\n        setEmailSent(true);\n      }\n    }\n  };\n\n  if (emailSent) {\n    return (\n      <AuthLayout>\n        {/*\n          The testid stays on a wrapper: e2e treats \"the success alert\" as the\n          whole terminal state, which is now the outcome block rather than a\n          banner stacked above a header.\n        */}\n        <div data-testid=\"alert-success\">\n          <AuthOutcome\n            description={\n              <>\n                {t('forgotPassword.success.subtitle')}\n                <br />\n                {t('forgotPassword.success.description', {\n                  email: submittedEmail,\n                })}\n              </>\n            }\n            icon={MailCheckIcon}\n            title={t('forgotPassword.success.title')}\n            tone=\"success\"\n          >\n            <TRButton\n              className=\"w-full\"\n              intent=\"primary\"\n              onClick={() => navigate({ to: '/login' })}\n              type=\"button\"\n              uiSize=\"lg\"\n            >\n              {t('forgotPassword.backToLogin')}\n            </TRButton>\n            <TRText align=\"center\" color=\"muted\" variant=\"caption\">\n              {t('forgotPassword.success.checkSpam')}\n            </TRText>\n          </AuthOutcome>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  return (\n    <AuthLayout>\n      <AuthPageHeader\n        subtitle={t('forgotPassword.subtitle')}\n        title={t('forgotPassword.title')}\n      />\n\n      <form\n        className=\"flex flex-col gap-tinyrack-lg\"\n        onSubmit={handleSubmit(onSubmit)}\n      >\n        <AuthField\n          autoComplete=\"email\"\n          error={errors.email}\n          icon={MailIcon}\n          label={t('forgotPassword.email.label')}\n          placeholder={t('forgotPassword.email.placeholder')}\n          {...register('email')}\n          type=\"email\"\n        />\n\n        <TRButton\n          className=\"w-full\"\n          intent=\"primary\"\n          loading={forgotPasswordMutation.isPending}\n          loadingLabel={t('forgotPassword.submitting')}\n          type=\"submit\"\n          uiSize=\"lg\"\n        >\n          {t('forgotPassword.submit')}\n        </TRButton>\n      </form>\n\n      <AuthFooter>\n        <AuthFooterLink\n          link={<Link to=\"/login\">{t('register.link.login')}</Link>}\n          text={t('forgotPassword.footer.rememberedPassword')}\n        />\n      </AuthFooter>\n    </AuthLayout>\n  );\n}\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"forgot-Dr88fVMq.js","names":["standardSchemaResolver","useMutation","Link","useNavigate","TRButton","TRText","MailCheckIcon","MailIcon","useMemo","useState","useForm","useTranslation","z","AuthField","AuthFooter","AuthFooterLink","AuthOutcome","AuthPageHeader","AuthLayout","forgotPasswordMutationOptions","ForgotPasswordFormValues","email","ForgotPassword","t","navigate","emailSent","setEmailSent","submittedEmail","setSubmittedEmail","forgotPasswordSchema","object","string","min","pipe","forgotPasswordMutation","onSuccess","register","setError","handleSubmit","formState","errors","defaultValues","resolver","onSubmit","values","mutateAsync","error","code","type","message","to","isPending","component"],"sources":["../../../../node_modules/.pnpm/lucide-react@1.25.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/mail-check.mjs","../../../frontend/src/routes/password/forgot/index.tsx?tsr-split=component"],"sourcesContent":["/**\n * @license lucide-react v1.25.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8\", key: \"12jkf8\" }],\n  [\"path\", { d: \"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\", key: \"1ocrg3\" }],\n  [\"path\", { d: \"m16 19 2 2 4-4\", key: \"1b14m6\" }]\n];\nconst MailCheck = createLucideIcon(\"mail-check\", __iconNode);\n\nexport { __iconNode, MailCheck as default };\n//# sourceMappingURL=mail-check.mjs.map\n","import { standardSchemaResolver } from '@hookform/resolvers/standard-schema';\nimport { useMutation } from '@tanstack/react-query';\nimport {\n  createFileRoute,\n  Link,\n  redirect,\n  useNavigate,\n} from '@tanstack/react-router';\nimport { TRButton } from '@tinyrack/ui/components/button';\nimport { TRText } from '@tinyrack/ui/components/text';\nimport { MailCheckIcon, MailIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { z } from 'zod';\nimport { AuthField } from '#frontend/components/auth/auth-field.tsx';\nimport {\n  AuthFooter,\n  AuthFooterLink,\n} from '#frontend/components/auth/auth-footer.tsx';\nimport { AuthOutcome } from '#frontend/components/auth/auth-outcome.tsx';\nimport { AuthPageHeader } from '#frontend/components/auth/auth-page-header.tsx';\nimport { RouteErrorFallback } from '#frontend/components/ui/route-error-fallback.tsx';\nimport { AuthLayout } from '#frontend/features/layout/auth-layout.tsx';\nimport { appConfigQueryOptions } from '#frontend/queries/config.ts';\nimport { forgotPasswordMutationOptions } from '#frontend/queries/password-reset.ts';\n\nexport const Route = createFileRoute('/password/forgot/')({\n  component: ForgotPassword,\n  errorComponent: RouteErrorFallback,\n  beforeLoad: async ({ context }) => {\n    const config = await context.queryClient.ensureQueryData(\n      appConfigQueryOptions,\n    );\n    const isPasswordAuthEnabled = config?.auth.password.enabled;\n    if (!isPasswordAuthEnabled) {\n      throw redirect({ to: '/login' });\n    }\n  },\n  loader: async ({ context }) => {\n    await context.queryClient.ensureQueryData(appConfigQueryOptions);\n  },\n});\n\ntype ForgotPasswordFormValues = {\n  email: string;\n};\n\nfunction ForgotPassword() {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const [emailSent, setEmailSent] = useState(false);\n  const [submittedEmail, setSubmittedEmail] = useState('');\n\n  const forgotPasswordSchema = useMemo(\n    () =>\n      z.object({\n        email: z\n          .string()\n          .min(1, t('validation.email.required'))\n          .pipe(z.email(t('validation.email.invalid'))),\n      }),\n    [t],\n  );\n\n  const forgotPasswordMutation = useMutation({\n    ...forgotPasswordMutationOptions,\n    onSuccess: () => {\n      setEmailSent(true);\n    },\n  });\n\n  const {\n    register,\n    setError,\n    handleSubmit,\n    formState: { errors },\n  } = useForm<ForgotPasswordFormValues>({\n    defaultValues: {\n      email: '',\n    },\n    resolver: standardSchemaResolver(forgotPasswordSchema),\n  });\n\n  const onSubmit = async (values: ForgotPasswordFormValues) => {\n    try {\n      setSubmittedEmail(values.email);\n      await forgotPasswordMutation.mutateAsync(values);\n    } catch (error) {\n      if (\n        error &&\n        typeof error === 'object' &&\n        'code' in error &&\n        error.code === 'USER_NOT_EDITABLE'\n      ) {\n        setError('email', {\n          type: 'manual',\n          message: t('forgotPassword.error.notEditable'),\n        });\n      } else {\n        setEmailSent(true);\n      }\n    }\n  };\n\n  if (emailSent) {\n    return (\n      <AuthLayout>\n        {/*\n          The testid stays on a wrapper: e2e treats \"the success alert\" as the\n          whole terminal state, which is now the outcome block rather than a\n          banner stacked above a header.\n        */}\n        <div data-testid=\"alert-success\">\n          <AuthOutcome\n            description={\n              <>\n                {t('forgotPassword.success.subtitle')}\n                <br />\n                {t('forgotPassword.success.description', {\n                  email: submittedEmail,\n                })}\n              </>\n            }\n            icon={MailCheckIcon}\n            title={t('forgotPassword.success.title')}\n            tone=\"success\"\n          >\n            <TRButton\n              className=\"w-full\"\n              intent=\"primary\"\n              onClick={() => navigate({ to: '/login' })}\n              type=\"button\"\n              uiSize=\"lg\"\n            >\n              {t('forgotPassword.backToLogin')}\n            </TRButton>\n            <TRText align=\"center\" color=\"muted\" variant=\"caption\">\n              {t('forgotPassword.success.checkSpam')}\n            </TRText>\n          </AuthOutcome>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  return (\n    <AuthLayout>\n      <AuthPageHeader\n        subtitle={t('forgotPassword.subtitle')}\n        title={t('forgotPassword.title')}\n      />\n\n      <form\n        className=\"flex flex-col gap-tinyrack-lg\"\n        onSubmit={handleSubmit(onSubmit)}\n      >\n        <AuthField\n          autoComplete=\"email\"\n          error={errors.email}\n          icon={MailIcon}\n          label={t('forgotPassword.email.label')}\n          placeholder={t('forgotPassword.email.placeholder')}\n          {...register('email')}\n          type=\"email\"\n        />\n\n        <TRButton\n          className=\"w-full\"\n          intent=\"primary\"\n          loading={forgotPasswordMutation.isPending}\n          loadingLabel={t('forgotPassword.submitting')}\n          type=\"submit\"\n          uiSize=\"lg\"\n        >\n          {t('forgotPassword.submit')}\n        </TRButton>\n      </form>\n\n      <AuthFooter>\n        <AuthFooterLink\n          link={<Link to=\"/login\">{t('register.link.login')}</Link>}\n          text={t('forgotPassword.footer.rememberedPassword')}\n        />\n      </AuthFooter>\n    </AuthLayout>\n  );\n}\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/public/assets/forgot-UcpXAI9J.js

@@ -0,0 +1,2 @@
+import{I as e}from"./index-CZ0rWM7l.js";var t=e;export{t as errorComponent};
+//# sourceMappingURL=forgot-UcpXAI9J.js.map

package/public/assets/{forgot-UL_cNRnQ.js.map → forgot-UcpXAI9J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"forgot-UL_cNRnQ.js","names":["RouteErrorFallback","ForgotPasswordFormValues","email","SplitErrorComponent","errorComponent"],"sources":["../../../frontend/src/routes/password/forgot/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import { standardSchemaResolver } from '@hookform/resolvers/standard-schema';\nimport { useMutation } from '@tanstack/react-query';\nimport {\n  createFileRoute,\n  Link,\n  redirect,\n  useNavigate,\n} from '@tanstack/react-router';\nimport { TRButton } from '@tinyrack/ui/components/button';\nimport { TRText } from '@tinyrack/ui/components/text';\nimport { MailCheckIcon, MailIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { z } from 'zod';\nimport { AuthField } from '#frontend/components/auth/auth-field.tsx';\nimport {\n  AuthFooter,\n  AuthFooterLink,\n} from '#frontend/components/auth/auth-footer.tsx';\nimport { AuthOutcome } from '#frontend/components/auth/auth-outcome.tsx';\nimport { AuthPageHeader } from '#frontend/components/auth/auth-page-header.tsx';\nimport { RouteErrorFallback } from '#frontend/components/ui/route-error-fallback.tsx';\nimport { AuthLayout } from '#frontend/features/layout/auth-layout.tsx';\nimport { appConfigQueryOptions } from '#frontend/queries/config.ts';\nimport { forgotPasswordMutationOptions } from '#frontend/queries/password-reset.ts';\n\nexport const Route = createFileRoute('/password/forgot/')({\n  component: ForgotPassword,\n  errorComponent: RouteErrorFallback,\n  beforeLoad: async ({ context }) => {\n    const config = await context.queryClient.ensureQueryData(\n      appConfigQueryOptions,\n    );\n    const isPasswordAuthEnabled = config?.auth.password.enabled;\n    if (!isPasswordAuthEnabled) {\n      throw redirect({ to: '/login' });\n    }\n  },\n  loader: async ({ context }) => {\n    await context.queryClient.ensureQueryData(appConfigQueryOptions);\n  },\n});\n\ntype ForgotPasswordFormValues = {\n  email: string;\n};\n\nfunction ForgotPassword() {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const [emailSent, setEmailSent] = useState(false);\n  const [submittedEmail, setSubmittedEmail] = useState('');\n\n  const forgotPasswordSchema = useMemo(\n    () =>\n      z.object({\n        email: z\n          .string()\n          .min(1, t('validation.email.required'))\n          .pipe(z.email(t('validation.email.invalid'))),\n      }),\n    [t],\n  );\n\n  const forgotPasswordMutation = useMutation({\n    ...forgotPasswordMutationOptions,\n    onSuccess: () => {\n      setEmailSent(true);\n    },\n  });\n\n  const {\n    register,\n    setError,\n    handleSubmit,\n    formState: { errors },\n  } = useForm<ForgotPasswordFormValues>({\n    defaultValues: {\n      email: '',\n    },\n    resolver: standardSchemaResolver(forgotPasswordSchema),\n  });\n\n  const onSubmit = async (values: ForgotPasswordFormValues) => {\n    try {\n      setSubmittedEmail(values.email);\n      await forgotPasswordMutation.mutateAsync(values);\n    } catch (error) {\n      if (\n        error &&\n        typeof error === 'object' &&\n        'code' in error &&\n        error.code === 'USER_NOT_EDITABLE'\n      ) {\n        setError('email', {\n          type: 'manual',\n          message: t('forgotPassword.error.notEditable'),\n        });\n      } else {\n        setEmailSent(true);\n      }\n    }\n  };\n\n  if (emailSent) {\n    return (\n      <AuthLayout>\n        {/*\n          The testid stays on a wrapper: e2e treats \"the success alert\" as the\n          whole terminal state, which is now the outcome block rather than a\n          banner stacked above a header.\n        */}\n        <div data-testid=\"alert-success\">\n          <AuthOutcome\n            description={\n              <>\n                {t('forgotPassword.success.subtitle')}\n                <br />\n                {t('forgotPassword.success.description', {\n                  email: submittedEmail,\n                })}\n              </>\n            }\n            icon={MailCheckIcon}\n            title={t('forgotPassword.success.title')}\n            tone=\"success\"\n          >\n            <TRButton\n              className=\"w-full\"\n              intent=\"primary\"\n              onClick={() => navigate({ to: '/login' })}\n              type=\"button\"\n              uiSize=\"lg\"\n            >\n              {t('forgotPassword.backToLogin')}\n            </TRButton>\n            <TRText align=\"center\" color=\"muted\" variant=\"caption\">\n              {t('forgotPassword.success.checkSpam')}\n            </TRText>\n          </AuthOutcome>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  return (\n    <AuthLayout>\n      <AuthPageHeader\n        subtitle={t('forgotPassword.subtitle')}\n        title={t('forgotPassword.title')}\n      />\n\n      <form\n        className=\"flex flex-col gap-tinyrack-lg\"\n        onSubmit={handleSubmit(onSubmit)}\n      >\n        <AuthField\n          autoComplete=\"email\"\n          error={errors.email}\n          icon={MailIcon}\n          label={t('forgotPassword.email.label')}\n          placeholder={t('forgotPassword.email.placeholder')}\n          {...register('email')}\n          type=\"email\"\n        />\n\n        <TRButton\n          className=\"w-full\"\n          intent=\"primary\"\n          loading={forgotPasswordMutation.isPending}\n          loadingLabel={t('forgotPassword.submitting')}\n          type=\"submit\"\n          uiSize=\"lg\"\n        >\n          {t('forgotPassword.submit')}\n        </TRButton>\n      </form>\n\n      <AuthFooter>\n        <AuthFooterLink\n          link={<Link to=\"/login\">{t('register.link.login')}</Link>}\n          text={t('forgotPassword.footer.rememberedPassword')}\n        />\n      </AuthFooter>\n    </AuthLayout>\n  );\n}\n"],"mappings":"wCA8CE,IAAAG,EAxBOH"}
+{"version":3,"file":"forgot-UcpXAI9J.js","names":["RouteErrorFallback","ForgotPasswordFormValues","email","SplitErrorComponent","errorComponent"],"sources":["../../../frontend/src/routes/password/forgot/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import { standardSchemaResolver } from '@hookform/resolvers/standard-schema';\nimport { useMutation } from '@tanstack/react-query';\nimport {\n  createFileRoute,\n  Link,\n  redirect,\n  useNavigate,\n} from '@tanstack/react-router';\nimport { TRButton } from '@tinyrack/ui/components/button';\nimport { TRText } from '@tinyrack/ui/components/text';\nimport { MailCheckIcon, MailIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { z } from 'zod';\nimport { AuthField } from '#frontend/components/auth/auth-field.tsx';\nimport {\n  AuthFooter,\n  AuthFooterLink,\n} from '#frontend/components/auth/auth-footer.tsx';\nimport { AuthOutcome } from '#frontend/components/auth/auth-outcome.tsx';\nimport { AuthPageHeader } from '#frontend/components/auth/auth-page-header.tsx';\nimport { RouteErrorFallback } from '#frontend/components/ui/route-error-fallback.tsx';\nimport { AuthLayout } from '#frontend/features/layout/auth-layout.tsx';\nimport { appConfigQueryOptions } from '#frontend/queries/config.ts';\nimport { forgotPasswordMutationOptions } from '#frontend/queries/password-reset.ts';\n\nexport const Route = createFileRoute('/password/forgot/')({\n  component: ForgotPassword,\n  errorComponent: RouteErrorFallback,\n  beforeLoad: async ({ context }) => {\n    const config = await context.queryClient.ensureQueryData(\n      appConfigQueryOptions,\n    );\n    const isPasswordAuthEnabled = config?.auth.password.enabled;\n    if (!isPasswordAuthEnabled) {\n      throw redirect({ to: '/login' });\n    }\n  },\n  loader: async ({ context }) => {\n    await context.queryClient.ensureQueryData(appConfigQueryOptions);\n  },\n});\n\ntype ForgotPasswordFormValues = {\n  email: string;\n};\n\nfunction ForgotPassword() {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const [emailSent, setEmailSent] = useState(false);\n  const [submittedEmail, setSubmittedEmail] = useState('');\n\n  const forgotPasswordSchema = useMemo(\n    () =>\n      z.object({\n        email: z\n          .string()\n          .min(1, t('validation.email.required'))\n          .pipe(z.email(t('validation.email.invalid'))),\n      }),\n    [t],\n  );\n\n  const forgotPasswordMutation = useMutation({\n    ...forgotPasswordMutationOptions,\n    onSuccess: () => {\n      setEmailSent(true);\n    },\n  });\n\n  const {\n    register,\n    setError,\n    handleSubmit,\n    formState: { errors },\n  } = useForm<ForgotPasswordFormValues>({\n    defaultValues: {\n      email: '',\n    },\n    resolver: standardSchemaResolver(forgotPasswordSchema),\n  });\n\n  const onSubmit = async (values: ForgotPasswordFormValues) => {\n    try {\n      setSubmittedEmail(values.email);\n      await forgotPasswordMutation.mutateAsync(values);\n    } catch (error) {\n      if (\n        error &&\n        typeof error === 'object' &&\n        'code' in error &&\n        error.code === 'USER_NOT_EDITABLE'\n      ) {\n        setError('email', {\n          type: 'manual',\n          message: t('forgotPassword.error.notEditable'),\n        });\n      } else {\n        setEmailSent(true);\n      }\n    }\n  };\n\n  if (emailSent) {\n    return (\n      <AuthLayout>\n        {/*\n          The testid stays on a wrapper: e2e treats \"the success alert\" as the\n          whole terminal state, which is now the outcome block rather than a\n          banner stacked above a header.\n        */}\n        <div data-testid=\"alert-success\">\n          <AuthOutcome\n            description={\n              <>\n                {t('forgotPassword.success.subtitle')}\n                <br />\n                {t('forgotPassword.success.description', {\n                  email: submittedEmail,\n                })}\n              </>\n            }\n            icon={MailCheckIcon}\n            title={t('forgotPassword.success.title')}\n            tone=\"success\"\n          >\n            <TRButton\n              className=\"w-full\"\n              intent=\"primary\"\n              onClick={() => navigate({ to: '/login' })}\n              type=\"button\"\n              uiSize=\"lg\"\n            >\n              {t('forgotPassword.backToLogin')}\n            </TRButton>\n            <TRText align=\"center\" color=\"muted\" variant=\"caption\">\n              {t('forgotPassword.success.checkSpam')}\n            </TRText>\n          </AuthOutcome>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  return (\n    <AuthLayout>\n      <AuthPageHeader\n        subtitle={t('forgotPassword.subtitle')}\n        title={t('forgotPassword.title')}\n      />\n\n      <form\n        className=\"flex flex-col gap-tinyrack-lg\"\n        onSubmit={handleSubmit(onSubmit)}\n      >\n        <AuthField\n          autoComplete=\"email\"\n          error={errors.email}\n          icon={MailIcon}\n          label={t('forgotPassword.email.label')}\n          placeholder={t('forgotPassword.email.placeholder')}\n          {...register('email')}\n          type=\"email\"\n        />\n\n        <TRButton\n          className=\"w-full\"\n          intent=\"primary\"\n          loading={forgotPasswordMutation.isPending}\n          loadingLabel={t('forgotPassword.submitting')}\n          type=\"submit\"\n          uiSize=\"lg\"\n        >\n          {t('forgotPassword.submit')}\n        </TRButton>\n      </form>\n\n      <AuthFooter>\n        <AuthFooterLink\n          link={<Link to=\"/login\">{t('register.link.login')}</Link>}\n          text={t('forgotPassword.footer.rememberedPassword')}\n        />\n      </AuthFooter>\n    </AuthLayout>\n  );\n}\n"],"mappings":"wCA8CE,IAAAG,EAxBOH"}