contentoh-components-library 21.0.41 → 21.0.44

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: 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"])));
+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: 60%;\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:10%;\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/RegistrationFirstStep/index.js

@@ -92,14 +92,14 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
   }, []);
 
   var validate = function validate(evt) {
-    var valid = true;
-    evt.preventDefault();
     var name = document.querySelector("#nameInput").value;
     var lastName = document.querySelector("#lastNameInput").value;
     var email = document.querySelector("#emailInput").value;
     var job = document.querySelector("#jobInput").value;
     var phone = document.querySelector("#phoneInput").value;
     var country = document.querySelector("#countrySelect").value;
+    var valid = true;
+    evt.preventDefault();
     name === "" ? setEmptyName(true) : setEmptyName(false);
     lastName === "" ? setEmptyLastName(true) : setEmptyLastName(false);
     email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
@@ -117,11 +117,6 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
       valid = false;
     } else valid = true;
 
-    return valid;
-  };
-
-  var validateForm = function validateForm(evt, valid) {
-    evt.preventDefault();
     var nuevoUsuario = JSON.parse(sessionStorage.getItem("nuevoRegistro"));
 
     if (valid) {
@@ -273,8 +268,7 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
       buttonType: "general-default-button",
       label: "Enviar",
       onClick: function onClick(e) {
-        var flag = validate(e);
-        validateForm(e, flag);
+        validate(e);
       }
     })
   }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/dist/components/organisms/ChangePassword/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  display: flex;\n  width: 50%;\n  height: 100vh;\n  .button-center {\n    //text-align: center;\n    position: absolute;\n    bottom: 5%;\n    left: 14%;\n    .general-default-button {\n      width: 160px;\n    }\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 50%;\n  height: 100vh;\n  .button-center {\n    position: absolute;\n    bottom: 10%;\n    left: 65%;\n    .general-default-button {\n      width: 160px;\n    }\n  }\n"])));
 
 exports.Container = Container;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.0.41",
+  "version": "21.0.44",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

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

@@ -7,7 +7,7 @@ export const Container = styled.div`
   width: 50%;
   position: relative;
   img {
-    width: 70%;
+    width: 60%;
     position: absolute;
     bottom: 55%;
     left: 10%;
@@ -20,7 +20,7 @@ export const Container = styled.div`
     width: 50%;
     position: absolute;
     bottom: 45%;
-    left:15%;
+    left:10%;
     span {
       display: inline-block;
       border-radius: 100%;

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

@@ -35,14 +35,14 @@ export const RegistrationFirstStep = (props) => {
       sessionStorage.getItem("resetPasswordProcess");
   }, []);
   const validate = (evt) => {
+    const name = document.querySelector("#nameInput").value;
+  const lastName = document.querySelector("#lastNameInput").value;
+  const email = document.querySelector("#emailInput").value;
+  const job = document.querySelector("#jobInput").value;
+  const phone = document.querySelector("#phoneInput").value;
+  const country = document.querySelector("#countrySelect").value;
     let valid = true;
     evt.preventDefault();
-    const name = document.querySelector("#nameInput").value;
-    const lastName = document.querySelector("#lastNameInput").value;
-    const email = document.querySelector("#emailInput").value;
-    const job = document.querySelector("#jobInput").value;
-    const phone = document.querySelector("#phoneInput").value;
-    const country = document.querySelector("#countrySelect").value;
     name === "" ? setEmptyName(true) : setEmptyName(false);
     lastName === "" ? setEmptyLastName(true) : setEmptyLastName(false);
     email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
@@ -77,11 +77,6 @@ export const RegistrationFirstStep = (props) => {
     ) {
       valid = false;
     } else valid = true;
-
-    return valid;
-  };
-  const validateForm = (evt, valid) => {
-    evt.preventDefault();
     let nuevoUsuario = JSON.parse(sessionStorage.getItem("nuevoRegistro"));
     if (valid) {
       sessionStorage.setItem("countryCode", JSON.stringify(countryCode));
@@ -197,8 +192,7 @@ export const RegistrationFirstStep = (props) => {
         buttonType={"general-default-button"}
         label={"Enviar"}
         onClick={(e) => {
-          let flag = validate(e);
-          validateForm(e, flag);
+          validate(e);
         }}
       />
     </div>,

package/src/components/organisms/ChangePassword/styles.js

@@ -5,10 +5,9 @@ export const Container = styled.div`
   width: 50%;
   height: 100vh;
   .button-center {
-    //text-align: center;
     position: absolute;
-    bottom: 5%;
-    left: 14%;
+    bottom: 10%;
+    left: 65%;
     .general-default-button {
       width: 160px;
     }