wallet-core/packages/taler-wallet-webextension/src/wallet/ManualWithdrawPage.tsx

/*
 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 <http://www.gnu.org/licenses/>
*/

import { VNode, h } from "preact";
import { useState } from "preact/hooks";
import { CreateManualWithdraw } from "./CreateManualWithdraw";
import * as wxApi from "../wxApi";
import {
  AcceptManualWithdrawalResult,
  AmountJson,
  Amounts,
} from "@gnu-taler/taler-util";
import { ReserveCreated } from "./ReserveCreated.js";
import { route } from "preact-router";
import { Pages } from "../NavigationBar.js";

interface Props {}

export function ManualWithdrawPage({}: Props): VNode {
  const [success, setSuccess] = useState<
    AcceptManualWithdrawalResult | undefined
  >(undefined);
  const [currency, setCurrency] = useState<string | undefined>(undefined);
  const [error, setError] = useState<string | undefined>(undefined);

  async function onExchangeChange(exchange: string | undefined): Promise<void> {
    if (!exchange) return;
    try {
      const r = await fetch(`${exchange}/keys`);
      const j = await r.json();
      if (j.currency) {
        await wxApi.addExchange({
          exchangeBaseUrl: `${exchange}/`,
          forceUpdate: true,
        });
        setCurrency(j.currency);
      }
    } catch (e) {
      setError("The exchange url seems invalid");
      setCurrency(undefined);
    }
  }

  async function doCreate(
    exchangeBaseUrl: string,
    amount: AmountJson,
  ): Promise<void> {
    try {
      const resp = await wxApi.acceptManualWithdrawal(
        exchangeBaseUrl,
        Amounts.stringify(amount),
      );
      setSuccess(resp);
    } catch (e) {
      if (e instanceof Error) {
        setError(e.message);
      } else {
        setError("unexpected error");
      }
      setSuccess(undefined);
    }
  }

  if (success) {
    return (
      <ReserveCreated
        reservePub={success.reservePub}
        paytos={success.exchangePaytoUris}
        onBack={() => {
          route(Pages.balance);
        }}
      />
    );
  }

  return (
    <CreateManualWithdraw
      error={error}
      currency={currency}
      onCreate={doCreate}
      onExchangeChange={onExchangeChange}
    />
  );
}