/* 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. * * @author Florian Dold */ "use strict"; import {substituteFulfillmentUrl} from "src/helpers"; import {Contract, AmountJson, ExchangeRecord} from "src/types"; import {OfferRecord} from "src/wallet"; import {renderContract, prettyAmount} from "src/renderHtml"; import {getExchanges} from "src/wxApi"; import * as i18n from "src/i18n"; interface DetailState { collapsed: boolean; } interface DetailProps { contract: Contract collapsed: boolean exchanges: null|ExchangeRecord[]; } class Details extends React.Component { constructor(props: DetailProps) { super(props); console.log("new Details component created"); this.state = { collapsed: props.collapsed, }; console.log("initial state:", this.state); } render() { if (this.state.collapsed) { return (
); } else { return (
{i18n.str`Accepted exchanges:`}
    {this.props.contract.exchanges.map( e =>
  • {`${e.url}: ${e.master_pub}`}
  • )}
{i18n.str`Exchanges in the wallet:`}
    {(this.props.exchanges || []).map( (e: ExchangeRecord) =>
  • {`${e.baseUrl}: ${e.masterPublicKey}`}
  • )}
); } } } interface ContractPromptProps { offerId: number; } interface ContractPromptState { offer: OfferRecord|null; error: string|null; payDisabled: boolean; exchanges: null|ExchangeRecord[]; } class ContractPrompt extends React.Component { constructor() { super(); this.state = { offer: null, error: null, payDisabled: true, exchanges: null } } componentWillMount() { this.update(); } componentWillUnmount() { // FIXME: abort running ops } async update() { let offer = await this.getOffer(); this.setState({offer} as any); this.checkPayment(); let exchanges = await getExchanges(); this.setState({exchanges} as any); } getOffer(): Promise { return new Promise((resolve, reject) => { let msg = { type: 'get-offer', detail: { offerId: this.props.offerId } }; chrome.runtime.sendMessage(msg, (resp) => { resolve(resp); }); }) } checkPayment() { let msg = { type: 'check-pay', detail: { offer: this.state.offer } }; chrome.runtime.sendMessage(msg, (resp) => { if (resp.error) { console.log("check-pay error", JSON.stringify(resp)); switch (resp.error) { case "coins-insufficient": let msgInsufficient = i18n.str`You have insufficient funds of the requested currency in your wallet.`; let msgNoMatch = i18n.str`You do not have any funds from an exchange that is accepted by this merchant. None of the exchanges accepted by the merchant is known to your wallet.`; if (this.state.exchanges && this.state.offer) { let acceptedExchangePubs = this.state.offer.contract.exchanges.map((e) => e.master_pub); let ex = this.state.exchanges.find((e) => acceptedExchangePubs.indexOf(e.masterPublicKey) >= 0); if (ex) { this.state.error = msgInsufficient; } else { this.state.error = msgNoMatch; } } else { this.state.error = msgInsufficient; } break; default: this.state.error = `Error: ${resp.error}`; break; } this.state.payDisabled = true; } else { this.state.payDisabled = false; this.state.error = null; } this.setState({} as any); window.setTimeout(() => this.checkPayment(), 500); }); } doPayment() { let d = {offer: this.state.offer}; chrome.runtime.sendMessage({type: 'confirm-pay', detail: d}, (resp) => { if (resp.error) { console.log("confirm-pay error", JSON.stringify(resp)); switch (resp.error) { case "coins-insufficient": this.state.error = "You do not have enough coins of the" + " requested currency."; break; default: this.state.error = `Error: ${resp.error}`; break; } this.setState({} as any); return; } let c = d.offer!.contract; console.log("contract", c); document.location.href = substituteFulfillmentUrl(c.fulfillment_url, this.state.offer); }); } render() { if (!this.state.offer) { return ...; } let c = this.state.offer.contract; return (
{renderContract(c)}
{(this.state.error ?

{this.state.error}

:

)}

); } } export function main() { let url = URI(document.location.href); let query: any = URI.parseQuery(url.query()); let offerId = JSON.parse(query.offerId); ReactDOM.render(, document.getElementById( "contract")!); }