new deposit page

1 files changed, 101 insertions, 0 deletions

diff --git a/packages/taler-wallet-webextension/src/wallet/AddAccount/state.ts b/packages/taler-wallet-webextension/src/wallet/AddAccount/state.ts
new file mode 100644
index 000000000..8f7920d35
--- /dev/null
+++ b/packages/taler-wallet-webextension/src/wallet/AddAccount/state.ts
@@ -0,0 +1,101 @@
+/*
+ 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/>
+ */
+
+import { parsePaytoUri, stringifyPaytoUri } from "@gnu-taler/taler-util";
+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({ currency, onAccountAdded, onCancel }: Props, api: typeof wxApi): State {
+  const hook = useAsyncAsHook(async () => {
+    const { accounts } = await api.listKnownBankAccounts(currency);
+    return { accounts };
+  });
+
+  const [payto, setPayto] = useState("")
+  const [alias, setAlias] = useState("")
+  const [type, setType] = useState("")
+
+
+  if (!hook) {
+    return {
+      status: "loading",
+      error: undefined,
+    };
+  }
+  if (hook.hasError) {
+    return {
+      status: "loading-error",
+      error: hook,
+    }
+  }
+
+  const accountType: Record<string, string> = {
+    "": "Choose one account",
+    "iban": "IBAN",
+    "bitcoin": "Bitcoin",
+    "x-taler-bank": "Taler Bank"
+  }
+  const uri = parsePaytoUri(payto)
+  const found = hook.response.accounts.findIndex(a => stringifyPaytoUri(a.uri) === payto) !== -1
+
+  async function addAccount(): Promise<void> {
+    if (!uri || found) return;
+
+    await api.addKnownBankAccounts(uri, currency, alias)
+    onAccountAdded(payto)
+  }
+
+  const paytoUriError = payto === "" ? undefined
+    : !uri ? "the uri is not ok"
+      : found ? "that account is already present"
+        : undefined
+
+  const unableToAdd = !type || !alias || paytoUriError
+
+  return {
+    status: "ready",
+    error: undefined,
+    currency,
+    accountType: {
+      list: accountType,
+      value: type,
+      onChange: async (v) => {
+        setType(v)
+      }
+    },
+    alias: {
+      value: alias,
+      onInput: async (v) => {
+        setAlias(v)
+      },
+    },
+    uri: {
+      value: payto,
+      error: paytoUriError,
+      onInput: async (v) => {
+        setPayto(v)
+      }
+    },
+    onAccountAdded: {
+      onClick: unableToAdd ? undefined : addAccount
+    },
+    onCancel: {
+      onClick: async () => onCancel()
+    }
+  };
+}