/* This file is part of TALER (C) 2016 GNUnet e.V. 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. 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 TALER; see the file COPYING. If not, see */ import { AmountLike, Amounts, i18n, NotificationType, parsePaytoUri, Transaction, TransactionType, Translate, WithdrawalType, } from "@gnu-taler/taler-util"; import { differenceInSeconds } from "date-fns"; import { ComponentChildren, Fragment, h, VNode } from "preact"; import { useState } from "preact/hooks"; import emptyImg from "../../static/img/empty.png"; import { BankDetailsByPaytoType } from "../components/BankDetailsByPaytoType"; import { ErrorTalerOperation } from "../components/ErrorTalerOperation"; import { Loading } from "../components/Loading"; import { LoadingError } from "../components/LoadingError"; import { Part } from "../components/Part"; import { Button, ButtonDestructive, ButtonPrimary, CenteredDialog, InfoBox, ListOfProducts, Overlay, RowBorderGray, SmallLightText, WarningBox, } from "../components/styled"; import { Time } from "../components/Time"; import { useAsyncAsHook } from "../hooks/useAsyncAsHook"; import * as wxApi from "../wxApi"; interface Props { tid: string; goToWalletHistory: (currency?: string) => void; } export function TransactionPage({ tid, goToWalletHistory }: Props): VNode { async function getTransaction(): Promise { const res = await wxApi.getTransactions(); const ts = res.transactions.filter((t) => t.transactionId === tid); if (ts.length > 1) throw Error("more than one transaction with this id"); if (ts.length === 1) { return ts[0]; } throw Error("no transaction found"); } const state = useAsyncAsHook(getTransaction, [ NotificationType.WithdrawGroupFinished, ]); if (!state) { return ; } if (state.hasError) { return ( Could not load the transaction information } error={state} /> ); } const currency = Amounts.parse(state.response.amountRaw)?.currency; return ( wxApi.deleteTransaction(tid).then(() => goToWalletHistory(currency)) } onRetry={() => wxApi.retryTransaction(tid).then(() => goToWalletHistory(currency)) } onBack={() => goToWalletHistory(currency)} /> ); } export interface WalletTransactionProps { transaction: Transaction; onDelete: () => void; onRetry: () => void; onBack: () => void; } export function TransactionView({ transaction, onDelete, onRetry, onBack, }: WalletTransactionProps): VNode { const [confirmBeforeForget, setConfirmBeforeForget] = useState(false); function doCheckBeforeForget(): void { if ( transaction.pending && transaction.type === TransactionType.Withdrawal ) { setConfirmBeforeForget(true); } else { onDelete(); } } function TransactionTemplate({ children, }: { children: ComponentChildren; }): VNode { const showRetry = transaction.error !== undefined || transaction.timestamp.t_ms === "never" || (transaction.pending && differenceInSeconds(new Date(), transaction.timestamp.t_ms) > 10); return (
There was an error trying to complete the transaction } error={transaction?.error} /> {transaction.pending && ( This transaction is not completed )}
{children}
{showRetry ? ( Retry ) : null} Forget
); } function amountToString(text: AmountLike): string { const aj = Amounts.jsonifyAmount(text); const amount = Amounts.stringifyValue(aj); return `${amount} ${aj.currency}`; } if (transaction.type === TransactionType.Withdrawal) { const fee = Amounts.sub( Amounts.parseOrThrow(transaction.amountRaw), Amounts.parseOrThrow(transaction.amountEffective), ).amount; return ( {confirmBeforeForget ? (
Caution!
If you have already wired money to the exchange you will loose the chance to get the coins form it.
Confirm
) : undefined}

Withdrawal

); } const showLargePic = (): void => { return; }; if (transaction.type === TransactionType.Payment) { const fee = Amounts.sub( Amounts.parseOrThrow(transaction.amountEffective), Amounts.parseOrThrow(transaction.amountRaw), ).amount; return (

Payment

); } if (transaction.type === TransactionType.Deposit) { const fee = Amounts.sub( Amounts.parseOrThrow(transaction.amountEffective), Amounts.parseOrThrow(transaction.amountRaw), ).amount; return (

Deposit

); } if (transaction.type === TransactionType.Refresh) { const fee = Amounts.sub( Amounts.parseOrThrow(transaction.amountRaw), Amounts.parseOrThrow(transaction.amountEffective), ).amount; return (

Refresh

); } if (transaction.type === TransactionType.Tip) { const fee = Amounts.sub( Amounts.parseOrThrow(transaction.amountRaw), Amounts.parseOrThrow(transaction.amountEffective), ).amount; return (

Tip

); } if (transaction.type === TransactionType.Refund) { const fee = Amounts.sub( Amounts.parseOrThrow(transaction.amountRaw), Amounts.parseOrThrow(transaction.amountEffective), ).amount; return (

Refund

); } return
; }