contentoh-components-library 21.4.102 → 21.4.104

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

@@ -1,61 +1,129 @@
 "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");
-const VerificationCodeResetPasswordLogin = props => {
-  const [resend, setResend] = (0, _react.useState)(false);
-  const [awsError, setAwsError] = (0, _react.useState)("");
-  const [emptyVerificationCode, setEmptyVerificationCode] = (0, _react.useState)(false);
-  const [inputCodeVerificationAll, setInputCodeVerificationAll] = (0, _react.useState)(document.querySelectorAll("[id^='verificationCodeInput']"));
-  const inputPositions = [1, 2, 3, 4, 5, 6];
-  (0, _react.useEffect)(() => {
+
+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]);
-  const checkCode = (e, flag) => {
-    let valid = true;
+
+  var checkCode = function checkCode(e, flag) {
+    var valid = true;
     e.preventDefault();
-    let code = "";
+    var code = "";
+
     if (awsError === "" && !flag) {
-      inputPositions.map(position => code = code + document.querySelector("#verificationCodeInput".concat(position)).value);
+      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);
     }
   };
-  const validateResend = async e => {
-    e.preventDefault();
-    const email = JSON.parse(sessionStorage.getItem("email"));
-    try {
-      await props.Auth.forgotPassword(email);
-      sessionStorage.setItem("email", JSON.stringify(email));
-      sessionStorage.setItem("resetPasswordProcess", JSON.stringify("true"));
-      props.setPaso(5);
-      setEmptyVerificationCode(false);
-      setResend(true);
-    } catch (err) {
-      setAwsError(err.code);
-      console.log(err.message);
-    }
-  };
-  (0, _react.useEffect)(() => {
+
+  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']"));
   }, []);
-  const loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  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,
@@ -72,15 +140,17 @@ const VerificationCodeResetPasswordLogin = props => {
       headerType: "input-name-header"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "verification-code",
-      children: inputPositions.map(position => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralInput.GeneralInput, {
-        inputId: "verificationCodeInput".concat(position),
-        inputType: "text",
-        inputPlaceholder: "X",
-        validateInput: _utils.validateInput,
-        inputsArray: inputCodeVerificationAll,
-        position: position,
-        maxChar: 1
-      }))
+      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", {
@@ -104,7 +174,9 @@ const VerificationCodeResetPasswordLogin = props => {
   }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "resend-code",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      onClick: e => validateResend(e),
+      onClick: function onClick(e) {
+        return validateResend(e);
+      },
       children: "Reenviar c\xF3digo de verificaci\xF3n"
     })
   }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -112,8 +184,8 @@ const VerificationCodeResetPasswordLogin = props => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "general-default-button",
       label: "Enviar",
-      onClick: e => {
-        let flag = (0, _utils.validate)(inputCodeVerificationAll);
+      onClick: function onClick(e) {
+        var flag = (0, _utils.validate)(inputCodeVerificationAll);
         checkCode(e, flag);
         setEmptyVerificationCode(flag);
       }
@@ -121,7 +193,9 @@ const VerificationCodeResetPasswordLogin = props => {
   }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "reset-password",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      onClick: () => props.setPaso(10),
+      onClick: function onClick() {
+        return props.setPaso(10);
+      },
       children: "Regresar..."
     })
   }, "6")];
@@ -133,4 +207,5 @@ const VerificationCodeResetPasswordLogin = props => {
     })
   });
 };
+
 exports.VerificationCodeResetPasswordLogin = VerificationCodeResetPasswordLogin;

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

@@ -1,12 +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;
-const Container = exports.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);
+
+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;

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

@@ -4,57 +4,66 @@ 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)
  */
-const validateInput = (e, index, inputsArray) => {
-  let isValid = false;
-  const inputNotEmpty = e.target.value.length > 0;
+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;
-const validateInputNumber = e => {
+
+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
  */
-const nextInputFocus = (inputsArray, index) => {
+
+
+var nextInputFocus = function nextInputFocus(inputsArray, index) {
   var _inputsArray$index;
-  const button = document.getElementsByClassName("general-default-button");
+
+  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
  */
-const validate = inputsArray => {
-  let contInputEmpty = 0;
-  inputsArray.forEach(element => {
+
+
+var validate = function validate(inputsArray) {
+  var contInputEmpty = 0;
+  inputsArray.forEach(function (element) {
     element.value === "" ? 0 : contInputEmpty++;
   });
   return contInputEmpty !== inputsArray.length;
 };
+
 exports.validate = validate;

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

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

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

@@ -1,40 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VersionItem = void 0;
+
 var _index = require("../../atoms/Avatar/index");
+
 var _styles = require("./styles");
+
 var _nullIcon = _interopRequireDefault(require("../../../assets/images/versionSelector/nullIcon.svg"));
+
 var _acceptIcon = _interopRequireDefault(require("../../../assets/images/versionSelector/acceptIcon.svg"));
+
 var _versionSelected = _interopRequireDefault(require("../../../assets/images/versionSelector/versionSelected.svg"));
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _ScreenHeader = require("../../atoms/ScreenHeader");
+
 var _variables = require("../../../global-files/variables");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const VersionItem = _ref => {
-  let {
-    version = "",
-    articleStatus,
-    currentVersion,
-    productOwner = "owner test",
-    setVersion,
-    timestamp
-  } = _ref;
-  let textExportedDate = "";
+
+var VersionItem = function VersionItem(_ref) {
+  var _ref$version = _ref.version,
+      version = _ref$version === void 0 ? "" : _ref$version,
+      articleStatus = _ref.articleStatus,
+      currentVersion = _ref.currentVersion,
+      _ref$productOwner = _ref.productOwner,
+      productOwner = _ref$productOwner === void 0 ? "owner test" : _ref$productOwner,
+      setVersion = _ref.setVersion,
+      timestamp = _ref.timestamp;
+  var textExportedDate = "";
+
   if (timestamp !== null) {
-    const exportedDate = new Date(timestamp).toLocaleDateString();
+    var exportedDate = new Date(timestamp).toLocaleDateString();
     textExportedDate = "\xDAltima vez exportado: ".concat(exportedDate);
   }
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "header",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
         buttonType: "circular-button" + (currentVersion ? " disabled" : ""),
         image: _versionSelected.default,
-        onClick: () => setVersion && setVersion(version)
+        onClick: function onClick() {
+          return setVersion && setVersion(version);
+        }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         src: articleStatus ? _acceptIcon.default : _nullIcon.default,
         alt: articleStatus ? "Validated version" : "Unvalidated version"
@@ -55,4 +70,5 @@ const VersionItem = _ref => {
     })]
   });
 };
+
 exports.VersionItem = VersionItem;

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

@@ -1,12 +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 _variables = require("../../../global-files/variables");
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  padding-bottom: 5px;\n  border-bottom: 1px solid ", ";\n  .header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .version-info {\n    text-align: right;\n    h2,\n    p {\n      & + * {\n        margin-top: 5px;\n      }\n    }\n\n    p {\n      font-size: 12px;\n      font-family: ", ";\n      color: ", ";\n    }\n  }\n\n  & + * {\n    margin-top: 18px;\n  }\n"])), _variables.GlobalColors.deep_gray, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s2);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  padding-bottom: 5px;\n  border-bottom: 1px solid ", ";\n  .header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .version-info {\n    text-align: right;\n    h2,\n    p {\n      & + * {\n        margin-top: 5px;\n      }\n    }\n\n    p {\n      font-size: 12px;\n      font-family: ", ";\n      color: ", ";\n    }\n  }\n\n  & + * {\n    margin-top: 18px;\n  }\n"])), _variables.GlobalColors.deep_gray, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s2);
+
+exports.Container = Container;

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

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

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

@@ -1,36 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VersionItemv2 = void 0;
+
 var _index = require("../../atoms/Avatar/index");
+
 var _styles = require("./styles");
+
 var _nullIcon = _interopRequireDefault(require("../../../assets/images/versionSelector/nullIcon.svg"));
+
 var _acceptIcon = _interopRequireDefault(require("../../../assets/images/versionSelector/acceptIcon.svg"));
+
 var _versionSelected = _interopRequireDefault(require("../../../assets/images/versionSelector/versionSelected.svg"));
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _ScreenHeader = require("../../atoms/ScreenHeader");
+
 var _variables = require("../../../global-files/variables");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const VersionItemv2 = _ref => {
-  let {
-    version = "",
-    articleStatus,
-    currentVersion,
-    productOwner = "owner test",
-    setVersion,
-    timestamp
-  } = _ref;
-  let textExportedDate = "";
+
+var VersionItemv2 = function VersionItemv2(_ref) {
+  var _ref$version = _ref.version,
+      version = _ref$version === void 0 ? "" : _ref$version,
+      articleStatus = _ref.articleStatus,
+      currentVersion = _ref.currentVersion,
+      _ref$productOwner = _ref.productOwner,
+      productOwner = _ref$productOwner === void 0 ? "owner test" : _ref$productOwner,
+      setVersion = _ref.setVersion,
+      timestamp = _ref.timestamp;
+  var textExportedDate = "";
+
   if (timestamp !== null) {
-    const exportedDate = new Date(timestamp).toLocaleDateString();
+    var exportedDate = new Date(timestamp).toLocaleDateString();
     textExportedDate = "\xDAltima vez exportado: ".concat(exportedDate);
   }
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     className: currentVersion ? "active" : "disabled",
-    onClick: () => setVersion && setVersion(version),
+    onClick: function onClick() {
+      return setVersion && setVersion(version);
+    },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "header"
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -55,4 +70,5 @@ const VersionItemv2 = _ref => {
     })]
   });
 };
+
 exports.VersionItemv2 = VersionItemv2;

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

@@ -1,12 +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 _variables = require("../../../global-files/variables");
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  padding: 5px 10px;\n  border-radius:10px;\n  &.disabled {\n    border: 1px solid ", ";\n  }\n  &.active {\n    border: 1px solid ", ";\n    background:rgba(138,108,170,0.2);\n  }\n  .header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .version-title {\n    display:flex;\n    justify-content:space-between;\n    align-items: center;\n  }\n  .version-info {\n    text-align: left;\n    h2{\n      font-size: 12px;\n      font-family: ", ", sans-serif;\n    }\n    p {\n      & + * {\n        margin-top: 5px;\n      }\n    }\n\n    p {\n      font-size: 12px;\n      font-family: ", ", sans-serif;\n      color: ", ";\n    }\n  }\n\n  & + * {\n    margin-top: 10px;\n  }\n"])), _variables.GlobalColors.white, _variables.GlobalColors.gray_light, _variables.GlobalColors.purple, _variables.FontFamily.RobotoMedium, _variables.FontFamily.RobotoRegular, _variables.GlobalColors.gray);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  padding: 5px 10px;\n  border-radius:10px;\n  &.disabled {\n    border: 1px solid ", ";\n  }\n  &.active {\n    border: 1px solid ", ";\n    background:rgba(138,108,170,0.2);\n  }\n  .header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .version-title {\n    display:flex;\n    justify-content:space-between;\n    align-items: center;\n  }\n  .version-info {\n    text-align: left;\n    h2{\n      font-size: 12px;\n      font-family: ", ", sans-serif;\n    }\n    p {\n      & + * {\n        margin-top: 5px;\n      }\n    }\n\n    p {\n      font-size: 12px;\n      font-family: ", ", sans-serif;\n      color: ", ";\n    }\n  }\n\n  & + * {\n    margin-top: 10px;\n  }\n"])), _variables.GlobalColors.white, _variables.GlobalColors.gray_light, _variables.GlobalColors.purple, _variables.FontFamily.RobotoMedium, _variables.FontFamily.RobotoRegular, _variables.GlobalColors.gray);
+
+exports.Container = Container;

package/dist/components/organisms/BarButtons/BarButtons.stories.js

@@ -1,19 +1,30 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BarButtonsDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/organisms/BarButtons",
   component: _index.BarButtons
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BarButtons, {
-  ...args
-});
-const BarButtonsDefault = exports.BarButtonsDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BarButtons, (0, _objectSpread2.default)({}, args));
+};
+
+var BarButtonsDefault = Template.bind({});
+exports.BarButtonsDefault = BarButtonsDefault;
 BarButtonsDefault.args = {
   panelText: "Elige la plataforma que conecta proovedores y retailers"
 };