/* This file is part of TALER (C) 2016 GNUnet e.V. 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. 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 TALER; see the file COPYING. If not, see */ import { AbsoluteTime } from "@gnu-taler/taler-util"; import { ProviderInfo, ProviderPaymentPaid, ProviderPaymentStatus, ProviderPaymentType, } from "@gnu-taler/taler-wallet-core"; import { differenceInMonths, formatDuration, intervalToDuration, } from "date-fns"; import { Fragment, h, VNode } from "preact"; import { Loading } from "../components/Loading.js"; import { LoadingError } from "../components/LoadingError.js"; import { BoldLight, Centered, CenteredBoldText, CenteredText, RowBorderGray, SmallLightText, SmallText, } from "../components/styled/index.js"; import { useTranslationContext } from "../context/translation.js"; import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js"; import { Button } from "../mui/Button.js"; import { Pages } from "../NavigationBar.js"; import * as wxApi from "../wxApi.js"; interface Props { onAddProvider: () => Promise; } export function BackupPage({ onAddProvider }: Props): VNode { const { i18n } = useTranslationContext(); const status = useAsyncAsHook(wxApi.getBackupInfo); if (!status) { return ; } if (status.hasError) { return ( Could not load backup providers} error={status} /> ); } const providers = status.response.providers.sort((a, b) => { if ( a.paymentStatus.type === ProviderPaymentType.Paid && b.paymentStatus.type === ProviderPaymentType.Paid ) { return getStatusPaidOrder(a.paymentStatus, b.paymentStatus); } return ( getStatusTypeOrder(a.paymentStatus) - getStatusTypeOrder(b.paymentStatus) ); }); return ( ); } export interface ViewProps { providers: ProviderInfo[]; onAddProvider: () => Promise; onSyncAll: () => Promise; } export function BackupView({ providers, onAddProvider, onSyncAll, }: ViewProps): VNode { const { i18n } = useTranslationContext(); return (
{providers.map((provider, idx) => ( ))} {!providers.length && ( No backup providers configured )}
{!!providers.length && (
)}
); } interface TransactionLayoutProps { status: ProviderPaymentStatus; timestamp?: AbsoluteTime; title: string; id: string; active: boolean; } function BackupLayout(props: TransactionLayoutProps): VNode { const { i18n } = useTranslationContext(); const date = !props.timestamp ? undefined : new Date(props.timestamp.t_ms); const dateStr = date?.toLocaleString([], { dateStyle: "medium", timeStyle: "short", } as any); return (
{props.title} {dateStr && ( Last synced: {dateStr} )} {!dateStr && ( Not synced )}
{props.status?.type === "paid" ? ( ) : (
{props.status.type}
)}
); } function ExpirationText({ until }: { until: AbsoluteTime }): VNode { const { i18n } = useTranslationContext(); return ( Expires in {" "} {daysUntil(until)}{" "} ); } function colorByTimeToExpire(d: AbsoluteTime): string { if (d.t_ms === "never") return "rgb(28, 184, 65)"; const months = differenceInMonths(d.t_ms, new Date()); return months > 1 ? "rgb(28, 184, 65)" : "rgb(223, 117, 20)"; } function daysUntil(d: AbsoluteTime): string { if (d.t_ms === "never") return ""; const duration = intervalToDuration({ start: d.t_ms, end: new Date(), }); const str = formatDuration(duration, { delimiter: ", ", format: [ duration?.years ? "years" : duration?.months ? "months" : duration?.days ? "days" : duration.hours ? "hours" : "minutes", ], }); return `${str}`; } function getStatusTypeOrder(t: ProviderPaymentStatus): number { return [ ProviderPaymentType.InsufficientBalance, ProviderPaymentType.TermsChanged, ProviderPaymentType.Unpaid, ProviderPaymentType.Paid, ProviderPaymentType.Pending, ].indexOf(t.type); } function getStatusPaidOrder( a: ProviderPaymentPaid, b: ProviderPaymentPaid, ): number { return a.paidUntil.t_ms === "never" ? -1 : b.paidUntil.t_ms === "never" ? 1 : a.paidUntil.t_ms - b.paidUntil.t_ms; }