tonder-web-sdk 1.16.1 → 1.16.6-beta.DEV-1433.1

package/src/helpers/styles.js

@@ -1,61 +0,0 @@
-export const defaultStyles = {
-  inputStyles: {
-    base: {
-      border: "1px solid #e0e0e0",
-      padding: "10px 7px",
-      borderRadius: "5px",
-      color: "#1d1d1d",
-      marginTop: "2px",
-      backgroundColor: "white",
-      fontFamily: '"Inter", sans-serif',
-      fontSize: '16px',
-      '&::placeholder': {
-        color: "#ccc",
-      },
-    },
-    cardIcon: {
-      position: 'absolute',
-      left: '6px',
-      bottom: 'calc(50% - 12px)',
-    },
-    complete: {
-      color: "#4caf50",
-    },
-    empty: {},
-    focus: {},
-    invalid: {
-      border: "1px solid #f44336",
-    },
-    global: {
-      '@import': 'url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap")',
-    }
-  },
-  labelStyles: {
-    base: {
-      fontSize: '12px',
-      fontWeight: '500',
-      fontFamily: '"Inter", sans-serif'
-    },
-  },
-  errorTextStyles: {
-    base: {
-      fontSize: '12px',
-      fontWeight: '500',
-      color: "#f44336",
-      fontFamily: '"Inter", sans-serif'
-    },
-  },
-  labels: {
-    nameLabel: 'Titular de la tarjeta',
-    cardLabel: 'Número de tarjeta',
-    cvvLabel: 'CVC/CVV',
-    expiryDateLabel: 'Fecha de expiración',
-  },
-  placeholders: {
-    namePlaceholder: 'Nombre como aparece en la tarjeta',
-    cardPlaceholder: '1234 1234 1234 1234',
-    cvvPlaceholder: '3-4 dígitos',
-    expiryMonthPlaceholder: 'MM',
-    expiryYearPlaceholder: 'AA'
-  }
-}

package/src/helpers/template-skeleton.js

@@ -1,59 +0,0 @@
-export const cardTemplateSkeleton = `
-<div class="container-tonder-skeleton">
-  <div class="skeleton-loader"></div>
-  <div class="skeleton-loader"></div>
-  <div class="collect-row-skeleton">
-    <div class="skeleton-loader skeleton-loader-item"></div>
-    <div class="skeleton-loader skeleton-loader-item"></div>
-    <div class="skeleton-loader skeleton-loader-item"></div>
-  </div>
-</div>
-
-<style>
-.container-tonder-skeleton {
-  background-color: #F9F9F9;
-  margin: 0 auto !important;
-  padding: 30px 10px 30px 10px;
-  overflow: hidden;
-  transition: max-height 0.5s ease-out;
-  max-width: 600px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 45px;
-}
-
-.collect-row-skeleton {
-  display: flex !important;
-  justify-content: space-between !important;
-  margin-left: 10px !important;
-  margin-right: 10px !important;
-  gap: 10px;
-}
-.skeleton-loader {
-  height: 45px !important;
-  border-radius: 8px;
-  margin-top: 2px;
-  margin-bottom: 4px;
-  margin-left: 10px !important;
-  margin-right: 10px !important;
-  background-color: #e0e0e0;
-  animation: pulse 1.5s infinite ease-in-out;
-}
-.skeleton-loader-item{
-  width: 35%;
-  margin: 0 !important;
-}
-@keyframes pulse {
-  0% {
-    background-color: #e0e0e0;
-  }
-  50% {
-    background-color: #f0f0f0;
-  }
-  100% {
-    background-color: #e0e0e0;
-  }
-}
-</style>
-`