contentoh-components-library 21.0.40 → 21.0.41

package/dist/components/atoms/GeneralInput/index.js

@@ -28,9 +28,7 @@ var GeneralInput = function GeneralInput(_ref) {
       inputsArray = _ref.inputsArray,
       maxLength = _ref.maxLength,
       inputSize = _ref.inputSize,
-      onChange = _ref.onChange,
-      required = _ref.required,
-      defaultValue = _ref.defaultValue;
+      required = _ref.required;
 
   var _useState = (0, _react.useState)({
     value: inputValue !== null && inputValue !== void 0 ? inputValue : ""
@@ -67,9 +65,7 @@ var GeneralInput = function GeneralInput(_ref) {
         return onHandleChange(e);
       },
       maxLength: maxLength && maxLength,
-      onChange: onChange,
-      required: required,
-      defaultValue: defaultValue
+      required: required
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
       name: inputName,
       id: inputId,

package/dist/components/atoms/Loading/styles.js

@@ -13,6 +13,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  justify-content: center;\n  align-items: center;\n  height: 100vh;\n  width: 50%;\n  position: relative;\n  img {\n    width: 80%;\n    position: absolute;\n    bottom: 55%;\n    left: 10%;\n  }\n  .loader {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 10%;\n    width: 50%;\n    position: absolute;\n    bottom: 45%;\n    left:25%;\n    span {\n      display: inline-block;\n      border-radius: 100%;\n      margin-left: 5px;\n      opacity: 1;\n    }\n    .first {\n      background-color: #ff75cf;\n    }\n    .second {\n      background-color: #e33aa9;\n    }\n    .third {\n      background-color: #b12d84;\n    }\n    span:nth-child(1) {\n      width: 16px;\n      height: 16px;\n      animation: opacitychange 1s ease-in-out infinite;\n    }\n    span:nth-child(2) {\n      width: 18px;\n      height: 18px;\n\n      animation: opacitychange 1s ease-in-out 0.33s infinite;\n    }\n    span:nth-child(3) {\n      width: 20px;\n      height: 20px;\n\n      animation: opacitychange 1s ease-in-out 0.66s infinite;\n    }\n    @keyframes opacitychange {\n      0%,\n      100% {\n        opacity: 0;\n      }\n      60% {\n        opacity: 1;\n      }\n    }\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  justify-content: center;\n  align-items: center;\n  height: 100vh;\n  width: 50%;\n  position: relative;\n  img {\n    width: 70%;\n    position: absolute;\n    bottom: 55%;\n    left: 10%;\n  }\n  .loader {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 10%;\n    width: 50%;\n    position: absolute;\n    bottom: 45%;\n    left:15%;\n    span {\n      display: inline-block;\n      border-radius: 100%;\n      margin-left: 5px;\n      opacity: 1;\n    }\n    .first {\n      background-color: #ff75cf;\n    }\n    .second {\n      background-color: #e33aa9;\n    }\n    .third {\n      background-color: #b12d84;\n    }\n    span:nth-child(1) {\n      width: 16px;\n      height: 16px;\n      animation: opacitychange 1s ease-in-out infinite;\n    }\n    span:nth-child(2) {\n      width: 18px;\n      height: 18px;\n\n      animation: opacitychange 1s ease-in-out 0.33s infinite;\n    }\n    span:nth-child(3) {\n      width: 20px;\n      height: 20px;\n\n      animation: opacitychange 1s ease-in-out 0.66s infinite;\n    }\n    @keyframes opacitychange {\n      0%,\n      100% {\n        opacity: 0;\n      }\n      60% {\n        opacity: 1;\n      }\n    }\n  }\n"])));
 
 exports.Container = Container;

package/dist/components/molecules/LoginPasswordStrength/index.js

@@ -21,7 +21,6 @@ var LoginPasswordStrength = function LoginPasswordStrength(_ref) {
   var emptyPassword = _ref.emptyPassword,
       emptyConfirmPassword = _ref.emptyConfirmPassword,
       matchPasswords = _ref.matchPasswords,
-      onChange = _ref.onChange,
       required = _ref.required;
 
   var _useState = (0, _react.useState)(0),
@@ -62,9 +61,6 @@ var LoginPasswordStrength = function LoginPasswordStrength(_ref) {
         });
         break;
 
-      case "confirmPasswordInput":
-        break;
-
       default:
         return;
     }
@@ -77,8 +73,7 @@ var LoginPasswordStrength = function LoginPasswordStrength(_ref) {
         inputType: "password",
         inputId: "newPasswordInput",
         label: "Ingrese su nueva contraseña",
-        required: required,
-        onChange: onChange
+        required: required
       }), emptyPassword && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
         children: "La contrase\xF1a debe ser minimo de 8 caracteres"
       })]
@@ -123,8 +118,7 @@ var LoginPasswordStrength = function LoginPasswordStrength(_ref) {
         inputType: "password",
         inputId: "confirmPasswordInput",
         label: "Confirme la nueva contraseña",
-        required: required,
-        onChange: onChange
+        required: required
       }), emptyConfirmPassword && !emptyPassword && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
         children: "Confirme la contrase\xF1a"
       }), !emptyConfirmPassword && !emptyPassword && !matchPasswords && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {

package/dist/components/molecules/RegistrationFirstStep/index.js

@@ -91,7 +91,7 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
     sessionStorage.getItem("resetPasswordProcess") && sessionStorage.getItem("resetPasswordProcess");
   }, []);
 
-  var validateForm = function validateForm(evt) {
+  var validate = function validate(evt) {
     var valid = true;
     evt.preventDefault();
     var name = document.querySelector("#nameInput").value;
@@ -100,21 +100,31 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
     var job = document.querySelector("#jobInput").value;
     var phone = document.querySelector("#phoneInput").value;
     var country = document.querySelector("#countrySelect").value;
-    var countryCode = document.querySelector("#countryCodeSelect").value;
     name === "" ? setEmptyName(true) : setEmptyName(false);
     lastName === "" ? setEmptyLastName(true) : setEmptyLastName(false);
     email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
     job === "" ? setEmptyJob(true) : setEmptyJob(false);
     phone === "" ? setEmptyPhone(true) : setEmptyPhone(false);
     !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) ? setInvalidEmail(true) : setInvalidEmail(false);
-    country === "" || country === "+ tu país" ? setEmptyCountry(true) : setEmptyCountry(false);
+    var invalidPhone = true;
+    country === "value" ? setEmptyCountry(true) : setEmptyCountry(false);
     Array.from(phone).forEach(function (digit, i) {
-      phone.charCodeAt(i) < 48 ? setPhoneFormatError(true) : setPhoneFormatError(false);
-      phone.charCodeAt(i) > 57 ? setPhoneFormatError(true) : setPhoneFormatError(false);
+      phone.charCodeAt(i) < 48 ? setPhoneFormatError(true) : invalidPhone = false;
+      phone.charCodeAt(i) > 57 ? setPhoneFormatError(true) : invalidPhone = false;
     });
+
+    if (name === "" || lastName === "" || email === "" || job === "" || phone === "" || country === "value" || !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) || invalidPhone) {
+      valid = false;
+    } else valid = true;
+
+    return valid;
+  };
+
+  var validateForm = function validateForm(evt, valid) {
+    evt.preventDefault();
     var nuevoUsuario = JSON.parse(sessionStorage.getItem("nuevoRegistro"));
 
-    if (!emptyName || !emptyLastName || !emptyEmail || !emptyJob || !emptyPhone || !emptyCountry || !invalidEmail || !phoneFormatError) {
+    if (valid) {
       sessionStorage.setItem("countryCode", JSON.stringify(countryCode));
       nuevoUsuario.name = name;
       nuevoUsuario.lastName = lastName;
@@ -127,10 +137,6 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
         return props.paso + 1;
       });
       regError && valid && props.setPaso(4);
-      console.log("rediring");
-    } else {
-      valid = false;
-      console.log("code");
     }
   };
 
@@ -230,35 +236,35 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
       className: "country-options",
       id: "countrySelect",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value1",
+        value: "value",
         selected: true,
         children: "Selecciona tu pa\xEDs"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value2",
+        value: "Argentina",
         children: "Argentina"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value3",
+        value: "Colombia",
         children: "Colombia"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value2",
+        value: "Ecuador",
         children: "Ecuador"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value3",
+        value: "El Salvador",
         children: "El Salvador"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value2",
+        value: "Honduras",
         children: "Honduras"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value3",
+        value: "M\xE9xico",
         children: "M\xE9xico"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value2",
+        value: "Panam\xE1",
         children: "Panam\xE1"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value3",
+        value: "Per\xFA",
         children: "Per\xFA"
       })]
-    }), emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+    }), emptyCountry && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
       children: "Seleccione su pa\xEDs"
     })]
   }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -267,7 +273,8 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
       buttonType: "general-default-button",
       label: "Enviar",
       onClick: function onClick(e) {
-        return validateForm(e);
+        var flag = validate(e);
+        validateForm(e, flag);
       }
     })
   }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/dist/components/molecules/RegistrationFirstStep/styles.js

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 50%;\n  height: 100vh;\n  .user {\n    .name-registration-user {\n      display: flex;\n      justify-content: space-between;\n      input {\n        width: 160px;\n      }\n    }\n    .input-name-header {\n      margin-bottom: 4px;\n      margin-top: 12px;\n    }\n    .phone-registration-user {\n      display: flex;\n      justify-content: space-between;\n      .phone-options {\n        width: 80px;\n      }\n      input {\n        width: 100%;\n      }\n      & + * {\n        margin-top: 10px;\n      }\n    }\n    .country-options,\n    .phone-options {\n      width: 100%;\n      border: 1px solid ", ";\n      font-family: ", ";\n      color: ", ";\n      font-weight: normal;\n      font-size: 12px;\n      line-height: 15px;\n      padding: 10px;\n      outline: none;\n      border-radius: 2px;\n      resize: none;\n      &:focus {\n        border: 1px solid ", ";\n      }\n    }\n  }\n  .button-end {\n    text-align: end;\n    .general-default-button {\n      width: 160px;\n    }\n    & + * {\n      margin-top: 10px;\n    }\n  }\n  .progress-bar {\n    width: 100%;\n    height: 8px;\n    display: flex;\n    justify-content: space-between;\n    .progress-bar-first-step {\n      width: 33.33%;\n      background-color: rgb(196, 196, 196);\n    }\n    .progress-bar-registration {\n      background-color: rgb(226, 226, 226);\n      width: 66.66%;\n    }\n  }\n  .date-header {\n    .new-login {\n      & + * {\n        margin-top: 20px;\n        p {\n          cursor: pointer;\n        }\n      }\n    }\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.magenta_s2);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 50%;\n  height: 100vh;\n  .user {\n    .name-registration-user {\n      display: flex;\n      justify-content: space-between;\n      input {\n        width: 160px;\n      }\n    }\n    .input-name-header {\n      margin-bottom: 4px;\n      margin-top: 12px;\n    }\n    .phone-registration-user {\n      display: flex;\n      justify-content: space-between;\n      .phone-options {\n        width: 80px;\n      }\n      input {\n        width: 100%;\n      }\n      & + * {\n        margin-top: 10px;\n      }\n    }\n    .country-options,\n    .phone-options {\n      width: 100%;\n      border: 1px solid ", ";\n      font-family: ", ";\n      color: ", ";\n      font-weight: normal;\n      font-size: 12px;\n      line-height: 15px;\n      padding: 10px;\n      outline: none;\n      border-radius: 2px;\n      resize: none;\n      &:focus {\n        border: 1px solid ", ";\n      }\n    }\n  }\n  .button-end {\n    text-align: end;\n    .general-default-button {\n      width: 160px;\n    }\n    & + * {\n      margin-top: 10px;\n    }\n  }\n  .progress-bar {\n    width: 100%;\n    height: 8px;\n    display: flex;\n    justify-content: space-between;\n    .progress-bar-first-step {\n      width: 33.33%;\n      background-color: rgb(196, 196, 196);\n    }\n    .progress-bar-registration {\n      background-color: rgb(226, 226, 226);\n      width: 66.66%;\n    }\n  }\n  .date-header {\n    .new-login {\n      & + * {\n        margin-top: 20px;\n      }\n    }\n  }\n  .pre-registro {\n    cursor: pointer;\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.magenta_s2);
 
 exports.Container = Container;

package/dist/components/molecules/RegistrationSecondStep/index.js

@@ -28,134 +28,60 @@ var _LogoImage = require("../../atoms/LogoImage");
 var _jsxRuntime = require("react/jsx-runtime");
 
 var RegistrationSecondStep = function RegistrationSecondStep(props) {
-  var _useState = (0, _react.useState)(0),
+  var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      passwordStrength = _useState2[0],
-      setPasswordStrenght = _useState2[1];
+      privacyCheck = _useState2[0],
+      setPrivacyCheck = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(""),
+  var _useState3 = (0, _react.useState)(false),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      passwordFinal = _useState4[0],
-      setPasswordFinal = _useState4[1];
+      termsCheck = _useState4[0],
+      setTermsCheck = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(""),
+  var _useState5 = (0, _react.useState)(false),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      repeatedPassword = _useState6[0],
-      setRepeatedPassword = _useState6[1];
+      emptyPassword = _useState6[0],
+      setEmptyPassword = _useState6[1];
 
   var _useState7 = (0, _react.useState)(false),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      passwordMatches = _useState8[0],
-      setPasswordMatches = _useState8[1];
+      emptyConfirmPassword = _useState8[0],
+      setEmptyConfirmPassword = _useState8[1];
 
   var _useState9 = (0, _react.useState)(true),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      passwordToShort = _useState10[0],
-      setPasswordToShort = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(false),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      showErrors = _useState12[0],
-      setShowErrors = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(false),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      privacyCheck = _useState14[0],
-      setPrivacyCheck = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(false),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      termsCheck = _useState16[0],
-      setTermsCheck = _useState16[1];
-
-  var _useState17 = (0, _react.useState)(false),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      emptyPassword = _useState18[0],
-      setEmptyPassword = _useState18[1];
-
-  var _useState19 = (0, _react.useState)(false),
-      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      emptyConfirmPassword = _useState20[0],
-      setEmptyConfirmPassword = _useState20[1];
-
-  var _useState21 = (0, _react.useState)(true),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      matchPasswords = _useState22[0],
-      setMatchPasswords = _useState22[1];
+      matchPasswords = _useState10[0],
+      setMatchPasswords = _useState10[1];
 
   var nuevoUsuario = JSON.parse(sessionStorage.getItem("nuevoRegistro"));
-  var upperCaseLetters = /[A-Z]/g;
-  var numbers = /[0-9]/g;
-  var specialChar = /['!','@','#','$','%','^','&','*']/g; // on passwordFinal update
 
-  (0, _react.useEffect)(function () {
-    passwordFinal === repeatedPassword ? setPasswordMatches(true) : setPasswordMatches(false);
-    passwordFinal.length < 8 ? setPasswordToShort(true) : setPasswordToShort(false);
-  }, [passwordFinal, repeatedPassword]); // on repeatedPassword update
+  var validateForm = function validateForm(evt, valid) {
+    evt.preventDefault();
+    var password = document.querySelector("#newPasswordInput").value;
 
-  (0, _react.useEffect)(function () {
-    passwordFinal === repeatedPassword ? setPasswordMatches(true) : setPasswordMatches(false);
-    repeatedPassword === "" ? setEmptyConfirmPassword(true) : setEmptyConfirmPassword(false);
-  }, [passwordFinal, repeatedPassword]);
+    if (valid) {
+      !termsCheck && (valid = false);
+      !privacyCheck && (valid = false);
+      nuevoUsuario.password = password;
+      sessionStorage.setItem("nuevoRegistro", JSON.stringify(nuevoUsuario));
+      valid && props.setPaso(3);
+    }
+  };
 
-  var updateInfo = function updateInfo(e, newValue) {
+  var validate = function validate(e) {
     e.preventDefault();
+    var valid = true;
     var password = document.querySelector("#newPasswordInput").value;
     password.length < 8 ? setEmptyPassword(true) : setEmptyPassword(false);
     var confirmPassword = document.querySelector("#confirmPasswordInput").value;
     confirmPassword === "" ? setEmptyConfirmPassword(true) : setEmptyConfirmPassword(false);
+    password === confirmPassword ? setMatchPasswords(true) : setMatchPasswords(false);
 
-    if (password === confirmPassword) {
-      setMatchPasswords(true);
-    } else {
-      setMatchPasswords(false);
-    }
-
-    switch (e.target.id) {
-      case "passwordInput":
-        setPasswordStrenght(0);
-
-        if (newValue.length > 8) {
-          setPasswordStrenght(function (passwordStrenght) {
-            return passwordStrenght + 1;
-          });
-        } //Verificar si la contraseña contiene mayuscula, numeros y un caracter especial
-
-
-        newValue.match(upperCaseLetters) && setPasswordStrenght(function (passwordStrenght) {
-          return passwordStrenght + 1;
-        });
-        newValue.match(numbers) && setPasswordStrenght(function (passwordStrenght) {
-          return passwordStrenght + 1;
-        });
-        newValue.match(specialChar) && setPasswordStrenght(function (passwordStrenght) {
-          return passwordStrenght + 1;
-        }); //Actualizar value de la contraseña y guardar en sessionStorage
-
-        setPasswordFinal(newValue);
-        nuevoUsuario.password = newValue;
-        sessionStorage.setItem("nuevoRegistro", JSON.stringify(nuevoUsuario));
-        break;
-
-      case "confirmPasswordInput":
-        setRepeatedPassword(newValue);
-        break;
-
-      default:
-        return;
+    if (password.length < 8 || confirmPassword === "" || password !== confirmPassword) {
+      valid = false;
     }
-  };
 
-  var validateForm = function validateForm(evt) {
-    evt.preventDefault();
-    setShowErrors(true);
-    var valid = true;
-    passwordToShort && (valid = false);
-    emptyConfirmPassword && (valid = false);
-    !passwordMatches && (valid = false);
-    !termsCheck && (valid = false);
-    !privacyCheck && (valid = false);
-    valid && props.setPaso(3);
+    return valid;
   };
 
   var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -170,9 +96,6 @@ var RegistrationSecondStep = function RegistrationSecondStep(props) {
     emptyConfirmPassword: emptyConfirmPassword,
     matchPasswords: matchPasswords,
     textTittle: "Ingresa tus credenciales",
-    onChange: function onChange(e) {
-      return updateInfo(e, e.target.value);
-    },
     required: "required"
   }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
     className: "label-terms",
@@ -180,7 +103,10 @@ var RegistrationSecondStep = function RegistrationSecondStep(props) {
   }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "checkbox-terms",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-      type: "checkbox"
+      type: "checkbox",
+      onClick: function onClick(e) {
+        return setTermsCheck(e.target.checked);
+      }
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       text: "Conoce nuestros termnios y condiciones de cada uno de nuestros servicios. Si tienes algunda duda o comentario escríbenos.",
       headerType: "date-header"
@@ -191,10 +117,15 @@ var RegistrationSecondStep = function RegistrationSecondStep(props) {
   }, "6"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "checkbox-terms",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-      type: "checkbox"
+      type: "checkbox",
+      onClick: function onClick(e) {
+        return setPrivacyCheck(e.target.checked);
+      }
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       text: "Todos los datos estan protegidos.",
       headerType: "date-header"
+    }), !termsCheck && !!privacyCheck && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Seleccione los terminos y condiciones y el Aviso de privacidad"
     })]
   }, "7"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "button-end",
@@ -202,7 +133,8 @@ var RegistrationSecondStep = function RegistrationSecondStep(props) {
       buttonType: "general-default-button",
       label: "Enviar",
       onClick: function onClick(e) {
-        return validate(e);
+        var flag = validate(e);
+        validateForm(e, flag);
       }
     })
   }, "8"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/dist/components/molecules/RegistrationThirdStep/index.js

@@ -7,10 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RegistrationThirdStep = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
 var _styles = require("./styles");
@@ -52,35 +48,25 @@ var RegistrationThirdStep = function RegistrationThirdStep() {
       emptyFiscalAddress = _useState8[0],
       setEmptyFiscalAddress = _useState8[1];
 
-  var validate = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
-      var commercialName, bussinesName, RFC, FiscalAddress;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              e.preventDefault();
-              commercialName = document.querySelector("#commercialNameInput").value;
-              bussinesName = document.querySelector("#bussinesNameInput").value;
-              RFC = document.querySelector("#rfcInput").value;
-              FiscalAddress = document.querySelector("#fiscalAddressInput").value;
-              commercialName === "" ? setEmptyCommercialName(true) : setEmptyCommercialName(false);
-              bussinesName === "" ? setEmptyBussinesName(true) : setEmptyBussinesName(false);
-              RFC === "" ? setEmptyRFC(true) : setEmptyRFC(false);
-              FiscalAddress === "" ? setEmptyFiscalAddress(true) : setEmptyFiscalAddress(false);
-
-            case 9:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function validate(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  var validate = function validate(e) {
+    e.preventDefault();
+    var valid = true;
+    var commercialName = document.querySelector("#commercialNameInput").value;
+    var bussinesName = document.querySelector("#bussinesNameInput").value;
+    var RFC = document.querySelector("#rfcInput").value;
+    var FiscalAddress = document.querySelector("#fiscalAddressInput").value;
+    commercialName === "" ? setEmptyCommercialName(true) : setEmptyCommercialName(false);
+    bussinesName === "" ? setEmptyBussinesName(true) : setEmptyBussinesName(false);
+    RFC === "" ? setEmptyRFC(true) : setEmptyRFC(false);
+    FiscalAddress === "" ? setEmptyFiscalAddress(true) : setEmptyFiscalAddress(false);
+
+    if (commercialName === "" || bussinesName === "" || RFC === "" || FiscalAddress === "") {
+      valid = false;
+    }
+
+    valid && sessionStorage.setItem("nuevoRegistro", JSON.stringify(nuevoRegistro));
+    valid && props.setPaso(props.paso + 1);
+  };
 
   var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "credenciales",

package/dist/components/molecules/TagAndInput/index.js

@@ -19,9 +19,7 @@ var TagAndInput = function TagAndInput(_ref) {
       value = _ref.value,
       inputPlaceHolder = _ref.inputPlaceHolder,
       inputId = _ref.inputId,
-      required = _ref.required,
-      onChange = _ref.onChange,
-      defaultValue = _ref.defaultValue;
+      required = _ref.required;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     inputType: inputType,
     className: "input-container",
@@ -33,9 +31,7 @@ var TagAndInput = function TagAndInput(_ref) {
       inputType: inputType,
       inputValue: value,
       inputPlaceholder: inputPlaceHolder,
-      required: required,
-      onChange: onChange,
-      defaultValue: defaultValue
+      required: required
     })]
   }, "generalTagInput-".concat(inputType));
 };

package/dist/components/molecules/VerificationCodeResetPasswordLogin/index.js

@@ -49,7 +49,7 @@ var VerificationCodeResetPasswordLogin = function VerificationCodeResetPasswordL
       emptyVerificationCode = _useState6[0],
       setEmptyVerificationCode = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(),
+  var _useState7 = (0, _react.useState)(document.querySelectorAll("[id^='verificationCodeInput']")),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
       inputCodeVerificationAll = _useState8[0],
       setInputCodeVerificationAll = _useState8[1];
@@ -59,12 +59,12 @@ var VerificationCodeResetPasswordLogin = function VerificationCodeResetPasswordL
     props.confirmationError !== "" && setEmptyVerificationCode(false);
   }, [props.confirmationError]);
 
-  var checkCode = function checkCode(e) {
+  var checkCode = function checkCode(e, flag) {
     var valid = true;
     e.preventDefault();
     var code = "";
 
-    if (awsError === "" && !emptyVerificationCode) {
+    if (awsError === "" && !flag) {
       inputPositions.map(function (position) {
         return code = code + document.querySelector("#verificationCodeInput".concat(position)).value;
       });
@@ -74,7 +74,6 @@ var VerificationCodeResetPasswordLogin = function VerificationCodeResetPasswordL
       }
 
       sessionStorage.setItem("confirmationCode", JSON.stringify(code));
-      setEmptyVerificationCode(false);
       valid && !sessionStorage.getItem("resetPasswordProcess") && props.setPaso(6);
       valid && sessionStorage.getItem("resetPasswordProcess") && props.setPaso(8);
     }
@@ -82,36 +81,37 @@ var VerificationCodeResetPasswordLogin = function VerificationCodeResetPasswordL
 
   var validateResend = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+      var email;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              e.preventDefault(); //const email = JSON.parse(sessionStorage.getItem("email"));
-
-              _context.prev = 1;
-              _context.next = 4;
+              e.preventDefault();
+              email = JSON.parse(sessionStorage.getItem("email"));
+              _context.prev = 2;
+              _context.next = 5;
               return props.Auth.forgotPassword(email);
 
-            case 4:
+            case 5:
               sessionStorage.setItem("email", JSON.stringify(email));
               sessionStorage.setItem("resetPasswordProcess", JSON.stringify("true"));
               props.setPaso(5);
               setResend(true);
-              _context.next = 14;
+              _context.next = 15;
               break;
 
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](1);
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](2);
               setAwsError(_context.t0.code);
               console.log(_context.t0.message);
 
-            case 14:
+            case 15:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[1, 10]]);
+      }, _callee, null, [[2, 11]]);
     }));
 
     return function validateResend(_x) {
@@ -184,8 +184,9 @@ var VerificationCodeResetPasswordLogin = function VerificationCodeResetPasswordL
       buttonType: "general-default-button",
       label: "Enviar",
       onClick: function onClick(e) {
-        (0, _utils.validate)(inputCodeVerificationAll, setEmptyVerificationCode);
-        checkCode(e);
+        var flag = (0, _utils.validate)(inputCodeVerificationAll);
+        checkCode(e, flag);
+        setEmptyVerificationCode(flag);
       }
     })
   }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/dist/components/molecules/VerificationCodeResetPasswordLogin/utils.js

@@ -58,12 +58,12 @@ var nextInputFocus = function nextInputFocus(inputsArray, index) {
  */
 
 
-var validate = function validate(inputsArray, setEmptyVerificationCode) {
+var validate = function validate(inputsArray) {
   var contInputEmpty = 0;
   inputsArray.forEach(function (element) {
     element.value === "" ? 0 : contInputEmpty++;
   });
-  contInputEmpty === inputsArray.length ? setEmptyVerificationCode(false) : setEmptyVerificationCode(true);
+  return contInputEmpty !== inputsArray.length;
 };
 
 exports.validate = validate;

package/dist/components/organisms/ChangePassword/index.js

@@ -31,7 +31,7 @@ var _GradientPanel = require("../../atoms/GradientPanel");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var ChangePassword = function ChangePassword() {
+var ChangePassword = function ChangePassword(props) {
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       emptyPassword = _useState2[0],
@@ -49,7 +49,7 @@ var ChangePassword = function ChangePassword() {
 
   var validate = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
-      var password, confirmPassword;
+      var password, confirmPassword, valid;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -66,7 +66,17 @@ var ChangePassword = function ChangePassword() {
                 setMatchPasswords(false);
               }
 
-            case 6:
+              valid = true;
+              emptyPassword && (valid = false);
+              emptyConfirmPassword && (valid = false);
+              !matchPasswords && (valid = false);
+
+              if (valid) {
+                sessionStorage.setItem("newPassword", JSON.stringify(password));
+                !sessionStorage.getItem("resetPasswordProcess") ? props.setPaso(9) : props.setPaso(11);
+              }
+
+            case 11:
             case "end":
               return _context.stop();
           }