contentoh-components-library 21.0.70 → 21.0.73

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

@@ -1,11 +0,0 @@
-import { ChangePassword } from "./index";
-
-export default {
-  title: "Components/organisms/ChangePassword",
-  component: ChangePassword,
-};
-const Template = (args) => <ChangePassword {...args} />;
-
-export const ChangePasswordDefault = Template.bind({});
-
-ChangePasswordDefault.args = {};

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

@@ -1,76 +0,0 @@
-import { Container } from "./styles";
-import { LoginPasswordStrength } from "../../molecules/LoginPasswordStrength";
-import { useState } from "react";
-import { Button } from "../../atoms/GeneralButton";
-import { LogoImage } from "../../atoms/LogoImage";
-import { ScreenHeader } from "../../atoms/ScreenHeader";
-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);
-
-  const validate = async (e) => {
-    e.preventDefault();
-    let password = document.querySelector("#newPasswordInput").value;
-    password.length < 8 ? setEmptyPassword(true) : setEmptyPassword(false);
-    let confirmPassword = document.querySelector(
-      "#confirmPasswordInput"
-    ).value;
-    confirmPassword === ""
-      ? setEmptyConfirmPassword(true)
-      : setEmptyConfirmPassword(false);
-    if (password === confirmPassword) {
-      setMatchPasswords(true);
-    } else {
-      setMatchPasswords(false);
-    }
-    let 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);
-    }
-  };
-
-  const loginRight = [
-    <LogoImage key="1" />,
-    <div className="credenciales" key={"2"}>
-      <ScreenHeader
-        fontFamily={FontFamily.AvenirNext}
-        color={GlobalColors.s5}
-        text={"Ingresa tus credenciales"}
-      />
-    </div>,
-    <LoginPasswordStrength
-      emptyPassword={emptyPassword}
-      emptyConfirmPassword={emptyConfirmPassword}
-      matchPasswords={matchPasswords}
-      textTittle={"Ingresa tus credenciales"}
-      key="3"
-    />,
-    <div className="button-center" key="4">
-      <Button
-        buttonType={"general-default-button"}
-        label={"Enviar"}
-        onClick={(e) => validate(e)}
-      />
-    </div>,
-  ];
-  return (
-    <Container>
-        <GradientPanel
-          panelColor={GlobalColors.white}
-          componentsArray={loginRight}
-          panelType={"home-login"}
-        ></GradientPanel>
-    </Container>
-  );
-};

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

@@ -1,13 +0,0 @@
-import styled from "styled-components";
-
-export const Container = styled.div`
-  width: 50%;
-  height: 100vh;
-  .button-center {
-    display: flex;
-    justify-content: center;
-    .general-default-button {
-      width: 160px;
-    }
-  }
-`;