/*
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
*/
import { TranslatedString, stringifyWithdrawUri } from "@gnu-taler/taler-util";
import { notifyInfo, useLocalNotification, useTranslationContext } from "@gnu-taler/web-util/browser";
import { Fragment, VNode, h } from "preact";
import { useEffect, useMemo, useState } from "preact/hooks";
import { QR } from "../../components/QR.js";
import { ShowInputErrorLabel } from "../../components/ShowInputErrorLabel.js";
import { useSettings } from "../../hooks/settings.js";
import { undefinedIfEmpty } from "../../utils.js";
import { State } from "./index.js";
import { ShowLocalNotification } from "../../components/ShowLocalNotification.js";
import { ErrorLoading } from "../../components/ErrorLoading.js";
import { Attention } from "../../components/Attention.js";
import { assertUnreachable } from "../WithdrawalOperationPage.js";
export function InvalidPaytoView({ payto, onClose }: State.InvalidPayto) {
return (
The wire transfer to the Taler operator has been initiated. You will soon receive the requested amount in your Taler wallet.
Do not show this again
);
}
export function ReadyView({ uri, onClose: doClose }: State.Ready): VNode<{}> {
const { i18n } = useTranslationContext();
const [notification, notify, errorHandler] = useLocalNotification()
const talerWithdrawUri = stringifyWithdrawUri(uri);
useEffect(() => {
//Taler Wallet WebExtension is listening to headers response and tab updates.
//In the SPA there is no header response with the Taler URI so
//this hack manually triggers the tab update after the QR is in the DOM.
// WebExtension will be using
// https://developer.chrome.com/docs/extensions/reference/tabs/#event-onUpdated
document.title = `${document.title} ${uri.withdrawalOperationId}`;
const meta = document.createElement("meta")
meta.setAttribute("name", "taler-uri")
meta.setAttribute("content", talerWithdrawUri)
document.head.insertBefore(meta, document.head.children.length ? document.head.children[0] : null)
}, []);
async function onClose() {
errorHandler(async () => {
const hasError = await doClose()
if (!hasError) return;
switch (hasError.case) {
case "previously-confirmed": return notify({
type: "error",
title: i18n.str`The reserve operation has been confirmed previously and can't be aborted`,
description: hasError.detail.hint as TranslatedString,
debug: hasError.detail,
})
case "invalid-id": return notify({
type: "error",
title: i18n.str`The operation id is invalid.`,
description: hasError.detail.hint as TranslatedString,
debug: hasError.detail,
});
case "not-found": return notify({
type: "error",
title: i18n.str`The operation was not found.`,
description: hasError.detail.hint as TranslatedString,
debug: hasError.detail,
});
default: assertUnreachable(hasError)
}
})
}
return
On this device
If you are using a desktop browser you can open the popup now or click the link if you have the "Inject Taler support" option enabled.