diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet')
35 files changed, 196 insertions, 185 deletions
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, |