ng-easycommerce 0.0.495 → 0.0.496

package/README.md

@@ -1,3 +1,5 @@
+# version 0.0.496
+- Se completa el método de pago bamboo, se parametriza la carga del script con los datos recibidos desde el backend. Se hace correciones visuales al formulario, el logo que se imprime en este siempre debe llamarse `logo_bamboo.png` y debe ir en ***assets/*** del frontend.
 # version 0.0.495
 - Se completa el circuito del método de pago de bamboo. Se continua trabajando en la parametrización. 
 # version 0.0.494

package/assets/bamboo.html

@@ -13,9 +13,29 @@
     -->
     <!--Public Key
         Rohrq0RNz3sc0Ojn5BKxuW_I56ONV7HQ
+        Rohrq0RNz3sc0Ojn5BKxuW_I56ONV7HQ 
     -->
-    <script src="https://api.stage.bamboopayment.com/v1/Scripts/PWCheckout.js?key=Rohrq0RNz3sc0Ojn5BKxuW_I56ONV7HQ"
-        type="text/javascript"></script>
+
+    <script type="text/javascript">
+        let dataBamboo = localStorage.getItem('dataBamboo') && JSON.parse(localStorage.getItem('dataBamboo'));
+
+        let baseUrl = 'https://api.stage.bamboopayment.com'
+        console.log(dataBamboo)
+        if (dataBamboo.config.public_environment) {
+            baseUrl = (dataBamboo.config.public_environment == 'staging') ? 'https://api.stage.bamboopayment.com' : 'https://api.bamboopayment.com'
+        }
+
+        let srcScript = baseUrl + '/v1/Scripts/PWCheckout.js?key=' + dataBamboo.config.public_bamboo_public_key || 'Rohrq0RNz3sc0Ojn5BKxuW_I56ONV7HQ';
+
+        let my_awesome_script = document.createElement('script');
+        my_awesome_script.setAttribute('defer', 'defer');
+        my_awesome_script.setAttribute('src', srcScript);
+        document.head.appendChild(my_awesome_script);
+
+    </script>
+
+    <!-- <script src="https://api.stage.bamboopayment.com/v1/Scripts/PWCheckout.js?key=Rohrq0RNz3sc0Ojn5BKxuW_I56ONV7HQ"
+        type="text/javascript"></script> -->
 
 
 
@@ -29,7 +49,7 @@
 </body>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 <script type="text/javascript">
-    $(document).ready(function () {
+    window.onload = function () {
         let pwCheckoutProperties = JSON.parse(localStorage.getItem('pwCheckouProperties'))
 
         const dataRedirect = localStorage.getItem('dataRedirect')
@@ -37,12 +57,13 @@
         PWCheckout.SetProperties(
             {
                 "name": pwCheckoutProperties.name,
-                "email": "test@test.com",
+                "email": "",
                 "button_label": pwCheckoutProperties.button_label,
                 "description": "",
                 "currency": pwCheckoutProperties.currency,
                 "amount": "1",
                 "lang": "ESP",
+                "image": window.location.origin + "/assets/logo_bamboo.png",
                 "form_id": "commerce_form", "checkout_card": "0", "autoSubmit": "false",
                 "iframeId": "custom_iframe"
             }
@@ -71,7 +92,7 @@
                 }).then(res => {
                     res.json()
                     console.log(res)
-                    //localStorage.setItem('state', 'success')
+                    localStorage.setItem('state', 'success')
                 }).catch(error => {
                     console.error('Error:', error)
                     //processError(response)
@@ -92,6 +113,8 @@
                         } */
                     });
             } catch (error) {
+                console.error('Error:', error)
+                localStorage.setItem('state', 'failure')
                 //processError(response)
             }
         }
@@ -117,7 +140,7 @@
             console.log(PWCheckout)
             PWCheckout.OpenIframeNormal();
         }
-    });
+    };
 </script>
 
 </html>