widget/index.html at main · simplepay-ai/widget · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>PaymentWidget</title>
</head>
<body>
<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100dvh;
    }

    .appContainer{
        width: 100%;
        height: 100%;
        /*margin: 0 auto;*/
        /*width: 100%;*/
        /*height: 700px;*/
        /*max-width: 390px;*/
        /*min-width: 390px;*/
        /*border-radius: 6px;*/
        /*overflow: hidden;*/
    }

    /*.appContainer{*/
    /*    */
    /*    */
    /*    */
    /*    */
    /*    */
    /*    */
    /*    */
    /*}*/

    /*@media (max-width: 768px) {*/
    /*    .appContainer{*/
    /*        height: 100%;*/
    /*        max-width: unset;*/
    /*        border-radius: 0;*/
    /*        border: 0;*/
    /*    }*/
    /*}*/
</style>

<div class="appContainer">
    <payment-app
            theme="dark"
            invoiceId="74cb5652-7f50-487b-ac7c-34b618ddd70b"
            viewMode="paymentPage"
    />

    <!--    theme="light"-->

    <!--    viewMode="modal | paymentPage | relative (default)"-->
    <!--    trigger="someId | button"-->
    <!--    triggerConfig='{ "backgroundColor": "black","textColor": "white","title": "CryptoPay" }'-->

    <!--    clientId="fbc58e4a-af6f-451e-858d-44c9cf8c1d2f" - type = uuid | number-->

    <!--    appId="fbc58e4a-af6f-451e-858d-44c9cf8c1d2f"-->
    <!--    paymentType="request | item | cart"-->

    <!--    invoiceId=""-->
    <!--    transactionId=""-->
    <!--    backToStoreUrl="https://console.simplepay.ai/settings"-->

    <!--    experimental="true"-->

    <!--    tokenSymbol="ETH" networkSymbol="ethereum"-->

    <!--    serverUrl="https://api.simplepay.ai"-->
    <!--    usePolling="true"-->
    <!--    merchantLogoUrl="https://ibb.co/MxxzMVwb"-->

</div>

<script src="src/main.ts" type="module"></script>
</body>
</html>