contentoh-components-library 21.1.82 → 21.1.85

package/dist/components/atoms/AsignationOption/index.js

@@ -21,7 +21,7 @@ var _availableIcon = _interopRequireDefault(require("../../../assets/images/asig
 
 var _data = require("../../../global-files/data");
 
-var _StatusTag = require("../StatusTag");
+var _Status = require("../Status");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -84,7 +84,7 @@ var AsignationOption = function AsignationOption(_ref) {
       })]
     }), asignationType && iconsAsignation[asignationType], services && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "status-container",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusTag.StatusTag, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Status.Status, {
         statusType: getStatus()
       })
     }), active && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/dist/components/atoms/InputFormatter/index.js

@@ -62,7 +62,7 @@ var InputFormatter = function InputFormatter(_ref) {
   var maxLength = maxChar ? maxChar : 999;
 
   var getValue = function getValue(value) {
-    var temp = value.replace(/\n/gm, "<br>").replace(/&/gm, "&amp;");
+    var temp = value.replace(/\n/gm, "<br>").replace(/&/gm, "&amp;").replace(/&nbsp;/gm, " ");
     return temp;
   }; //const quillRef = useRef();
 
@@ -74,7 +74,7 @@ var InputFormatter = function InputFormatter(_ref) {
   };
 
   var valueFormater = function valueFormater(value) {
-    return value.replace(/<\/p><p>/gm, "\n").replace(/<\/?br>|<\/?p>/gm, "").replace(/&amp;/gm, "&");
+    return value.replace(/<\/p><p>/gm, "\n").replace(/<\/?br>|<\/?p>/gm, "").replace(/&amp;/gm, "&").replace(/&nbsp;/gm, " ");
   };
 
   var _onChange = function onChange(valueInput, delta, user, h) {
@@ -82,7 +82,7 @@ var InputFormatter = function InputFormatter(_ref) {
 
     try {
       if (h.getLength() - 1 <= maxLength) {
-        var unformattedText = valueInput.replace(/<li.*?>/gm, "   - ").replace(/<\/li>/gm, "\n").replace(/<\/p><p>/gm, "\n").replaceAll(/<\/?(?!\/?strong).*?>/gm, "");
+        var unformattedText = valueInput.replace(/<li.*?>/gm, "   - ").replace(/<\/li>/gm, "\n").replace(/<\/p><p>/gm, "\n").replaceAll(/<\/?(?!\/?strong).*?>/gm, "").replace(/&nbsp;/gm, " ");
         setInputValue(valueInput);
         value = unformattedText;
       } else {

package/dist/components/atoms/ProductPercentCard/Percent.stories.js

@@ -13,7 +13,7 @@ var _index = require("./index");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "Ex"];
+var status = ["-", "Pr", "R", "AS", "CA", "IE", "AC", "AA", "AP", "ACA", "RA", "RC", "RP", "RCA", "Ex"];
 var _default = {
   title: "Components/atoms/ProductPercentCard",
   component: _index.ProductPercentCard,

package/dist/components/atoms/ProductPercentCard/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  border-radius: 7px;\n  max-width: fit-content;\n  flex-direction: column;\n  height: 83px;\n  padding: 10px;\n\n  &.status-Pr,\n  &.status-Rc {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n  &.status-- {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-As,\n  &.status-P,\n  &.status-QF {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-AF,\n  &.status-AA,\n  &.status-AP,\n  &.status-AC {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-RA,\n  &.status-RF,\n  &.status-RP,\n  &.status-RC {\n    border: 1px solid #d74ded;\n    .span {\n      color: #d74ded;\n    }\n  }\n\n  &.status-Ex {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  .text {\n    color: ", ";\n    text-align: center;\n    font-size: 12px;\n    width: 70px;\n    font-family: ", ";\n    line-height: 14px;\n    margin: auto;\n  }\n  .percent-text {\n    display: flex;\n    font-family: ", ";\n    align-items: center;\n    .number {\n      font-size: 28px;\n      color: ", ";\n    }\n    .span {\n      padding-top: 8px;\n      font-size: 18px;\n    }\n  }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.FontFamily.Raleway, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 7px;\n  max-width: fit-content;\n  flex-direction: column;\n  height: 83px;\n  padding: 10px;\n\n  &.status-PA,\n  &.status-RC {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n  &.status-- {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-AS,\n  &.status-CA,\n  &.status-IE {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-AC,\n  &.status-AA,\n  &.status-AP,\n  &.status-ACA {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  &.status-RA,\n  &.status-RC,\n  &.status-RP,\n  &.status-RCA {\n    border: 1px solid #d74ded;\n    .span {\n      color: #d74ded;\n    }\n  }\n\n  &.status-Ex {\n    border: 1px solid ", ";\n    .span {\n      color: ", ";\n    }\n  }\n\n  .text {\n    color: ", ";\n    text-align: center;\n    font-size: 12px;\n    width: 70px;\n    font-family: ", ";\n    line-height: 14px;\n    margin: auto;\n  }\n  .percent-text {\n    display: flex;\n    font-family: ", ";\n    align-items: center;\n    .number {\n      font-size: 28px;\n      color: ", ";\n    }\n    .span {\n      padding-top: 8px;\n      font-size: 18px;\n    }\n  }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.FontFamily.Raleway, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
 
 exports.Container = Container;

package/dist/components/atoms/ProgressBar/styles.js

@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  width: fit-content;\n  height: 27px;\n  padding: 4px;\n  border-radius: 15px;\n  font-family: ", ";\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 19px;\n  color: ", ";\n\n  &.status-As,\n  &.status-P {\n    background-color: ", ";\n  }\n\n  &.status-Pr,\n  &.status-Rr {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-AC,\n  &.status-AF {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RF,\n  &.status-RP,\n  &.status-RC {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, function (backgroundColor) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  width: fit-content;\n  height: 27px;\n  padding: 4px;\n  border-radius: 15px;\n  font-family: ", ";\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 19px;\n  color: ", ";\n\n  &.status-CA {\n    background-color: ", ";\n  }\n\n  &.status-R,\n  &.status-AS {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-ACA,\n  &.status-AC {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RC,\n  &.status-RP,\n  &.status-RCA {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, function (backgroundColor) {
   return backgroundColor === "s2" || backgroundColor === "s1" ? _variables.GlobalColors.s4 : _variables.GlobalColors.white;
 }, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
 

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

@@ -13,6 +13,8 @@ var _styles = require("./styles");
 
 var _react = require("react");
 
+var _customHooks = require("../../../global-files/customHooks");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var SliderToolTip = function SliderToolTip(_ref) {
@@ -21,23 +23,10 @@ var SliderToolTip = function SliderToolTip(_ref) {
       iconSize = _ref.iconSize,
       slidePosition = _ref.slidePosition;
 
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showMenu = _useState2[0],
-      setShowMenu = _useState2[1];
-
-  var closeMenu = function closeMenu(e) {
-    if (!e.target.closest("#div-slider") && showMenu) {
-      document.removeEventListener("click", closeMenu, false);
-      setShowMenu(false);
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    if (showMenu) {
-      document.addEventListener("click", closeMenu, false);
-    }
-  }, [showMenu]);
+  var _useCloseModal = (0, _customHooks.useCloseModal)("div-slider"),
+      _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
+      showMenu = _useCloseModal2[0],
+      setShowMenu = _useCloseModal2[1];
 
   var color = function color(id) {
     for (var i = 1; i <= slidefront.length; i++) {
@@ -62,11 +51,9 @@ var SliderToolTip = function SliderToolTip(_ref) {
         alt: "info icon",
         className: iconSize,
         onClick: function onClick(e) {
-          setShowMenu(!showMenu);
-
-          if (showMenu) {
-            document.removeEventListener("click", closeMenu, false);
-          }
+          e.stopPropagation();
+          e.preventDefault();
+          setShowMenu(true);
         }
       }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Slider, {
         id: "div-slider",
@@ -92,7 +79,6 @@ var SliderToolTip = function SliderToolTip(_ref) {
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
                   id: "button-slide",
                   onClick: function onClick(e) {
-                    document.removeEventListener("click", closeMenu, false);
                     setShowMenu(false);
                   },
                   children: "Cerrar"

package/dist/components/atoms/Status/Status.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StatusDefault = 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/atoms/Status",
+  component: _index.Status
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Status, (0, _objectSpread2.default)({}, args));
+};
+
+var StatusDefault = Template.bind({});
+exports.StatusDefault = StatusDefault;
+StatusDefault.args = {
+  statusType: "IE",
+  ovalForm: false
+};

package/dist/components/atoms/Status/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Status = void 0;
+
+var _styles = require("./styles");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var Status = function Status(_ref) {
+  var statusType = _ref.statusType,
+      ovalForm = _ref.ovalForm;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: "status-".concat(statusType === null || statusType === void 0 ? void 0 : statusType.replace(/\/.*/, ""), " ").concat(ovalForm && "oval-form"),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: statusType !== null && statusType !== void 0 ? statusType : 'NS'
+    })
+  });
+};
+
+exports.Status = Status;

package/dist/components/atoms/Status/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  width: fit-content;\n  padding: 0 10px;\n  height: 20px;\n  background-color: ", ";\n  border-radius: 3px;\n\n  p {\n    text-align: center;\n    color: ", ";\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 20px;\n  }\n\n  &.status-CA,\n  &.status-IE {\n    background-color: ", ";\n  }\n\n  &.status-R,\n  &.status-AS {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-AC,\n  &.status-ACA {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RC,\n  &.status-RP,\n  &.status-RCA {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.oval-form {\n    border-radius: 10px;\n  }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.FontFamily.Lato, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
+
+exports.Container = Container;

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

@@ -17,7 +17,7 @@ var _assignedImage2 = _interopRequireDefault(require("../../../assets/images/com
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "Ex"];
+var status = ["-", "Pr", "R", "AS", "CA", "IE", "AC", "AA", "AP", "ACA", "RA", "RC", "RP", "RCA", "Ex"];
 var _default = {
   title: "Components/molecules/AssignedWork",
   component: _index.AssignedWork,

package/dist/components/molecules/AssignedWork/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  border-radius: 4px;\n  background-color: transparent;\n  padding: 8px;\n  width: 250px;\n  padding-bottom: 5px;\n  position: relative;\n\n  &.status-Pr,\n  &.status-Rc {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n  &.status-- {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  &.status-As,\n  &.status-P,\n  &.status-QF {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  &.status-AF,\n  &.status-AA,\n  &.status-AP,\n  &.status-AC {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  &.status-RA,\n  &.status-RF,\n  &.status-RP,\n  &.status-RC {\n    border: 1px solid #d74ded;\n    .header-and-paragraph {\n      color: #d74ded;\n    }\n  }\n\n  &.status-Ex {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n      \n    }\n  }\n\n  .header-flag {\n    display: flex;\n    justify-content: space-between;\n    .flag {\n      position: absolute;\n      right: 1px;\n      top: 0px;\n    }\n  }\n  .header-and-paragraph {\n    font-size: 12px;\n    line-height: 13px;\n    p {\n      line-height: 11px;\n      font-size: 10px;\n      color: ", ";\n    }\n  }\n\n  .clock-assigned {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    .assigned {\n      display: flex;\n      flex-direction: row-reverse;\n      .big-image {\n        & + .big-image {\n          margin-right: -5px;\n        }\n      }\n    }\n  }\n  .clock-header {\n    display: flex;\n    border-radius: 4px;\n    background: ", ";\n    padding: 3px 10px;\n    .clock {\n      & + * {\n        margin-left: 10px;\n      }\n    }\n    .date-header {\n      font-size: 11px;\n      line-height: 13px;\n    }\n  }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.GlobalColors.s2);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 4px;\n  background-color: transparent;\n  padding: 8px;\n  width: 250px;\n  padding-bottom: 5px;\n  position: relative;\n\n  &.status-PA,\n  &.status-R {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n  &.status-- {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  &.status-AA,\n  &.status-CA,\n  &.status-IE {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  &.status-AC,\n  &.status-AA,\n  &.status-AP,\n  &.status-ACA {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  &.status-RA,\n  &.status-RC,\n  &.status-RP,\n  &.status-RCA {\n    border: 1px solid #d74ded;\n    .header-and-paragraph {\n      color: #d74ded;\n    }\n  }\n\n  &.status-Ex {\n    border: 1px solid ", ";\n    .header-and-paragraph {\n      color: ", ";\n    }\n  }\n\n  .header-flag {\n    display: flex;\n    justify-content: space-between;\n    .flag {\n      position: absolute;\n      right: 1px;\n      top: 0px;\n    }\n  }\n  .header-and-paragraph {\n    font-size: 12px;\n    line-height: 13px;\n    p {\n      line-height: 11px;\n      font-size: 10px;\n      color: ", ";\n    }\n  }\n\n  .clock-assigned {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    .assigned {\n      display: flex;\n      flex-direction: row-reverse;\n      .big-image {\n        & + .big-image {\n          margin-right: -5px;\n        }\n      }\n    }\n  }\n  .clock-header {\n    display: flex;\n    border-radius: 4px;\n    background: ", ";\n    padding: 3px 10px;\n    .clock {\n      & + * {\n        margin-left: 10px;\n      }\n    }\n    .date-header {\n      font-size: 11px;\n      line-height: 13px;\n    }\n  }\n"])), _variables.GlobalColors.reception, _variables.GlobalColors.reception, _variables.GlobalColors.s3, _variables.GlobalColors.s3, _variables.GlobalColors.in_progress, _variables.GlobalColors.in_progress, _variables.GlobalColors.finished, _variables.GlobalColors.finished, _variables.GlobalColors.exported, _variables.GlobalColors.exported, _variables.GlobalColors.s4, _variables.GlobalColors.s2);
 
 exports.Container = Container;

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

@@ -9,7 +9,7 @@ var _styles = require("./styles");
 
 var _index = require("../../atoms/ScreenHeader/index");
 
-var _index2 = require("../../atoms/StatusTag/index");
+var _index2 = require("../../atoms/Status/index");
 
 var _index3 = require("../../atoms/ProgressBar/index");
 
@@ -27,7 +27,7 @@ var ProductNameHeader = function ProductNameHeader(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       headerType: "product-name-header",
       text: productName
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
       statusType: statusType
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ProgressBar, {
       percent: percent,

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

@@ -15,7 +15,7 @@ var _index = require("../../atoms/ScreenHeader/index");
 
 var _Avatar = require("../../atoms/Avatar");
 
-var _index2 = require("../../atoms/StatusTag/index");
+var _index2 = require("../../atoms/Status/index");
 
 var _GeneralButton = require("../../atoms/GeneralButton");
 
@@ -109,12 +109,10 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "general circular-button version-button",
       onClick: function onClick(e) {
-        e.stopPropagation();
-        e.preventDefault();
         setShowVersionSelector(true);
       },
       label: "V".concat(version)
-    }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
+    }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
       statusType: status,
       ovalForm: true
     }), showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
@@ -146,7 +144,10 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
           imageType: "small-image",
           image: (0, _data.getProfilePicture)(assignation.id, 20, 20),
           altText: "user profile image",
-          onClick: function onClick() {
+          onClick: function onClick(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            console.log(e.target);
             setShowAsignationPanel(true);
             setAssignationType(assignation === null || assignation === void 0 ? void 0 : assignation.collaboratorType);
           }
@@ -165,7 +166,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
           className: "asignation-status",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
             children: "Estatus"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
             statusType: status,
             ovalForm: true
           })]

package/dist/components/organisms/FullProductNameHeader/index.js

@@ -47,7 +47,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
       var element = [];
       servicesData.forEach(function (sd) {
         if (sd.id_retailer === rt.id) {
-          element.push(sd.status ? sd.status : "RECEIVED");
+          element.push(sd.status ? sd.status : "R");
         } else element.push("NA");
 
         rt["services"] = element;

package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js

@@ -28,8 +28,8 @@ exports.ProviderProductEditionDefault = ProviderProductEditionDefault;
 ProviderProductEditionDefault.args = {
   tabsSections: {
     Descripción: true,
-    "Ficha técnica": false,
-    Imágenes: false
+    "Ficha técnica": true,
+    Imágenes: true
   },
   token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5ZTQ0OGMwZS0xOGVkLTRlYWYtOWY4OC0zYjMxOTdkNGEyZmQiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjllNDQ4YzBlLTE4ZWQtNGVhZi05Zjg4LTNiMzE5N2Q0YTJmZCIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI5ODg5YTFhYi1mMTljLTRiNzQtYjQ5Ni0xZDM3YzZjY2U3YmQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjQzMTQ5OCwibmFtZSI6IkdlcnNvbiBNYXJ0w61uZXoiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjMxMjMxMjMiLCJleHAiOjE2NTY0MzUwOTgsImlhdCI6MTY1NjQzMTQ5OCwiZW1haWwiOiJnbWFydGluZXpAY29udGVudG9oLmNvbSJ9.qMBMYKxcaQrXT-3373y3K4eX73vgRApuFsT9-FVl9AuP_BKy51nHReEvwWHO4SMVpFxf3eHoQhUHG2PTl8qlvnoXlLqfCdgJEnq5DMFIOqcs_WzUHfb3k4r3y66DMzPwQI0aEk35ZYsAvkxd9m6Ax9fwJBuMCpb3jf7Az0SBpDvUgT7iRvS2b09UTwkW3ZIxfnaUE4uoqacoTUm7239AjuNe5Qh3UZl0rVvZ-mnh3SmAcNpxl-RtUEdcw4gO0MbIch39gIJ_1CcvBxXR2tVSUILZWfbpXI2ubA_sQZ0VJy5kWpe4pYF5beJISZ7sZ0Fzrv2ftE7poEtueYloftRfng",
   articleId: 238,
@@ -102,10 +102,6 @@ ProviderProductEditionDefault.args = {
     }]
   },
   location: {
-    product: {
-      articleId: 109485,
-      versionId: 3
-    },
     state: {
       origin: "Contentoh"
     }