components renaming to follow react pattern

6 files changed, 7 insertions, 99 deletions

diff --git a/packages/taler-wallet-webextension/src/wallet/pay.tsx b/packages/taler-wallet-webextension/src/wallet/Pay.tsx
index e958cd484..23b4e6c1a 100644
--- a/packages/taler-wallet-webextension/src/wallet/pay.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Pay.tsx
@@ -45,7 +45,7 @@ interface Props {
   talerPayUri?: string
 }
 
-export function TalerPayDialog({ talerPayUri }: Props): JSX.Element {
+export function PayPage({ talerPayUri }: Props): JSX.Element {
   const [payStatus, setPayStatus] = useState<PreparePayResult | undefined>(undefined);
   const [payResult, setPayResult] = useState<ConfirmPayResult | undefined>(undefined);
   const [payErrMsg, setPayErrMsg] = useState<string | undefined>("");
@@ -222,14 +222,3 @@ export function TalerPayDialog({ talerPayUri }: Props): JSX.Element {
   );
 }
 
-/**
- * @deprecated to be removed
- */
-export function createPayPage(): JSX.Element {
-  const url = new URL(document.location.href);
-  const talerPayUri = url.searchParams.get("talerPayUri");
-  if (!talerPayUri) {
-    throw Error("invalid parameter");
-  }
-  return <TalerPayDialog talerPayUri={talerPayUri} />;
-}
diff --git a/packages/taler-wallet-webextension/src/wallet/refund.tsx b/packages/taler-wallet-webextension/src/wallet/Refund.tsx
index 1991bc9d8..702217415 100644
--- a/packages/taler-wallet-webextension/src/wallet/refund.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Refund.tsx
@@ -33,7 +33,7 @@ interface Props {
   talerRefundUri?: string
 }
 
-export function RefundStatusView({ talerRefundUri }: Props): JSX.Element {
+export function RefundPage({ talerRefundUri }: Props): JSX.Element {
   const [applyResult, setApplyResult] = useState<ApplyRefundResponse | undefined>(undefined);
   const [errMsg, setErrMsg] = useState<string | undefined>(undefined);
 
@@ -87,22 +87,3 @@ export function RefundStatusView({ talerRefundUri }: Props): JSX.Element {
     </>
   );
 }
-
-/**
- * @deprecated to be removed
- */
-export function createRefundPage(): JSX.Element {
-  const url = new URL(document.location.href);
-
-  const container = document.getElementById("container");
-  if (!container) {
-    throw Error("fatal: can't mount component, container missing");
-  }
-
-  const talerRefundUri = url.searchParams.get("talerRefundUri");
-  if (!talerRefundUri) {
-    throw Error("taler refund URI required");
-  }
-
-  return <RefundStatusView talerRefundUri={talerRefundUri} />;
-}
diff --git a/packages/taler-wallet-webextension/src/wallet/tip.tsx b/packages/taler-wallet-webextension/src/wallet/Tip.tsx
index d832976d8..708e8940b 100644
--- a/packages/taler-wallet-webextension/src/wallet/tip.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Tip.tsx
@@ -30,7 +30,7 @@ interface Props {
   talerTipUri?: string 
 }
 
-export function TalerTipDialog({ talerTipUri }: Props): JSX.Element {
+export function TipPage({ talerTipUri }: Props): JSX.Element {
   const [updateCounter, setUpdateCounter] = useState<number>(0);
   const [prepareTipResult, setPrepareTipResult] = useState<
     PrepareTipResult | undefined
@@ -95,15 +95,3 @@ export function TalerTipDialog({ talerTipUri }: Props): JSX.Element {
     );
   }
 }
-
-/**
- * @deprecated to be removed
- */
-export function createTipPage(): JSX.Element {
-  const url = new URL(document.location.href);
-  const talerTipUri = url.searchParams.get("talerTipUri");
-  if (!talerTipUri) {
-    throw Error("invalid parameter");
-  }
-  return <TalerTipDialog talerTipUri={talerTipUri} />;
-}
diff --git a/packages/taler-wallet-webextension/src/wallet/welcome.tsx b/packages/taler-wallet-webextension/src/wallet/Welcome.tsx
index 9be62bf8b..0f9cc8677 100644
--- a/packages/taler-wallet-webextension/src/wallet/welcome.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Welcome.tsx
@@ -20,43 +20,12 @@
  * @author Florian Dold
  */
 
-import * as wxApi from "../wxApi";
-import { getPermissionsApi } from "../compat";
-import { extendedPermissions } from "../permissions";
-import { Fragment, JSX } from "preact/jsx-runtime";
+import { JSX } from "preact/jsx-runtime";
 import { PermissionsCheckbox } from "../components/PermissionsCheckbox";
 import { useExtendedPermissions } from "../hooks/useExtendedPermissions";
 import { Diagnostics } from "../components/Diagnostics";
 
-export async function handleExtendedPerm(isEnabled: boolean): Promise<boolean> {
-  let nextVal: boolean | undefined;
-
-  if (!isEnabled) {
-    const granted = await new Promise<boolean>((resolve, reject) => {
-      // We set permissions here, since apparently FF wants this to be done
-      // as the result of an input event ...
-      getPermissionsApi().request(extendedPermissions, (granted: boolean) => {
-        if (chrome.runtime.lastError) {
-          console.error("error requesting permissions");
-          console.error(chrome.runtime.lastError);
-          reject(chrome.runtime.lastError);
-          return;
-        }
-        console.log("permissions granted:", granted);
-        resolve(granted);
-      });
-    });
-    const res = await wxApi.setExtendedPermissions(granted);
-    nextVal = res.newValue;
-  } else {
-    const res = await wxApi.setExtendedPermissions(false);
-    nextVal = res.newValue;
-  }
-  console.log("new permissions applied:", nextVal ?? false);
-  return nextVal ?? false
-}
-
-export function Welcome(): JSX.Element {
+export function WelcomePage(): JSX.Element {
   const [permissionsEnabled, togglePermissions] = useExtendedPermissions()
   return (
     <>
@@ -74,10 +43,3 @@ export function Welcome(): JSX.Element {
     </>
   );
 }
-
-/**
- * @deprecated to be removed
- */
-export function createWelcomePage(): JSX.Element {
-  return <Welcome />;
-}
diff --git a/packages/taler-wallet-webextension/src/wallet/withdraw.stories.tsx b/packages/taler-wallet-webextension/src/wallet/Withdraw.stories.tsx
index 86f0eec90..24fb17dfa 100644
--- a/packages/taler-wallet-webextension/src/wallet/withdraw.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Withdraw.stories.tsx
@@ -20,7 +20,7 @@
 */
 
 import { h } from 'preact';
-import { View, ViewProps } from './withdraw';
+import { View, ViewProps } from './Withdraw';
 
 
 export default {
diff --git a/packages/taler-wallet-webextension/src/wallet/withdraw.tsx b/packages/taler-wallet-webextension/src/wallet/Withdraw.tsx
index cb96fa4df..5dc12407b 100644
--- a/packages/taler-wallet-webextension/src/wallet/withdraw.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Withdraw.tsx
@@ -111,7 +111,7 @@ export function View({ talerWithdrawUri, details, cancelled, selectedExchange, a
   )
 }
 
-export function WithdrawalDialog({ talerWithdrawUri }: Props): JSX.Element {
+export function WithdrawPage({ talerWithdrawUri }: Props): JSX.Element {
   const [details, setDetails] = useState<WithdrawUriInfoResponse | undefined>(undefined);
   const [selectedExchange, setSelectedExchange] = useState<
     string | undefined
@@ -159,15 +159,3 @@ export function WithdrawalDialog({ talerWithdrawUri }: Props): JSX.Element {
   />
 }
 
-
-/**
- * @deprecated to be removed
- */
-export function createWithdrawPage(): JSX.Element {
-  const url = new URL(document.location.href);
-  const talerWithdrawUri = url.searchParams.get("talerWithdrawUri");
-  if (!talerWithdrawUri) {
-    throw Error("withdraw URI required");
-  }
-  return <WithdrawalDialog talerWithdrawUri={talerWithdrawUri} />;
-}