npm - ng-easycommerce - Versions diffs - 0.0.400 → 0.0.403 - Mend

ng-easycommerce 0.0.400 → 0.0.403

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/README.md CHANGED Viewed

@@ -1,5 +1,19 @@
 # Ultimas Modificaciones
+### version: 0.0.403
+- Ajustes en parametros y navegacion componente Decidir
+### version: 0.0.402
+- Cambios en la parametrización de la UI del componente SellerDashboardContainer
+- Se agregaron mejoras en componente de método de pago Decidir, se agregaron parámetros para ambiente de producción
+### version: 0.0.401
+- Se creo componente para nuevo metodo de pago decidir (WIP)
 ### version: 0.0.400
 - Se agrego manejo de script doppler como analytics. El parametro debe poseer el siguente formato doppler_[channel]_id -> ejemplo: doppler_minorista_id

package/assets/decidirFormEc.html ADDED Viewed

@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <title>Decidir</title>
+    <script src="https://live.decidir.com/static/v2.5/decidir.js"></script>
+</head>
+<body>
+    <style>
+        .loader {
+            border: 16px solid #f3f3f3;
+            border-top: 16px solid #dc3545;
+            border-radius: 50%;
+            width: 50px;
+            height: 50px;
+            animation: spin 2s linear infinite;
+        }
+        @keyframes spin {
+            0% {
+                transform: rotate(0deg);
+            }
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+        .flex-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 80vh;
+        }
+        .flex-container>div {
+            width: 100px;
+            height: 100px;
+        }
+    </style>
+    <div class="container-fluid">
+        <div class="row mt-3">
+            <div class="col-12">
+                <div class="card" >
+                    <div class="w-100 text-center">
+                        <img src="../assets/images/decidir-logo.png"  class="card-img-top w-50" alt="...">
+                    </div>
+                    <div class="card-body">
+                      <!-- <h5 class="card-title">Decidir</h5> -->
+                      <!-- <p class="card-text">Ingrese sus datos para continuar con el pago.</p> -->
+                      <form action="" method="post" id="formulario">
+                          <fieldset>
+                              <div class="row">
+                                  <div class="col-md-8 col-12">
+                                      <div class="form-floating mb-3">
+                                          <input class="form-control" type="text" data-decidir="card_number"
+                                              placeholder="XXXXXXXXXXXXXXXX" maxlength="16" value="">
+                                          <label for="card_number">Numero de tarjeta:</label>
+                                      </div>
+                                  </div>
+                                  <div class="col-md-4 col-12">
+                                      <div class="form-floating mb-3">
+                                          <input class="form-control" type="text" data-decidir="security_code"
+                                              placeholder="XXX" maxlength="3" value="" />
+                                          <label for="security_code">Codigo de seguridad:</label>
+                                      </div>
+                                  </div>
+                              </div>
+                              <div class="row">
+                                  <div class="col-md-6 col-12">
+                                      <div class="form-floating mb-3">
+                                          <input class="form-control" type="text" data-decidir="card_expiration_month"
+                                              placeholder="MM" maxlength="2" value="" />
+                                          <label for="card_expiration_month">Mes de vencimiento:</label>
+                                      </div>
+                                  </div>
+                                  <div class="col-md-6 col-12">
+                                      <div class="form-floating mb-3">
+                                          <input class="form-control" type="text" data-decidir="card_expiration_year"
+                                              placeholder="AA" maxlength="2" value="" />
+                                          <label for="card_expiration_year">Año de vencimiento:</label>
+                                      </div>
+                                  </div>
+                              </div>
+                              <div class="form-floating mb-3">
+                                  <input class="form-control" type="text" data-decidir="card_holder_name"
+                                      placeholder="TITULAR" value="" />
+                                  <label for="card_holder_name">Nombre del titular:</label>
+                              </div>
+                              <div class="row">
+                                  <div class="col-md-6 col-12">
+                                      <div class="form-floating mb-3">
+                                          <select class="form-select" data-decidir="card_holder_doc_type">
+                                              <option value="dni">DNI</option>
+                                          </select>
+                                          <label for="card_holder_doc_type">Tipo de documento:</label>
+                                      </div>
+                                  </div>
+                                  <div class="col-md-6 col-12">
+                                      <div class="form-floating mb-3">
+                                          <input class="form-control" data-decidir="card_holder_doc_number"
+                                              placeholder="XXXXXXXXXX" maxlength="9" value="">
+                                          <label for="card_holder_doc_type">Numero de documento:</label>
+                                      </div>
+                                  </div>
+                              </div>
+                              <div class="w-100 text-center">
+                                  <div id="loadTokenBtn">
+                                    <input type="submit" value="Generar Token" class="btn btn-outline-success mt-3" />
+                                  </div>
+                                  <div id="loadToken" class="text-center mt-4">
+                                    <div class="spinner-border" role="status">
+                                      <span class="visually-hidden">Cargando...</span>
+                                    </div>
+                                  </div>
+                              </div>
+                          </fieldset>
+                      </form>
+                    </div>
+                  </div>
+            </div>
+        </div>
+    </div>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <script>
+        let loadToken = document.querySelector('#loadToken');
+        let loadTokenBtn = document.querySelector('#loadTokenBtn');
+        const isLoad = (state) => {
+            loadToken.style.display = !state && 'none' || 'block';
+            loadTokenBtn.style.display = state && 'none' || 'block';
+        }
+        isLoad(false)
+        const urlSandbox = "https://developers.decidir.com/api/v2";
+        const urlProduccion = "https://live.decidir.com/api/v2";
+        const dataRedirect = localStorage.getItem('dataRedirect')
+        const dataDecidir = localStorage.getItem('dataDecidir')
+            && JSON.parse(localStorage.getItem('dataDecidir'))
+        const publicApiKey = dataDecidir?.config?.public_key
+        const cybersource = dataDecidir?.config?.public_cybersource || true
+        let modo = dataDecidir?.config?.public_enviroment || null
+        modo && (modo == 'prod' && (modo = false) || modo == 'test' && (modo = true))
+        !modo && (modo = window.location.host.includes('easycommercetech'))
+        console.log(modo);
+        const decidir = new Decidir( modo && urlSandbox || urlProduccion, cybersource);
+        decidir.setPublishableKey(publicApiKey);
+        decidir.setTimeout(5000);
+        let form = document.querySelector('#formulario');
+        const sendToken = (data) => {
+            fetch(dataRedirect, {
+                method: 'POST',
+                body: JSON.stringify(data),
+                headers: {
+                    'Content-Type': 'application/json'
+                }
+            }).then(res => res.json())
+                .catch(error => {
+                    console.error('Error:', error)
+                    processError(response)
+                })
+                .then(response => {
+                    console.log('Success:', response)
+                    if (response.hasOwnProperty('status')) {
+                        if (response.status == 'success') {
+                            processResponse(response)
+                        } else {
+                            processError(response)
+                        }
+                    } else {
+                        processResponse(response)
+                    }
+                });
+            localStorage.removeItem('dataRedirect')
+            localStorage.removeItem('dataDecidir')
+        }
+        const sdkResponseHandler = (status, response) => {
+            if (status != 200 && status != 201) {
+                //Manejo de error: Ver Respuesta de Error
+                processError(response)
+            } else {
+                //Manejo de respuesta donde response = {token: "99ab0740-4ef9-4b38-bdf9-c4c963459b22"}
+                sendToken(response)
+            }
+        }
+        const sendForm = (event) => {
+            isLoad(true)
+            event.preventDefault();
+            decidir.createToken(form, sdkResponseHandler);
+            return false;
+        }
+        const processError = (error) => {
+            console.log("ERROR ENVIO BACK  ", error);
+            isLoad(false)
+            localStorage.setItem('state', 'failure')
+        }
+        const processResponse = (response) => {
+            console.log("ENVIO BACK  ", response);
+            isLoad(false)
+            localStorage.setItem('state', 'success')
+        }
+        form.addEventListener('submit', sendForm);
+    </script>
+</body>
+</html>

package/assets/images/decidir-logo.png ADDED Viewed

Binary file