/* 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, OperationMap } from "@gnu-taler/taler-util"; import { createDenominationPairTimeline } from "@gnu-taler/taler-wallet-core"; import { useState } from "preact/hooks"; import { useAsyncAsHook } from "../../hooks/useAsyncAsHook.js"; import * as wxApi from "../../wxApi.js"; import { Props, State } from "./index.js"; export function useComponentState( { onCancel, onSelection, currency }: Props, api: typeof wxApi, ): State { const initialValue = 0; const [value, setValue] = useState(String(initialValue)); const hook = useAsyncAsHook(async () => { const { exchanges } = await api.listExchanges(); const selectedIdx = parseInt(value, 10); const selectedExchange = exchanges.length == 0 ? undefined : exchanges[selectedIdx]; const selected = !selectedExchange ? undefined : await api.getExchangeDetailedInfo(selectedExchange.exchangeBaseUrl); const initialExchange = selectedIdx === initialValue ? undefined : exchanges[initialValue]; const original = !initialExchange ? undefined : await api.getExchangeDetailedInfo(initialExchange.exchangeBaseUrl); return { exchanges, selected, original }; }); if (!hook) { return { status: "loading", error: undefined, }; } if (hook.hasError) { return { status: "loading-uri", error: hook, }; } const { exchanges, selected, original } = hook.response; if (!selected) { //!selected <=> exchanges.length === 0 return { status: "no-exchanges", error: undefined, }; } const exchangeMap = exchanges.reduce( (prev, cur, idx) => ({ ...prev, [cur.exchangeBaseUrl]: String(idx) }), {} as Record, ); if (!original) { // !original <=> selected == original return { status: "ready", exchanges: { list: exchangeMap, value: value, onChange: async (v) => { setValue(v); }, }, error: undefined, onClose: { onClick: onCancel, }, selected, timeline: selected.feesDescription, }; } const pairTimeline: OperationMap = { deposit: createDenominationPairTimeline( selected.feesDescription.deposit, original.feesDescription.deposit, ), refresh: createDenominationPairTimeline( selected.feesDescription.refresh, original.feesDescription.refresh, ), refund: createDenominationPairTimeline( selected.feesDescription.refund, original.feesDescription.refund, ), withdraw: createDenominationPairTimeline( selected.feesDescription.withdraw, original.feesDescription.withdraw, ), }; return { status: "comparing", exchanges: { list: exchangeMap, value: value, onChange: async (v) => { setValue(v); }, }, error: undefined, onReset: { onClick: async () => { setValue(String(initialValue)); }, }, onSelect: { onClick: async () => { onSelection(selected.exchangeBaseUrl); }, }, selected, pairTimeline, }; }