@tonder.io/ionic-full-sdk 0.0.14-beta → 0.0.15-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonder.io/ionic-full-sdk",
-  "version": "0.0.14-beta",
+  "version": "0.0.15-beta",
   "description": "Tonder ionic full SDK",
   "main": "dist/index.js",
   "types": "dist/index.d.js",

package/src/helpers/skyflow.ts

@@ -63,9 +63,20 @@ export async function initSkyflow(
     type: Skyflow.ValidationRuleType.LENGTH_MATCH_RULE,
     params: {
       max: 70,
+      error: "El campo nombre del titular debe tener menos de 70 caracteres"
     },
   };
 
+  const regexEmpty = RegExp("^(?!\s*$).+");
+
+  const regexMatchRule = {
+    type: Skyflow.ValidationRuleType.REGEX_MATCH_RULE,
+    params: {
+      regex: regexEmpty,
+      error: "El campo es requerido" // Optional, default error is 'VALIDATION FAILED'.
+    }
+  }
+
   const cardHolderNameElement: CollectElement | RevealElement | ComposableElement = await collectContainer.create({
     table: "cards",
     column: "cardholder_name",
@@ -73,13 +84,9 @@ export async function initSkyflow(
     label: "Titular de la tarjeta",
     placeholder: "Nombre como aparece en la tarjeta",
     type: Skyflow.ElementType.CARDHOLDER_NAME,
-    validations: [lengthMatchRule],
+    validations: [regexMatchRule, lengthMatchRule],
   });
 
-  if("setError" in cardHolderNameElement) {
-    cardHolderNameElement.setError('Inválido')
-  }
-
   // Create collect elements.
   const cardNumberElement: CollectElement | RevealElement | ComposableElement = await collectContainer.create({
     table: "cards",
@@ -92,12 +99,9 @@ export async function initSkyflow(
     label: "Número de tarjeta",
     placeholder: "1234 1234 1234 1234",
     type: Skyflow.ElementType.CARD_NUMBER,
+    validations: [regexMatchRule],
   });
 
-  if("setError" in cardNumberElement) {
-    cardNumberElement.setError('Inválido')
-  }
-
   const cvvElement: CollectElement | RevealElement | ComposableElement = await collectContainer.create({
     table: "cards",
     column: "cvv",
@@ -105,11 +109,8 @@ export async function initSkyflow(
     label: "CVC/CVV",
     placeholder: "3-4 dígitos",
     type: Skyflow.ElementType.CVV,
+    validations: [regexMatchRule],
   });
-  
-  if("setError" in cvvElement) {
-    cvvElement.setError('Inválido')
-  }
 
   const expiryMonthElement: CollectElement | RevealElement | ComposableElement = await collectContainer.create({
     table: "cards",
@@ -118,12 +119,9 @@ export async function initSkyflow(
     label: "Fecha de expiración",
     placeholder: "MM",
     type: Skyflow.ElementType.EXPIRATION_MONTH,
+    validations: [regexMatchRule],
   });
 
-  if("setError" in expiryMonthElement) {
-    expiryMonthElement.setError('Inválido')
-  }
-
   const expiryYearElement: CollectElement | RevealElement | ComposableElement = await collectContainer.create({
     table: "cards",
     column: "expiration_year",
@@ -131,12 +129,9 @@ export async function initSkyflow(
     label: "",
     placeholder: "AA",
     type: Skyflow.ElementType.EXPIRATION_YEAR,
+    validations: [regexMatchRule],
   });
 
-  if("setError" in expiryYearElement) {
-    expiryYearElement.setError('Inválido')
-  }
-
   await mountElements(
     { id: collectorIds.cardNumber, element: cardNumberElement },
     { id: collectorIds.cvv, element: cvvElement },