/* This file is part of GNU Taler (C) 2022-2024 Taler Systems S.A. GNU Taler is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 3, or (at your option) any later version. GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with GNU Taler; see the file COPYING. If not, see */ import { Button, InputLine, LocalNotificationBanner, UIHandlerId, useLocalNotificationHandler, useTranslationContext, } from "@gnu-taler/web-util/browser"; import { VNode, h } from "preact"; import { FormErrors, useFormState } from "../hooks/form.js"; import { useOfficer } from "../hooks/officer.js"; import { undefinedIfEmpty } from "./CreateAccount.js"; type FormType = { password: string; }; export function UnlockAccount(): VNode { const { i18n } = useTranslationContext(); const officer = useOfficer(); const [notification, withErrorHandler] = useLocalNotificationHandler(); const { handler, status } = useFormState( [".password"] as Array, { password: undefined, }, (state) => { const errors = undefinedIfEmpty>({ password: !state.password ? i18n.str`required` : undefined, }); if (errors === undefined) { return { status: "ok", result: state as FormType, errors, }; } return { status: "fail", result: state, errors, }; }, ); const unlockHandler = status.status === "fail" || officer.state !== "locked" ? undefined : withErrorHandler( async () => officer.tryUnlock(handler.password!.value!), () => {}, ); const forgetHandler = status.status === "fail" || officer.state !== "locked" ? undefined : withErrorHandler( async () => officer.forget(), () => {}, ); return (

Account locked

Your account is normally locked anytime you reload. To unlock type your password again.

label={i18n.str`Password`} name="password" type="password" required handler={handler.password} />
); }