/* 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, WithdrawalType, } from "@gnu-taler/taler-util"; import { differenceInSeconds } from "date-fns"; import { ComponentChildren, Fragment, h, VNode } from "preact"; import { route } from "preact-router"; import { useState } from "preact/hooks"; import emptyImg from "../../static/img/empty.png"; import { BankDetailsByPaytoType } from "../components/BankDetailsByPaytoType"; import { ErrorTalerOperation } from "../components/ErrorTalerOperation"; 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 { Pages } from "../NavigationBar"; import * as wxApi from "../wxApi"; export function TransactionPage({ tid }: { tid: string }): 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 (
Loading ...
); } if (state.hasError) { route(Pages.balance); return (
There was an error. Redirecting into the history page
); } function goToHistory(): void { const currency = state !== undefined && !state.hasError ? Amounts.parseOrThrow(state.response.amountRaw).currency : undefined; if (currency) { route(Pages.balance_history.replace(":currency", currency)); } else { route(Pages.balance); } } return ( wxApi.deleteTransaction(tid).then(goToHistory)} onRetry={() => wxApi.retryTransaction(tid).then(goToHistory)} onBack={goToHistory} /> ); } 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 (
{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
; }