/* This file is part of GNU Taler (C) 2022 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 { Amounts, PaytoUri } from "@gnu-taler/taler-util"; import { Fragment, h, VNode } from "preact"; import { ErrorMessage } from "../../components/ErrorMessage.js"; import { LoadingError } from "../../components/LoadingError.js"; import { SelectList } from "../../components/SelectList.js"; import { ErrorText, Input, InputWithLabel, SubTitle, WarningBox, } from "../../components/styled/index.js"; import { useTranslationContext } from "../../context/translation.js"; import { Button } from "../../mui/Button.js"; import { State } from "./index.js"; export function LoadingErrorView({ error }: State.LoadingUriError): VNode { const { i18n } = useTranslationContext(); return ( Could not load deposit balance} error={error} /> ); } export function AmountOrCurrencyErrorView( p: State.AmountOrCurrencyError, ): VNode { const { i18n } = useTranslationContext(); return ( A currency or an amount should be indicated } /> ); } export function NoEnoughBalanceView({ currency, }: State.NoEnoughBalance): VNode { const { i18n } = useTranslationContext(); return ( There is no enough balance to make a deposit for currency {currency} } /> ); } function AccountDetails({ account }: { account: PaytoUri }): VNode { if (account.isKnown) { if (account.targetType === "bitcoin") { return (
Bitcoin
{account.targetPath}
); } if (account.targetType === "x-taler-bank") { return (
Bank host
{account.targetPath.split("/")[0]}
Account name
{account.targetPath.split("/")[1]}
); } if (account.targetType === "iban") { return (
IBAN
{account.targetPath}
); } } return ; } export function NoAccountToDepositView({ currency, onAddAccount, }: State.NoAccounts): VNode { const { i18n } = useTranslationContext(); return ( Send {currency} to your account There is no account to make a deposit for currency {currency} ); } export function ReadyView(state: State.Ready): VNode { const { i18n } = useTranslationContext(); return ( Send {state.currency} to your account
Select account} list={state.account.list} name="account" value={state.account.value} onChange={state.account.onChange} />
{state.selectedAccount && (

{state.currency} state.amount.onInput(e.currentTarget.value)} />
{state.amount.error && ( {state.amount.error} )}
{state.currency}
{state.currency}
)}
); }