/* 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 { AbsoluteTime, Amounts, NotificationType, parsePaytoUri, parsePayUri, Transaction, TransactionType, WithdrawalType, } from "@gnu-taler/taler-util"; import { differenceInSeconds } from "date-fns"; import { ComponentChildren, Fragment, h, VNode } from "preact"; import { useEffect, useState } from "preact/hooks"; import emptyImg from "../../static/img/empty.png"; import { Amount } from "../components/Amount.js"; import { BankDetailsByPaytoType } from "../components/BankDetailsByPaytoType.js"; import { ErrorTalerOperation } from "../components/ErrorTalerOperation.js"; import { Loading } from "../components/Loading.js"; import { LoadingError } from "../components/LoadingError.js"; import { Part, PartPayto } from "../components/Part.js"; import { Button, ButtonDestructive, ButtonPrimary, CenteredDialog, InfoBox, ListOfProducts, Overlay, RowBorderGray, SmallLightText, SubTitle, WarningBox, } from "../components/styled/index.js"; import { Time } from "../components/Time.js"; import { useTranslationContext } from "../context/translation.js"; import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js"; import { Pages } from "../NavigationBar.js"; import * as wxApi from "../wxApi.js"; interface Props { tid: string; goToWalletHistory: (currency?: string) => void; } async function getTransaction(tid: string): 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"); } export function TransactionPage({ tid, goToWalletHistory }: Props): VNode { const { i18n } = useTranslationContext(); const state = useAsyncAsHook(() => getTransaction(tid)); useEffect(() => { wxApi.onUpdateNotification([NotificationType.WithdrawGroupFinished], () => { state?.retry(); }); }); 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(); } } const { i18n } = useTranslationContext(); function TransactionTemplate({ children, }: { children: ComponentChildren; }): VNode { const showRetry = transaction.error !== undefined || transaction.timestamp.t_s === "never" || (transaction.pending && differenceInSeconds(new Date(), transaction.timestamp.t_s * 1000) > 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
); } 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; const refundFee = Amounts.sub( Amounts.parseOrThrow(transaction.totalRefundRaw), Amounts.parseOrThrow(transaction.totalRefundEffective), ).amount; const refunded = Amounts.isNonZero( Amounts.parseOrThrow(transaction.totalRefundRaw), ); const pendingRefund = transaction.refundPending === undefined ? undefined : Amounts.parseOrThrow(transaction.refundPending); return ( Payment ); } if (transaction.type === TransactionType.Deposit) { const fee = Amounts.sub( Amounts.parseOrThrow(transaction.amountEffective), Amounts.parseOrThrow(transaction.amountRaw), ).amount; const payto = parsePaytoUri(transaction.targetPaytoUri); 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
; }