Added a way to show payment list component

optile · Oct 23, 2024 · 2bd257f · 2bd257f
1 parent 3ebd95d
commit 2bd257f
Show file tree

Hide file tree

Showing 2 changed files with 319 additions and 297 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -5,6 +5,7 @@
     <title>Payoneer Cards Demo</title>
     <link rel="shortcut icon" type="image/png" href="public/favicon-32x32.png">
     <meta charset="utf-8">
+    <script src="https://resources.pi-nightly.integration.oscato.com/web/libraries/payment-methods-list/umd/payment-methods-list.js"></script>
     <meta name="viewport" content="width=device-width">
     <link rel="stylesheet" href="styles.css">
     <script src="index.js"></script>
@@ -104,6 +105,11 @@ <h3>Payment methods</h3>
                         <div class="loading-bar"></div>
                         <div class="loading-bar"></div>
                     </div>
+                    <div id="payment-methods-list" class="hidden">
+                        <payoneer-payment-methods-list
+                            order-components="afterpay,klarna,cards"
+                            id="payment-list-component" />
+                    </div>
                     <form id="payment-methods">
                         <div id="cards-payment-method" class="payment-method hidden">
                             <label for="card-radio" id="cards-select-container" class="payment-method-select-container">