/* 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 { FeeDescription, FeeDescriptionPair, AbsoluteTime, ExchangeFullDetails, OperationMap, 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, ErrorLoadingView, NoExchangesView, ReadyView, } from "./views.js"; export interface Props { list: ExchangeListItem[], currentExchange: string, onCancel: () => Promise; onSelection: (exchange: string) => Promise; } import { State as SelectExchangeState } from "../../hooks/useSelectedExchange.js"; export type State = | State.Loading | State.LoadingUriError | State.Ready | State.Comparing | SelectExchangeState.NoExchange; export namespace State { export interface Loading { status: "loading"; error: undefined; } export interface LoadingUriError { status: "error-loading"; error: HookError; } export interface BaseInfo { exchanges: SelectFieldHandler; selected: ExchangeFullDetails; 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; } } const viewMapping: StateViewMap = { loading: Loading, "error-loading": ErrorLoadingView, comparing: ComparingView, "no-exchange": NoExchangesView, ready: ReadyView, }; export const ExchangeSelectionPage = compose( "ExchangeSelectionPage", (p: Props) => useComponentState(p, wxApi), viewMapping, );