/* This file is part of TALER (C) 2015 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 */ /** * Page shown to the user to confirm entering * a contract. */ /** * Imports. */ // import * as i18n from "../i18n"; import { AmountJson, AmountLike, Amounts, ConfirmPayResult, ConfirmPayResultDone, ConfirmPayResultType, ContractTerms, getJsonI18n, i18n, PreparePayResult, PreparePayResultType } from "@gnu-taler/taler-util"; import { Fragment, JSX, VNode } from "preact"; import { useEffect, useState } from "preact/hooks"; import { LogoHeader } from "../components/LogoHeader"; import { Part } from "../components/Part"; import { QR } from "../components/QR"; import { ButtonSuccess, ErrorBox, LinkSuccess, SuccessBox, WalletAction, WarningBox } from "../components/styled"; import { useBalances } from "../hooks/useBalances"; import * as wxApi from "../wxApi"; interface Props { talerPayUri?: string } // export function AlreadyPaid({ payStatus }: { payStatus: PreparePayResult }) { // const fulfillmentUrl = payStatus.contractTerms.fulfillment_url; // let message; // if (fulfillmentUrl) { // message = ( // // You have already paid for this article. Click{" "} // here to view it again. // // ); // } else { // message = // You have already paid for this article:{" "} // // {payStatus.contractTerms.fulfillment_message ?? "no message given"} // // ; // } // return
//

GNU Taler Wallet

//
// {message} //
//
// } const doPayment = async (payStatus: PreparePayResult): Promise => { if (payStatus.status !== "payment-possible") { throw Error(`invalid state: ${payStatus.status}`); } const proposalId = payStatus.proposalId; const res = await wxApi.confirmPay(proposalId, undefined); if (res.type !== ConfirmPayResultType.Done) { throw Error("payment pending"); } const fu = res.contractTerms.fulfillment_url; if (fu) { document.location.href = fu; } return res; }; export function PayPage({ talerPayUri }: Props): JSX.Element { const [payStatus, setPayStatus] = useState(undefined); const [payResult, setPayResult] = useState(undefined); const [payErrMsg, setPayErrMsg] = useState(undefined); const balance = useBalances() const balanceWithoutError = balance?.hasError ? [] : (balance?.response.balances || []) const foundBalance = balanceWithoutError.find(b => payStatus && Amounts.parseOrThrow(b.available).currency === Amounts.parseOrThrow(payStatus?.amountRaw).currency) const foundAmount = foundBalance ? Amounts.parseOrThrow(foundBalance.available) : undefined useEffect(() => { if (!talerPayUri) return; const doFetch = async (): Promise => { try { const p = await wxApi.preparePay(talerPayUri); setPayStatus(p); } catch (e) { if (e instanceof Error) { setPayErrMsg(e.message) } } }; doFetch(); }, [talerPayUri]); if (!talerPayUri) { return missing pay uri } if (!payStatus) { if (payErrMsg) { return

{i18n.str`Digital cash payment`}

Could not get the payment information for this order

{payErrMsg}
} return Loading payment information ...; } const onClick = async () => { try { const res = await doPayment(payStatus) setPayResult(res); } catch (e) { console.error(e); if (e instanceof Error) { setPayErrMsg(e.message); } } } return ; } export interface PaymentRequestViewProps { payStatus: PreparePayResult; payResult?: ConfirmPayResult; onClick: () => void; payErrMsg?: string; uri: string; balance: AmountJson | undefined; } export function PaymentRequestView({ uri, payStatus, payResult, onClick, payErrMsg, balance }: PaymentRequestViewProps) { let totalFees: AmountJson = Amounts.getZero(payStatus.amountRaw); const contractTerms: ContractTerms = payStatus.contractTerms; if (!contractTerms) { return ( Error: did not get contract terms from merchant or wallet backend. ); } if (payStatus.status === PreparePayResultType.PaymentPossible) { const amountRaw = Amounts.parseOrThrow(payStatus.amountRaw); const amountEffective: AmountJson = Amounts.parseOrThrow( payStatus.amountEffective, ); totalFees = Amounts.sub(amountEffective, amountRaw).amount; } let merchantName: VNode; if (contractTerms.merchant && contractTerms.merchant.name) { merchantName = {contractTerms.merchant.name}; } else { merchantName = (pub: {contractTerms.merchant_pub}); } function Alternative() { const [showQR, setShowQR] = useState(false) const privateUri = payStatus.status !== PreparePayResultType.AlreadyConfirmed ? `${uri}&n=${payStatus.noncePriv}` : uri return
setShowQR(qr => !qr)}> {!showQR ? i18n.str`Pay with a mobile phone` : i18n.str`Hide QR`} {showQR &&
Scan the QR code or click here
}
} function ButtonsSection() { if (payResult) { if (payResult.type === ConfirmPayResultType.Pending) { return

Processing...

} return null } if (payErrMsg) { return

Payment failed: {payErrMsg}

} if (payStatus.status === PreparePayResultType.PaymentPossible) { return
{i18n.str`Pay`} {amountToString(payStatus.amountEffective)}
} if (payStatus.status === PreparePayResultType.InsufficientBalance) { return
{balance ? Your balance of {amountToString(balance)} is not enough to pay for this purchase : Your balance is not enough to pay for this purchase. }
{i18n.str`Withdraw digital cash`}
} if (payStatus.status === PreparePayResultType.AlreadyConfirmed) { return
{payStatus.paid && contractTerms.fulfillment_message && }
{!payStatus.paid && }
} return } return

{i18n.str`Digital cash payment`}

{payStatus.status === PreparePayResultType.AlreadyConfirmed && (payStatus.paid ? Already paid : Already claimed ) } {payResult && payResult.type === ConfirmPayResultType.Done && (

Payment complete

{!payResult.contractTerms.fulfillment_message ? "You will now be sent back to the merchant you came from." : payResult.contractTerms.fulfillment_message }

)}
{payStatus.status !== PreparePayResultType.InsufficientBalance && Amounts.isNonZero(totalFees) && } {Amounts.isNonZero(totalFees) && } {contractTerms.order_id && }
} function amountToString(text: AmountLike) { const aj = Amounts.jsonifyAmount(text) const amount = Amounts.stringifyValue(aj, 2) return `${amount} ${aj.currency}` }