tonder-web-sdk 1.9.2-beta.4 → 1.9.2-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tonder-web-sdk",
-  "version": "1.9.2-beta.4",
+  "version": "1.9.2-beta.5",
   "description": "tonder sdk for integrations",
   "main": "src/index.js",
   "scripts": {

package/src/helpers/skyflow.js

@@ -185,18 +185,12 @@ async function mountElements(
 function handleSkyflowElementEvents(element, fieldMessage= "", error_styles = {}, resetOnFocus = true, requiredMessage = "El campo es requerido", invalidMessage= "El campo es inválido") {
   if ("on" in element) {
     element.on(Skyflow.EventName.CHANGE, (state) => {
-      // console.log("state chan:", state)
       updateErrorLabel(element, error_styles, "transparent")
-      // if(state.isValid && !state.isEmpty){
-      //   element.resetError();
-      // }
     });
 
     element.on(Skyflow.EventName.BLUR, (state) => {
-      console.log("state blur:", state)
       if (!state.isValid) {
         const msj_error = state.isEmpty ? requiredMessage : fieldMessage != "" ?`El campo ${fieldMessage} es inválido`: invalidMessage;
-        // updateErrorLabel(element, error_styles)
         element.setError(msj_error);
       }
       updateErrorLabel(element, error_styles)
@@ -209,14 +203,14 @@ function handleSkyflowElementEvents(element, fieldMessage= "", error_styles = {}
   }
 }
 
-function updateErrorLabel(element, errorStyles, color = "red" ){
+function updateErrorLabel(element, errorStyles, color = "" ){
   if(Object.keys(errorStyles).length > 0){
     element.update({
       errorTextStyles: {
         ...errorStyles,
         base: {
           ...errorStyles.base,
-          color
+          ...(color != "" && {color})
         }
       }
     })