/*
This file is part of GNU Taler
(C) 2021 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
*/
/**
*
* @author Sebastian Javier Marchano (sebasjm)
*/
import { Fragment, h, render, VNode } from 'preact';
import { render as renderToString } from 'preact-render-to-string';
import { useEffect } from 'preact/hooks';
import { Footer } from '../components/Footer';
import { QR } from '../components/QR';
import "../css/pure-min.css";
import "../css/style.css";
/**
* This page creates a refund offer QR code
*
* It will build into a mustache html template for server side rendering
*
* server side rendering params:
* - order_status_url
* - taler_refund_qrcode_svg
* - taler_refund_uri
*
* request params:
* - refund_uri
* - order_status_url
*/
interface Props {
refundURI?: string;
order_status_url?: string;
qr_code?: string;
}
function Head({ order_summary }: { order_summary?: string }): VNode {
return Refund available for {order_summary ? order_summary : `{{ order_summary }}`}
}
export function OfferRefund({ refundURI, qr_code, order_status_url }: Props): VNode {
useEffect(() => {
let checkUrl: URL;
try {
checkUrl = new URL(order_status_url ? order_status_url : "{{& order_status_url }}");
} catch (e) {
return;
}
checkUrl.searchParams.set("await_refund_obtained", "yes");
const delayMs = 500;
function check() {
let retried = false;
function retryOnce() {
if (!retried) {
retried = true;
check();
}
}
const req = new XMLHttpRequest();
req.onreadystatechange = function () {
if (req.readyState === XMLHttpRequest.DONE) {
if (req.status === 200) {
try {
const resp = JSON.parse(req.responseText);
if (!resp.refund_pending) {
window.location.reload();
}
} catch (e) {
console.error("could not parse response:", e);
}
}
setTimeout(retryOnce, delayMs);
}
};
req.onerror = function () {
setTimeout(retryOnce, delayMs);
}
req.open("GET", checkUrl.href);
req.send();
}
setTimeout(check, delayMs);
})
return