/* 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 { format } from 'date-fns'; import { Fragment, h, render, VNode } from 'preact'; import { render as renderToString } from 'preact-render-to-string'; import { Footer } from '../components/Footer'; import "../css/pure-min.css"; import "../css/style.css"; import { MerchantBackend } from '../declaration'; import { Center, Page } from '../styled'; /** * This page creates a payment request QR code * * It will build into a mustache html template for server side rendering * * server side rendering params: * - order_summary * - contract_terms * - refund_amount * * request params: * - refund_amount * - contract_terms * - order_summary */ interface Props { order_summary?: string; refund_amount?: string; contract_terms?: MerchantBackend.ContractTerms; } function Head({ order_summary }: { order_summary?: string }): VNode { return Status of your order for {order_summary ? order_summary : `{{ order_summary }}`} } export function ShowOrderDetails({ order_summary, refund_amount, contract_terms }: Props): VNode { const pay_deadline = contract_terms?.pay_deadline.t_ms === 'never' || contract_terms?.pay_deadline.t_ms === undefined ? undefined : format(new Date(contract_terms?.pay_deadline.t_ms), 'dd/MM/yyyy HH:mm:ss') return

Order details

This is the default status page for your order for {order_summary ? order_summary : `{{ order_summary }}`}.

Refund status

The merchant has granted you refunds on the purchase of {refund_amount ? refund_amount : `{{ refund_amount }}`}.

Full contract details

          

            

              amount{contract_terms?.amount || `{{ contract_terms.amount }}`}
            

            

              summary{contract_terms?.summary || `{{ contract_terms.summary }}`}
            

            

              pay deadline{pay_deadline || `{{ contract_terms.pay_deadline.t_ms }}`}
            

            

              merchant name{contract_terms?.merchant?.name || `{{ contract_terms.merchant.name }}`}