amount field

1 files changed, 0 insertions, 282 deletions

diff --git a/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.tsx b/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.tsx
deleted file mode 100644
index dd80faccd..000000000
--- a/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.tsx
+++ /dev/null
@@ -1,282 +0,0 @@
-/*
- 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 <http://www.gnu.org/licenses/>
- */
-
-/**
- *
- * @author Sebastian Javier Marchano (sebasjm)
- */
-
-import { AmountJson, Amounts } from "@gnu-taler/taler-util";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { ErrorMessage } from "../components/ErrorMessage.js";
-import { SelectList } from "../components/SelectList.js";
-import {
-  BoldLight,
-  Centered,
-  Input,
-  InputWithLabel,
-  LightText,
-  LinkPrimary,
-  SubTitle,
-} from "../components/styled/index.js";
-import { useTranslationContext } from "../context/translation.js";
-import { Button } from "../mui/Button.js";
-import { SelectFieldHandler, TextFieldHandler } from "../mui/handlers.js";
-import { Pages } from "../NavigationBar.js";
-
-export interface Props {
-  error: string | undefined;
-  initialAmount?: string;
-  exchangeUrlWithCurrency: Record<string, string>;
-  onCreate: (exchangeBaseUrl: string, amount: AmountJson) => Promise<void>;
-  initialCurrency?: string;
-}
-
-export interface State {
-  noExchangeFound: boolean;
-  parsedAmount: AmountJson | undefined;
-  amount: TextFieldHandler;
-  currency: SelectFieldHandler;
-  exchange: SelectFieldHandler;
-}
-
-export function useComponentState(
-  exchangeUrlWithCurrency: Record<string, string>,
-  initialAmount: string | undefined,
-  initialCurrency: string | undefined,
-): State {
-  const exchangeSelectList = Object.keys(exchangeUrlWithCurrency);
-  const currencySelectList = Object.values(exchangeUrlWithCurrency);
-  const exchangeMap = exchangeSelectList.reduce(
-    (p, c) => ({ ...p, [c]: `${c} (${exchangeUrlWithCurrency[c]})` }),
-    {} as Record<string, string>,
-  );
-  const currencyMap = currencySelectList.reduce(
-    (p, c) => ({ ...p, [c]: c }),
-    {} as Record<string, string>,
-  );
-
-  const foundExchangeForCurrency = exchangeSelectList.findIndex(
-    (e) => exchangeUrlWithCurrency[e] === initialCurrency,
-  );
-
-  const initialExchange =
-    foundExchangeForCurrency !== -1
-      ? exchangeSelectList[foundExchangeForCurrency]
-      : !initialCurrency && exchangeSelectList.length > 0
-      ? exchangeSelectList[0]
-      : undefined;
-
-  const [exchange, setExchange] = useState(initialExchange || "");
-  const [currency, setCurrency] = useState(
-    initialExchange ? exchangeUrlWithCurrency[initialExchange] : "",
-  );
-
-  const [amount, setAmount] = useState(initialAmount || "");
-  const parsedAmount = Amounts.parse(`${currency}:${amount}`);
-
-  async function changeExchange(exchange: string): Promise<void> {
-    setExchange(exchange);
-    setCurrency(exchangeUrlWithCurrency[exchange]);
-  }
-
-  async function changeCurrency(currency: string): Promise<void> {
-    setCurrency(currency);
-    const found = Object.entries(exchangeUrlWithCurrency).find(
-      (e) => e[1] === currency,
-    );
-
-    if (found) {
-      setExchange(found[0]);
-    } else {
-      setExchange("");
-    }
-  }
-  return {
-    noExchangeFound: initialExchange === undefined,
-    currency: {
-      list: currencyMap,
-      value: currency,
-      onChange: changeCurrency,
-    },
-    exchange: {
-      list: exchangeMap,
-      value: exchange,
-      onChange: changeExchange,
-    },
-    amount: {
-      value: amount,
-      onInput: async (e: string) => setAmount(e),
-    },
-    parsedAmount,
-  };
-}
-
-export function CreateManualWithdraw({
-  initialAmount,
-  exchangeUrlWithCurrency,
-  error,
-  initialCurrency,
-  onCreate,
-}: Props): VNode {
-  const { i18n } = useTranslationContext();
-
-  const state = useComponentState(
-    exchangeUrlWithCurrency,
-    initialAmount,
-    initialCurrency,
-  );
-
-  if (state.noExchangeFound) {
-    if (initialCurrency) {
-      return (
-        <section>
-          <SubTitle>
-            <i18n.Translate>
-              Manual Withdrawal for {initialCurrency}
-            </i18n.Translate>
-          </SubTitle>
-          <LightText>
-            <i18n.Translate>
-              Choose a exchange from where the coins will be withdrawn. The
-              exchange will send the coins to this wallet after receiving a wire
-              transfer with the correct subject.
-            </i18n.Translate>
-          </LightText>
-          <Centered style={{ marginTop: 100 }}>
-            <BoldLight>
-              <i18n.Translate>
-                No exchange found for {initialCurrency}
-              </i18n.Translate>
-            </BoldLight>
-            <LinkPrimary
-              href={Pages.settingsExchangeAdd({ currency: initialCurrency })}
-              style={{ marginLeft: "auto" }}
-            >
-              <i18n.Translate>Add Exchange</i18n.Translate>
-            </LinkPrimary>
-          </Centered>
-        </section>
-      );
-    }
-    return (
-      <section>
-        <SubTitle>
-          <i18n.Translate>
-            Manual Withdrawal for {state.currency.value}
-          </i18n.Translate>
-        </SubTitle>
-        <LightText>
-          <i18n.Translate>
-            Choose a exchange from where the coins will be withdrawn. The
-            exchange will send the coins to this wallet after receiving a wire
-            transfer with the correct subject.
-          </i18n.Translate>
-        </LightText>
-        <Centered style={{ marginTop: 100 }}>
-          <BoldLight>
-            <i18n.Translate>No exchange configured</i18n.Translate>
-          </BoldLight>
-          <LinkPrimary
-            href={Pages.settingsExchangeAdd({})}
-            style={{ marginLeft: "auto" }}
-          >
-            <i18n.Translate>Add Exchange</i18n.Translate>
-          </LinkPrimary>
-        </Centered>
-      </section>
-    );
-  }
-
-  return (
-    <Fragment>
-      <section>
-        {error && (
-          <ErrorMessage
-            title={
-              <i18n.Translate>Can&apos;t create the reserve</i18n.Translate>
-            }
-            description={error}
-          />
-        )}
-        <SubTitle>
-          <i18n.Translate>
-            Manual Withdrawal for {state.currency.value}
-          </i18n.Translate>
-        </SubTitle>
-        <LightText>
-          <i18n.Translate>
-            Choose a exchange from where the coins will be withdrawn. The
-            exchange will send the coins to this wallet after receiving a wire
-            transfer with the correct subject.
-          </i18n.Translate>
-        </LightText>
-        <p>
-          <Input>
-            <SelectList
-              label={<i18n.Translate>Currency</i18n.Translate>}
-              name="currency"
-              {...state.currency}
-            />
-          </Input>
-          <Input>
-            <SelectList
-              label={<i18n.Translate>Exchange</i18n.Translate>}
-              name="exchange"
-              {...state.exchange}
-            />
-          </Input>
-          <div style={{ display: "flex", justifyContent: "space-between" }}>
-            <LinkPrimary
-              href={Pages.settingsExchangeAdd({})}
-              style={{ marginLeft: "auto" }}
-            >
-              <i18n.Translate>Add Exchange</i18n.Translate>
-            </LinkPrimary>
-          </div>
-          {state.currency.value && (
-            <InputWithLabel
-              invalid={!!state.amount.value && !state.parsedAmount}
-            >
-              <label>
-                <i18n.Translate>Amount</i18n.Translate>
-              </label>
-              <div>
-                <span>{state.currency.value}</span>
-                <input
-                  type="number"
-                  value={state.amount.value}
-                  // onInput={(e) => state.amount.onInput(e.currentTarget.value)}
-                />
-              </div>
-            </InputWithLabel>
-          )}
-        </p>
-      </section>
-      <footer>
-        <div />
-        <Button
-          variant="contained"
-          disabled={!state.parsedAmount || !state.exchange.value}
-          onClick={() => onCreate(state.exchange.value, state.parsedAmount!)}
-        >
-          <i18n.Translate>Start withdrawal</i18n.Translate>
-        </Button>
-      </footer>
-    </Fragment>
-  );
-}