npm - contentoh-components-library - Versions diffs - 21.0.30 → 21.0.31 - Mend

contentoh-components-library 21.0.30 → 21.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (213) hide show

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

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateInput = exports.validate = void 0;
-/**
- *
- * @param {event} e event received triggered by verification code input
- * @param {number} index index position from the verification code(VC) input array (i.e. digit 1,2,3 etc...)
- * @param {array<html nodes>} inputsArray array which contains every VC digit input (used to change focus on input change)
- */
-var validateInput = function validateInput(e, index, inputsArray) {
-  var isValid = false;
-  var inputNotEmpty = e.target.value.length > 0;
-  if (inputNotEmpty) {
-    if (validateInputNumber(e) !== null) {
-      isValid = true;
-      nextInputFocus(inputsArray, index++);
-    }
-  }
-  return isValid ? e.target.value : "";
-};
-/**
- *
- * @param {event} e event received triggered by verification code input
- * @returns {boolean} if digit is a number
- */
-exports.validateInput = validateInput;
-var validateInputNumber = function validateInputNumber(e) {
-  return (e.target.value || String.fromCharCode(e.keyCode)).match(/[0-9]{1}/);
-};
-/**
- *
- * @param {array<html nodes>} inputsArray array which contains every VC digit input (used to change focus on input change)
- * @param {number} index index position from the verification code(VC) input array (i.e. digit 1,2,3 etc...)
- * changes focus to next input if digit typed is a number and there wasn't any before
- */
-var nextInputFocus = function nextInputFocus(inputsArray, index) {
-  var _inputsArray$index;
-  var button = document.getElementsByClassName("general-default-button");
-  inputsArray !== null && inputsArray !== void 0 && inputsArray.length && index === (inputsArray === null || inputsArray === void 0 ? void 0 : inputsArray.length) ? button[0].focus() : (_inputsArray$index = inputsArray[index]) === null || _inputsArray$index === void 0 ? void 0 : _inputsArray$index.focus();
-};
-/**
- *
- * @param {array<html nodes>} inputsArray array which contains every VC digit input (used to check if there's any empty)
- * @param {function} setEmptyVerificationCode function to update flag which handles if there's an empty char
- * updates emptyVerificationFlag from father component
- */
-var validate = function validate(inputsArray, setEmptyVerificationCode) {
-  var contInputEmpty = 0;
-  inputsArray.forEach(function (element) {
-    element.value === "" ? 0 : contInputEmpty++;
-  });
-  contInputEmpty === inputsArray.length ? setEmptyVerificationCode(false) : setEmptyVerificationCode(true);
-};
-exports.validate = validate;

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

@@ -1,113 +0,0 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChangePassword = 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");
-var _LoginPasswordStrength = require("../../molecules/LoginPasswordStrength");
-var _react = require("react");
-var _GeneralButton = require("../../atoms/GeneralButton");
-var _LogoImage = require("../../atoms/LogoImage");
-var _ScreenHeader = require("../../atoms/ScreenHeader");
-var _variables = require("../../../global-files/variables");
-var _GradientPanel = require("../../atoms/GradientPanel");
-var _jsxRuntime = require("react/jsx-runtime");
-var ChangePassword = function ChangePassword() {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      emptyPassword = _useState2[0],
-      setEmptyPassword = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      emptyConfirmPassword = _useState4[0],
-      setEmptyConfirmPassword = _useState4[1];
-  var _useState5 = (0, _react.useState)(true),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      matchPasswords = _useState6[0],
-      setMatchPasswords = _useState6[1];
-  var validate = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
-      var password, confirmPassword;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              e.preventDefault();
-              password = document.querySelector("#newPasswordInput").value;
-              password.length < 8 ? setEmptyPassword(true) : setEmptyPassword(false);
-              confirmPassword = document.querySelector("#confirmPasswordInput").value;
-              confirmPassword === "" ? setEmptyConfirmPassword(true) : setEmptyConfirmPassword(false);
-              if (password === confirmPassword) {
-                setMatchPasswords(true);
-              } else {
-                setMatchPasswords(false);
-              }
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-    return function validate(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "credenciales",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      fontFamily: _variables.FontFamily.AvenirNext,
-      color: _variables.GlobalColors.s5,
-      text: "Ingresa tus credenciales"
-    })
-  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoginPasswordStrength.LoginPasswordStrength, {
-    emptyPassword: emptyPassword,
-    emptyConfirmPassword: emptyConfirmPassword,
-    matchPasswords: matchPasswords,
-    textTittle: "Ingresa tus credenciales"
-  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "button-center",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-      buttonType: "general-default-button",
-      label: "Enviar",
-      onClick: function onClick(e) {
-        return validate(e);
-      }
-    })
-  }, "4")];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
-      panelColor: _variables.GlobalColors.white,
-      componentsArray: loginRight,
-      panelType: "home-login"
-    })
-  });
-};
-exports.ChangePassword = ChangePassword;

package/dist/components/organisms/ChangePassword/styles.js DELETED Viewed

@@ -1,18 +0,0 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-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: calc(75% - 80px);\n    .general-default-button {\n      width: 160px;\n    }\n  }\n"])));
-exports.Container = Container;

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

@@ -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/molecules/EmailResetPasswordLogin/EmailResetPasswordLogin.stories.js DELETED Viewed

@@ -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 DELETED Viewed

@@ -1,86 +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";
-import { Auth } from "aws-amplify";
-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;
-    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 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 DELETED Viewed

@@ -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/RegistrationFirstStep/RegistrationFirstStep.stories.js DELETED Viewed

@@ -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 = {};

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

@@ -1,242 +0,0 @@
-import { Container } from "./styles";
-import { GradientPanel } from "../../atoms/GradientPanel";
-import { useState, useEffect } 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";
-import { GeneralInput } from "../../atoms/GeneralInput";
-export const RegistrationFirstStep = (props) => {
-  const [emptyName, setEmptyName] = useState(false);
-  const [emptyLastName, setEmptyLastName] = useState(false);
-  const [emptyEmail, setEmptyEmail] = useState(false);
-  const [emptyJob, setEmptyJob] = useState(false);
-  const [emptyPhone, setEmptyPhone] = useState(false);
-  const [emptyCountry, setEmptyCountry] = useState(true);
-  const [showErrors, setShowErrors] = useState(false);
-  const [regError, setRegError] = useState(false);
-  const [phoneFormatError, setPhoneFormatError] = useState(false);
-  const [emailFormatError, setEmailFormatError] = useState(false);
-  useEffect(() => {
-    JSON.parse(sessionStorage.getItem("nuevoRegistro")).name === "" &&
-      sessionStorage.removeItem("registrationError");
-    sessionStorage.getItem("registrationError") && setRegError(true);
-    if (sessionStorage.getItem("registrationError")) {
-      setEmptyName(false);
-      setEmptyLastName(false);
-      setEmptyEmail(false);
-      setEmptyJob(false);
-      setEmptyCountry(false);
-      setEmptyPhone(false);
-    }
-    sessionStorage.getItem("resetPasswordProcess") &&
-      sessionStorage.getItem("resetPasswordProcess");
-  }, []);
-  let paisesEsp = [
-    "Argentina",
-    "Colombia",
-    "Costa Rica",
-    "Ecuador",
-    "El Salvador",
-    "Honduras",
-    "México",
-    "Panamá",
-    "Perú",
-  ];
-  const updateInfo = (e, newValue) => {
-    let nuevoUsuario = JSON.parse(sessionStorage.getItem("nuevoRegistro"));
-    switch (e.target.id) {
-      case "nameInput":
-        nuevoUsuario.name = newValue;
-        newValue === "" ? setEmptyName(true) : setEmptyName(false);
-        break;
-      case "lastNameInput":
-        nuevoUsuario.lastName = newValue;
-        newValue === "" ? setEmptyLastName(true) : setEmptyLastName(false);
-        break;
-      case "emailInput":
-        nuevoUsuario.email = newValue;
-        newValue === "" ? setEmptyEmail(true) : setEmptyEmail(false);
-        if (
-          !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(
-            newValue
-          )
-        ) {
-          setEmailFormatError(true);
-        } else {
-          setEmailFormatError(false);
-        }
-        break;
-      case "jobInput":
-        nuevoUsuario.position = newValue;
-        newValue === "" ? setEmptyJob(true) : setEmptyJob(false);
-        break;
-      case "phoneInput":
-        Array.from(newValue).forEach((digit, i) => {
-          newValue.charCodeAt(i) < 48
-            ? setPhoneFormatError(true)
-            : setPhoneFormatError(false);
-          newValue.charCodeAt(i) > 57
-            ? setPhoneFormatError(true)
-            : setPhoneFormatError(false);
-        });
-        nuevoUsuario.phone = `${JSON.parse(
-          sessionStorage.getItem("countryCodeSelect")
-        )}${newValue}`;
-        newValue === "" ? setEmptyPhone(true) : setEmptyPhone(false);
-        break;
-      case "countrySelect":
-        nuevoUsuario.country = newValue;
-        newValue === "" || newValue === "Selecciona tu país"
-          ? setEmptyCountry(true)
-          : setEmptyCountry(false);
-        break;
-      case "countryCodeSelect":
-        sessionStorage.setItem("countryCode", JSON.stringify(newValue));
-        nuevoUsuario.phone = `${JSON.parse(
-          sessionStorage.getItem("countryCode")
-        )}${document.querySelector("#phoneInput").value}`;
-        break;
-      default:
-        return;
-    }
-    sessionStorage.setItem("nuevoRegistro", JSON.stringify(nuevoUsuario));
-  };
-  const validateForm = (evt) => {
-    let valid = true;
-    evt.preventDefault();
-    setShowErrors(true);
-    emptyName && (valid = false);
-    emptyLastName && (valid = false);
-    emptyEmail && (valid = false);
-    emptyJob && (valid = false);
-    emptyPhone && (valid = false);
-    emptyCountry && (valid = false);
-    phoneFormatError && (valid = false);
-    emailFormatError && (valid = false);
-    !regError && valid && props.setPaso((paso) => props.paso + 1);
-    regError && valid && props.setPaso(4);
-  };
-  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">
-      <div className="name-registration-user">
-        <TagAndInput
-          inputType={"text"}
-          inputId={"nameInput"}
-          label={"Nombre"}
-          inputPlaceHolder={"Nombre"}
-          defaultValue={
-            JSON.parse(sessionStorage.getItem("nuevoRegistro")).name
-          }
-          required
-          onInput={(e) => updateInfo(e, e.target.value)}
-        />
-        <TagAndInput
-          inputType={"text"}
-          inputId={"lastNameInput"}
-          label={"Apellido"}
-          inputPlaceHolder={"Apellido"}
-        />
-      </div>
-      {emptyName && <label>Ingrese su nombre</label>}
-      {emptyLastName && <label>Ingrese sus apellidos</label>}
-      <TagAndInput
-        inputType={"text"}
-        inputId={"emailInput"}
-        label={"Correo electrónico"}
-        inputPlaceHolder={"username@contentoh.com"}
-      />
-      {emptyEmail && <label>Ingrese su correo</label>}
-      {invalidEmail && !emptyEmail && <label>Ingrese un correo válido</label>}
-      <TagAndInput
-        inputType={"text"}
-        inputId={"jobInput"}
-        label={"Puesto laboral"}
-        inputPlaceHolder={"Puesto dentro de la empresa"}
-      />
-      {emptyJob && <label>Ingrese su puesto</label>}
-      <ScreenHeader text={"Teléfono"} headerType={"input-name-header"} />
-      <div className="phone-registration-user">
-        <select name="select" className="phone-options" id="countryCodeSelect">
-          <option>+52</option>
-          <option>+54</option>
-          <option>+57</option>
-          <option>+506</option>
-          <option>+593</option>
-          <option>+503</option>
-          <option>+504</option>
-          <option>+507</option>
-          <option>+51</option>
-        </select>
-        <GeneralInput
-          inputId={"phoneInput"}
-          inputType={"text"}
-          inputPlaceholder={"Teléfono"}
-        />
-      </div>
-      {emptyPhone && <label>Ingrese su número de teléfono</label>}
-      <ScreenHeader text={"País"} headerType={"input-name-header"} />
-      <select name="select" className="country-options" id="countrySelect">
-        <option value="value1" selected>
-          Selecciona tu país
-        </option>
-        <option value="value2">Argentina</option>
-        <option value="value3">Colombia</option>
-        <option value="value2">Ecuador</option>
-        <option value="value3">El Salvador</option>
-        <option value="value2">Honduras</option>
-        <option value="value3">México</option>
-        <option value="value2">Panamá</option>
-        <option value="value3">Perú</option>
-      </select>
-      {emptyEmail && <label>Seleccione su país</label>}
-    </div>,
-    <div className="button-end" key="4">
-      <Button
-        buttonType={"general-default-button"}
-        label={"Enviar"}
-        onClick={(e) => validate(e)}
-      />
-    </div>,
-    <div className="progress-bar" key="5">
-      <div className="progress-bar-first-step"></div>
-      <div className="progress-bar-registration"></div>
-    </div>,
-    <ScreenHeader
-      text={"Paso 1"}
-      headerType={"date-header"}
-      color={GlobalColors.s4}
-      key="6"
-    />,
-    <div className="new-login" key="7">
-      <p className="pre-registro">
-        ¿Ya tienes una cuenta?<span> Inicia Sesión</span>
-      </p>
-    </div>,
-  ];
-  return (
-    <Container>
-      <div>
-        <GradientPanel
-          componentsArray={loginRight}
-          panelType={"home-login"}
-          panelColor={GlobalColors.white}
-        />
-      </div>
-    </Container>
-  );
-};

package/src/components/molecules/RegistrationFirstStep/styles.js DELETED Viewed

@@ -1,81 +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;
-  .user {
-    .name-registration-user {
-      display: flex;
-      justify-content: space-between;
-      input {
-        width: 160px;
-      }
-    }
-    .input-name-header {
-      margin-bottom: 4px;
-      margin-top: 12px;
-    }
-    .phone-registration-user {
-      display: flex;
-      justify-content: space-between;
-      .phone-options {
-        width: 80px;
-      }
-      input {
-        width: 100%;
-      }
-      & + * {
-        margin-top: 10px;
-      }
-    }
-    .country-options,
-    .phone-options {
-      width: 100%;
-      border: 1px solid ${GlobalColors.s2};
-      font-family: ${FontFamily.AvenirNext};
-      color: ${GlobalColors.s4};
-      font-weight: normal;
-      font-size: 12px;
-      line-height: 15px;
-      padding: 10px;
-      outline: none;
-      border-radius: 2px;
-      resize: none;
-      &:focus {
-        border: 1px solid ${GlobalColors.magenta_s2};
-      }
-    }
-  }
-  .button-end {
-    text-align: end;
-    .general-default-button {
-      width: 160px;
-    }
-    & + * {
-      margin-top: 10px;
-    }
-  }
-  .progress-bar {
-    width: 100%;
-    height: 8px;
-    display: flex;
-    justify-content: space-between;
-    .progress-bar-first-step {
-      width: 33.33%;
-      background-color: rgb(196, 196, 196);
-    }
-    .progress-bar-registration {
-      background-color: rgb(226, 226, 226);
-      width: 66.66%;
-    }
-  }
-  .date-header {
-    .new-login {
-      & + * {
-        margin-top: 20px;
-      }
-    }
-  }
-`;

package/src/components/molecules/RegistrationSecondStep/RegistrationSecondStep.stories.js DELETED Viewed

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