/* This file is part of GNU Taler (C) 2022 Taler Systems S.A. GNU Taler is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 3, or (at your option) any later version. GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with GNU Taler; see the file COPYING. If not, see */ /** * Main entry point for extension pages. * * @author sebasjm */ import { createHashHistory } from "history"; 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.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.js"; import { PaymentPage } from "../cta/Payment/index.js"; import { RefundPage } from "../cta/Refund/index.js"; import { TipPage } from "../cta/Tip/index.js"; import { WithdrawPageFromParams, WithdrawPageFromURI, } from "../cta/Withdraw/index.js"; import { DepositPage as DepositPageCTA } from "../cta/Deposit/index.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 { ProviderAddPage } from "./ProviderAddPage.js"; import { ProviderDetailPage } from "./ProviderDetailPage.js"; import { SettingsPage } from "./Settings.js"; import { TransactionPage } from "./Transaction.js"; import { WelcomePage } from "./Welcome.js"; import { QrReaderPage } from "./QrReader.js"; import { platform } from "../platform/api.js"; import { DestinationSelectionGetCash, DestinationSelectionSendCash, } from "./DestinationSelection.js"; import { ExchangeSelectionPage } from "./ExchangeSelection/index.js"; import { TransferCreatePage } from "../cta/TransferCreate/index.js"; import { InvoiceCreatePage } from "../cta/InvoiceCreate/index.js"; import { TransferPickupPage } from "../cta/TransferPickup/index.js"; import { InvoicePayPage } from "../cta/InvoicePay/index.js"; export function Application(): VNode { const [globalNotification, setGlobalNotification] = useState< VNode | undefined >(undefined); const hash_history = createHashHistory(); function clearNotification(): void { setGlobalNotification(undefined); } function clearNotificationWhenMovingOut(): void { // const movingOutFromNotification = // globalNotification && e.url !== globalNotification.to; if (globalNotification) { //&& movingOutFromNotification) { setGlobalNotification(undefined); } } const { i18n } = useTranslationContext(); return ( {/* won't work in the first render if is not called first */} {/* https://github.com/preactjs/preact-router/issues/415 */} {({ path }: { path: string }) => { if (path && path.startsWith("/cta")) return; return ( {shouldShowPendingOperations(path) && (
redirectTo(Pages.balanceTransaction({ tid })) } />
)}
); }}
{globalNotification && (
{globalNotification}
)} {/** * BALANCE */} redirectTo(Pages.sendCash({ amount: `${currency}:0` })) } goToWalletManualWithdraw={(currency?: string) => redirectTo( Pages.receiveCash({ amount: !currency ? undefined : `${currency}:0`, }), ) } /> redirectTo(Pages.balanceDeposit({ amount })) } goToWalletWalletSend={(amount: string) => redirectTo(Pages.ctaTransferCreate({ amount })) } /> redirectTo(Pages.ctaWithdrawManual({ amount })) } goToWalletWalletInvoice={(amount?: string) => redirectTo(Pages.ctaInvoiceCreate({ amount })) } /> redirectTo(Pages.balanceHistory({ currency })) } /> { redirectTo(Pages.balanceHistory({ currency })); }} onSuccess={(currency: string) => { redirectTo(Pages.balanceHistory({ currency })); setGlobalNotification( All done, your transaction is in progress , ); }} /> {/** * PENDING */} { platform.openWalletURIFromPopup(talerActionUrl); }} /> {/** * BACKUP */} redirectTo(Pages.backupProviderAdd)} /> redirectTo(Pages.backup)} /> redirectTo(Pages.backup)} /> {/** * SETTINGS */} redirectTo(Pages.balance)} /> {/** * DEV */} {/** * CALL TO ACTION */} redirectTo(Pages.ctaWithdrawManual({ amount })) } cancel={() => redirectTo(Pages.balance)} /> redirectTo(Pages.balance)} /> redirectTo(Pages.balance)} /> redirectTo(Pages.balance)} /> redirectTo(Pages.balance)} /> redirectTo(Pages.balance)} /> redirectTo(Pages.balance)} /> redirectTo(Pages.balance)} /> redirectTo(Pages.balance)} /> redirectTo(Pages.balance)} /> {/** * NOT FOUND * all redirects should be at the end */}
); } async function redirectTo(location: string): Promise { route(location); } function Redirect({ to }: { to: string }): null { useEffect(() => { route(to, true); }); return null; } function matchesRoute(url: string, route: string): boolean { type MatcherFunc = ( url: string, route: string, opts: any, ) => Record | false; const internalPreactMatcher: MatcherFunc = (Router as any).exec; const result = internalPreactMatcher(url, route, {}); return !result ? false : true; } function shouldShowPendingOperations(url: string): boolean { return [ Pages.balanceHistory.pattern, Pages.dev, Pages.settings, Pages.backup, ].some((p) => matchesRoute(url, p)); }