/* This file is part of GNU Taler (C) 2022 Taler Systems S.A. 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 { AbsoluteTime, AmountJson, ExchangeListItem } from "@gnu-taler/taler-util"; import { Loading } from "../../components/Loading.js"; import { HookError } from "../../hooks/useAsyncAsHook.js"; import { ButtonHandler, SelectFieldHandler } from "../../mui/handlers.js"; import { compose, StateViewMap } from "../../utils/index.js"; import * as wxApi from "../../wxApi.js"; import { useComponentState } from "./state.js"; import { ComparingView, LoadingUriView, NoExchangesView, ReadyView } from "./views.js"; export interface Props { currency?: string; onCancel: () => Promise; onSelection: (exchange: string) => Promise; } export type State = | State.Loading | State.LoadingUriError | State.Ready | State.Comparing | State.NoExchanges; export namespace State { export interface Loading { status: "loading"; error: undefined; } export interface LoadingUriError { status: "loading-uri"; error: HookError; } export interface BaseInfo { exchanges: SelectFieldHandler; selected: ExchangeListItem; nextFeeUpdate: AbsoluteTime; error: undefined; } export interface NoExchanges { status: "no-exchanges"; error: undefined; } export interface Ready extends BaseInfo { status: "ready"; timeline: OperationMap; onClose: ButtonHandler; } export interface Comparing extends BaseInfo { status: "comparing"; pairTimeline: OperationMap; onReset: ButtonHandler; onSelect: ButtonHandler; } } export type Operation = "deposit" | "withdraw" | "refresh" | "refund"; export type OperationMap = { [op in Operation]: T }; const viewMapping: StateViewMap = { loading: Loading, "loading-uri": LoadingUriView, "comparing": ComparingView, "no-exchanges": NoExchangesView, "ready": ReadyView, }; export const ExchangeSelectionPage = compose("Tip", (p: Props) => useComponentState(p, wxApi), viewMapping) export interface FeeDescription { value: AmountJson; from: AbsoluteTime; until: AbsoluteTime; fee?: AmountJson; } export interface FeeDescriptionPair { value: AmountJson; from: AbsoluteTime; until: AbsoluteTime; left?: AmountJson; right?: AmountJson; }