/*
This file is part of GNU Taler
(C) 2019 Taler Systems SA
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 {
AmountJson,
Amounts,
PaytoUri,
segwitMinAmount,
} from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
import { useEffect, useRef, useState } from "preact/hooks";
import { useTranslationContext } from "../context/translation.js";
import { CopiedIcon, CopyIcon } from "../svg/index.js";
import { Amount } from "./Amount.js";
import { ButtonBox, TooltipRight } from "./styled/index.js";
export interface BankDetailsProps {
payto: PaytoUri | undefined;
exchangeBaseUrl: string;
subject: string;
amount: AmountJson;
}
export function BankDetailsByPaytoType({
payto,
subject,
exchangeBaseUrl,
amount,
}: BankDetailsProps): VNode {
const { i18n } = useTranslationContext();
if (!payto) return ;
if (payto.isKnown && payto.targetType === "bitcoin") {
const min = segwitMinAmount(amount.currency);
return (
Bitcoin exchange need a transaction with 3 output, one output is the
exchange account and the other two are segwit fake address for
metadata with an minimum amount. Reserve pub : {subject}
In bitcoincore wallet use 'Add Recipient' button to add
two additional recipient and copy addresses and amounts
-
{payto.targetPath} {Amounts.stringifyValue(amount)} BTC
{payto.segwitAddrs.map((addr, i) => (
-
{addr} {Amounts.stringifyValue(min)} BTC
))}
In Electrum wallet paste the following three lines in 'Pay
to' field :
-
{payto.targetPath},{Amounts.stringifyValue(amount)}
{payto.segwitAddrs.map((addr, i) => (
-
{addr} {Amounts.stringifyValue(min)} BTC
))}
Make sure the amount show{" "}
{Amounts.stringifyValue(Amounts.sum([amount, min, min]).amount)}{" "}
BTC, else you have to change the base unit to BTC
);
}
const firstPart = !payto.isKnown ? (
Account}
value={payto.targetPath}
/>
) : payto.targetType === "x-taler-bank" ? (
Bank host}
value={payto.host}
/>
Bank account}
value={payto.account}
/>
) : payto.targetType === "iban" ? (
IBAN} value={payto.iban} />
) : undefined;
return (
Bank transfer details
{firstPart}
Exchange}
value={exchangeBaseUrl}
/>
Chosen amount}
value={}
/>
Subject}
value={subject}
literal
/>
);
}
function Row({
name,
value,
literal,
}: {
name: VNode;
value: string | VNode;
literal?: boolean;
}): VNode {
const [copied, setCopied] = useState(false);
const preRef = useRef(null);
const tdRef = useRef(null);
function copyText(): void {
const content = literal
? preRef.current?.textContent
: tdRef.current?.textContent;
navigator.clipboard.writeText(content || "");
setCopied(true);
}
useEffect(() => {
if (copied) {
setTimeout(() => {
setCopied(false);
}, 1000);
}
}, [copied, preRef]);
return (
{!copied ? (
) : (
)}
|
{name}
|
{literal ? (
{value}
|
) : (
{value} |
)}
);
}