default exchange and select currency

4 files changed, 103 insertions, 34 deletions

diff --git a/packages/taler-wallet-webextension/src/mui/Modal.tsx b/packages/taler-wallet-webextension/src/mui/Modal.tsx
index 5a30bcf26..b24a45d61 100644
--- a/packages/taler-wallet-webextension/src/mui/Modal.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Modal.tsx
@@ -1,9 +1,25 @@
+/*
+ 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 { css } from "@linaria/core";
 import { h, JSX, VNode, ComponentChildren } from "preact";
 import { useCallback, useEffect, useRef, useState } from "preact/hooks";
 // eslint-disable-next-line import/extensions
 import { alpha } from "./colors/manipulation";
-import { ModalManager } from "./ModalManager";
+import { ModalManager } from "./ModalManager.js";
 import { Portal } from "./Portal.js";
 // eslint-disable-next-line import/extensions
 import { theme } from "./style";
@@ -22,12 +38,16 @@ interface Props {
   children: ComponentChildren;
   open?: boolean;
   exited?: boolean;
-  container?: HTMLElement;
+  container?: VNode;
 }
 
 const defaultManager = new ModalManager();
 const manager = defaultManager;
 
+function getModal(): any {
+  return null; //TODO: fix
+}
+
 export function Modal({
   open,
   // exited,
@@ -52,18 +72,18 @@ export function Modal({
       return;
     }
 
-    if (open && isTopModal()) {
-      handleMounted();
-    } else {
-      ariaHidden(modalRef.current, true);
-    }
+    // if (open && isTopModal()) {
+    //   handleMounted();
+    // } else {
+    //   ariaHidden(modalRef.current, true);
+    // }
   });
 
   return (
     <Portal
       ref={handlePortalRef}
       container={container}
-      disablePortal={disablePortal}
+      // disablePortal={disablePortal}
     >
       <div
         class={[_class, baseStyle].join(" ")}
@@ -105,7 +125,7 @@ function getOffsetLeft(rect: any, horizontal: any): number {
   return offset;
 }
 
-function getTransformOriginValue(transformOrigin): string {
+function getTransformOriginValue(transformOrigin: any): string {
   return [transformOrigin.horizontal, transformOrigin.vertical]
     .map((n) => (typeof n === "number" ? `${n}px` : n))
     .join(" ");
diff --git a/packages/taler-wallet-webextension/src/mui/ModalManager.ts b/packages/taler-wallet-webextension/src/mui/ModalManager.ts
index 2894ffa7a..b4a3ee597 100644
--- a/packages/taler-wallet-webextension/src/mui/ModalManager.ts
+++ b/packages/taler-wallet-webextension/src/mui/ModalManager.ts
@@ -1,3 +1,19 @@
+/*
+ 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/>
+ */
+
 ////////////////////
 function ownerDocument(node: Node | null | undefined): Document {
   return (node && node.ownerDocument) || document;
diff --git a/packages/taler-wallet-webextension/src/mui/Popover.tsx b/packages/taler-wallet-webextension/src/mui/Popover.tsx
index 408f87987..69e0ab10a 100644
--- a/packages/taler-wallet-webextension/src/mui/Popover.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Popover.tsx
@@ -1,3 +1,19 @@
+/*
+ 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 { css } from "@linaria/core";
 import { h, JSX, VNode, ComponentChildren } from "preact";
 // eslint-disable-next-line import/extensions
@@ -48,7 +64,7 @@ function getOffsetLeft(rect: any, horizontal: any): number {
   return offset;
 }
 
-function getTransformOriginValue(transformOrigin): string {
+function getTransformOriginValue(transformOrigin: any): string {
   return [transformOrigin.horizontal, transformOrigin.vertical]
     .map((n) => (typeof n === "number" ? `${n}px` : n))
     .join(" ");
diff --git a/packages/taler-wallet-webextension/src/mui/Portal.tsx b/packages/taler-wallet-webextension/src/mui/Portal.tsx
index 828a574fd..f9be021f0 100644
--- a/packages/taler-wallet-webextension/src/mui/Portal.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Portal.tsx
@@ -1,3 +1,19 @@
+/*
+ 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 { css } from "@linaria/core";
 import { createPortal, forwardRef } from "preact/compat";
 import {
@@ -26,7 +42,7 @@ const baseStyle = css`
 `;
 
 interface Props {
-  class: string;
+  // class: string;
   children: ComponentChildren;
   disablePortal?: boolean;
   container?: VNode;
@@ -39,10 +55,11 @@ export const Portal = forwardRef(function Portal(
   const [mountNode, setMountNode] = useState<HTMLElement | undefined>(
     undefined,
   );
-  const handleRef = useForkRef(
-    isValidElement(children) ? children.ref : null,
-    ref,
-  );
+  const handleRef = null;
+  // useForkRef(
+  //   isValidElement(children) ? children.ref : null,
+  //   ref,
+  // );
 
   useEffect(() => {
     if (!disablePortal) {
@@ -81,25 +98,25 @@ function getContainer(container: any): any {
   return typeof container === "function" ? container() : container;
 }
 
-function useForkRef<Instance>(
-  refA: React.Ref<Instance> | null | undefined,
-  refB: React.Ref<Instance> | null | undefined,
-): React.Ref<Instance> | null {
-  /**
-   * This will create a new function if the ref props change and are defined.
-   * This means react will call the old forkRef with `null` and the new forkRef
-   * with the ref. Cleanup naturally emerges from this behavior.
-   */
-  return useMemo(() => {
-    if (refA == null && refB == null) {
-      return null;
-    }
-    return (refValue) => {
-      setRef(refA, refValue);
-      setRef(refB, refValue);
-    };
-  }, [refA, refB]);
-}
+// function useForkRef<Instance>(
+//   refA: React.Ref<Instance> | null | undefined,
+//   refB: React.Ref<Instance> | null | undefined,
+// ): React.Ref<Instance> | null {
+//   /**
+//    * This will create a new function if the ref props change and are defined.
+//    * This means react will call the old forkRef with `null` and the new forkRef
+//    * with the ref. Cleanup naturally emerges from this behavior.
+//    */
+//   return useMemo(() => {
+//     if (refA == null && refB == null) {
+//       return null;
+//     }
+//     return (refValue) => {
+//       setRef(refA, refValue);
+//       setRef(refB, refValue);
+//     };
+//   }, [refA, refB]);
+// }
 
 function setRef<T>(
   ref: RefObject<T | null> | ((instance: T | null) => void) | null | undefined,