aboutsummaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension
diff options
context:
space:
mode:
Diffstat (limited to 'packages/taler-wallet-webextension')
-rw-r--r--packages/taler-wallet-webextension/src/NavigationBar.tsx6
-rw-r--r--packages/taler-wallet-webextension/src/background.dev.ts6
-rw-r--r--packages/taler-wallet-webextension/src/background.ts8
-rw-r--r--packages/taler-wallet-webextension/src/chromeBadge.ts2
-rw-r--r--packages/taler-wallet-webextension/src/components/BalanceTable.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx6
-rw-r--r--packages/taler-wallet-webextension/src/components/Banner.stories.tsx8
-rw-r--r--packages/taler-wallet-webextension/src/components/Banner.tsx12
-rw-r--r--packages/taler-wallet-webextension/src/components/CheckboxOutlined.tsx2
-rw-r--r--packages/taler-wallet-webextension/src/components/DebugCheckbox.tsx2
-rw-r--r--packages/taler-wallet-webextension/src/components/Diagnostics.tsx2
-rw-r--r--packages/taler-wallet-webextension/src/components/EditableText.tsx2
-rw-r--r--packages/taler-wallet-webextension/src/components/ErrorMessage.tsx2
-rw-r--r--packages/taler-wallet-webextension/src/components/ErrorTalerOperation.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/components/JustInDevMode.tsx2
-rw-r--r--packages/taler-wallet-webextension/src/components/Loading.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/components/LoadingError.tsx6
-rw-r--r--packages/taler-wallet-webextension/src/components/MultiActionButton.tsx6
-rw-r--r--packages/taler-wallet-webextension/src/components/Part.tsx2
-rw-r--r--packages/taler-wallet-webextension/src/components/PendingTransactions.stories.tsx6
-rw-r--r--packages/taler-wallet-webextension/src/components/PendingTransactions.tsx12
-rw-r--r--packages/taler-wallet-webextension/src/components/SelectList.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/components/TransactionItem.tsx10
-rw-r--r--packages/taler-wallet-webextension/src/context/devContext.ts2
-rw-r--r--packages/taler-wallet-webextension/src/context/iocContext.ts2
-rw-r--r--packages/taler-wallet-webextension/src/context/translation.ts4
-rw-r--r--packages/taler-wallet-webextension/src/cta/Deposit.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/cta/Deposit.tsx14
-rw-r--r--packages/taler-wallet-webextension/src/cta/Pay.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/cta/Pay.tsx20
-rw-r--r--packages/taler-wallet-webextension/src/cta/Refund.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/cta/Refund.tsx14
-rw-r--r--packages/taler-wallet-webextension/src/cta/TermsOfServiceSection.tsx10
-rw-r--r--packages/taler-wallet-webextension/src/cta/Tip.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/cta/Tip.tsx13
-rw-r--r--packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx6
-rw-r--r--packages/taler-wallet-webextension/src/cta/Withdraw.tsx24
-rw-r--r--packages/taler-wallet-webextension/src/cta/return-coins.tsx2
-rw-r--r--packages/taler-wallet-webextension/src/cta/termsExample.ts1
-rw-r--r--packages/taler-wallet-webextension/src/hooks/useAsyncAsHook.ts2
-rw-r--r--packages/taler-wallet-webextension/src/hooks/useBackupDeviceName.ts2
-rw-r--r--packages/taler-wallet-webextension/src/hooks/useDiagnostics.ts2
-rw-r--r--packages/taler-wallet-webextension/src/hooks/useExtendedPermissions.ts6
-rw-r--r--packages/taler-wallet-webextension/src/hooks/useLang.ts2
-rw-r--r--packages/taler-wallet-webextension/src/hooks/useProviderStatus.ts2
-rw-r--r--packages/taler-wallet-webextension/src/hooks/useTalerActionURL.test.ts6
-rw-r--r--packages/taler-wallet-webextension/src/hooks/useTalerActionURL.ts2
-rw-r--r--packages/taler-wallet-webextension/src/mui/Avatar.tsx1
-rw-r--r--packages/taler-wallet-webextension/src/mui/Button.stories.tsx2
-rw-r--r--packages/taler-wallet-webextension/src/mui/Button.tsx2
-rw-r--r--packages/taler-wallet-webextension/src/mui/Grid.stories.tsx2
-rw-r--r--packages/taler-wallet-webextension/src/mui/Grid.tsx1
-rw-r--r--packages/taler-wallet-webextension/src/mui/Paper.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/mui/Paper.tsx6
-rw-r--r--packages/taler-wallet-webextension/src/mui/TextField.stories.tsx2
-rw-r--r--packages/taler-wallet-webextension/src/mui/TextField.tsx43
-rw-r--r--packages/taler-wallet-webextension/src/mui/Typography.tsx3
-rw-r--r--packages/taler-wallet-webextension/src/mui/colors/manipulation.test.ts2
-rw-r--r--packages/taler-wallet-webextension/src/mui/colors/manipulation.ts8
-rw-r--r--packages/taler-wallet-webextension/src/mui/index.stories.tsx8
-rw-r--r--packages/taler-wallet-webextension/src/mui/input/FormControl.tsx13
-rw-r--r--packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx3
-rw-r--r--packages/taler-wallet-webextension/src/mui/input/FormLabel.tsx3
-rw-r--r--packages/taler-wallet-webextension/src/mui/input/InputBase.tsx5
-rw-r--r--packages/taler-wallet-webextension/src/mui/input/InputLabel.tsx5
-rw-r--r--packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx5
-rw-r--r--packages/taler-wallet-webextension/src/mui/style.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/platform/chrome.ts2
-rw-r--r--packages/taler-wallet-webextension/src/platform/dev.ts5
-rw-r--r--packages/taler-wallet-webextension/src/platform/firefox.ts2
-rw-r--r--packages/taler-wallet-webextension/src/popup/Application.tsx24
-rw-r--r--packages/taler-wallet-webextension/src/popup/Balance.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/popup/BalancePage.tsx22
-rw-r--r--packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx7
-rw-r--r--packages/taler-wallet-webextension/src/popup/TalerActionFound.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/popup/TalerActionFound.tsx10
-rw-r--r--packages/taler-wallet-webextension/src/popup/index.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/popupEntryPoint.dev.tsx8
-rw-r--r--packages/taler-wallet-webextension/src/popupEntryPoint.tsx10
-rw-r--r--packages/taler-wallet-webextension/src/stories.test.ts9
-rw-r--r--packages/taler-wallet-webextension/src/stories.tsx12
-rw-r--r--packages/taler-wallet-webextension/src/wallet/AddNewActionView.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/AddNewActionView.tsx10
-rw-r--r--packages/taler-wallet-webextension/src/wallet/Application.tsx44
-rw-r--r--packages/taler-wallet-webextension/src/wallet/Backup.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/BackupPage.tsx14
-rw-r--r--packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.test.ts4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.tsx10
-rw-r--r--packages/taler-wallet-webextension/src/wallet/DepositPage.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/DepositPage.test.ts4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/DepositPage.tsx19
-rw-r--r--packages/taler-wallet-webextension/src/wallet/DeveloperPage.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/DeveloperPage.tsx16
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ExchangeAddConfirm.stories.tsx6
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ExchangeAddConfirm.tsx12
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ExchangeAddPage.tsx10
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ExchangeAddSetUrl.stories.tsx6
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ExchangeSetUrl.tsx6
-rw-r--r--packages/taler-wallet-webextension/src/wallet/History.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/History.tsx22
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ManualWithdrawPage.tsx14
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ProviderAddConfirmProvider.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ProviderAddPage.tsx12
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ProviderAddSetUrl.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ProviderDetail.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ProviderDetailPage.tsx16
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ReserveCreated.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx14
-rw-r--r--packages/taler-wallet-webextension/src/wallet/Settings.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/Settings.tsx26
-rw-r--r--packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx6
-rw-r--r--packages/taler-wallet-webextension/src/wallet/Transaction.tsx20
-rw-r--r--packages/taler-wallet-webextension/src/wallet/Welcome.stories.tsx4
-rw-r--r--packages/taler-wallet-webextension/src/wallet/Welcome.tsx12
-rw-r--r--packages/taler-wallet-webextension/src/wallet/index.stories.tsx30
-rw-r--r--packages/taler-wallet-webextension/src/walletEntryPoint.dev.tsx8
-rw-r--r--packages/taler-wallet-webextension/src/walletEntryPoint.tsx10
-rw-r--r--packages/taler-wallet-webextension/src/wxBackend.ts12
119 files changed, 479 insertions, 447 deletions
diff --git a/packages/taler-wallet-webextension/src/NavigationBar.tsx b/packages/taler-wallet-webextension/src/NavigationBar.tsx
index 680c34a9b..8b545b981 100644
--- a/packages/taler-wallet-webextension/src/NavigationBar.tsx
+++ b/packages/taler-wallet-webextension/src/NavigationBar.tsx
@@ -25,13 +25,13 @@
* Imports.
*/
import { h, VNode } from "preact";
-import { JustInDevMode } from "./components/JustInDevMode";
+import { JustInDevMode } from "./components/JustInDevMode.js";
import {
NavigationHeader,
NavigationHeaderHolder,
SvgIcon,
-} from "./components/styled";
-import { useTranslationContext } from "./context/translation";
+} from "./components/styled/index.js";
+import { useTranslationContext } from "./context/translation.js";
import settingsIcon from "./svg/settings_black_24dp.svg";
/**
diff --git a/packages/taler-wallet-webextension/src/background.dev.ts b/packages/taler-wallet-webextension/src/background.dev.ts
index 1493ec246..d27d83bab 100644
--- a/packages/taler-wallet-webextension/src/background.dev.ts
+++ b/packages/taler-wallet-webextension/src/background.dev.ts
@@ -23,9 +23,9 @@
/**
* Imports.
*/
-import { platform, setupPlatform } from "./platform/api";
-import devAPI from "./platform/dev"
-import { wxMain } from "./wxBackend";
+import { platform, setupPlatform } from "./platform/api.js";
+import devAPI from "./platform/dev.js";
+import { wxMain } from "./wxBackend.js";
console.log("Wallet setup for Dev API")
setupPlatform(devAPI)
diff --git a/packages/taler-wallet-webextension/src/background.ts b/packages/taler-wallet-webextension/src/background.ts
index 7cda6e9ef..d0abd4805 100644
--- a/packages/taler-wallet-webextension/src/background.ts
+++ b/packages/taler-wallet-webextension/src/background.ts
@@ -23,10 +23,10 @@
/**
* Imports.
*/
-import { platform, setupPlatform } from "./platform/api";
-import firefoxAPI from "./platform/firefox"
-import chromeAPI from "./platform/chrome"
-import { wxMain } from "./wxBackend";
+import { platform, setupPlatform } from "./platform/api.js";
+import firefoxAPI from "./platform/firefox.js";
+import chromeAPI from "./platform/chrome.js";
+import { wxMain } from "./wxBackend.js";
const isFirefox = typeof (window as any)['InstallTrigger'] !== 'undefined'
diff --git a/packages/taler-wallet-webextension/src/chromeBadge.ts b/packages/taler-wallet-webextension/src/chromeBadge.ts
index 74c2fcd2f..71cce4472 100644
--- a/packages/taler-wallet-webextension/src/chromeBadge.ts
+++ b/packages/taler-wallet-webextension/src/chromeBadge.ts
@@ -14,7 +14,7 @@
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
-import { platform } from "./platform/api";
+import { platform } from "./platform/api.js";
/**
* Polyfill for requestAnimationFrame, which
diff --git a/packages/taler-wallet-webextension/src/components/BalanceTable.tsx b/packages/taler-wallet-webextension/src/components/BalanceTable.tsx
index c69625cd2..e67fb6b4d 100644
--- a/packages/taler-wallet-webextension/src/components/BalanceTable.tsx
+++ b/packages/taler-wallet-webextension/src/components/BalanceTable.tsx
@@ -14,9 +14,9 @@
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
-import { Amounts, amountToPretty, Balance } from "@gnu-taler/taler-util";
+import { Amounts, Balance } from "@gnu-taler/taler-util";
import { h, VNode } from "preact";
-import { TableWithRoundRows as TableWithRoundedRows } from "./styled";
+import { TableWithRoundRows as TableWithRoundedRows } from "./styled/index.js";
export function BalanceTable({
balances,
diff --git a/packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx b/packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx
index f55f5c846..aff2badac 100644
--- a/packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx
+++ b/packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx
@@ -17,9 +17,9 @@
import { PaytoUri } from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
import { useEffect, useState } from "preact/hooks";
-import { useTranslationContext } from "../context/translation";
-import { CopiedIcon, CopyIcon } from "../svg";
-import { ButtonBox, TooltipRight } from "./styled";
+import { useTranslationContext } from "../context/translation.js";
+import { CopiedIcon, CopyIcon } from "../svg/index.js";
+import { ButtonBox, TooltipRight } from "./styled/index.js";
export interface BankDetailsProps {
payto: PaytoUri | undefined;
diff --git a/packages/taler-wallet-webextension/src/components/Banner.stories.tsx b/packages/taler-wallet-webextension/src/components/Banner.stories.tsx
index 258bd0676..e4fc63ac1 100644
--- a/packages/taler-wallet-webextension/src/components/Banner.stories.tsx
+++ b/packages/taler-wallet-webextension/src/components/Banner.stories.tsx
@@ -19,11 +19,11 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { Banner } from "./Banner";
+import { Banner } from "./Banner.js";
import { Fragment, h, VNode } from "preact";
-import { Avatar } from "../mui/Avatar";
-import { Icon, SvgIcon } from "./styled";
-import { Typography } from "../mui/Typography";
+import { Avatar } from "../mui/Avatar.js";
+import { Icon, SvgIcon } from "./styled/index.js";
+import { Typography } from "../mui/Typography.js";
export default {
title: "mui/banner",
diff --git a/packages/taler-wallet-webextension/src/components/Banner.tsx b/packages/taler-wallet-webextension/src/components/Banner.tsx
index 77d79d873..7bbacee8d 100644
--- a/packages/taler-wallet-webextension/src/components/Banner.tsx
+++ b/packages/taler-wallet-webextension/src/components/Banner.tsx
@@ -1,10 +1,10 @@
import { h, Fragment, VNode, JSX } from "preact";
-import { Divider } from "../mui/Divider";
-import { Button } from "../mui/Button";
-import { Typography } from "../mui/Typography";
-import { Avatar } from "../mui/Avatar";
-import { Grid } from "../mui/Grid";
-import { Paper } from "../mui/Paper";
+import { Divider } from "../mui/Divider.js";
+import { Button } from "../mui/Button.js";
+import { Typography } from "../mui/Typography.js";
+import { Avatar } from "../mui/Avatar.js";
+import { Grid } from "../mui/Grid.js";
+import { Paper } from "../mui/Paper.js";
interface Props extends JSX.HTMLAttributes<HTMLDivElement> {
title?: string;
diff --git a/packages/taler-wallet-webextension/src/components/CheckboxOutlined.tsx b/packages/taler-wallet-webextension/src/components/CheckboxOutlined.tsx
index de7fb5e6c..959f354a4 100644
--- a/packages/taler-wallet-webextension/src/components/CheckboxOutlined.tsx
+++ b/packages/taler-wallet-webextension/src/components/CheckboxOutlined.tsx
@@ -14,7 +14,7 @@
GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
-import { Outlined, StyledCheckboxLabel } from "./styled";
+import { Outlined, StyledCheckboxLabel } from "./styled/index.js";
import { h, VNode } from "preact";
interface Props {
diff --git a/packages/taler-wallet-webextension/src/components/DebugCheckbox.tsx b/packages/taler-wallet-webextension/src/components/DebugCheckbox.tsx
index dc42b9ef7..8d431f683 100644
--- a/packages/taler-wallet-webextension/src/components/DebugCheckbox.tsx
+++ b/packages/taler-wallet-webextension/src/components/DebugCheckbox.tsx
@@ -15,7 +15,7 @@
*/
import { h, VNode } from "preact";
-import { useTranslationContext } from "../context/translation";
+import { useTranslationContext } from "../context/translation.js";
export function DebugCheckbox({
enabled,
diff --git a/packages/taler-wallet-webextension/src/components/Diagnostics.tsx b/packages/taler-wallet-webextension/src/components/Diagnostics.tsx
index 0cffff693..98e4e7a03 100644
--- a/packages/taler-wallet-webextension/src/components/Diagnostics.tsx
+++ b/packages/taler-wallet-webextension/src/components/Diagnostics.tsx
@@ -16,7 +16,7 @@
import { WalletDiagnostics } from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
-import { useTranslationContext } from "../context/translation";
+import { useTranslationContext } from "../context/translation.js";
interface Props {
timedOut: boolean;
diff --git a/packages/taler-wallet-webextension/src/components/EditableText.tsx b/packages/taler-wallet-webextension/src/components/EditableText.tsx
index 8f342ef28..5b0ece5a6 100644
--- a/packages/taler-wallet-webextension/src/components/EditableText.tsx
+++ b/packages/taler-wallet-webextension/src/components/EditableText.tsx
@@ -16,7 +16,7 @@
import { h, VNode } from "preact";
import { useRef, useState } from "preact/hooks";
-import { useTranslationContext } from "../context/translation";
+import { useTranslationContext } from "../context/translation.js";
interface Props {
value: string;
diff --git a/packages/taler-wallet-webextension/src/components/ErrorMessage.tsx b/packages/taler-wallet-webextension/src/components/ErrorMessage.tsx
index d6765c13d..88725e9cb 100644
--- a/packages/taler-wallet-webextension/src/components/ErrorMessage.tsx
+++ b/packages/taler-wallet-webextension/src/components/ErrorMessage.tsx
@@ -16,7 +16,7 @@
import { VNode, h, ComponentChildren } from "preact";
import { useState } from "preact/hooks";
import arrowDown from "../svg/chevron-down.svg";
-import { ErrorBox } from "./styled";
+import { ErrorBox } from "./styled/index.js";
export function ErrorMessage({
title,
diff --git a/packages/taler-wallet-webextension/src/components/ErrorTalerOperation.tsx b/packages/taler-wallet-webextension/src/components/ErrorTalerOperation.tsx
index 9fd8f7a03..5e94578a4 100644
--- a/packages/taler-wallet-webextension/src/components/ErrorTalerOperation.tsx
+++ b/packages/taler-wallet-webextension/src/components/ErrorTalerOperation.tsx
@@ -17,8 +17,8 @@ import { TalerErrorDetail } from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
import { useState } from "preact/hooks";
import arrowDown from "../svg/chevron-down.svg";
-import { useDevContext } from "../context/devContext";
-import { ErrorBox } from "./styled";
+import { useDevContext } from "../context/devContext.js";
+import { ErrorBox } from "./styled/index.js";
export function ErrorTalerOperation({
title,
diff --git a/packages/taler-wallet-webextension/src/components/JustInDevMode.tsx b/packages/taler-wallet-webextension/src/components/JustInDevMode.tsx
index d447f87eb..28e503095 100644
--- a/packages/taler-wallet-webextension/src/components/JustInDevMode.tsx
+++ b/packages/taler-wallet-webextension/src/components/JustInDevMode.tsx
@@ -1,5 +1,5 @@
import { ComponentChildren, Fragment, h, VNode } from "preact";
-import { useDevContext } from "../context/devContext";
+import { useDevContext } from "../context/devContext.js";
export function JustInDevMode({
children,
diff --git a/packages/taler-wallet-webextension/src/components/Loading.tsx b/packages/taler-wallet-webextension/src/components/Loading.tsx
index d28953a10..c0749a3f0 100644
--- a/packages/taler-wallet-webextension/src/components/Loading.tsx
+++ b/packages/taler-wallet-webextension/src/components/Loading.tsx
@@ -15,8 +15,8 @@
*/
import { Fragment, h, VNode } from "preact";
import { useEffect, useState } from "preact/hooks";
-import { useTranslationContext } from "../context/translation";
-import { CenteredText } from "./styled";
+import { useTranslationContext } from "../context/translation.js";
+import { CenteredText } from "./styled/index.js";
export function Loading(): VNode {
const { i18n } = useTranslationContext();
diff --git a/packages/taler-wallet-webextension/src/components/LoadingError.tsx b/packages/taler-wallet-webextension/src/components/LoadingError.tsx
index ea0ff40d6..c1e5918f5 100644
--- a/packages/taler-wallet-webextension/src/components/LoadingError.tsx
+++ b/packages/taler-wallet-webextension/src/components/LoadingError.tsx
@@ -14,9 +14,9 @@
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
import { h, VNode } from "preact";
-import { HookError } from "../hooks/useAsyncAsHook";
-import { ErrorMessage } from "./ErrorMessage";
-import { ErrorTalerOperation } from "./ErrorTalerOperation";
+import { HookError } from "../hooks/useAsyncAsHook.js";
+import { ErrorMessage } from "./ErrorMessage.js";
+import { ErrorTalerOperation } from "./ErrorTalerOperation.js";
export interface Props {
title: VNode;
diff --git a/packages/taler-wallet-webextension/src/components/MultiActionButton.tsx b/packages/taler-wallet-webextension/src/components/MultiActionButton.tsx
index d1b5e45ad..c4ccaa696 100644
--- a/packages/taler-wallet-webextension/src/components/MultiActionButton.tsx
+++ b/packages/taler-wallet-webextension/src/components/MultiActionButton.tsx
@@ -1,6 +1,10 @@
import { h, VNode } from "preact";
import arrowDown from "../svg/chevron-down.svg";
-import { ButtonBoxPrimary, ButtonPrimary, ParagraphClickable } from "./styled";
+import {
+ ButtonBoxPrimary,
+ ButtonPrimary,
+ ParagraphClickable,
+} from "./styled/index.js";
import { useState } from "preact/hooks";
export interface Props {
diff --git a/packages/taler-wallet-webextension/src/components/Part.tsx b/packages/taler-wallet-webextension/src/components/Part.tsx
index 89cc51391..1d38d16bf 100644
--- a/packages/taler-wallet-webextension/src/components/Part.tsx
+++ b/packages/taler-wallet-webextension/src/components/Part.tsx
@@ -14,7 +14,7 @@
GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
import { AmountLike } from "@gnu-taler/taler-util";
-import { ExtraLargeText, LargeText, SmallLightText } from "./styled";
+import { ExtraLargeText, LargeText, SmallLightText } from "./styled/index.js";
import { h, VNode } from "preact";
export type Kind = "positive" | "negative" | "neutral";
diff --git a/packages/taler-wallet-webextension/src/components/PendingTransactions.stories.tsx b/packages/taler-wallet-webextension/src/components/PendingTransactions.stories.tsx
index ea29d4a78..27146479b 100644
--- a/packages/taler-wallet-webextension/src/components/PendingTransactions.stories.tsx
+++ b/packages/taler-wallet-webextension/src/components/PendingTransactions.stories.tsx
@@ -19,9 +19,9 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { PendingTransactionsView as TestedComponent } from "./PendingTransactions";
+import { PendingTransactionsView as TestedComponent } from "./PendingTransactions.js";
import { Fragment, h, VNode } from "preact";
-import { createExample } from "../test-utils";
+import { createExample } from "../test-utils.js";
import {
TalerProtocolTimestamp,
Transaction,
@@ -73,7 +73,7 @@ export const TenPendingTransactions = createExample(TestedComponent, {
{
amountEffective: "USD:10",
type: TransactionType.Withdrawal,
- timestamp: TalerProtocolTimestamp.fromSeconds(1)
+ timestamp: TalerProtocolTimestamp.fromSeconds(1),
} as Transaction,
{
amountEffective: "USD:10",
diff --git a/packages/taler-wallet-webextension/src/components/PendingTransactions.tsx b/packages/taler-wallet-webextension/src/components/PendingTransactions.tsx
index 7923eb6ad..0a101acd0 100644
--- a/packages/taler-wallet-webextension/src/components/PendingTransactions.tsx
+++ b/packages/taler-wallet-webextension/src/components/PendingTransactions.tsx
@@ -6,12 +6,12 @@ import {
} from "@gnu-taler/taler-util";
import { PendingTaskInfo } from "@gnu-taler/taler-wallet-core";
import { Fragment, h, JSX } from "preact";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import { Avatar } from "../mui/Avatar";
-import { Typography } from "../mui/Typography";
-import Banner from "./Banner";
-import { Time } from "./Time";
-import * as wxApi from "../wxApi";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import { Avatar } from "../mui/Avatar.js";
+import { Typography } from "../mui/Typography.js";
+import Banner from "./Banner.js";
+import { Time } from "./Time.js";
+import * as wxApi from "../wxApi.js";
interface Props extends JSX.HTMLAttributes {
goToTransaction: (id: string) => void;
diff --git a/packages/taler-wallet-webextension/src/components/SelectList.tsx b/packages/taler-wallet-webextension/src/components/SelectList.tsx
index 122b473b1..aa17d82b8 100644
--- a/packages/taler-wallet-webextension/src/components/SelectList.tsx
+++ b/packages/taler-wallet-webextension/src/components/SelectList.tsx
@@ -15,8 +15,8 @@
*/
import { Fragment, h, VNode } from "preact";
-import { useTranslationContext } from "../context/translation";
-import { NiceSelect } from "./styled";
+import { useTranslationContext } from "../context/translation.js";
+import { NiceSelect } from "./styled/index.js";
interface Props {
value?: string;
diff --git a/packages/taler-wallet-webextension/src/components/TransactionItem.tsx b/packages/taler-wallet-webextension/src/components/TransactionItem.tsx
index d7eae7bb6..985ddf552 100644
--- a/packages/taler-wallet-webextension/src/components/TransactionItem.tsx
+++ b/packages/taler-wallet-webextension/src/components/TransactionItem.tsx
@@ -23,9 +23,9 @@ import {
TransactionType,
} from "@gnu-taler/taler-util";
import { h, VNode } from "preact";
-import { useTranslationContext } from "../context/translation";
-import { Avatar } from "../mui/Avatar";
-import { Pages } from "../NavigationBar";
+import { useTranslationContext } from "../context/translation.js";
+import { Avatar } from "../mui/Avatar.js";
+import { Pages } from "../NavigationBar.js";
import {
Column,
ExtraLargeText,
@@ -33,8 +33,8 @@ import {
LargeText,
LightText,
SmallLightText,
-} from "./styled";
-import { Time } from "./Time";
+} from "./styled/index.js";
+import { Time } from "./Time.js";
export function TransactionItem(props: { tx: Transaction }): VNode {
const tx = props.tx;
diff --git a/packages/taler-wallet-webextension/src/context/devContext.ts b/packages/taler-wallet-webextension/src/context/devContext.ts
index 4b8ba2bcd..c568866eb 100644
--- a/packages/taler-wallet-webextension/src/context/devContext.ts
+++ b/packages/taler-wallet-webextension/src/context/devContext.ts
@@ -21,7 +21,7 @@
import { createContext, h, VNode } from "preact";
import { useContext } from "preact/hooks";
-import { useLocalStorage } from "../hooks/useLocalStorage";
+import { useLocalStorage } from "../hooks/useLocalStorage.js";
interface Type {
devMode: boolean;
diff --git a/packages/taler-wallet-webextension/src/context/iocContext.ts b/packages/taler-wallet-webextension/src/context/iocContext.ts
index a24b0c1ca..aaf1f8b67 100644
--- a/packages/taler-wallet-webextension/src/context/iocContext.ts
+++ b/packages/taler-wallet-webextension/src/context/iocContext.ts
@@ -21,7 +21,7 @@
import { createContext, h, VNode } from "preact";
import { useContext } from "preact/hooks";
-import { platform } from "../platform/api";
+import { platform } from "../platform/api.js";
interface Type {
findTalerUriInActiveTab: () => Promise<string | undefined>;
diff --git a/packages/taler-wallet-webextension/src/context/translation.ts b/packages/taler-wallet-webextension/src/context/translation.ts
index 82ea41e32..b39a7e0de 100644
--- a/packages/taler-wallet-webextension/src/context/translation.ts
+++ b/packages/taler-wallet-webextension/src/context/translation.ts
@@ -21,10 +21,10 @@
import { createContext, h, VNode } from "preact";
import { useContext, useEffect } from "preact/hooks";
-import { useLang } from "../hooks/useLang";
+import { useLang } from "../hooks/useLang.js";
//@ts-ignore: type declaration
import * as jedLib from "jed";
-import { strings } from "../i18n/strings";
+import { strings } from "../i18n/strings.js";
import { setupI18n, i18n } from "@gnu-taler/taler-util";
interface Type {
diff --git a/packages/taler-wallet-webextension/src/cta/Deposit.stories.tsx b/packages/taler-wallet-webextension/src/cta/Deposit.stories.tsx
index df5947bb1..923ea9e96 100644
--- a/packages/taler-wallet-webextension/src/cta/Deposit.stories.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Deposit.stories.tsx
@@ -20,8 +20,8 @@
*/
import { ContractTerms, PreparePayResultType } from "@gnu-taler/taler-util";
-import { createExample } from "../test-utils";
-import { PaymentRequestView as TestedComponent } from "./Deposit";
+import { createExample } from "../test-utils.js";
+import { PaymentRequestView as TestedComponent } from "./Deposit.js";
export default {
title: "cta/deposit",
diff --git a/packages/taler-wallet-webextension/src/cta/Deposit.tsx b/packages/taler-wallet-webextension/src/cta/Deposit.tsx
index 1b90a7ec1..3b6b798ee 100644
--- a/packages/taler-wallet-webextension/src/cta/Deposit.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Deposit.tsx
@@ -38,19 +38,19 @@ import {
import { TalerError } from "@gnu-taler/taler-wallet-core";
import { Fragment, h, VNode } from "preact";
import { useEffect, useState } from "preact/hooks";
-import { ErrorTalerOperation } from "../components/ErrorTalerOperation";
-import { LogoHeader } from "../components/LogoHeader";
-import { Part } from "../components/Part";
+import { ErrorTalerOperation } from "../components/ErrorTalerOperation.js";
+import { LogoHeader } from "../components/LogoHeader.js";
+import { Part } from "../components/Part.js";
import {
ErrorBox,
SubTitle,
SuccessBox,
WalletAction,
WarningBox,
-} from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import * as wxApi from "../wxApi";
+} from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import * as wxApi from "../wxApi.js";
interface Props {
talerPayUri?: string;
diff --git a/packages/taler-wallet-webextension/src/cta/Pay.stories.tsx b/packages/taler-wallet-webextension/src/cta/Pay.stories.tsx
index 2fdcd992c..3804ab3d3 100644
--- a/packages/taler-wallet-webextension/src/cta/Pay.stories.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Pay.stories.tsx
@@ -20,8 +20,8 @@
*/
import { ContractTerms, PreparePayResultType } from "@gnu-taler/taler-util";
-import { createExample } from "../test-utils";
-import { PaymentRequestView as TestedComponent } from "./Pay";
+import { createExample } from "../test-utils.js";
+import { PaymentRequestView as TestedComponent } from "./Pay.js";
export default {
title: "cta/pay",
diff --git a/packages/taler-wallet-webextension/src/cta/Pay.tsx b/packages/taler-wallet-webextension/src/cta/Pay.tsx
index 28b84a534..4d1758e2e 100644
--- a/packages/taler-wallet-webextension/src/cta/Pay.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Pay.tsx
@@ -39,12 +39,12 @@ import {
import { TalerError } from "@gnu-taler/taler-wallet-core";
import { Fragment, h, VNode } from "preact";
import { useEffect, useState } from "preact/hooks";
-import { ErrorMessage } from "../components/ErrorMessage";
-import { Loading } from "../components/Loading";
-import { LoadingError } from "../components/LoadingError";
-import { LogoHeader } from "../components/LogoHeader";
-import { Part } from "../components/Part";
-import { QR } from "../components/QR";
+import { ErrorMessage } from "../components/ErrorMessage.js";
+import { Loading } from "../components/Loading.js";
+import { LoadingError } from "../components/LoadingError.js";
+import { LogoHeader } from "../components/LogoHeader.js";
+import { Part } from "../components/Part.js";
+import { QR } from "../components/QR.js";
import {
ButtonSuccess,
Link,
@@ -55,10 +55,10 @@ import {
SuccessBox,
WalletAction,
WarningBox,
-} from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import * as wxApi from "../wxApi";
+} from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import * as wxApi from "../wxApi.js";
interface Props {
talerPayUri?: string;
diff --git a/packages/taler-wallet-webextension/src/cta/Refund.stories.tsx b/packages/taler-wallet-webextension/src/cta/Refund.stories.tsx
index e71170ff1..c48841719 100644
--- a/packages/taler-wallet-webextension/src/cta/Refund.stories.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Refund.stories.tsx
@@ -20,8 +20,8 @@
*/
import { OrderShortInfo } from "@gnu-taler/taler-util";
-import { createExample } from "../test-utils";
-import { View as TestedComponent } from "./Refund";
+import { createExample } from "../test-utils.js";
+import { View as TestedComponent } from "./Refund.js";
export default {
title: "cta/refund",
diff --git a/packages/taler-wallet-webextension/src/cta/Refund.tsx b/packages/taler-wallet-webextension/src/cta/Refund.tsx
index 99fe1f019..23231328a 100644
--- a/packages/taler-wallet-webextension/src/cta/Refund.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Refund.tsx
@@ -28,9 +28,9 @@ import {
} from "@gnu-taler/taler-util";
import { h, VNode } from "preact";
import { useEffect, useState } from "preact/hooks";
-import { SubTitle, Title } from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import * as wxApi from "../wxApi";
+import { SubTitle, Title } from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import * as wxApi from "../wxApi.js";
interface Props {
talerRefundUri?: string;
@@ -144,8 +144,6 @@ export function renderAmount(amount: AmountJson | string): VNode {
);
}
-export const AmountView = ({
- amount,
-}: {
- amount: AmountJson | string;
-}): VNode => renderAmount(amount);
+function AmountView({ amount }: { amount: AmountJson | string }): VNode {
+ return renderAmount(amount);
+}
diff --git a/packages/taler-wallet-webextension/src/cta/TermsOfServiceSection.tsx b/packages/taler-wallet-webextension/src/cta/TermsOfServiceSection.tsx
index 2073ef775..0320a8c15 100644
--- a/packages/taler-wallet-webextension/src/cta/TermsOfServiceSection.tsx
+++ b/packages/taler-wallet-webextension/src/cta/TermsOfServiceSection.tsx
@@ -1,6 +1,6 @@
import { Fragment, h, VNode } from "preact";
-import { CheckboxOutlined } from "../components/CheckboxOutlined";
-import { ExchangeXmlTos } from "../components/ExchangeToS";
+import { CheckboxOutlined } from "../components/CheckboxOutlined.js";
+import { ExchangeXmlTos } from "../components/ExchangeToS.js";
import {
ButtonSuccess,
ButtonWarning,
@@ -8,9 +8,9 @@ import {
TermsOfService,
WarningBox,
WarningText,
-} from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import { TermsState } from "../utils/index";
+} from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import { TermsState } from "../utils/index.js";
interface Props {
reviewing: boolean;
diff --git a/packages/taler-wallet-webextension/src/cta/Tip.stories.tsx b/packages/taler-wallet-webextension/src/cta/Tip.stories.tsx
index e475a9610..9637be087 100644
--- a/packages/taler-wallet-webextension/src/cta/Tip.stories.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Tip.stories.tsx
@@ -20,8 +20,8 @@
*/
import { AbsoluteTime, TalerProtocolTimestamp } from "@gnu-taler/taler-util";
-import { createExample } from "../test-utils";
-import { View as TestedComponent } from "./Tip";
+import { createExample } from "../test-utils.js";
+import { View as TestedComponent } from "./Tip.js";
export default {
title: "cta/tip",
diff --git a/packages/taler-wallet-webextension/src/cta/Tip.tsx b/packages/taler-wallet-webextension/src/cta/Tip.tsx
index f05b72fe9..2725140b0 100644
--- a/packages/taler-wallet-webextension/src/cta/Tip.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Tip.tsx
@@ -28,10 +28,10 @@ import {
} from "@gnu-taler/taler-util";
import { h, VNode } from "preact";
import { useEffect, useState } from "preact/hooks";
-import { Loading } from "../components/Loading";
-import { Title } from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import * as wxApi from "../wxApi";
+import { Loading } from "../components/Loading.js";
+import { Title } from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import * as wxApi from "../wxApi.js";
interface Props {
talerTipUri?: string;
@@ -160,5 +160,6 @@ function renderAmount(amount: AmountJson | string): VNode {
);
}
-const AmountView = ({ amount }: { amount: AmountJson | string }): VNode =>
- renderAmount(amount);
+function AmountView({ amount }: { amount: AmountJson | string }): VNode {
+ return renderAmount(amount);
+}
diff --git a/packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx b/packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx
index 3f548366a..dee063637 100644
--- a/packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Withdraw.stories.tsx
@@ -20,9 +20,9 @@
*/
import { amountFractionalBase, ExchangeListItem } from "@gnu-taler/taler-util";
-import { createExample } from "../test-utils";
-import { termsHtml, termsPdf, termsPlain, termsXml } from "./termsExample";
-import { View as TestedComponent } from "./Withdraw";
+import { createExample } from "../test-utils.js";
+import { termsHtml, termsPdf, termsPlain, termsXml } from "./termsExample.js";
+import { View as TestedComponent } from "./Withdraw.js";
function parseFromString(s: string): Document {
if (typeof window === "undefined") {
diff --git a/packages/taler-wallet-webextension/src/cta/Withdraw.tsx b/packages/taler-wallet-webextension/src/cta/Withdraw.tsx
index a5e52d258..feac2cebb 100644
--- a/packages/taler-wallet-webextension/src/cta/Withdraw.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Withdraw.tsx
@@ -29,28 +29,28 @@ import {
} from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
import { useState } from "preact/hooks";
-import { Loading } from "../components/Loading";
-import { LoadingError } from "../components/LoadingError";
-import { ErrorTalerOperation } from "../components/ErrorTalerOperation";
-import { LogoHeader } from "../components/LogoHeader";
-import { Part } from "../components/Part";
-import { SelectList } from "../components/SelectList";
+import { Loading } from "../components/Loading.js";
+import { LoadingError } from "../components/LoadingError.js";
+import { ErrorTalerOperation } from "../components/ErrorTalerOperation.js";
+import { LogoHeader } from "../components/LogoHeader.js";
+import { Part } from "../components/Part.js";
+import { SelectList } from "../components/SelectList.js";
import {
ButtonSuccess,
ButtonWarning,
LinkSuccess,
SubTitle,
WalletAction,
-} from "../components/styled";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
+} from "../components/styled/index.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
import {
amountToString,
buildTermsOfServiceState,
TermsState,
-} from "../utils/index";
-import * as wxApi from "../wxApi";
-import { TermsOfServiceSection } from "./TermsOfServiceSection";
-import { useTranslationContext } from "../context/translation";
+} from "../utils/index.js";
+import * as wxApi from "../wxApi.js";
+import { TermsOfServiceSection } from "./TermsOfServiceSection.js";
+import { useTranslationContext } from "../context/translation.js";
import { TalerError } from "@gnu-taler/taler-wallet-core";
interface Props {
diff --git a/packages/taler-wallet-webextension/src/cta/return-coins.tsx b/packages/taler-wallet-webextension/src/cta/return-coins.tsx
index e7a784e2c..d4ea06361 100644
--- a/packages/taler-wallet-webextension/src/cta/return-coins.tsx
+++ b/packages/taler-wallet-webextension/src/cta/return-coins.tsx
@@ -15,7 +15,7 @@
*/
import { h, VNode } from "preact";
-import { useTranslationContext } from "../context/translation";
+import { useTranslationContext } from "../context/translation.js";
/**
* Return coins to own bank account.
*
diff --git a/packages/taler-wallet-webextension/src/cta/termsExample.ts b/packages/taler-wallet-webextension/src/cta/termsExample.ts
index d42e49c86..986874c18 100644
--- a/packages/taler-wallet-webextension/src/cta/termsExample.ts
+++ b/packages/taler-wallet-webextension/src/cta/termsExample.ts
@@ -1,3 +1,4 @@
+/* eslint-disable no-useless-escape */
/*
This file is part of GNU Taler
(C) 2021 Taler Systems S.A.
diff --git a/packages/taler-wallet-webextension/src/hooks/useAsyncAsHook.ts b/packages/taler-wallet-webextension/src/hooks/useAsyncAsHook.ts
index 8d31de94f..5bd2d6f81 100644
--- a/packages/taler-wallet-webextension/src/hooks/useAsyncAsHook.ts
+++ b/packages/taler-wallet-webextension/src/hooks/useAsyncAsHook.ts
@@ -20,7 +20,7 @@ import {
} from "@gnu-taler/taler-util";
import { TalerError } from "@gnu-taler/taler-wallet-core";
import { useEffect, useState } from "preact/hooks";
-import * as wxApi from "../wxApi";
+import * as wxApi from "../wxApi.js";
interface HookOk<T> {
hasError: false;
diff --git a/packages/taler-wallet-webextension/src/hooks/useBackupDeviceName.ts b/packages/taler-wallet-webextension/src/hooks/useBackupDeviceName.ts
index 1aa711a90..7f484b0a4 100644
--- a/packages/taler-wallet-webextension/src/hooks/useBackupDeviceName.ts
+++ b/packages/taler-wallet-webextension/src/hooks/useBackupDeviceName.ts
@@ -15,7 +15,7 @@
*/
import { useEffect, useState } from "preact/hooks";
-import * as wxApi from "../wxApi";
+import * as wxApi from "../wxApi.js";
export interface BackupDeviceName {
name: string;
diff --git a/packages/taler-wallet-webextension/src/hooks/useDiagnostics.ts b/packages/taler-wallet-webextension/src/hooks/useDiagnostics.ts
index 48aff2602..c4baeb3cf 100644
--- a/packages/taler-wallet-webextension/src/hooks/useDiagnostics.ts
+++ b/packages/taler-wallet-webextension/src/hooks/useDiagnostics.ts
@@ -16,7 +16,7 @@
import { WalletDiagnostics } from "@gnu-taler/taler-util";
import { useEffect, useState } from "preact/hooks";
-import * as wxApi from "../wxApi";
+import * as wxApi from "../wxApi.js";
export function useDiagnostics(): [WalletDiagnostics | undefined, boolean] {
const [timedOut, setTimedOut] = useState(false);
diff --git a/packages/taler-wallet-webextension/src/hooks/useExtendedPermissions.ts b/packages/taler-wallet-webextension/src/hooks/useExtendedPermissions.ts
index f0ec2ca45..8d563cb6d 100644
--- a/packages/taler-wallet-webextension/src/hooks/useExtendedPermissions.ts
+++ b/packages/taler-wallet-webextension/src/hooks/useExtendedPermissions.ts
@@ -15,9 +15,9 @@
*/
import { useState, useEffect } from "preact/hooks";
-import * as wxApi from "../wxApi";
-import { platform } from "../platform/api";
-import { getReadRequestPermissions } from "../permissions";
+import * as wxApi from "../wxApi.js";
+import { platform } from "../platform/api.js";
+import { getReadRequestPermissions } from "../permissions.js";
export function useExtendedPermissions(): [boolean, () => Promise<void>] {
const [enabled, setEnabled] = useState(false);
diff --git a/packages/taler-wallet-webextension/src/hooks/useLang.ts b/packages/taler-wallet-webextension/src/hooks/useLang.ts
index 959297647..0436f25df 100644
--- a/packages/taler-wallet-webextension/src/hooks/useLang.ts
+++ b/packages/taler-wallet-webextension/src/hooks/useLang.ts
@@ -14,7 +14,7 @@
GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
-import { useNotNullLocalStorage } from "./useLocalStorage";
+import { useNotNullLocalStorage } from "./useLocalStorage.js";
function getBrowserLang(): string | undefined {
if (window.navigator.languages) return window.navigator.languages[0]
diff --git a/packages/taler-wallet-webextension/src/hooks/useProviderStatus.ts b/packages/taler-wallet-webextension/src/hooks/useProviderStatus.ts
index ea167463e..14af7c0aa 100644
--- a/packages/taler-wallet-webextension/src/hooks/useProviderStatus.ts
+++ b/packages/taler-wallet-webextension/src/hooks/useProviderStatus.ts
@@ -16,7 +16,7 @@
import { ProviderInfo } from "@gnu-taler/taler-wallet-core";
import { useEffect, useState } from "preact/hooks";
-import * as wxApi from "../wxApi";
+import * as wxApi from "../wxApi.js";
export interface ProviderStatus {
info?: ProviderInfo;
diff --git a/packages/taler-wallet-webextension/src/hooks/useTalerActionURL.test.ts b/packages/taler-wallet-webextension/src/hooks/useTalerActionURL.test.ts
index 082b3a05c..ed51d00ee 100644
--- a/packages/taler-wallet-webextension/src/hooks/useTalerActionURL.test.ts
+++ b/packages/taler-wallet-webextension/src/hooks/useTalerActionURL.test.ts
@@ -13,9 +13,9 @@
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 { useTalerActionURL } from "./useTalerActionURL"
-import { mountHook } from "../test-utils";
-import { IoCProviderForTesting } from "../context/iocContext";
+import { useTalerActionURL } from "./useTalerActionURL.js"
+import { mountHook } from "../test-utils.js";
+import { IoCProviderForTesting } from "../context/iocContext.js";
import { h, VNode } from "preact";
import { expect } from "chai";
diff --git a/packages/taler-wallet-webextension/src/hooks/useTalerActionURL.ts b/packages/taler-wallet-webextension/src/hooks/useTalerActionURL.ts
index 53e1e912d..be0a3262e 100644
--- a/packages/taler-wallet-webextension/src/hooks/useTalerActionURL.ts
+++ b/packages/taler-wallet-webextension/src/hooks/useTalerActionURL.ts
@@ -15,7 +15,7 @@
*/
import { useEffect, useState } from "preact/hooks";
-import { useIocContext } from "../context/iocContext";
+import { useIocContext } from "../context/iocContext.js";
export function useTalerActionURL(): [
string | undefined,
diff --git a/packages/taler-wallet-webextension/src/mui/Avatar.tsx b/packages/taler-wallet-webextension/src/mui/Avatar.tsx
index 091964a63..c1df00a13 100644
--- a/packages/taler-wallet-webextension/src/mui/Avatar.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Avatar.tsx
@@ -1,5 +1,6 @@
import { css } from "@linaria/core";
import { h, JSX, VNode, ComponentChildren } from "preact";
+// eslint-disable-next-line import/extensions
import { theme } from "./style";
const root = css`
diff --git a/packages/taler-wallet-webextension/src/mui/Button.stories.tsx b/packages/taler-wallet-webextension/src/mui/Button.stories.tsx
index 9750c6a94..145e1a159 100644
--- a/packages/taler-wallet-webextension/src/mui/Button.stories.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Button.stories.tsx
@@ -19,7 +19,7 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { Button } from "./Button";
+import { Button } from "./Button.js";
import { Fragment, h } from "preact";
import DeleteIcon from "../svg/delete_24px.svg";
import SendIcon from "../svg/send_24px.svg";
diff --git a/packages/taler-wallet-webextension/src/mui/Button.tsx b/packages/taler-wallet-webextension/src/mui/Button.tsx
index 8da5b86be..083bbea0d 100644
--- a/packages/taler-wallet-webextension/src/mui/Button.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Button.tsx
@@ -1,6 +1,8 @@
import { ComponentChildren, h, VNode } from "preact";
import { css } from "@linaria/core";
+// eslint-disable-next-line import/extensions
import { theme, ripple, Colors } from "./style";
+// eslint-disable-next-line import/extensions
import { alpha } from "./colors/manipulation";
interface Props {
diff --git a/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx b/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx
index 7db608d27..fc4f9a585 100644
--- a/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx
@@ -19,7 +19,7 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { Grid } from "./Grid";
+import { Grid } from "./Grid.js";
import { Fragment, h } from "preact";
export default {
diff --git a/packages/taler-wallet-webextension/src/mui/Grid.tsx b/packages/taler-wallet-webextension/src/mui/Grid.tsx
index d05b91f18..5d1b79b2a 100644
--- a/packages/taler-wallet-webextension/src/mui/Grid.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Grid.tsx
@@ -1,6 +1,7 @@
import { css } from "@linaria/core";
import { h, JSX, VNode, ComponentChildren, createContext } from "preact";
import { useContext } from "preact/hooks";
+// eslint-disable-next-line import/extensions
import { theme } from "./style";
type ResponsiveKeys = "xs" | "sm" | "md" | "lg" | "xl";
diff --git a/packages/taler-wallet-webextension/src/mui/Paper.stories.tsx b/packages/taler-wallet-webextension/src/mui/Paper.stories.tsx
index f263526f2..bc80bd500 100644
--- a/packages/taler-wallet-webextension/src/mui/Paper.stories.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Paper.stories.tsx
@@ -19,8 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { Paper } from "./Paper";
-import { createExample } from "../test-utils";
+import { Paper } from "./Paper.js";
+import { createExample } from "../test-utils.js";
import { h } from "preact";
export default {
diff --git a/packages/taler-wallet-webextension/src/mui/Paper.tsx b/packages/taler-wallet-webextension/src/mui/Paper.tsx
index 6209aa7a0..eeb4083d4 100644
--- a/packages/taler-wallet-webextension/src/mui/Paper.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Paper.tsx
@@ -1,6 +1,8 @@
import { css } from "@linaria/core";
import { h, JSX, VNode, ComponentChildren } from "preact";
+// eslint-disable-next-line import/extensions
import { alpha } from "./colors/manipulation";
+// eslint-disable-next-line import/extensions
import { theme } from "./style";
const borderVariant = {
@@ -56,7 +58,7 @@ export function Paper({
}
// Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
-const getOverlayAlpha = (elevation: number): number => {
+function getOverlayAlpha(elevation: number): number {
let alphaValue;
if (elevation < 1) {
alphaValue = 5.11916 * elevation ** 2;
@@ -64,4 +66,4 @@ const getOverlayAlpha = (elevation: number): number => {
alphaValue = 4.5 * Math.log(elevation + 1) + 2;
}
return Number((alphaValue / 100).toFixed(2));
-};
+}
diff --git a/packages/taler-wallet-webextension/src/mui/TextField.stories.tsx b/packages/taler-wallet-webextension/src/mui/TextField.stories.tsx
index a2f7e1e66..bc8505454 100644
--- a/packages/taler-wallet-webextension/src/mui/TextField.stories.tsx
+++ b/packages/taler-wallet-webextension/src/mui/TextField.stories.tsx
@@ -22,7 +22,7 @@
import { styled } from "@linaria/react";
import { Fragment, h } from "preact";
import { useState } from "preact/hooks";
-import { TextField, Props } from "./TextField";
+import { TextField, Props } from "./TextField.js";
export default {
title: "mui/TextField",
diff --git a/packages/taler-wallet-webextension/src/mui/TextField.tsx b/packages/taler-wallet-webextension/src/mui/TextField.tsx
index ada8d5d85..c79c21ced 100644
--- a/packages/taler-wallet-webextension/src/mui/TextField.tsx
+++ b/packages/taler-wallet-webextension/src/mui/TextField.tsx
@@ -1,13 +1,14 @@
import { ComponentChildren, h, VNode } from "preact";
-import { FormControl } from "./input/FormControl";
-import { FormHelperText } from "./input/FormHelperText";
-import { InputFilled } from "./input/InputFilled";
-import { InputLabel } from "./input/InputLabel";
-import { InputOutlined } from "./input/InputOutlined";
-import { InputStandard } from "./input/InputStandard";
-import { SelectFilled } from "./input/SelectFilled";
-import { SelectOutlined } from "./input/SelectOutlined";
-import { SelectStandard } from "./input/SelectStandard";
+import { FormControl } from "./input/FormControl.js";
+import { FormHelperText } from "./input/FormHelperText.js";
+import { InputFilled } from "./input/InputFilled.js";
+import { InputLabel } from "./input/InputLabel.js";
+import { InputOutlined } from "./input/InputOutlined.js";
+import { InputStandard } from "./input/InputStandard.js";
+import { SelectFilled } from "./input/SelectFilled.js";
+import { SelectOutlined } from "./input/SelectOutlined.js";
+import { SelectStandard } from "./input/SelectStandard.js";
+// eslint-disable-next-line import/extensions
import { Colors } from "./style";
export interface Props {
@@ -36,6 +37,18 @@ export interface Props {
children?: ComponentChildren;
}
+const inputVariant = {
+ standard: InputStandard,
+ filled: InputFilled,
+ outlined: InputOutlined,
+};
+
+const selectVariant = {
+ standard: SelectStandard,
+ filled: SelectFilled,
+ outlined: SelectOutlined,
+};
+
export function TextField({
label,
select,
@@ -55,15 +68,3 @@ export function TextField({
</FormControl>
);
}
-
-const inputVariant = {
- standard: InputStandard,
- filled: InputFilled,
- outlined: InputOutlined,
-};
-
-const selectVariant = {
- standard: SelectStandard,
- filled: SelectFilled,
- outlined: SelectOutlined,
-};
diff --git a/packages/taler-wallet-webextension/src/mui/Typography.tsx b/packages/taler-wallet-webextension/src/mui/Typography.tsx
index bfaddd7f8..ecd2b8ec3 100644
--- a/packages/taler-wallet-webextension/src/mui/Typography.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Typography.tsx
@@ -1,5 +1,6 @@
import { css } from "@linaria/core";
-import { h, Fragment, VNode, ComponentChildren } from "preact";
+import { ComponentChildren, h, VNode } from "preact";
+// eslint-disable-next-line import/extensions
import { theme } from "./style";
type VariantEnum =
diff --git a/packages/taler-wallet-webextension/src/mui/colors/manipulation.test.ts b/packages/taler-wallet-webextension/src/mui/colors/manipulation.test.ts
index 77b3ec884..192e9f402 100644
--- a/packages/taler-wallet-webextension/src/mui/colors/manipulation.test.ts
+++ b/packages/taler-wallet-webextension/src/mui/colors/manipulation.test.ts
@@ -11,7 +11,7 @@ import {
getContrastRatio,
getLuminance,
lighten,
-} from './manipulation';
+} from './manipulation.js';
describe('utils/colorManipulator', () => {
describe('recomposeColor', () => {
diff --git a/packages/taler-wallet-webextension/src/mui/colors/manipulation.ts b/packages/taler-wallet-webextension/src/mui/colors/manipulation.ts
index 633c80c94..55d0523b7 100644
--- a/packages/taler-wallet-webextension/src/mui/colors/manipulation.ts
+++ b/packages/taler-wallet-webextension/src/mui/colors/manipulation.ts
@@ -22,7 +22,7 @@ export interface ColorObjectWithoutAlpha {
* @param {number} max The upper boundary of the output range
* @returns {number} A number in the range [min, max]
*/
-function clamp(value: number, min: number = 0, max: number = 1): number {
+function clamp(value: number, min = 0, max = 1): number {
// if (process.env.NODE_ENV !== 'production') {
// if (value < min || value > max) {
// console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
@@ -76,8 +76,8 @@ export function decomposeColor(color: string): ColorObject {
const marker = color.indexOf('(');
const type = color.substring(0, marker);
- if (type != 'rgba' && type != 'hsla' && type != 'rgb' && type != 'hsl') {
- }
+ // if (type != 'rgba' && type != 'hsla' && type != 'rgb' && type != 'hsl') {
+ // }
const values = color.substring(marker + 1, color.length - 1).split(',')
if (type == 'rgb' || type == 'hsl') {
@@ -268,6 +268,6 @@ export function lighten(color: string, coefficient: number): string {
* @param {number} coefficient=0.15 - multiplier in the range 0 - 1
* @returns {string} A CSS color string. Hex input values are returned as rgb
*/
-export function emphasize(color: string, coefficient: number = 0.15): string {
+export function emphasize(color: string, coefficient = 0.15): string {
return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
}
diff --git a/packages/taler-wallet-webextension/src/mui/index.stories.tsx b/packages/taler-wallet-webextension/src/mui/index.stories.tsx
index 7755c6f6a..302114ed5 100644
--- a/packages/taler-wallet-webextension/src/mui/index.stories.tsx
+++ b/packages/taler-wallet-webextension/src/mui/index.stories.tsx
@@ -19,9 +19,9 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import * as a1 from "./Button.stories";
-import * as a3 from "./Grid.stories";
-import * as a4 from "./Paper.stories";
-import * as a5 from "./TextField.stories";
+import * as a1 from "./Button.stories.js";
+import * as a3 from "./Grid.stories.js";
+import * as a4 from "./Paper.stories.js";
+import * as a5 from "./TextField.stories.js";
export default [a1, a3, a4, a5];
diff --git a/packages/taler-wallet-webextension/src/mui/input/FormControl.tsx b/packages/taler-wallet-webextension/src/mui/input/FormControl.tsx
index 7a8395705..d4fa0368e 100644
--- a/packages/taler-wallet-webextension/src/mui/input/FormControl.tsx
+++ b/packages/taler-wallet-webextension/src/mui/input/FormControl.tsx
@@ -1,6 +1,7 @@
import { css } from "@linaria/core";
import { ComponentChildren, createContext, h } from "preact";
import { useContext, useState } from "preact/hooks";
+// eslint-disable-next-line import/extensions
import { Colors } from "../style";
export interface Props {
@@ -43,6 +44,8 @@ const fullWidthStyle = css`
width: 100%;
`;
+export const FormControlContext = createContext<FCCProps | null>(null);
+
export function FormControl({
color = "primary",
disabled = false,
@@ -121,8 +124,6 @@ export interface FCCProps {
variant: "filled" | "outlined" | "standard";
}
-export const FormControlContext = createContext<FCCProps | null>(null);
-
const defaultContextValue: FCCProps = {
color: "primary",
disabled: false,
@@ -132,10 +133,10 @@ const defaultContextValue: FCCProps = {
fullWidth: false,
hiddenLabel: false,
size: "medium",
- onBlur: () => {},
- onEmpty: () => {},
- onFilled: () => {},
- onFocus: () => {},
+ onBlur: () => null,
+ onEmpty: () => null,
+ onFilled: () => null,
+ onFocus: () => null,
required: false,
variant: "outlined",
};
diff --git a/packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx b/packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx
index 4854a6384..da10eec11 100644
--- a/packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx
+++ b/packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx
@@ -1,7 +1,8 @@
import { css } from "@linaria/core";
import { ComponentChildren, h } from "preact";
+// eslint-disable-next-line import/extensions
import { theme } from "../style";
-import { useFormControl } from "./FormControl";
+import { useFormControl } from "./FormControl.js";
const root = css`
color: ${theme.palette.text.secondary};
diff --git a/packages/taler-wallet-webextension/src/mui/input/FormLabel.tsx b/packages/taler-wallet-webextension/src/mui/input/FormLabel.tsx
index e5ca53263..fffef41db 100644
--- a/packages/taler-wallet-webextension/src/mui/input/FormLabel.tsx
+++ b/packages/taler-wallet-webextension/src/mui/input/FormLabel.tsx
@@ -1,7 +1,8 @@
import { css } from "@linaria/core";
import { ComponentChildren, h } from "preact";
+// eslint-disable-next-line import/extensions
import { Colors, theme } from "../style";
-import { useFormControl } from "./FormControl";
+import { useFormControl } from "./FormControl.js";
export interface Props {
class?: string;
diff --git a/packages/taler-wallet-webextension/src/mui/input/InputBase.tsx b/packages/taler-wallet-webextension/src/mui/input/InputBase.tsx
index 5714eb1ba..331d9ce95 100644
--- a/packages/taler-wallet-webextension/src/mui/input/InputBase.tsx
+++ b/packages/taler-wallet-webextension/src/mui/input/InputBase.tsx
@@ -1,8 +1,9 @@
import { css } from "@linaria/core";
import { h, JSX } from "preact";
-import { useEffect, useLayoutEffect, useState } from "preact/hooks";
+import { useLayoutEffect } from "preact/hooks";
+// eslint-disable-next-line import/extensions
import { theme } from "../style";
-import { FormControlContext, useFormControl } from "./FormControl";
+import { FormControlContext, useFormControl } from "./FormControl.js";
const rootStyle = css`
color: ${theme.palette.text.primary};
diff --git a/packages/taler-wallet-webextension/src/mui/input/InputLabel.tsx b/packages/taler-wallet-webextension/src/mui/input/InputLabel.tsx
index c70c5bfc0..6d6aae4f3 100644
--- a/packages/taler-wallet-webextension/src/mui/input/InputLabel.tsx
+++ b/packages/taler-wallet-webextension/src/mui/input/InputLabel.tsx
@@ -1,8 +1,9 @@
import { css } from "@linaria/core";
import { ComponentChildren, h } from "preact";
+// eslint-disable-next-line import/extensions
import { Colors, theme } from "../style";
-import { useFormControl } from "./FormControl";
-import { FormLabel } from "./FormLabel";
+import { useFormControl } from "./FormControl.js";
+import { FormLabel } from "./FormLabel.js";
const root = css`
display: block;
diff --git a/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx b/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx
index ba5145719..9d79a7019 100644
--- a/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx
+++ b/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx
@@ -1,8 +1,9 @@
import { css } from "@linaria/core";
import { h, VNode } from "preact";
+// eslint-disable-next-line import/extensions
import { Colors, theme } from "../style";
-import { useFormControl } from "./FormControl";
-import { InputBase, InputBaseComponent, InputBaseRoot } from "./InputBase";
+import { useFormControl } from "./FormControl.js";
+import { InputBase, InputBaseComponent, InputBaseRoot } from "./InputBase.js";
export interface Props {
autoComplete?: string;
diff --git a/packages/taler-wallet-webextension/src/mui/style.tsx b/packages/taler-wallet-webextension/src/mui/style.tsx
index 3fa3b7e33..df4f5176c 100644
--- a/packages/taler-wallet-webextension/src/mui/style.tsx
+++ b/packages/taler-wallet-webextension/src/mui/style.tsx
@@ -9,7 +9,9 @@ import {
lightBlue,
green,
grey,
+ // eslint-disable-next-line import/extensions
} from "./colors/constants";
+// eslint-disable-next-line import/extensions
import { getContrastRatio } from "./colors/manipulation";
export type Colors =
@@ -184,7 +186,7 @@ function createTheme() {
return createUnaryUnit(theme, 8);
}
- function createSpacing(spacingInput: number = 8): Spacing {
+ function createSpacing(spacingInput = 8): Spacing {
// Material Design layouts are visually balanced. Most measurements align to an 8dp grid, which aligns both spacing and the overall layout.
// Smaller components, such as icons, can align to a 4dp grid.
// https://material.io/design/layout/understanding-layout.html#usage
diff --git a/packages/taler-wallet-webextension/src/platform/chrome.ts b/packages/taler-wallet-webextension/src/platform/chrome.ts
index 91ccc220d..5134a5c15 100644
--- a/packages/taler-wallet-webextension/src/platform/chrome.ts
+++ b/packages/taler-wallet-webextension/src/platform/chrome.ts
@@ -15,7 +15,7 @@
*/
import { classifyTalerUri, CoreApiResponse, TalerUriType } from "@gnu-taler/taler-util";
-import { getReadRequestPermissions } from "../permissions";
+import { getReadRequestPermissions } from "../permissions.js";
import { CrossBrowserPermissionsApi, MessageFromBackend, Permissions, PlatformAPI } from "./api.js";
const api: PlatformAPI = {
diff --git a/packages/taler-wallet-webextension/src/platform/dev.ts b/packages/taler-wallet-webextension/src/platform/dev.ts
index def249e47..87f542bc0 100644
--- a/packages/taler-wallet-webextension/src/platform/dev.ts
+++ b/packages/taler-wallet-webextension/src/platform/dev.ts
@@ -15,7 +15,7 @@
*/
import { classifyTalerUri, CoreApiResponse, TalerUriType } from "@gnu-taler/taler-util";
-import { MessageFromBackend, PlatformAPI } from "./api";
+import { MessageFromBackend, PlatformAPI } from "./api.js";
const frames = ["popup", "wallet"]
@@ -133,8 +133,7 @@ const api: PlatformAPI = ({
type IframeMessageType = IframeMessageNotification | IframeMessageResponse | IframeMessageCommand;
interface IframeMessageNotification {
type: "notification";
- header: {
- },
+ header: Record<string, never>,
body: MessageFromBackend
}
interface IframeMessageResponse {
diff --git a/packages/taler-wallet-webextension/src/platform/firefox.ts b/packages/taler-wallet-webextension/src/platform/firefox.ts
index dad90626b..2f2c0fc1d 100644
--- a/packages/taler-wallet-webextension/src/platform/firefox.ts
+++ b/packages/taler-wallet-webextension/src/platform/firefox.ts
@@ -15,7 +15,7 @@
*/
import { CrossBrowserPermissionsApi, Permissions, PlatformAPI } from "./api.js";
-import chromePlatform, { contains as chromeContains, remove as chromeRemove, request as chromeRequest } from "./chrome";
+import chromePlatform, { contains as chromeContains, remove as chromeRemove, request as chromeRequest } from "./chrome.js";
const api: PlatformAPI = {
...chromePlatform,
diff --git a/packages/taler-wallet-webextension/src/popup/Application.tsx b/packages/taler-wallet-webextension/src/popup/Application.tsx
index 71b2d6c49..72579b05b 100644
--- a/packages/taler-wallet-webextension/src/popup/Application.tsx
+++ b/packages/taler-wallet-webextension/src/popup/Application.tsx
@@ -25,21 +25,21 @@ import { Fragment, h, VNode } from "preact";
import Router, { route, Route } from "preact-router";
import { Match } from "preact-router/match";
import { useEffect, useState } from "preact/hooks";
-import PendingTransactions from "../components/PendingTransactions";
-import { PopupBox } from "../components/styled";
-import { DevContextProvider } from "../context/devContext";
-import { IoCProviderForRuntime } from "../context/iocContext";
+import PendingTransactions from "../components/PendingTransactions.js";
+import { PopupBox } from "../components/styled/index.js";
+import { DevContextProvider } from "../context/devContext.js";
+import { IoCProviderForRuntime } from "../context/iocContext.js";
import {
TranslationProvider,
useTranslationContext,
-} from "../context/translation";
-import { useTalerActionURL } from "../hooks/useTalerActionURL";
-import { Pages, PopupNavBar } from "../NavigationBar";
-import { platform } from "../platform/api";
-import { BackupPage } from "../wallet/BackupPage";
-import { ProviderDetailPage } from "../wallet/ProviderDetailPage";
-import { BalancePage } from "./BalancePage";
-import { TalerActionFound } from "./TalerActionFound";
+} from "../context/translation.js";
+import { useTalerActionURL } from "../hooks/useTalerActionURL.js";
+import { Pages, PopupNavBar } from "../NavigationBar.js";
+import { platform } from "../platform/api.js";
+import { BackupPage } from "../wallet/BackupPage.js";
+import { ProviderDetailPage } from "../wallet/ProviderDetailPage.js";
+import { BalancePage } from "./BalancePage.js";
+import { TalerActionFound } from "./TalerActionFound.js";
function CheckTalerActionComponent(): VNode {
const [talerActionUrl] = useTalerActionURL();
diff --git a/packages/taler-wallet-webextension/src/popup/Balance.stories.tsx b/packages/taler-wallet-webextension/src/popup/Balance.stories.tsx
index 1af3b5858..bb07ee0dd 100644
--- a/packages/taler-wallet-webextension/src/popup/Balance.stories.tsx
+++ b/packages/taler-wallet-webextension/src/popup/Balance.stories.tsx
@@ -19,8 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { createExample } from "../test-utils";
-import { BalanceView as TestedComponent } from "./BalancePage";
+import { createExample } from "../test-utils.js";
+import { BalanceView as TestedComponent } from "./BalancePage.js";
export default {
title: "popup/balance",
diff --git a/packages/taler-wallet-webextension/src/popup/BalancePage.tsx b/packages/taler-wallet-webextension/src/popup/BalancePage.tsx
index 2dc0f81e3..520e5b744 100644
--- a/packages/taler-wallet-webextension/src/popup/BalancePage.tsx
+++ b/packages/taler-wallet-webextension/src/popup/BalancePage.tsx
@@ -22,17 +22,17 @@ import {
} from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
import { useState } from "preact/hooks";
-import { BalanceTable } from "../components/BalanceTable";
-import { JustInDevMode } from "../components/JustInDevMode";
-import { Loading } from "../components/Loading";
-import { LoadingError } from "../components/LoadingError";
-import { MultiActionButton } from "../components/MultiActionButton";
-import { ButtonBoxPrimary, ButtonPrimary } from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import { AddNewActionView } from "../wallet/AddNewActionView";
-import * as wxApi from "../wxApi";
-import { NoBalanceHelp } from "./NoBalanceHelp";
+import { BalanceTable } from "../components/BalanceTable.js";
+import { JustInDevMode } from "../components/JustInDevMode.js";
+import { Loading } from "../components/Loading.js";
+import { LoadingError } from "../components/LoadingError.js";
+import { MultiActionButton } from "../components/MultiActionButton.js";
+import { ButtonBoxPrimary, ButtonPrimary } from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import { AddNewActionView } from "../wallet/AddNewActionView.js";
+import * as wxApi from "../wxApi.js";
+import { NoBalanceHelp } from "./NoBalanceHelp.js";
export interface Props {
goToWalletDeposit: (currency: string) => void;
diff --git a/packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx b/packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx
index 92c2bec0a..3ec7b314c 100644
--- a/packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx
+++ b/packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx
@@ -1,6 +1,6 @@
import { h, VNode } from "preact";
-import { ButtonBoxWarning, WarningBox } from "../components/styled";
-import { useTranslationContext } from "../context/translation";
+import { ButtonBoxWarning, WarningBox } from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
export function NoBalanceHelp({
goToWalletManualWithdraw,
@@ -13,8 +13,7 @@ export function NoBalanceHelp({
<p>
<b>
<i18n.Translate>You have no balance.</i18n.Translate>
- </b>
- {" "}
+ </b>{" "}
<i18n.Translate>Withdraw some funds into your wallet.</i18n.Translate>
</p>
<ButtonBoxWarning onClick={() => goToWalletManualWithdraw()}>
diff --git a/packages/taler-wallet-webextension/src/popup/TalerActionFound.stories.tsx b/packages/taler-wallet-webextension/src/popup/TalerActionFound.stories.tsx
index f20403d6a..ad4dcb59c 100644
--- a/packages/taler-wallet-webextension/src/popup/TalerActionFound.stories.tsx
+++ b/packages/taler-wallet-webextension/src/popup/TalerActionFound.stories.tsx
@@ -19,8 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { createExample } from "../test-utils";
-import { TalerActionFound as TestedComponent } from "./TalerActionFound";
+import { createExample } from "../test-utils.js";
+import { TalerActionFound as TestedComponent } from "./TalerActionFound.js";
export default {
title: "popup/TalerActionFound",
diff --git a/packages/taler-wallet-webextension/src/popup/TalerActionFound.tsx b/packages/taler-wallet-webextension/src/popup/TalerActionFound.tsx
index 50ea32d12..babfcc8c8 100644
--- a/packages/taler-wallet-webextension/src/popup/TalerActionFound.tsx
+++ b/packages/taler-wallet-webextension/src/popup/TalerActionFound.tsx
@@ -21,9 +21,13 @@
import { classifyTalerUri, TalerUriType } from "@gnu-taler/taler-util";
import { Fragment, h } from "preact";
-import { platform } from "../platform/api";
-import { ButtonPrimary, ButtonSuccess, Title } from "../components/styled";
-import { useTranslationContext } from "../context/translation";
+import { platform } from "../platform/api.js";
+import {
+ ButtonPrimary,
+ ButtonSuccess,
+ Title,
+} from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
export interface Props {
url: string;
diff --git a/packages/taler-wallet-webextension/src/popup/index.stories.tsx b/packages/taler-wallet-webextension/src/popup/index.stories.tsx
index 6965e2dbc..e027f2611 100644
--- a/packages/taler-wallet-webextension/src/popup/index.stories.tsx
+++ b/packages/taler-wallet-webextension/src/popup/index.stories.tsx
@@ -19,7 +19,7 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import * as a2 from "./Balance.stories";
-import * as a6 from "./TalerActionFound.stories";
+import * as a2 from "./Balance.stories.js";
+import * as a6 from "./TalerActionFound.stories.js";
export default [a2, a6];
diff --git a/packages/taler-wallet-webextension/src/popupEntryPoint.dev.tsx b/packages/taler-wallet-webextension/src/popupEntryPoint.dev.tsx
index 551b47bfc..d32f4f0fb 100644
--- a/packages/taler-wallet-webextension/src/popupEntryPoint.dev.tsx
+++ b/packages/taler-wallet-webextension/src/popupEntryPoint.dev.tsx
@@ -22,10 +22,10 @@
import { setupI18n } from "@gnu-taler/taler-util";
import { Fragment, h, render } from "preact";
-import { strings } from "./i18n/strings";
-import { setupPlatform } from "./platform/api";
-import devAPI from "./platform/dev";
-import { Application } from "./popup/Application";
+import { strings } from "./i18n/strings.js";
+import { setupPlatform } from "./platform/api.js";
+import devAPI from "./platform/dev.js";
+import { Application } from "./popup/Application.js";
console.log("Wallet setup for Dev API");
setupPlatform(devAPI);
diff --git a/packages/taler-wallet-webextension/src/popupEntryPoint.tsx b/packages/taler-wallet-webextension/src/popupEntryPoint.tsx
index d68918f7f..68e7bf91a 100644
--- a/packages/taler-wallet-webextension/src/popupEntryPoint.tsx
+++ b/packages/taler-wallet-webextension/src/popupEntryPoint.tsx
@@ -22,11 +22,11 @@
import { setupI18n } from "@gnu-taler/taler-util";
import { Fragment, h, render } from "preact";
-import { strings } from "./i18n/strings";
-import { setupPlatform } from "./platform/api";
-import chromeAPI from "./platform/chrome";
-import firefoxAPI from "./platform/firefox";
-import { Application } from "./popup/Application";
+import { strings } from "./i18n/strings.js";
+import { setupPlatform } from "./platform/api.js";
+import chromeAPI from "./platform/chrome.js";
+import firefoxAPI from "./platform/firefox.js";
+import { Application } from "./popup/Application.js";
//FIXME: create different entry point for any platform instead of
//switching in runtime
diff --git a/packages/taler-wallet-webextension/src/stories.test.ts b/packages/taler-wallet-webextension/src/stories.test.ts
index dc33dbde5..cd6f88135 100644
--- a/packages/taler-wallet-webextension/src/stories.test.ts
+++ b/packages/taler-wallet-webextension/src/stories.test.ts
@@ -18,12 +18,12 @@
*
* @author Sebastian Javier Marchano (sebasjm)
*/
-import * as popup from "./popup/index.stories";
-import * as wallet from "./wallet/index.stories";
-import * as mui from "./mui/index.stories";
+import * as popup from "./popup/index.stories.js";
+import * as wallet from "./wallet/index.stories.js";
+import * as mui from "./mui/index.stories.js";
import { setupI18n } from "@gnu-taler/taler-util";
-import { renderNodeOrBrowser } from "./test-utils";
+import { renderNodeOrBrowser } from "./test-utils.js";
setupI18n("en", { en: {} });
function testThisStory(st: any): any {
@@ -32,7 +32,6 @@ function testThisStory(st: any): any {
const Component = (st as any)[k];
if (k === "default" || !Component) return;
- // eslint-disable-next-line jest/expect-expect
it(`example: ${k}`, () => {
renderNodeOrBrowser(Component, Component.args);
});
diff --git a/packages/taler-wallet-webextension/src/stories.tsx b/packages/taler-wallet-webextension/src/stories.tsx
index 2f410f68c..9b988b0d8 100644
--- a/packages/taler-wallet-webextension/src/stories.tsx
+++ b/packages/taler-wallet-webextension/src/stories.tsx
@@ -30,12 +30,12 @@ import {
VNode,
} from "preact";
import { useEffect, useErrorBoundary, useState } from "preact/hooks";
-import { LogoHeader } from "./components/LogoHeader";
-import { PopupBox, WalletBox } from "./components/styled";
-import * as mui from "./mui/index.stories";
-import { PopupNavBar, WalletNavBar } from "./NavigationBar";
-import * as popup from "./popup/index.stories";
-import * as wallet from "./wallet/index.stories";
+import { LogoHeader } from "./components/LogoHeader.js";
+import { PopupBox, WalletBox } from "./components/styled/index.js";
+import * as mui from "./mui/index.stories.js";
+import { PopupNavBar, WalletNavBar } from "./NavigationBar.js";
+import * as popup from "./popup/index.stories.js";
+import * as wallet from "./wallet/index.stories.js";
setupI18n("en", { en: {} });
diff --git a/packages/taler-wallet-webextension/src/wallet/AddNewActionView.stories.tsx b/packages/taler-wallet-webextension/src/wallet/AddNewActionView.stories.tsx
index 54e4eb1f2..e80d06530 100644
--- a/packages/taler-wallet-webextension/src/wallet/AddNewActionView.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/AddNewActionView.stories.tsx
@@ -19,8 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { createExample } from "../test-utils";
-import { AddNewActionView as TestedComponent } from "./AddNewActionView";
+import { createExample } from "../test-utils.js";
+import { AddNewActionView as TestedComponent } from "./AddNewActionView.js";
export default {
title: "wallet/add new action",
diff --git a/packages/taler-wallet-webextension/src/wallet/AddNewActionView.tsx b/packages/taler-wallet-webextension/src/wallet/AddNewActionView.tsx
index 751dbfba7..728bf0945 100644
--- a/packages/taler-wallet-webextension/src/wallet/AddNewActionView.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/AddNewActionView.tsx
@@ -1,9 +1,13 @@
import { classifyTalerUri, TalerUriType } from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
import { useState } from "preact/hooks";
-import { platform } from "../platform/api";
-import { Button, ButtonSuccess, InputWithLabel } from "../components/styled";
-import { useTranslationContext } from "../context/translation";
+import { platform } from "../platform/api.js";
+import {
+ Button,
+ ButtonSuccess,
+ InputWithLabel,
+} from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
export interface Props {
onCancel: () => void;
diff --git a/packages/taler-wallet-webextension/src/wallet/Application.tsx b/packages/taler-wallet-webextension/src/wallet/Application.tsx
index 7ecec1cb7..a5197d5b4 100644
--- a/packages/taler-wallet-webextension/src/wallet/Application.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Application.tsx
@@ -25,31 +25,31 @@ import { Fragment, h, VNode } from "preact";
import Router, { route, Route } from "preact-router";
import Match from "preact-router/match";
import { useEffect, useState } from "preact/hooks";
-import { LogoHeader } from "../components/LogoHeader";
-import PendingTransactions from "../components/PendingTransactions";
-import { SuccessBox, WalletBox } from "../components/styled";
-import { DevContextProvider } from "../context/devContext";
-import { IoCProviderForRuntime } from "../context/iocContext";
+import { LogoHeader } from "../components/LogoHeader.js";
+import PendingTransactions from "../components/PendingTransactions.js";
+import { SuccessBox, WalletBox } from "../components/styled/index.js";
+import { DevContextProvider } from "../context/devContext.js";
+import { IoCProviderForRuntime } from "../context/iocContext.js";
import {
TranslationProvider,
useTranslationContext,
-} from "../context/translation";
-import { PayPage } from "../cta/Pay";
-import { RefundPage } from "../cta/Refund";
-import { TipPage } from "../cta/Tip";
-import { WithdrawPage } from "../cta/Withdraw";
-import { Pages, WalletNavBar } from "../NavigationBar";
-import { DeveloperPage } from "./DeveloperPage";
-import { BackupPage } from "./BackupPage";
-import { DepositPage } from "./DepositPage";
-import { ExchangeAddPage } from "./ExchangeAddPage";
-import { HistoryPage } from "./History";
-import { ManualWithdrawPage } from "./ManualWithdrawPage";
-import { ProviderAddPage } from "./ProviderAddPage";
-import { ProviderDetailPage } from "./ProviderDetailPage";
-import { SettingsPage } from "./Settings";
-import { TransactionPage } from "./Transaction";
-import { WelcomePage } from "./Welcome";
+} from "../context/translation.js";
+import { PayPage } from "../cta/Pay.js";
+import { RefundPage } from "../cta/Refund.js";
+import { TipPage } from "../cta/Tip.js";
+import { WithdrawPage } from "../cta/Withdraw.js";
+import { Pages, WalletNavBar } from "../NavigationBar.js";
+import { DeveloperPage } from "./DeveloperPage.js";
+import { BackupPage } from "./BackupPage.js";
+import { DepositPage } from "./DepositPage.js";
+import { ExchangeAddPage } from "./ExchangeAddPage.js";
+import { HistoryPage } from "./History.js";
+import { ManualWithdrawPage } from "./ManualWithdrawPage.js";
+import { ProviderAddPage } from "./ProviderAddPage.js";
+import { ProviderDetailPage } from "./ProviderDetailPage.js";
+import { SettingsPage } from "./Settings.js";
+import { TransactionPage } from "./Transaction.js";
+import { WelcomePage } from "./Welcome.js";
export function Application(): VNode {
const [globalNotification, setGlobalNotification] = useState<
diff --git a/packages/taler-wallet-webextension/src/wallet/Backup.stories.tsx b/packages/taler-wallet-webextension/src/wallet/Backup.stories.tsx
index 92536db85..fad18376a 100644
--- a/packages/taler-wallet-webextension/src/wallet/Backup.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Backup.stories.tsx
@@ -21,8 +21,8 @@
import { ProviderPaymentType } from "@gnu-taler/taler-wallet-core";
import { addDays } from "date-fns";
-import { BackupView as TestedComponent } from "./BackupPage";
-import { createExample } from "../test-utils";
+import { BackupView as TestedComponent } from "./BackupPage.js";
+import { createExample } from "../test-utils.js";
import { TalerProtocolTimestamp } from "@gnu-taler/taler-util";
export default {
diff --git a/packages/taler-wallet-webextension/src/wallet/BackupPage.tsx b/packages/taler-wallet-webextension/src/wallet/BackupPage.tsx
index 8c12201b9..1f06847cf 100644
--- a/packages/taler-wallet-webextension/src/wallet/BackupPage.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/BackupPage.tsx
@@ -27,8 +27,8 @@ import {
intervalToDuration,
} from "date-fns";
import { Fragment, h, VNode } from "preact";
-import { Loading } from "../components/Loading";
-import { LoadingError } from "../components/LoadingError";
+import { Loading } from "../components/Loading.js";
+import { LoadingError } from "../components/LoadingError.js";
import {
BoldLight,
ButtonPrimary,
@@ -39,11 +39,11 @@ import {
RowBorderGray,
SmallLightText,
SmallText,
-} from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import { Pages } from "../NavigationBar";
-import * as wxApi from "../wxApi";
+} from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import { Pages } from "../NavigationBar.js";
+import * as wxApi from "../wxApi.js";
interface Props {
onAddProvider: () => void;
diff --git a/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.stories.tsx b/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.stories.tsx
index 407d4ef34..96f821dc6 100644
--- a/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.stories.tsx
@@ -19,8 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { createExample } from "../test-utils";
-import { CreateManualWithdraw as TestedComponent } from "./CreateManualWithdraw";
+import { createExample } from "../test-utils.js";
+import { CreateManualWithdraw as TestedComponent } from "./CreateManualWithdraw.js";
export default {
title: "wallet/manual withdraw/creation",
diff --git a/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.test.ts b/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.test.ts
index 0fb125147..24456cc7c 100644
--- a/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.test.ts
+++ b/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.test.ts
@@ -19,9 +19,9 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { SelectFieldHandler, TextFieldHandler, useComponentState } from "./CreateManualWithdraw";
+import { SelectFieldHandler, TextFieldHandler, useComponentState } from "./CreateManualWithdraw.js";
import { expect } from "chai";
-import { mountHook } from "../test-utils";
+import { mountHook } from "../test-utils.js";
const exchangeListWithARSandUSD = {
diff --git a/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.tsx b/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.tsx
index 2691fbdf5..52ad797fa 100644
--- a/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/CreateManualWithdraw.tsx
@@ -22,8 +22,8 @@
import { AmountJson, Amounts } from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
import { useState } from "preact/hooks";
-import { ErrorMessage } from "../components/ErrorMessage";
-import { SelectList } from "../components/SelectList";
+import { ErrorMessage } from "../components/ErrorMessage.js";
+import { SelectList } from "../components/SelectList.js";
import {
BoldLight,
ButtonPrimary,
@@ -34,9 +34,9 @@ import {
LinkPrimary,
SubTitle,
Title,
-} from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import { Pages } from "../NavigationBar";
+} from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import { Pages } from "../NavigationBar.js";
export interface Props {
error: string | undefined;
diff --git a/packages/taler-wallet-webextension/src/wallet/DepositPage.stories.tsx b/packages/taler-wallet-webextension/src/wallet/DepositPage.stories.tsx
index ddd4cdc90..915bde01c 100644
--- a/packages/taler-wallet-webextension/src/wallet/DepositPage.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/DepositPage.stories.tsx
@@ -21,8 +21,8 @@
import { Amounts, Balance, parsePaytoUri } from "@gnu-taler/taler-util";
import { DepositFee } from "@gnu-taler/taler-wallet-core/src/operations/deposits";
-import { createExample } from "../test-utils";
-import { View as TestedComponent } from "./DepositPage";
+import { createExample } from "../test-utils.js";
+import { View as TestedComponent } from "./DepositPage.js";
export default {
title: "wallet/deposit",
diff --git a/packages/taler-wallet-webextension/src/wallet/DepositPage.test.ts b/packages/taler-wallet-webextension/src/wallet/DepositPage.test.ts
index 8ff95fdcf..1e7b0a54f 100644
--- a/packages/taler-wallet-webextension/src/wallet/DepositPage.test.ts
+++ b/packages/taler-wallet-webextension/src/wallet/DepositPage.test.ts
@@ -19,9 +19,9 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { useComponentState } from "./DepositPage";
+import { useComponentState } from "./DepositPage.js";
import { expect } from "chai";
-import { mountHook } from "../test-utils";
+import { mountHook } from "../test-utils.js";
import { Amounts, Balance } from "@gnu-taler/taler-util";
diff --git a/packages/taler-wallet-webextension/src/wallet/DepositPage.tsx b/packages/taler-wallet-webextension/src/wallet/DepositPage.tsx
index 2f1f84d94..3874b65f5 100644
--- a/packages/taler-wallet-webextension/src/wallet/DepositPage.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/DepositPage.tsx
@@ -24,9 +24,9 @@ import {
import { DepositFee } from "@gnu-taler/taler-wallet-core/src/operations/deposits";
import { Fragment, h, VNode } from "preact";
import { useEffect, useState } from "preact/hooks";
-import { Loading } from "../components/Loading";
-import { LoadingError } from "../components/LoadingError";
-import { SelectList } from "../components/SelectList";
+import { Loading } from "../components/Loading.js";
+import { LoadingError } from "../components/LoadingError.js";
+import { SelectList } from "../components/SelectList.js";
import {
Button,
ButtonPrimary,
@@ -35,11 +35,14 @@ import {
InputWithLabel,
SubTitle,
WarningBox,
-} from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import * as wxApi from "../wxApi";
-import { SelectFieldHandler, TextFieldHandler } from "./CreateManualWithdraw";
+} from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import * as wxApi from "../wxApi.js";
+import {
+ SelectFieldHandler,
+ TextFieldHandler,
+} from "./CreateManualWithdraw.js";
interface Props {
currency: string;
diff --git a/packages/taler-wallet-webextension/src/wallet/DeveloperPage.stories.tsx b/packages/taler-wallet-webextension/src/wallet/DeveloperPage.stories.tsx
index 4dcfe2316..4696c8d5c 100644
--- a/packages/taler-wallet-webextension/src/wallet/DeveloperPage.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/DeveloperPage.stories.tsx
@@ -20,8 +20,8 @@
*/
import { PendingTaskType } from "@gnu-taler/taler-wallet-core";
-import { createExample } from "../test-utils";
-import { View as TestedComponent } from "./DeveloperPage";
+import { createExample } from "../test-utils.js";
+import { View as TestedComponent } from "./DeveloperPage.js";
export default {
title: "wallet/developer",
diff --git a/packages/taler-wallet-webextension/src/wallet/DeveloperPage.tsx b/packages/taler-wallet-webextension/src/wallet/DeveloperPage.tsx
index f4d717df6..8709e2ba7 100644
--- a/packages/taler-wallet-webextension/src/wallet/DeveloperPage.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/DeveloperPage.tsx
@@ -24,13 +24,13 @@ import { PendingTaskInfo } from "@gnu-taler/taler-wallet-core";
import { format } from "date-fns";
import { Fragment, h, VNode } from "preact";
import { useRef, useState } from "preact/hooks";
-import { Diagnostics } from "../components/Diagnostics";
-import { NotifyUpdateFadeOut } from "../components/styled";
-import { Time } from "../components/Time";
-import { useTranslationContext } from "../context/translation";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import { useDiagnostics } from "../hooks/useDiagnostics";
-import * as wxApi from "../wxApi";
+import { Diagnostics } from "../components/Diagnostics.js";
+import { NotifyUpdateFadeOut } from "../components/styled/index.js";
+import { Time } from "../components/Time.js";
+import { useTranslationContext } from "../context/translation.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import { useDiagnostics } from "../hooks/useDiagnostics.js";
+import * as wxApi from "../wxApi.js";
export function DeveloperPage(): VNode {
const [status, timedOut] = useDiagnostics();
@@ -372,8 +372,6 @@ function toBase64(str: string): string {
);
}
-function runIntegrationTest() {}
-
export async function confirmReset(
confirmTheResetMessage: string,
): Promise<void> {
diff --git a/packages/taler-wallet-webextension/src/wallet/ExchangeAddConfirm.stories.tsx b/packages/taler-wallet-webextension/src/wallet/ExchangeAddConfirm.stories.tsx
index 36b81d24c..762458316 100644
--- a/packages/taler-wallet-webextension/src/wallet/ExchangeAddConfirm.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ExchangeAddConfirm.stories.tsx
@@ -19,9 +19,9 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { termsXml } from "../cta/termsExample";
-import { createExample } from "../test-utils";
-import { View as TestedComponent } from "./ExchangeAddConfirm";
+import { termsXml } from "../cta/termsExample.js";
+import { createExample } from "../test-utils.js";
+import { View as TestedComponent } from "./ExchangeAddConfirm.js";
function parseFromString(s: string): Document {
if (typeof window === "undefined") {
diff --git a/packages/taler-wallet-webextension/src/wallet/ExchangeAddConfirm.tsx b/packages/taler-wallet-webextension/src/wallet/ExchangeAddConfirm.tsx
index e36fa112f..135cf68d8 100644
--- a/packages/taler-wallet-webextension/src/wallet/ExchangeAddConfirm.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ExchangeAddConfirm.tsx
@@ -5,12 +5,12 @@ import {
ButtonSuccess,
ButtonWarning,
Title,
-} from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import { TermsOfServiceSection } from "../cta/TermsOfServiceSection";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import { buildTermsOfServiceState, TermsState } from "../utils/index";
-import * as wxApi from "../wxApi";
+} from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import { TermsOfServiceSection } from "../cta/TermsOfServiceSection.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import { buildTermsOfServiceState, TermsState } from "../utils/index.js";
+import * as wxApi from "../wxApi.js";
export interface Props {
url: string;
diff --git a/packages/taler-wallet-webextension/src/wallet/ExchangeAddPage.tsx b/packages/taler-wallet-webextension/src/wallet/ExchangeAddPage.tsx
index b968e8412..df423bb2b 100644
--- a/packages/taler-wallet-webextension/src/wallet/ExchangeAddPage.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ExchangeAddPage.tsx
@@ -20,11 +20,11 @@ import {
} from "@gnu-taler/taler-util";
import { h, VNode } from "preact";
import { useState } from "preact/hooks";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import { queryToSlashKeys } from "../utils/index";
-import * as wxApi from "../wxApi";
-import { ExchangeAddConfirmPage } from "./ExchangeAddConfirm";
-import { ExchangeSetUrlPage } from "./ExchangeSetUrl";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import { queryToSlashKeys } from "../utils/index.js";
+import * as wxApi from "../wxApi.js";
+import { ExchangeAddConfirmPage } from "./ExchangeAddConfirm.js";
+import { ExchangeSetUrlPage } from "./ExchangeSetUrl.js";
interface Props {
currency?: string;
diff --git a/packages/taler-wallet-webextension/src/wallet/ExchangeAddSetUrl.stories.tsx b/packages/taler-wallet-webextension/src/wallet/ExchangeAddSetUrl.stories.tsx
index 221a9da10..392c4732f 100644
--- a/packages/taler-wallet-webextension/src/wallet/ExchangeAddSetUrl.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ExchangeAddSetUrl.stories.tsx
@@ -19,9 +19,9 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { createExample } from "../test-utils";
-import { queryToSlashKeys } from "../utils/index";
-import { ExchangeSetUrlPage as TestedComponent } from "./ExchangeSetUrl";
+import { createExample } from "../test-utils.js";
+import { queryToSlashKeys } from "../utils/index.js";
+import { ExchangeSetUrlPage as TestedComponent } from "./ExchangeSetUrl.js";
export default {
title: "wallet/exchange add/set url",
diff --git a/packages/taler-wallet-webextension/src/wallet/ExchangeSetUrl.tsx b/packages/taler-wallet-webextension/src/wallet/ExchangeSetUrl.tsx
index 6b8a6194d..e7b7ccaac 100644
--- a/packages/taler-wallet-webextension/src/wallet/ExchangeSetUrl.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ExchangeSetUrl.tsx
@@ -4,7 +4,7 @@ import {
} from "@gnu-taler/taler-util";
import { Fragment, h } from "preact";
import { useEffect, useState } from "preact/hooks";
-import { ErrorMessage } from "../components/ErrorMessage";
+import { ErrorMessage } from "../components/ErrorMessage.js";
import {
Button,
ButtonPrimary,
@@ -13,8 +13,8 @@ import {
SubTitle,
Title,
WarningBox,
-} from "../components/styled";
-import { useTranslationContext } from "../context/translation";
+} from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
export interface Props {
initialValue?: string;
diff --git a/packages/taler-wallet-webextension/src/wallet/History.stories.tsx b/packages/taler-wallet-webextension/src/wallet/History.stories.tsx
index 8138e63dd..9c1cd2d03 100644
--- a/packages/taler-wallet-webextension/src/wallet/History.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/History.stories.tsx
@@ -32,8 +32,8 @@ import {
TransactionWithdrawal,
WithdrawalType,
} from "@gnu-taler/taler-util";
-import { HistoryView as TestedComponent } from "./History";
-import { createExample } from "../test-utils";
+import { HistoryView as TestedComponent } from "./History.js";
+import { createExample } from "../test-utils.js";
export default {
title: "wallet/balance",
diff --git a/packages/taler-wallet-webextension/src/wallet/History.tsx b/packages/taler-wallet-webextension/src/wallet/History.tsx
index 5d00e2e01..ed1552879 100644
--- a/packages/taler-wallet-webextension/src/wallet/History.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/History.tsx
@@ -22,8 +22,8 @@ import {
} from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
import { useState } from "preact/hooks";
-import { Loading } from "../components/Loading";
-import { LoadingError } from "../components/LoadingError";
+import { Loading } from "../components/Loading.js";
+import { LoadingError } from "../components/LoadingError.js";
import {
ButtonBoxPrimary,
ButtonBoxWarning,
@@ -33,13 +33,13 @@ import {
DateSeparator,
NiceSelect,
WarningBox,
-} from "../components/styled";
-import { Time } from "../components/Time";
-import { TransactionItem } from "../components/TransactionItem";
-import { useTranslationContext } from "../context/translation";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import { NoBalanceHelp } from "../popup/NoBalanceHelp";
-import * as wxApi from "../wxApi";
+} from "../components/styled/index.js";
+import { Time } from "../components/Time.js";
+import { TransactionItem } from "../components/TransactionItem.js";
+import { useTranslationContext } from "../context/translation.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import { NoBalanceHelp } from "../popup/NoBalanceHelp.js";
+import * as wxApi from "../wxApi.js";
interface Props {
currency?: string;
@@ -126,7 +126,9 @@ export function HistoryView({
.filter((t) => t.amountRaw.split(":")[0] === selectedCurrency)
.reduce((rv, x) => {
const theDate =
- x.timestamp.t_s === "never" ? 0 : normalizeToDay(x.timestamp.t_s * 1000);
+ x.timestamp.t_s === "never"
+ ? 0
+ : normalizeToDay(x.timestamp.t_s * 1000);
if (theDate) {
(rv[theDate] = rv[theDate] || []).push(x);
}
diff --git a/packages/taler-wallet-webextension/src/wallet/ManualWithdrawPage.tsx b/packages/taler-wallet-webextension/src/wallet/ManualWithdrawPage.tsx
index bea8f0029..3fbdadee4 100644
--- a/packages/taler-wallet-webextension/src/wallet/ManualWithdrawPage.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ManualWithdrawPage.tsx
@@ -24,13 +24,13 @@ import {
} from "@gnu-taler/taler-util";
import { h, VNode } from "preact";
import { useState } from "preact/hooks";
-import { Loading } from "../components/Loading";
-import { LoadingError } from "../components/LoadingError";
-import { useTranslationContext } from "../context/translation";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import * as wxApi from "../wxApi";
-import { CreateManualWithdraw } from "./CreateManualWithdraw";
-import { ReserveCreated } from "./ReserveCreated";
+import { Loading } from "../components/Loading.js";
+import { LoadingError } from "../components/LoadingError.js";
+import { useTranslationContext } from "../context/translation.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import * as wxApi from "../wxApi.js";
+import { CreateManualWithdraw } from "./CreateManualWithdraw.js";
+import { ReserveCreated } from "./ReserveCreated.js";
interface Props {
currency?: string;
diff --git a/packages/taler-wallet-webextension/src/wallet/ProviderAddConfirmProvider.stories.tsx b/packages/taler-wallet-webextension/src/wallet/ProviderAddConfirmProvider.stories.tsx
index 5c4e56b15..dd8e82071 100644
--- a/packages/taler-wallet-webextension/src/wallet/ProviderAddConfirmProvider.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ProviderAddConfirmProvider.stories.tsx
@@ -19,8 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { createExample } from "../test-utils";
-import { ConfirmProviderView as TestedComponent } from "./ProviderAddPage";
+import { createExample } from "../test-utils.js";
+import { ConfirmProviderView as TestedComponent } from "./ProviderAddPage.js";
export default {
title: "wallet/backup/confirm",
diff --git a/packages/taler-wallet-webextension/src/wallet/ProviderAddPage.tsx b/packages/taler-wallet-webextension/src/wallet/ProviderAddPage.tsx
index ae4ba7e1e..863da9439 100644
--- a/packages/taler-wallet-webextension/src/wallet/ProviderAddPage.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ProviderAddPage.tsx
@@ -22,8 +22,8 @@ import {
} from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
import { useEffect, useState } from "preact/hooks";
-import { Checkbox } from "../components/Checkbox";
-import { ErrorMessage } from "../components/ErrorMessage";
+import { Checkbox } from "../components/Checkbox.js";
+import { ErrorMessage } from "../components/ErrorMessage.js";
import {
Button,
ButtonPrimary,
@@ -32,10 +32,10 @@ import {
SmallLightText,
SubTitle,
Title,
-} from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import { queryToSlashConfig } from "../utils/index";
-import * as wxApi from "../wxApi";
+} from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import { queryToSlashConfig } from "../utils/index.js";
+import * as wxApi from "../wxApi.js";
interface Props {
currency: string;
diff --git a/packages/taler-wallet-webextension/src/wallet/ProviderAddSetUrl.stories.tsx b/packages/taler-wallet-webextension/src/wallet/ProviderAddSetUrl.stories.tsx
index 75292b7e4..5190bfdf8 100644
--- a/packages/taler-wallet-webextension/src/wallet/ProviderAddSetUrl.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ProviderAddSetUrl.stories.tsx
@@ -19,8 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { createExample } from "../test-utils";
-import { SetUrlView as TestedComponent } from "./ProviderAddPage";
+import { createExample } from "../test-utils.js";
+import { SetUrlView as TestedComponent } from "./ProviderAddPage.js";
export default {
title: "wallet/backup/add",
diff --git a/packages/taler-wallet-webextension/src/wallet/ProviderDetail.stories.tsx b/packages/taler-wallet-webextension/src/wallet/ProviderDetail.stories.tsx
index c4c070fa8..b63bc0657 100644
--- a/packages/taler-wallet-webextension/src/wallet/ProviderDetail.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ProviderDetail.stories.tsx
@@ -21,8 +21,8 @@
import { TalerProtocolTimestamp } from "@gnu-taler/taler-util";
import { ProviderPaymentType } from "@gnu-taler/taler-wallet-core";
-import { createExample } from "../test-utils";
-import { ProviderView as TestedComponent } from "./ProviderDetailPage";
+import { createExample } from "../test-utils.js";
+import { ProviderView as TestedComponent } from "./ProviderDetailPage.js";
export default {
title: "wallet/backup/details",
diff --git a/packages/taler-wallet-webextension/src/wallet/ProviderDetailPage.tsx b/packages/taler-wallet-webextension/src/wallet/ProviderDetailPage.tsx
index afd9612ee..f908b4638 100644
--- a/packages/taler-wallet-webextension/src/wallet/ProviderDetailPage.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ProviderDetailPage.tsx
@@ -22,20 +22,20 @@ import {
ProviderPaymentType,
} from "@gnu-taler/taler-wallet-core";
import { Fragment, h, VNode } from "preact";
-import { ErrorMessage } from "../components/ErrorMessage";
-import { Loading } from "../components/Loading";
-import { LoadingError } from "../components/LoadingError";
+import { ErrorMessage } from "../components/ErrorMessage.js";
+import { Loading } from "../components/Loading.js";
+import { LoadingError } from "../components/LoadingError.js";
import {
Button,
ButtonDestructive,
ButtonPrimary,
PaymentStatus,
SmallLightText,
-} from "../components/styled";
-import { Time } from "../components/Time";
-import { useTranslationContext } from "../context/translation";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import * as wxApi from "../wxApi";
+} from "../components/styled/index.js";
+import { Time } from "../components/Time.js";
+import { useTranslationContext } from "../context/translation.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import * as wxApi from "../wxApi.js";
interface Props {
pid: string;
diff --git a/packages/taler-wallet-webextension/src/wallet/ReserveCreated.stories.tsx b/packages/taler-wallet-webextension/src/wallet/ReserveCreated.stories.tsx
index 6e490fdfd..4e5595ef6 100644
--- a/packages/taler-wallet-webextension/src/wallet/ReserveCreated.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ReserveCreated.stories.tsx
@@ -19,8 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { createExample } from "../test-utils";
-import { ReserveCreated as TestedComponent } from "./ReserveCreated";
+import { createExample } from "../test-utils.js";
+import { ReserveCreated as TestedComponent } from "./ReserveCreated.js";
export default {
title: "wallet/manual withdraw/reserve created",
diff --git a/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx b/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx
index 83ebfb51a..16a64af5b 100644
--- a/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx
@@ -7,11 +7,15 @@ import {
PaytoUri,
} from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
-import { BankDetailsByPaytoType } from "../components/BankDetailsByPaytoType";
-import { QR } from "../components/QR";
-import { ButtonDestructive, Title, WarningBox } from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import { amountToString } from "../utils/index";
+import { BankDetailsByPaytoType } from "../components/BankDetailsByPaytoType.js";
+import { QR } from "../components/QR.js";
+import {
+ ButtonDestructive,
+ Title,
+ WarningBox,
+} from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import { amountToString } from "../utils/index.js";
export interface Props {
reservePub: string;
paytoURI: PaytoUri | undefined;
diff --git a/packages/taler-wallet-webextension/src/wallet/Settings.stories.tsx b/packages/taler-wallet-webextension/src/wallet/Settings.stories.tsx
index 8acf9d210..f50778945 100644
--- a/packages/taler-wallet-webextension/src/wallet/Settings.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Settings.stories.tsx
@@ -19,8 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { createExample } from "../test-utils";
-import { SettingsView as TestedComponent } from "./Settings";
+import { createExample } from "../test-utils.js";
+import { SettingsView as TestedComponent } from "./Settings.js";
export default {
title: "wallet/settings",
diff --git a/packages/taler-wallet-webextension/src/wallet/Settings.tsx b/packages/taler-wallet-webextension/src/wallet/Settings.tsx
index 478ce00a8..8e843e75e 100644
--- a/packages/taler-wallet-webextension/src/wallet/Settings.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Settings.tsx
@@ -16,9 +16,9 @@
import { ExchangeListItem } from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
-import { Checkbox } from "../components/Checkbox";
-import { JustInDevMode } from "../components/JustInDevMode";
-import { SelectList } from "../components/SelectList";
+import { Checkbox } from "../components/Checkbox.js";
+import { JustInDevMode } from "../components/JustInDevMode.js";
+import { SelectList } from "../components/SelectList.js";
import {
DestructiveText,
Input,
@@ -26,16 +26,16 @@ import {
SubTitle,
SuccessText,
WarningText,
-} from "../components/styled";
-import { useDevContext } from "../context/devContext";
-import { useTranslationContext } from "../context/translation";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import { useBackupDeviceName } from "../hooks/useBackupDeviceName";
-import { useExtendedPermissions } from "../hooks/useExtendedPermissions";
-import { useLang } from "../hooks/useLang";
-import { Pages } from "../NavigationBar";
-import { buildTermsOfServiceStatus } from "../utils/index";
-import * as wxApi from "../wxApi";
+} from "../components/styled/index.js";
+import { useDevContext } from "../context/devContext.js";
+import { useTranslationContext } from "../context/translation.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import { useBackupDeviceName } from "../hooks/useBackupDeviceName.js";
+import { useExtendedPermissions } from "../hooks/useExtendedPermissions.js";
+import { useLang } from "../hooks/useLang.js";
+import { Pages } from "../NavigationBar.js";
+import { buildTermsOfServiceStatus } from "../utils/index.js";
+import * as wxApi from "../wxApi.js";
export function SettingsPage(): VNode {
const [permissionsEnabled, togglePermissions] = useExtendedPermissions();
diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
index f02938420..f81487c86 100644
--- a/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
@@ -33,12 +33,12 @@ import {
WithdrawalType,
} from "@gnu-taler/taler-util";
import { ComponentChildren, h } from "preact";
-import { DevContextProviderForTesting } from "../context/devContext";
+import { DevContextProviderForTesting } from "../context/devContext.js";
import {
createExample,
createExampleWithCustomContext as createExampleInCustomContext,
-} from "../test-utils";
-import { TransactionView as TestedComponent } from "./Transaction";
+} from "../test-utils.js";
+import { TransactionView as TestedComponent } from "./Transaction.js";
export default {
title: "wallet/history/details",
diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
index 5cef86da8..8fe6f9f32 100644
--- a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
@@ -28,11 +28,11 @@ import { differenceInSeconds } from "date-fns";
import { ComponentChildren, Fragment, h, VNode } from "preact";
import { useState } from "preact/hooks";
import emptyImg from "../../static/img/empty.png";
-import { BankDetailsByPaytoType } from "../components/BankDetailsByPaytoType";
-import { ErrorTalerOperation } from "../components/ErrorTalerOperation";
-import { Loading } from "../components/Loading";
-import { LoadingError } from "../components/LoadingError";
-import { Part } from "../components/Part";
+import { BankDetailsByPaytoType } from "../components/BankDetailsByPaytoType.js";
+import { ErrorTalerOperation } from "../components/ErrorTalerOperation.js";
+import { Loading } from "../components/Loading.js";
+import { LoadingError } from "../components/LoadingError.js";
+import { Part } from "../components/Part.js";
import {
Button,
ButtonDestructive,
@@ -45,11 +45,11 @@ import {
SmallLightText,
SubTitle,
WarningBox,
-} from "../components/styled";
-import { Time } from "../components/Time";
-import { useTranslationContext } from "../context/translation";
-import { useAsyncAsHook } from "../hooks/useAsyncAsHook";
-import * as wxApi from "../wxApi";
+} from "../components/styled/index.js";
+import { Time } from "../components/Time.js";
+import { useTranslationContext } from "../context/translation.js";
+import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js";
+import * as wxApi from "../wxApi.js";
interface Props {
tid: string;
diff --git a/packages/taler-wallet-webextension/src/wallet/Welcome.stories.tsx b/packages/taler-wallet-webextension/src/wallet/Welcome.stories.tsx
index 7e6588fac..424eb9d7f 100644
--- a/packages/taler-wallet-webextension/src/wallet/Welcome.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Welcome.stories.tsx
@@ -19,8 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import { createExample } from "../test-utils";
-import { View as TestedComponent } from "./Welcome";
+import { createExample } from "../test-utils.js";
+import { View as TestedComponent } from "./Welcome.js";
export default {
title: "wallet/welcome",
diff --git a/packages/taler-wallet-webextension/src/wallet/Welcome.tsx b/packages/taler-wallet-webextension/src/wallet/Welcome.tsx
index 1c068cfa3..e7b83e27d 100644
--- a/packages/taler-wallet-webextension/src/wallet/Welcome.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Welcome.tsx
@@ -22,12 +22,12 @@
import { WalletDiagnostics } from "@gnu-taler/taler-util";
import { Fragment, h, VNode } from "preact";
-import { Checkbox } from "../components/Checkbox";
-import { Diagnostics } from "../components/Diagnostics";
-import { SubTitle, Title } from "../components/styled";
-import { useTranslationContext } from "../context/translation";
-import { useDiagnostics } from "../hooks/useDiagnostics";
-import { useExtendedPermissions } from "../hooks/useExtendedPermissions";
+import { Checkbox } from "../components/Checkbox.js";
+import { Diagnostics } from "../components/Diagnostics.js";
+import { SubTitle, Title } from "../components/styled/index.js";
+import { useTranslationContext } from "../context/translation.js";
+import { useDiagnostics } from "../hooks/useDiagnostics.js";
+import { useExtendedPermissions } from "../hooks/useExtendedPermissions.js";
export function WelcomePage(): VNode {
const [permissionsEnabled, togglePermissions] = useExtendedPermissions();
diff --git a/packages/taler-wallet-webextension/src/wallet/index.stories.tsx b/packages/taler-wallet-webextension/src/wallet/index.stories.tsx
index b03177825..bfc453639 100644
--- a/packages/taler-wallet-webextension/src/wallet/index.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/index.stories.tsx
@@ -19,21 +19,21 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
-import * as a1 from "./Backup.stories";
-import * as a3 from "./CreateManualWithdraw.stories";
-import * as a4 from "./DepositPage.stories";
-import * as a5 from "./ExchangeAddConfirm.stories";
-import * as a6 from "./ExchangeAddSetUrl.stories";
-import * as a7 from "./History.stories";
-import * as a8 from "./ProviderAddConfirmProvider.stories";
-import * as a9 from "./ProviderAddSetUrl.stories";
-import * as a10 from "./ProviderDetail.stories";
-import * as a11 from "./ReserveCreated.stories";
-import * as a12 from "./Settings.stories";
-import * as a13 from "./Transaction.stories";
-import * as a14 from "./Welcome.stories";
-import * as a15 from "./AddNewActionView.stories";
-import * as a16 from "./DeveloperPage.stories";
+import * as a1 from "./Backup.stories.js";
+import * as a3 from "./CreateManualWithdraw.stories.js";
+import * as a4 from "./DepositPage.stories.js";
+import * as a5 from "./ExchangeAddConfirm.stories.js";
+import * as a6 from "./ExchangeAddSetUrl.stories.js";
+import * as a7 from "./History.stories.js";
+import * as a8 from "./ProviderAddConfirmProvider.stories.js";
+import * as a9 from "./ProviderAddSetUrl.stories.js";
+import * as a10 from "./ProviderDetail.stories.js";
+import * as a11 from "./ReserveCreated.stories.js";
+import * as a12 from "./Settings.stories.js";
+import * as a13 from "./Transaction.stories.js";
+import * as a14 from "./Welcome.stories.js";
+import * as a15 from "./AddNewActionView.stories.js";
+import * as a16 from "./DeveloperPage.stories.js";
export default [
a1,
diff --git a/packages/taler-wallet-webextension/src/walletEntryPoint.dev.tsx b/packages/taler-wallet-webextension/src/walletEntryPoint.dev.tsx
index ceceaf04c..9a1615e9e 100644
--- a/packages/taler-wallet-webextension/src/walletEntryPoint.dev.tsx
+++ b/packages/taler-wallet-webextension/src/walletEntryPoint.dev.tsx
@@ -22,10 +22,10 @@
import { setupI18n } from "@gnu-taler/taler-util";
import { Fragment, h, render } from "preact";
-import { strings } from "./i18n/strings";
-import { setupPlatform } from "./platform/api";
-import devAPI from "./platform/dev";
-import { Application } from "./wallet/Application";
+import { strings } from "./i18n/strings.js";
+import { setupPlatform } from "./platform/api.js";
+import devAPI from "./platform/dev.js";
+import { Application } from "./wallet/Application.js";
console.log("Wallet setup for Dev API");
setupPlatform(devAPI);
diff --git a/packages/taler-wallet-webextension/src/walletEntryPoint.tsx b/packages/taler-wallet-webextension/src/walletEntryPoint.tsx
index 549eee507..c83ffdddb 100644
--- a/packages/taler-wallet-webextension/src/walletEntryPoint.tsx
+++ b/packages/taler-wallet-webextension/src/walletEntryPoint.tsx
@@ -22,11 +22,11 @@
import { setupI18n } from "@gnu-taler/taler-util";
import { Fragment, h, render } from "preact";
-import { strings } from "./i18n/strings";
-import { setupPlatform } from "./platform/api";
-import chromeAPI from "./platform/chrome";
-import firefoxAPI from "./platform/firefox";
-import { Application } from "./wallet/Application";
+import { strings } from "./i18n/strings.js";
+import { setupPlatform } from "./platform/api.js";
+import chromeAPI from "./platform/chrome.js";
+import firefoxAPI from "./platform/firefox.js";
+import { Application } from "./wallet/Application.js";
const isFirefox = typeof (window as any)["InstallTrigger"] !== "undefined";
diff --git a/packages/taler-wallet-webextension/src/wxBackend.ts b/packages/taler-wallet-webextension/src/wxBackend.ts
index 6b73acd02..1dd88a6a1 100644
--- a/packages/taler-wallet-webextension/src/wxBackend.ts
+++ b/packages/taler-wallet-webextension/src/wxBackend.ts
@@ -40,12 +40,12 @@ import {
Wallet,
WalletStoresV1
} from "@gnu-taler/taler-wallet-core";
-import { BrowserCryptoWorkerFactory } from "./browserCryptoWorkerFactory";
-import { BrowserHttpLib } from "./browserHttpLib";
-import { getReadRequestPermissions } from "./permissions";
-import { MessageFromBackend, platform } from "./platform/api";
-import { SynchronousCryptoWorkerFactory } from "./serviceWorkerCryptoWorkerFactory";
-import { ServiceWorkerHttpLib } from "./serviceWorkerHttpLib";
+import { BrowserCryptoWorkerFactory } from "./browserCryptoWorkerFactory.js";
+import { BrowserHttpLib } from "./browserHttpLib.js";
+import { getReadRequestPermissions } from "./permissions.js";
+import { MessageFromBackend, platform } from "./platform/api.js";
+import { SynchronousCryptoWorkerFactory } from "./serviceWorkerCryptoWorkerFactory.js";
+import { ServiceWorkerHttpLib } from "./serviceWorkerHttpLib.js";
/**
* Currently active wallet instance. Might be unloaded and