contentoh-components-library 8.0.0 → 10.0.1

package/dist/components/molecules/TableHeader/TableHeader.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TableHeaderDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/molecules/TableHeader",
   component: _index.TableHeader
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.TableHeader, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TableHeader, (0, _objectSpread2.default)({}, args));
 };
 
 var TableHeaderDefault = Template.bind({});

package/dist/components/molecules/TableHeader/index.js

@@ -13,18 +13,30 @@ var _StatusAsignationInfo = require("../StatusAsignationInfo");
 
 var _variables = require("../../../global-files/variables");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TableHeader = function TableHeader(_ref) {
   var imagesStatus = _ref.imagesStatus,
       activeImage = _ref.activeImage,
-      assignationsImages = _ref.assignationsImages;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    text: activeImage === null || activeImage === void 0 ? void 0 : activeImage.name,
-    color: _variables.GlobalColors.s5,
-    headerType: "input-name-header"
-  }), /*#__PURE__*/React.createElement(_StatusAsignationInfo.StatusAsignationInfo, {
-    status: imagesStatus,
-    assignationsImages: assignationsImages
-  }));
+      assignationsImages = _ref.assignationsImages,
+      setAssignation = _ref.setAssignation,
+      isRetailer = _ref.isRetailer,
+      onClickSave = _ref.onClickSave,
+      showSaveButton = _ref.showSaveButton;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      text: (activeImage === null || activeImage === void 0 ? void 0 : activeImage.name) || "-",
+      color: _variables.GlobalColors.s5,
+      headerType: "input-name-header"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusAsignationInfo.StatusAsignationInfo, {
+      status: imagesStatus,
+      assignationsImages: assignationsImages,
+      setAssignation: setAssignation,
+      isRetailer: isRetailer,
+      onClickSave: onClickSave,
+      showSaveButton: showSaveButton
+    })]
+  });
 };
 
 exports.TableHeader = TableHeader;

package/dist/components/molecules/TableHeader/styles.js

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 5px;\n  border-bottom: 1px solid ", ";\n\n  .status-asignation-info {\n    display: flex;\n    align-items: center;\n\n    * + * {\n      margin-left: 5px;\n    }\n  }\n\n  & + * {\n    margin-top: 4px;\n  }\n"])), _variables.GlobalColors.s2);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 5px;\n  border-bottom: 1px solid ", ";\n\n  .input-name-header {\n    overflow-x: auto;\n    max-width: 40%;\n    white-space: nowrap;\n    height: 23px;\n    line-height: 23px;\n    text-overflow: initial;\n  }\n  .status-asignation-info {\n    display: flex;\n    align-items: center;\n\n    * + * {\n      margin-left: 5px;\n    }\n  }\n\n  & + * {\n    margin-top: 4px;\n  }\n"])), _variables.GlobalColors.s2);
 
 exports.Container = Container;

package/dist/components/molecules/TableRow/TableRow.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TableRowDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _ = require(".");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/molecules/TableRow",
   component: _.TableRow,
@@ -22,7 +28,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_.TableRow, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TableRow, (0, _objectSpread2.default)({}, args));
 };
 
 var TableRowDefault = Template.bind({});

package/dist/components/molecules/TableRow/index.js

@@ -9,17 +9,21 @@ var _styles = require("./styles");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TableRow = function TableRow(_ref) {
   var feature = _ref.feature,
       value = _ref.value,
       valueType = _ref.valueType;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text",
-    text: feature
-  }), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text " + (valueType && "gray-table-row"),
-    text: value
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      headerType: "table-row-text",
+      text: feature
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      headerType: "table-row-text " + (valueType && "gray-table-row"),
+      text: value
+    })]
+  });
 };
 
 exports.TableRow = TableRow;

package/dist/components/molecules/TabsMenu/TabsMenu.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TabsSectionDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/molecules/TabsMenu",
   component: _index.TabsMenu
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.TabsMenu, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TabsMenu, (0, _objectSpread2.default)({}, args));
 };
 
 var TabsSectionDefault = Template.bind({});

package/dist/components/molecules/TabsMenu/index.js

@@ -15,6 +15,8 @@ var _TabSection = require("../../atoms/TabSection");
 
 var _react = require("react");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TabsMenu = function TabsMenu(_ref) {
   var _ref$tabsSections = _ref.tabsSections,
       tabsSections = _ref$tabsSections === void 0 ? {} : _ref$tabsSections,
@@ -37,16 +39,17 @@ var TabsMenu = function TabsMenu(_ref) {
     setSections(tempArray);
   };
 
-  return /*#__PURE__*/React.createElement(_styles.Container, null, Object.keys(sections).map(function (key, index) {
-    return /*#__PURE__*/React.createElement(_TabSection.TabSection, {
-      key: index,
-      label: key,
-      active: sections[key],
-      onClick: function onClick() {
-        return activeSection(key, sections);
-      }
-    });
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: Object.keys(sections).map(function (key, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabSection.TabSection, {
+        label: key,
+        active: sections[key],
+        onClick: function onClick() {
+          return activeSection(key, sections);
+        }
+      }, index);
+    })
+  });
 };
 
 exports.TabsMenu = TabsMenu;

package/dist/components/molecules/TagAndInput/TagAndInput.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TextAreaType = exports.InputType = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/molecules/TagAndInput",
   component: _index.TagAndInput
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.TagAndInput, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInput, (0, _objectSpread2.default)({}, args));
 };
 
 var InputType = Template.bind({});

package/dist/components/molecules/TagAndInput/index.js

@@ -11,6 +11,8 @@ var _index = require("../../atoms/ScreenHeader/index");
 
 var _index2 = require("../../atoms/GeneralInput/index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TagAndInput = function TagAndInput(_ref) {
   var inputType = _ref.inputType,
       label = _ref.label,
@@ -27,31 +29,49 @@ var TagAndInput = function TagAndInput(_ref) {
       isRequired = _ref.isRequired,
       dinamicHeight = _ref.dinamicHeight,
       inputCols = _ref.inputCols,
-      inputRows = _ref.inputRows;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
+      inputRows = _ref.inputRows,
+      maxChar = _ref.maxChar,
+      required = _ref.required,
+      optionList = _ref.optionList,
+      description = _ref.description,
+      inputOnChange = _ref.inputOnChange,
+      color = _ref.color;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     inputType: inputType,
     className: "input-container",
-    key: "generalTagInput-".concat(inputType)
-  }, /*#__PURE__*/React.createElement(_index.ScreenHeader, {
-    text: label,
-    headerType: "input-name-header"
-  }), /*#__PURE__*/React.createElement(_index2.GeneralInput, {
-    inputId: inputId,
-    inputType: inputType,
-    inputValue: value,
-    index: index,
-    isRequired: isRequired,
-    inputPlaceholder: inputPlaceHolder,
-    updatedDescriptions: updatedDescriptions,
-    setUpdatedDescriptions: setUpdatedDescriptions,
-    updatedDatasheets: updatedDatasheets,
-    setUpdatedDatasheets: setUpdatedDatasheets,
-    articleId: articleId,
-    version: version,
-    dinamicHeight: dinamicHeight,
-    inputCols: inputCols,
-    inputRows: inputRows
-  }));
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "title-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
+        text: label,
+        headerType: "input-name-header",
+        color: color
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "tooltip",
+        children: label
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GeneralInput, {
+      inputId: inputId,
+      inputType: inputType,
+      inputValue: value,
+      index: index,
+      isRequired: isRequired,
+      inputPlaceholder: inputPlaceHolder,
+      updatedDescriptions: updatedDescriptions,
+      setUpdatedDescriptions: setUpdatedDescriptions,
+      updatedDatasheets: updatedDatasheets,
+      setUpdatedDatasheets: setUpdatedDatasheets,
+      articleId: articleId,
+      version: version,
+      dinamicHeight: dinamicHeight,
+      inputCols: inputCols,
+      inputRows: inputRows,
+      maxChar: maxChar,
+      required: required,
+      optionList: optionList,
+      description: description,
+      inputOnChange: inputOnChange
+    })]
+  }, "generalTagInput-".concat(inputType));
 };
 
 exports.TagAndInput = TagAndInput;

package/dist/components/molecules/TagAndInput/styles.js

@@ -11,11 +11,19 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _variables = require("../../../global-files/variables");
+
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & > :first-child {\n    & + * {\n      margin-top: ", "px;\n    }\n  }\n"])), function (_ref) {
-  var inputType = _ref.inputType;
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .title-container {\n    position: relative;\n\n    .tooltip {\n      display: none;\n      position: absolute;\n      background-color: ", ";\n      color: ", ";\n      font-family: ", ";\n      font-size: 14px;\n      line-height: 19px;\n      left: 0;\n      top: 0;\n      height: fit-content;\n      transition: display 2s;\n    }\n\n    &:hover {\n      .tooltip {\n        display: block;\n      }\n    }\n  }\n\n  & > :first-child {\n    & + * {\n      margin-top: ", "px;\n    }\n  }\n  & + * {\n    margin-top: ", "px;\n  }\n"])), _variables.GlobalColors.white, function (_ref) {
+  var color = _ref.color;
+  return color ? color : _variables.GlobalColors.s5;
+}, _variables.FontFamily.Raleway, function (_ref2) {
+  var inputType = _ref2.inputType;
   return inputType !== "textarea" ? 4 : 15;
+}, function (_ref3) {
+  var inputType = _ref3.inputType;
+  return inputType !== "textarea" ? 0 : 10;
 });
 
 exports.Container = Container;

package/dist/components/molecules/VerificationCodeResetPasswordLogin/VerificationCodeResetPasswordLogin.stories.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VerificationCodeResetPasswordLoginDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _index = require("./index");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/molecules/VerificationCodeResetPasswordLogin",
+  component: _index.VerificationCodeResetPasswordLogin
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.VerificationCodeResetPasswordLogin, (0, _objectSpread2.default)({}, args));
+};
+
+var VerificationCodeResetPasswordLoginDefault = Template.bind({});
+exports.VerificationCodeResetPasswordLoginDefault = VerificationCodeResetPasswordLoginDefault;
+VerificationCodeResetPasswordLoginDefault.args = {};

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

@@ -0,0 +1,211 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VerificationCodeResetPasswordLogin = 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 _GradientPanel = require("../../atoms/GradientPanel");
+
+var _react = require("react");
+
+var _LogoImage = require("../../atoms/LogoImage");
+
+var _ScreenHeader = require("../../atoms/ScreenHeader");
+
+var _variables = require("../../../global-files/variables");
+
+var _GeneralInput = require("../../atoms/GeneralInput");
+
+var _GeneralButton = require("../../atoms/GeneralButton");
+
+var _utils = require("./utils");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var VerificationCodeResetPasswordLogin = function VerificationCodeResetPasswordLogin(props) {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      resend = _useState2[0],
+      setResend = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(""),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      awsError = _useState4[0],
+      setAwsError = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      emptyVerificationCode = _useState6[0],
+      setEmptyVerificationCode = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(document.querySelectorAll("[id^='verificationCodeInput']")),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      inputCodeVerificationAll = _useState8[0],
+      setInputCodeVerificationAll = _useState8[1];
+
+  var inputPositions = [1, 2, 3, 4, 5, 6];
+  (0, _react.useEffect)(function () {
+    props.confirmationError !== "" && setEmptyVerificationCode(false);
+  }, [props.confirmationError]);
+
+  var checkCode = function checkCode(e, flag) {
+    var valid = true;
+    e.preventDefault();
+    var code = "";
+
+    if (awsError === "" && !flag) {
+      inputPositions.map(function (position) {
+        return code = code + document.querySelector("#verificationCodeInput".concat(position)).value;
+      });
+
+      if (sessionStorage.getItem("resetError")) {
+        JSON.parse(sessionStorage.getItem("confirmationCode")) === code && (valid = false);
+      }
+
+      sessionStorage.setItem("confirmationCode", JSON.stringify(code));
+      valid && !sessionStorage.getItem("resetPasswordProcess") && props.setPaso(6);
+      valid && sessionStorage.getItem("resetPasswordProcess") && props.setPaso(8);
+    }
+  };
+
+  var validateResend = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+      var email;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              e.preventDefault();
+              email = JSON.parse(sessionStorage.getItem("email"));
+              _context.prev = 2;
+              _context.next = 5;
+              return props.Auth.forgotPassword(email);
+
+            case 5:
+              sessionStorage.setItem("email", JSON.stringify(email));
+              sessionStorage.setItem("resetPasswordProcess", JSON.stringify("true"));
+              props.setPaso(5);
+              setEmptyVerificationCode(false);
+              setResend(true);
+              _context.next = 16;
+              break;
+
+            case 12:
+              _context.prev = 12;
+              _context.t0 = _context["catch"](2);
+              setAwsError(_context.t0.code);
+              console.log(_context.t0.message);
+
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 12]]);
+    }));
+
+    return function validateResend(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    setInputCodeVerificationAll(document.querySelectorAll("[id^='verificationCodeInput']"));
+  }, []);
+  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.jsxs)("div", {
+    className: "user",
+    children: [sessionStorage.getItem("email") && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      text: "Ingrese el c\xF3digo de verificaci\xF3n enviado a: ".concat(JSON.parse(sessionStorage.getItem("email"))),
+      headerType: "input-name-header"
+    }), !sessionStorage.getItem("email") && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      text: "Ingrese c\xF3digo de verificaci\xF3n enviado a: ".concat(JSON.parse(sessionStorage.getItem("nuevoRegistro")).email),
+      headerType: "input-name-header"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "verification-code",
+      children: inputPositions.map(function (position) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralInput.GeneralInput, {
+          inputId: "verificationCodeInput".concat(position),
+          inputType: "text",
+          inputPlaceholder: "X",
+          validateInput: _utils.validateInput,
+          inputsArray: inputCodeVerificationAll,
+          position: position,
+          maxChar: 1
+        });
+      })
+    }), emptyVerificationCode && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Ingrese su c\xF3digo de verificaci\xF3n"
+    }), sessionStorage.getItem("resetError") && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "C\xF3digo de verifiaci\xF3n incorrecto"
+    }), props.confirmationError === "LimitExceededException" && !emptyVerificationCode && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Haz realizado demasiados intentos, intentalo m\xE1s tarde"
+    }), props.confirmationError === "CodeMismatchException" && !emptyVerificationCode && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "C\xF3digo de verificaci\xF3n incorrecto"
+    }), props.confirmationError === "ExpiredCodeException" && !emptyVerificationCode && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "El c\xF3digo ingresado est\xE1 expirado"
+    }), props.confirmationError === "InternalErrorException" && !emptyVerificationCode && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Algo sali\xF3 mal, porfavor vuelva a intentarlo"
+    }), awsError === "LimitExceededException" && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Haz realizado demasiados intentos, intentalo m\xE1s tarde"
+    }), awsError === "InternalErrorException" && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Algo sali\xF3 mal, porfavor vuelva a intentarlo"
+    }), resend && awsError === "" && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      className: "resendTrue",
+      children: "Se reenvi\xF3 el c\xF3digo de verificaci\xF3n correctamente"
+    })]
+  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "resend-code",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      onClick: function onClick(e) {
+        return validateResend(e);
+      },
+      children: "Reenviar c\xF3digo de verificaci\xF3n"
+    })
+  }, "4"), /*#__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) {
+        var flag = (0, _utils.validate)(inputCodeVerificationAll);
+        checkCode(e, flag);
+        setEmptyVerificationCode(flag);
+      }
+    })
+  }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "reset-password",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      onClick: function onClick() {
+        return props.setPaso(10);
+      },
+      children: "Regresar..."
+    })
+  }, "6")];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+      componentsArray: loginRight,
+      panelType: "home-login",
+      panelColor: _variables.GlobalColors.white
+    })
+  });
+};
+
+exports.VerificationCodeResetPasswordLogin = VerificationCodeResetPasswordLogin;

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

@@ -0,0 +1,20 @@
+"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 _variables = require("../../../global-files/variables");
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  height: 100vh;\n  width: 50%;\n  align-items: center;\n  justify-content: center;\n  .button-center {\n    text-align: center;\n    .general-default-button {\n      width: 160px;\n    }\n  }\n  .reset-password {\n    text-align: center;\n    margin: 15px !important;\n    color: ", ";\n    cursor: pointer;\n    font-weight: bold;\n    font-family: ", ";\n    font-size: 13px;\n  }\n  .resend-code {\n    margin-top: 8px !important;\n    color: ", ";\n    font-family: ", ";\n    font-size: 11px;\n    text-decoration: underline rgb(228, 81, 172);\n    cursor: pointer;\n    & + * {\n      margin-top: 30px;\n    }\n  }\n  .verification-code {\n    display: flex;\n    text-align: center;\n    margin: auto;\n    margin-top: 10px;\n    input[type=\"number\"]::-webkit-inner-spin-button,\n    input[type=\"number\"]::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n    input {\n      width: 70%;\n      text-align: center;\n    }\n  }\n  .resendTrue{\n    color: ", ";\n  }\n"])), _variables.GlobalColors.secondary_magenta, _variables.FontFamily.Raleway, _variables.GlobalColors.magenta_s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.exported);
+
+exports.Container = Container;