contentoh-components-library 21.0.60 → 21.0.63

package/src/assets/images/sliderToolTip/slide5.svg

@@ -1,40 +0,0 @@
-<svg width="237" height="116" viewBox="0 0 237 116" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M107.846 24.9885C107.491 24.9885 107.198 24.7633 107.187 24.4812C107.18 24.2902 107.026 19.7587 108.706 14.9164C110.968 8.39554 115.502 4.53373 121.817 3.74142C124.91 3.35381 127.67 3.93523 130.014 5.46855C137.655 10.4675 138.382 23.877 138.407 24.4441C138.422 24.7348 138.139 24.9771 137.773 24.9885C137.407 24.9942 137.103 24.7747 137.088 24.484C137.081 24.3501 136.357 10.9748 129.171 6.27796C127.132 4.94414 124.724 4.43968 122.018 4.77883C107.979 6.53731 108.495 24.2703 108.502 24.4498C108.513 24.7405 108.226 24.9799 107.864 24.9913C107.861 24.9885 107.853 24.9885 107.846 24.9885Z" fill="#D4D1D7"/>
-<path d="M80.8673 104.708L92.2879 26.163L133.823 25.4654L147.449 107.882H83.5526C81.9113 107.88 80.6233 106.396 80.8673 104.708Z" stroke="#D4D1D7" stroke-width="2.175"/>
-<path d="M143.173 25.0873L134.744 24.3584L148.731 108.966H157.099C158.794 108.966 160.062 107.384 159.719 105.7L143.173 25.0873Z" fill="#D4D1D7"/>
-<path d="M129.273 30.9438C128.915 30.9438 128.615 30.6595 128.601 30.2987C128.593 30.1274 127.855 13.0237 120.529 7.0175C118.45 5.31186 115.994 4.66678 113.236 5.10048C98.9339 7.3455 99.4491 30.0254 99.4564 30.255C99.4674 30.6267 99.1751 30.9329 98.806 30.9438C98.4297 30.9584 98.1264 30.6632 98.1118 30.2951C98.1045 30.0509 97.9473 24.2561 99.6611 18.064C101.967 9.72538 106.589 4.78705 113.027 3.77387C116.184 3.27822 118.994 4.0217 121.384 5.98246C129.174 12.375 129.916 29.5224 129.942 30.2477C129.956 30.6194 129.668 30.9292 129.295 30.9438C129.291 30.9438 129.28 30.9438 129.273 30.9438Z" fill="#D4D1D7"/>
-<path d="M179.857 30.2823C179.458 30.2823 179.128 29.9653 179.116 29.5679C179.108 29.2991 178.935 22.9181 180.822 16.0998C183.361 6.91762 188.451 1.47979 195.541 0.364125C199.013 -0.181666 202.111 0.637026 204.743 2.79611C213.321 9.83521 214.138 28.7172 214.166 29.5158C214.182 29.9251 213.864 30.2662 213.454 30.2823C213.043 30.2903 212.701 29.9813 212.685 29.572C212.677 29.3833 211.864 10.5495 203.797 3.93585C201.508 2.05769 198.804 1.34735 195.766 1.82492C180.006 4.30104 180.585 29.271 180.593 29.5238C180.605 29.9331 180.283 30.2702 179.877 30.2863C179.873 30.2823 179.865 30.2823 179.857 30.2823Z" fill="#B469FF"/>
-<path d="M148.67 111.136L161.393 23.6366L209.181 22.834L224.583 116H152.81C150.255 115.996 148.3 113.696 148.67 111.136Z" fill="url(#paint0_linear_10765_43279)"/>
-<path d="M218.463 23.6327L209.181 22.8301L224.583 115.996H233.797C235.664 115.996 237.06 114.254 236.682 112.4L218.463 23.6327Z" fill="url(#paint1_linear_10765_43279)"/>
-<path d="M203.158 30.0821C202.764 30.0821 202.434 29.7691 202.418 29.3718C202.41 29.1832 201.597 10.3494 193.53 3.73565C191.24 1.85749 188.536 1.14716 185.499 1.62472C169.75 4.09684 170.318 29.0708 170.326 29.3236C170.338 29.733 170.016 30.0701 169.609 30.0821C169.195 30.0982 168.861 29.7731 168.845 29.3678C168.837 29.0989 168.664 22.7179 170.551 15.8996C173.09 6.71743 178.18 1.27959 185.269 0.16393C188.746 -0.381861 191.84 0.436831 194.471 2.59592C203.049 9.63502 203.866 28.517 203.894 29.3156C203.91 29.7249 203.593 30.0661 203.182 30.0821C203.178 30.0821 203.166 30.0821 203.158 30.0821Z" fill="#B469FF"/>
-<path d="M31.2312 30.2823C30.8329 30.2823 30.5029 29.9653 30.4909 29.5679C30.4828 29.2991 30.3098 22.9181 32.1969 16.0998C34.7358 6.91762 39.8256 1.47979 46.9152 0.364125C50.3875 -0.181666 53.4857 0.637026 56.1171 2.79611C64.6954 9.83521 65.5122 28.7172 65.5403 29.5158C65.5564 29.9251 65.2386 30.2662 64.8282 30.2823C64.4178 30.2903 64.0757 29.9813 64.0597 29.572C64.0516 29.3833 63.2388 10.5495 55.1716 3.93585C52.8821 2.05769 50.1783 1.34735 47.1405 1.82492C31.3801 4.30104 31.9595 29.271 31.9675 29.5238C31.9796 29.9331 31.6577 30.2702 31.2513 30.2863C31.2473 30.2823 31.2393 30.2823 31.2312 30.2823Z" fill="#B469FF"/>
-<path d="M0.0451009 111.136L12.7677 23.6366L60.5558 22.834L75.9581 116H4.18537C1.63039 115.996 -0.325069 113.696 0.0451009 111.136Z" fill="url(#paint2_linear_10765_43279)"/>
-<path d="M69.8381 23.6327L60.5557 22.8301L75.958 115.996H85.172C87.0389 115.996 88.4351 114.254 88.0569 112.4L69.8381 23.6327Z" fill="url(#paint3_linear_10765_43279)"/>
-<path d="M54.533 30.0821C54.1387 30.0821 53.8088 29.7691 53.7927 29.3718C53.7846 29.1832 52.9719 10.3494 44.9046 3.73565C42.6152 1.85749 39.9113 1.14716 36.8735 1.62472C21.1252 4.09684 21.6925 29.0708 21.7006 29.3236C21.7126 29.733 21.3907 30.0701 20.9844 30.0821C20.5699 30.0982 20.236 29.7731 20.2199 29.3678C20.2118 29.0989 20.0388 22.7179 21.9259 15.8996C24.4648 6.71743 29.5546 1.27959 36.6442 0.16393C40.1205 -0.381861 43.2147 0.436831 45.8461 2.59592C54.4244 9.63502 55.2412 28.517 55.2693 29.3156C55.2854 29.7249 54.9676 30.0661 54.5572 30.0821C54.5531 30.0821 54.5411 30.0821 54.533 30.0821Z" fill="#B469FF"/>
-<g clip-path="url(#clip0_10765_43279)">
-<path d="M112.646 60.3838C112.646 64.1023 109.629 67.1161 105.906 67.1161C102.182 67.1161 99.1636 64.1023 99.1636 60.3838C99.1636 56.6654 102.182 53.6504 105.906 53.6504C109.629 53.6504 112.646 56.6654 112.646 60.3838Z" fill="#D4D1D7"/>
-<path d="M132.116 60.3838C132.116 64.1023 129.098 67.1173 125.376 67.1173C121.652 67.1173 118.634 64.1023 118.634 60.3838C118.634 56.6654 121.652 53.6504 125.376 53.6504C129.098 53.6504 132.116 56.6643 132.116 60.3838Z" fill="#D4D1D7"/>
-<path d="M97.603 75.9766C97.603 75.9766 98.2524 76.0872 99.388 76.2782C100.449 76.4703 101.965 76.744 103.782 77.0736C104.657 77.2424 105.6 77.3903 106.569 77.5615C107.544 77.7152 108.552 77.8853 109.582 78.0215C110.093 78.0891 110.612 78.1566 111.138 78.2265C111.658 78.2789 112.185 78.3325 112.714 78.3872C113.768 78.478 114.827 78.57 115.879 78.5933C116.931 78.6422 117.974 78.6248 119.006 78.6038C119.516 78.5595 120.034 78.5689 120.539 78.5281C121.041 78.4722 121.551 78.4594 122.044 78.3942C123.036 78.2882 124.007 78.1566 124.942 77.9971C125.882 77.8457 126.779 77.6547 127.632 77.4742C128.065 77.3973 128.459 77.2657 128.86 77.1819C129.26 77.0957 129.644 77.0095 129.998 76.9059C130.707 76.7032 131.378 76.5716 131.909 76.4109C132.985 76.1128 133.675 75.9766 133.675 75.9766C133.675 75.9766 133.407 76.5914 132.81 77.6081C132.518 78.1263 132.08 78.6667 131.576 79.3165C131.063 79.9547 130.409 80.5998 129.661 81.2893C129.275 81.6153 128.855 81.9367 128.423 82.2815C127.981 82.6122 127.49 82.8952 126.994 83.2212C125.981 83.8187 124.853 84.3765 123.627 84.812C122.405 85.2615 121.092 85.5876 119.739 85.8124C118.384 86.0022 116.99 86.0977 115.61 86.0395C114.226 85.9999 112.864 85.7996 111.55 85.5259C110.241 85.2278 108.982 84.8516 107.818 84.3707C105.473 83.4413 103.487 82.2034 101.946 80.9597C100.397 79.7229 99.2959 78.471 98.5964 77.5394C97.9015 76.5973 97.603 75.9766 97.603 75.9766Z" fill="#D4D1D7"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_10765_43279" x1="213.878" y1="39.2811" x2="145.417" y2="139.873" gradientUnits="userSpaceOnUse">
-<stop stop-color="#E33AA9"/>
-<stop offset="1" stop-color="#B12D84"/>
-</linearGradient>
-<linearGradient id="paint1_linear_10765_43279" x1="295.566" y1="46.0179" x2="245.246" y2="62.0433" gradientUnits="userSpaceOnUse">
-<stop stop-color="#603888"/>
-<stop offset="1" stop-color="#B12D84"/>
-</linearGradient>
-<linearGradient id="paint2_linear_10765_43279" x1="65.253" y1="39.2811" x2="-3.20835" y2="139.873" gradientUnits="userSpaceOnUse">
-<stop stop-color="#E33AA9"/>
-<stop offset="1" stop-color="#B12D84"/>
-</linearGradient>
-<linearGradient id="paint3_linear_10765_43279" x1="146.941" y1="46.0179" x2="96.6213" y2="62.0433" gradientUnits="userSpaceOnUse">
-<stop stop-color="#603888"/>
-<stop offset="1" stop-color="#B12D84"/>
-</linearGradient>
-<clipPath id="clip0_10765_43279">
-<rect width="36.0719" height="32.4068" fill="white" transform="translate(97.603 53.6504)"/>
-</clipPath>
-</defs>
-</svg>

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

@@ -1,10 +0,0 @@
-import { Loading } from "./index";
-
-export default {
-  title: "Components/atoms/Loading",
-  component: Loading,
-};
-const Template = (args) => <Loading {...args} />;
-export const LoadingDefault = Template.bind({});
-
-LoadingDefault.args = {};

package/src/components/atoms/SliderToolTip/SliderToolTip.stories.js

@@ -1,23 +0,0 @@
-import { SliderToolTip } from "./index";
-import InfoIcon from "../../../assets/images/sliderToolTip/infoIcon.svg";
-import Slide1 from "../../../assets/images/sliderToolTip/slide1.svg";
-import Slide2 from "../../../assets/images/sliderToolTip/slide2.svg";
-import Slide3 from "../../../assets/images/sliderToolTip/slide3.svg";
-import Slide4 from "../../../assets/images/sliderToolTip/slide4.svg";
-import Slide5 from "../../../assets/images/sliderToolTip/slide5.svg";
-
-export default {
-  title: "Components/atoms/SliderToolTip",
-  component: SliderToolTip,
-};
-
-const Template = (args) => <SliderToolTip {...args} />;
-
-export const SliderToolTipDefault = Template.bind({});
-
-SliderToolTipDefault.args = {InfoIcon:InfoIcon,
-  Slide1:Slide1,
-  Slide2:Slide2,
-  Slide3:Slide3,
-  Slide4:Slide4,
-  Slide5:Slide5,};

package/src/components/atoms/SliderToolTip/index.js

@@ -1,182 +0,0 @@
-import { Container, Slider } from "./styles";
-import { useEffect, useState } from "react";
-
-export const SliderToolTip = ({
-  InfoIcon,
-  Slide1,
-  Slide2,
-  Slide3,
-  Slide4,
-  Slide5,
-}) => {
-  const [showMenu, setShowMenu] = useState(false);
-  const closeMenu = (e) => {
-    if (!e.target.closest("#div-slider") && showMenu) {
-      document.removeEventListener("click", closeMenu, false);
-      setShowMenu(false);
-    }
-  };
-  useEffect(() => {
-    if (showMenu) {
-      document.addEventListener("click", closeMenu, false);
-    }
-  }, [showMenu]);
-  const color = (id) => {
-    if (id === "slidea1") {
-      document.getElementById("slidea1").style.backgroundColor = "#E33AA9";
-      document.getElementById("slidea2").style.backgroundColor = "#C4C4C4";
-      document.getElementById("slidea3").style.backgroundColor = "#C4C4C4";
-      document.getElementById("slidea4").style.backgroundColor = "#C4C4C4";
-      document.getElementById("slidea5").style.backgroundColor = "#C4C4C4";
-    }
-    if (id === "slidea2") {
-      document.getElementById("slidea1").style.backgroundColor = "#FAFAFA";
-      document.getElementById("slidea2").style.backgroundColor = "#E33AA9";
-      document.getElementById("slidea3").style.backgroundColor = "#C4C4C4";
-      document.getElementById("slidea4").style.backgroundColor = "#C4C4C4";
-      document.getElementById("slidea5").style.backgroundColor = "#C4C4C4";
-    }
-    if (id === "slidea3") {
-      document.getElementById("slidea1").style.backgroundColor = "#FAFAFA";
-      document.getElementById("slidea2").style.backgroundColor = "#FAFAFA";
-      document.getElementById("slidea3").style.backgroundColor = "#E33AA9";
-      document.getElementById("slidea4").style.backgroundColor = "#C4C4C4";
-      document.getElementById("slidea5").style.backgroundColor = "#C4C4C4";
-    }
-    if (id === "slidea4") {
-      document.getElementById("slidea1").style.backgroundColor = "#FAFAFA";
-      document.getElementById("slidea2").style.backgroundColor = "#FAFAFA";
-      document.getElementById("slidea3").style.backgroundColor = "#FAFAFA";
-      document.getElementById("slidea4").style.backgroundColor = "#E33AA9";
-      document.getElementById("slidea5").style.backgroundColor = "#C4C4C4";
-    }
-    if (id === "slidea5") {
-      document.getElementById("button-slide").style.display = "flex";
-    }
-  };
-
-  return (
-    <>
-      <Container
-        className="container-slider"
-        
-      >
-        <img src={InfoIcon} alt="info icon" onClick={(e) => {
-          setShowMenu(!showMenu);
-          if (showMenu) {
-            document.removeEventListener("click", closeMenu, false);
-          }
-        }}/>
-        {showMenu && (
-        <Slider id="div-slider" >
-          <ul className="slider">
-            <li id="slide1">
-              <div>
-                <img src={Slide1} />
-              </div>
-              <p>
-                Creamos tu contenido, y todo lo que haga falta para tu producto,
-                cada sección puedes socilitar contenido enriquecido, y nosotros
-                lo haremos por ti.
-              </p>
-            </li>
-            <li id="slide2">
-              <img src={Slide2} />
-              <p>
-                Puedes agregar solicitudes de contenido enriquecido a tu carrito
-                de compra las veces que sean necesarias. Una vez completada tu
-                lista con los servicios necesitados sigue el proceso de compra
-                en checkout.
-              </p>
-            </li>
-            <li id="slide3">
-              <img src={Slide3} />
-              <p>
-                Revisa el contenido que deseas solicilitar, valida y tambien
-                puedes agregar contenido extra, traducciones, o simplemente
-                completar el checkout.
-              </p>
-            </li>
-            <li id="slide4">
-              <img src={Slide4} />
-              <p>
-                Elige el tipo de entrega de tu producto, puedes ser recolección
-                en el lugar o por el contrario puedes dejarlo en nuestras
-                oficinas.
-              </p>
-            </li>
-            <li id="slide5">
-              <div>
-                <img src={Slide5} />
-              </div>
-              <div className="lema-end">
-                <p>
-                  Finalmente elige la forma de pago que más te guste, procede
-                  con el pago y listo.
-                </p>
-                <span>Bienvenido al modo Content-oh!</span>
-              </div>
-              <button id="button-slide"
-                onClick={(e) => {
-                  document.removeEventListener("click", closeMenu, false);
-                  setShowMenu(false);
-                }}
-              >
-                Cerrar
-              </button>
-            </li>
-          </ul>
-          <ul className="menu">
-            <li>
-              <a
-                href="#slide1"
-                id="slidea1"
-                onClick={(e) => {
-                  color("slidea1");
-                }}
-              ></a>
-            </li>
-            <li>
-              <a
-                href="#slide2"
-                id="slidea2"
-                onClick={(e) => {
-                  color("slidea2");
-                }}
-              ></a>
-            </li>
-            <li>
-              <a
-                href="#slide3"
-                id="slidea3"
-                onClick={(e) => {
-                  color("slidea3");
-                }}
-              ></a>
-            </li>
-            <li>
-              <a
-                href="#slide4"
-                id="slidea4"
-                onClick={(e) => {
-                  color("slidea4");
-                }}
-              ></a>
-            </li>
-            <li>
-              <a
-                href="#slide5"
-                id="slidea5"
-                onClick={(e) => {
-                  color("slidea5");
-                }}
-              ></a>
-            </li>
-          </ul>
-        </Slider>
-      )}
-      </Container>
-      
-    </>
-  );
-};

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

@@ -1,168 +0,0 @@
-import styled from "styled-components";
-import { GlobalColors, FontFamily } from "../../../global-files/variables";
-
-export const Container = styled.div`
-  background: transparent;
-  cursor: pointer;
-  width: 40px !important;
-  margin: 9px;
-  position: relative;
-`;
-export const Slider = styled.div`
-  font-family: sans-serif;
-  margin: auto;
-  background: #281f33;
-  border-radius: 6px;
-  
-  padding: 16px;
-  padding-top: 20px;
-  box-sizing: border-box;
-  position: absolute;
-  top: calc(100% + 25px);
-  left: calc(50% - 223px / 2);
-  #div-slider {
-    width: 310px;
-  }
-  ul,
-  li {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-  }
-  .slider {
-    position: relative;
-    max-width: 300px;
-    width: 100%;
-    height: 270px;
-    margin: 0;
-    li {
-      position: absolute;
-      left: 0px;
-      top: 0px;
-      opacity: 0;
-      width: inherit;
-      height: inherit;
-      transition: opacity 0.5s;
-      background: transparent;
-      img {
-        width: 100%;
-        height: 180px;
-        border-radius: 4px;
-        background-color: #fafafa;
-        & + * {
-          margin-top: 10px;
-        }
-      }
-      p {
-        font-family: "Avenir Next";
-        font-style: normal;
-        font-weight: 400;
-        font-size: 10px;
-        line-height: 12px;
-        text-align: center;
-        letter-spacing: -0.015em;
-        color: #fafafa;
-        background-color: #281f33;
-      }
-      div {
-        background-color: #fafafa;
-        height: 180px;
-        border-radius: 4px;
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        img {
-          height: 40px;
-        }
-        & + * {
-          margin-top: 13px;
-        }
-      }
-    }
-    #slide5 {
-      div {
-        height: 130px;
-        width: 100%;
-        background-color: #fafafa;
-        display: flex;
-        align-items: center;
-        border-radius: 4px;
-        img {
-          width: 100%;
-          height: 115px;
-          object-fit: contain;
-        }
-      }
-      .lema-end {
-        justify-content: center;
-        justify-content: space-evenly;
-        height: 100px;
-        background-color: #281f33;
-        flex-direction: column;
-        justify-content: space-evenly;
-        border-radius: inherit;
-        span {
-          font-family: "Avenir Next";
-          font-style: normal;
-          font-weight: 700;
-          font-size: 17px;
-          line-height: 15px;
-          text-align: center;
-          letter-spacing: -0.015em;
-          color: #fafafa;
-        }
-      }
-      button {
-        display: none;
-        justify-content: center;
-        align-items: center;
-        padding: 10px;
-        width: 160px;
-        height: 30px;
-        border: 1px solid #d4d1d7;
-        border-radius: 15px;
-        color: #fafafa;
-        background-color: #281f33;
-        font-family: "Avenir Next";
-        font-style: normal;
-        font-weight: 400;
-        font-size: 18px;
-        line-height: 25px;
-        letter-spacing: -0.015em;
-        position: absolute;
-        left: 22%;
-        top: 88%;
-        cursor: pointer;
-      }
-    }
-  }
-
-  li:first-child {
-    opacity: 1; /*Mostramos el primer <li>*/
-  }
-  li:target {
-    opacity: 1; /*Mostramos el primer <li>*/
-  }
-  .menu {
-    margin: 0;
-    text-align: center;
-    li {
-      display: inline-block;
-      text-align: center;
-      & + * {
-        margin-left: 15px;
-      }
-      a {
-        display: inline-block;
-        text-decoration: none;
-        background-color: #c4c4c4;
-        width: 10px;
-        height: 10px;
-        border-radius: 100%;
-      }
-      #slidea1 {
-        background-color: #e33aa9;
-      }
-    }
-  }
-`;

package/src/components/molecules/EmailResetPasswordLogin/EmailResetPasswordLogin.stories.js

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

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

@@ -1,85 +0,0 @@
-import { Container } from "./styles";
-import { GradientPanel } from "../../atoms/GradientPanel";
-import { useState } from "react";
-import { LogoImage } from "../../atoms/LogoImage";
-import { ScreenHeader } from "../../atoms/ScreenHeader";
-import { GlobalColors, FontFamily } from "../../../global-files/variables";
-import { TagAndInput } from "../../molecules/TagAndInput";
-import { Button } from "../../atoms/GeneralButton";
-
-export const EmailResetPasswordLogin = (props) => {
-  const [emptyEmail, setEmptyEmail] = useState(false);
-  const [invalidEmail, setInvalidEmail] = useState(false);
-  const [showErrors, setShowErrors] = useState(false);
-  const [awsError, setAwsError] = useState("");
-
-  const validate = async (e) => {
-    let valid = true;
-    setShowErrors(true);
-    e.preventDefault();
-    const email = document.querySelector("#emailInput").value.trim();
-    email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
-    !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(
-      email
-    )
-      ? setInvalidEmail(true)
-      : setInvalidEmail(false);
-    emptyEmail && (valid = false);
-    invalidEmail && (valid = false);
-    if (valid) {
-      try {
-        await props.Auth.forgotPassword(email);
-        sessionStorage.setItem("email", JSON.stringify(email));
-        sessionStorage.setItem("resetPasswordProcess", JSON.stringify("true"));
-        props.setPaso(5);
-      } catch (err) {
-        setAwsError(err.code);
-      }
-    }
-  };
-
-  const loginRight = [
-    <LogoImage key="1" />,
-    <div className="credenciales" key={"2"}>
-      <ScreenHeader
-        fontFamily={FontFamily.AvenirNext}
-        color={GlobalColors.s5}
-        text={"Ingresa tus credenciales"}
-      />
-    </div>,
-    <div className="user" key="3">
-      <TagAndInput
-        inputType={"text"}
-        inputId={"emailInput"}
-        label={"Nombre de usuario"}
-        inputPlaceHolder={"username@contentoh.com"}
-      />
-      {showErrors && emptyEmail && <label>Ingrese su correo</label>}
-      {showErrors && invalidEmail && !emptyEmail && (
-        <label>Ingrese un correo valido</label>
-      )}
-      {showErrors && awsError === "LimitExceededException" && (
-        <label>Has cambiado la contraseña recientemente, intenta despues</label>
-      )}
-    </div>,
-    <div className="button-center" key="4">
-      <Button
-        buttonType={"general-default-button"}
-        label={"Enviar"}
-        onClick={(e) => validate(e)}
-      />
-    </div>,
-    <div className="back-login" key="5">
-      <p onClick={() => props.setPaso(7)}>Regresar...</p>
-    </div>,
-  ];
-  return (
-    <Container>
-      <GradientPanel
-        componentsArray={loginRight}
-        panelType={"home-login"}
-        panelColor={GlobalColors.white}
-      />
-    </Container>
-  );
-};

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

@@ -1,23 +0,0 @@
-import styled from "styled-components";
-import { FontFamily, GlobalColors } from "../../../global-files/variables";
-
-export const Container = styled.div`
-  display: flex;
-  width: 50%;
-  height: 100vh;
-    .button-center {
-      text-align: center;
-      .general-default-button {
-        width: 160px;
-      }
-    }
-    .back-login {
-      text-align: center;
-      margin: 15px !important;
-      color: ${GlobalColors.secondary_magenta};
-      cursor: pointer;
-      font-weight: bold;
-      font-family: ${FontFamily.Raleway};
-      font-size: 13px;
-    }
-`;

package/src/components/molecules/LogoLoading/Loading.stories.js

@@ -1,10 +0,0 @@
-import { LogoLoading } from "./index";
-
-export default {
-  title: "Components/molecules/LogoLoading",
-  component: LogoLoading,
-};
-const Template = (args) => <LogoLoading {...args} />;
-export const LogoLoadingDefault = Template.bind({});
-
-LogoLoadingDefault.args = {};

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

@@ -1,12 +0,0 @@
-import { Container } from "./styles";
-import { Loading } from "../../atoms/Loading";
-import { LogoImage } from "../../atoms/LogoImage";
-
-export const LogoLoading = () => {
-  return (
-    <Container>
-      <LogoImage/>
-      <Loading/>
-    </Container>
-  );
-};

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

@@ -1,16 +0,0 @@
-import styled from "styled-components";
-
-export const Container = styled.div`
-  height: 100vh;
-  width: 50%;
-  padding-top: 25%;
-  .logo {
-    text-align: center;
-    img {
-      width: 65%;
-    }
-  }
-  .loading {
-    height: 10%;
-  }
-`;

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

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