contentoh-components-library 21.0.69 → 21.0.72

package/src/components/molecules/RegistrationSecondStep/styles.js

@@ -6,10 +6,15 @@ export const Container = styled.div`
   width: 50%;
   height: 100vh;
   .button-end {
-    text-align: end;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
     .general-default-button {
       width: 160px;
     }
+    .terms{
+      margin-bottom: 5px;
+    }
     & + * {
       margin-top: 10px;
     }

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

@@ -19,7 +19,6 @@ export const SignInLogin = (props) => {
   const [signInError, setSignInError] = useState("");
   const [loading, setLoading] = useState(false);
   const [upgradePlanRedirect, setUpgradePlanRedirect] = useState(false);
-  const [showEye, setShowEye] = useState(false);
 
   const validate = async (e) => {
     setSignInError("");
@@ -163,7 +162,6 @@ export const SignInLogin = (props) => {
               className="icon"
               id="Eye"
               onClick={(e) => {
-                setShowEye(!showEye);
                 closeEye(e);
               }}
             ></img>

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

@@ -54,6 +54,7 @@ export const VerificationCodeResetPasswordLogin = (props) => {
       sessionStorage.setItem("email", JSON.stringify(email));
       sessionStorage.setItem("resetPasswordProcess", JSON.stringify("true"));
       props.setPaso(5);
+      setEmptyVerificationCode(false);
       setResend(true);
     } catch (err) {
       setAwsError(err.code);

package/src/components/molecules/VerificationCodeResetPasswordLogin/styles.js

@@ -48,4 +48,7 @@ export const Container = styled.div`
       text-align: center;
     }
   }
+  .resendTrue{
+    color: ${GlobalColors.exported};
+  }
 `;

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

@@ -8,7 +8,6 @@ import { GlobalColors, FontFamily } from "../../../global-files/variables";
 import { GradientPanel } from "../../atoms/GradientPanel";
 
 export const ChangePassword = (props) => {
-  
   const [emptyPassword, setEmptyPassword] = useState(false);
   const [emptyConfirmPassword, setEmptyConfirmPassword] = useState(false);
   const [matchPasswords, setMatchPasswords] = useState(true);
@@ -17,9 +16,7 @@ export const ChangePassword = (props) => {
     e.preventDefault();
     let password = document.querySelector("#newPasswordInput").value;
     password.length < 8 ? setEmptyPassword(true) : setEmptyPassword(false);
-    let confirmPassword = document.querySelector(
-      "#confirmPasswordInput"
-    ).value;
+    let confirmPassword = document.querySelector("#confirmPasswordInput").value;
     confirmPassword === ""
       ? setEmptyConfirmPassword(true)
       : setEmptyConfirmPassword(false);
@@ -29,14 +26,18 @@ export const ChangePassword = (props) => {
       setMatchPasswords(false);
     }
     let valid = true;
-    emptyPassword && (valid = false);
-    emptyConfirmPassword && (valid = false);
-    !matchPasswords && (valid = false);
+    if (
+      password.length < 8 ||
+      confirmPassword === "" ||
+      password !== confirmPassword
+    ) {
+      valid = false;
+    }
     if (valid) {
       sessionStorage.setItem("newPassword", JSON.stringify(password));
       !sessionStorage.getItem("resetPasswordProcess")
         ? props.setPaso(9)
-        : props.setPaso(11);
+         : props.setPaso(11); 
     }
   };
 
@@ -66,11 +67,11 @@ export const ChangePassword = (props) => {
   ];
   return (
     <Container>
-        <GradientPanel
-          panelColor={GlobalColors.white}
-          componentsArray={loginRight}
-          panelType={"home-login"}
-        ></GradientPanel>
+      <GradientPanel
+        panelColor={GlobalColors.white}
+        componentsArray={loginRight}
+        panelType={"home-login"}
+      ></GradientPanel>
     </Container>
   );
 };

package/src/index.js

@@ -22,6 +22,7 @@ export * from "./components/atoms/SliderToolTip/index";
 export * from "./components/atoms/StatusTag/index";
 export * from "./components/atoms/TabSection/index";
 export * from "./components/atoms/ValidationPanel/index";
+export * from "./components/atoms/VerticalSideMenuMainPage/index";
 
 //molecules
 export * from "./components/molecules/AvatarAndValidation/index";