contentoh-components-library 21.1.29 → 21.1.32

package/dist/components/atoms/Commentary/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  width: 500px;\n  height: 80px;\n  border: 1px solid ", ";\n  padding: 10px;\n  p {\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 15px;\n    color: ", ";\n    text-decoration: ", ";\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 500px;\n  height: 80px;\n  border: 1px solid ", ";\n  padding: 10px;\n  p {\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 15px;\n    color: ", ";\n    text-decoration: ", ";\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, function (_ref) {
   var reviewed = _ref.reviewed;
   return reviewed ? "line-through" : "none";
 });

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

@@ -15,15 +15,15 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n\n  > div {\n    label {\n      &:before {\n        outline: 1px solid ", ";\n      }\n    }\n  }\n\n  input,\n  textarea {\n    width: 100%;\n    border: 1px solid\n      ", ";\n\n    font-family: ", ";\n    color: ", ";\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 15px;\n    padding: 10px;\n    outline: none;\n    border-radius: 2px;\n    resize: none;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  select {\n    background: #fafafa;\n    outline: none;\n    border: 1px solid\n      ", ";\n    width: 100%;\n    cursor: pointer;\n    font-family: ", ";\n    color: ", ";\n    font-size: 12px;\n    line-height: 21px;\n    padding: 10px;\n    border-right: 2px solid #e33aa9;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  p {\n    font-family: ", ";\n    font-size: 11px;\n    color: ", ";\n  }\n"])), function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n\n  > div {\n    label {\n      &:before {\n        outline: 1px solid ", ";\n      }\n    }\n  }\n\n  input,\n  textarea {\n    width: 100%;\n    border: 1px solid\n      ", ";\n\n    font-family: ", ";\n    color: ", ";\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 15px;\n    padding: 10px;\n    outline: none;\n    border-radius: 2px;\n    resize: none;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  select {\n    background: #fafafa;\n    outline: none;\n    border: 1px solid\n      ", ";\n    width: 100%;\n    cursor: pointer;\n    font-family: ", ";\n    color: ", ";\n    font-size: 12px;\n    line-height: 21px;\n    padding: 10px;\n    border-right: 2px solid #e33aa9;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  p {\n    font-family: ", ";\n    font-size: 12px;\n    color: ", ";\n  }\n"])), function (_ref) {
   var isRequired = _ref.isRequired;
   return isRequired ? "red" : "none";
 }, function (_ref2) {
   var isRequired = _ref2.isRequired;
   return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
-}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.magenta_s2, function (_ref3) {
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, function (_ref3) {
   var isRequired = _ref3.isRequired;
   return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
-}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Raleway, _variables.GlobalColors.s4);
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Raleway, _variables.GlobalColors.deep_gray);
 
 exports.Container = Container;

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

@@ -28,6 +28,6 @@ var Container = _styledComponents.default.div(_templateObject || (_templateObjec
 }, function (_ref4) {
   var position = _ref4.position;
   return position.left;
-}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.FontFamily.Raleway_900, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.FontFamily.Raleway_900, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray);
 
 exports.Container = Container;

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

@@ -57,7 +57,6 @@ var SliderToolTip = function SliderToolTip(_ref) {
 
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-      className: "container-slider",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         src: infoIcon,
         alt: "info icon",
@@ -72,7 +71,6 @@ var SliderToolTip = function SliderToolTip(_ref) {
       }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Slider, {
         id: "div-slider",
         className: slidePosition,
-        length: slidefront.length,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
           className: "slider",
           children: slidefront.map(function (item, index) {
@@ -81,15 +79,15 @@ var SliderToolTip = function SliderToolTip(_ref) {
               className: "slide".concat(index + 1) === "slide".concat(slidefront.length) ? "end-div" : "",
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                  src: slidefront[index].slide
+                  src: item.slide
                 })
               }), "slide".concat(index + 1) === "slide".concat(slidefront.length) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
                   className: "lema-end",
                   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    children: slidefront[index].title
+                    children: item.title
                   }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                    children: slidefront[index].description
+                    children: item.description
                   })]
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
                   id: "button-slide",
@@ -100,10 +98,10 @@ var SliderToolTip = function SliderToolTip(_ref) {
                   children: "Cerrar"
                 })]
               }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [slidefront[index].title !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  children: slidefront[index].title
+                children: [item.title !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  children: item.title
                 }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                  children: slidefront[index].description
+                  children: item.description
                 })]
               })]
             });
@@ -113,10 +111,17 @@ var SliderToolTip = function SliderToolTip(_ref) {
           children: slidefront.map(function (item, index) {
             return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-                href: "#slide".concat(index + 1),
                 id: "slidea".concat(index + 1),
                 onClick: function onClick(e) {
                   color("slidea".concat(index + 1));
+
+                  for (var i = 1; i <= slidefront.length; i++) {
+                    if (index + 1 === i) {
+                      document.getElementById("slide".concat(index + 1)).style.opacity = 1;
+                    } else if (index + 1 > i || index + 1 < i) {
+                      document.getElementById("slide".concat(i)).style.opacity = 0;
+                    }
+                  }
                 }
               })
             });

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

@@ -19,6 +19,6 @@ var Container = _styledComponents.default.div(_templateObject || (_templateObjec
 
 exports.Container = Container;
 
-var Slider = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-family: sans-serif;\n  margin: auto;\n  background: #281f33;\n  border-radius: 6px;\n  width: 310px;\n  padding: 16px;\n  padding-top: 20px;\n  box-sizing: border-box;\n  position: absolute;\n  cursor: default;\n  z-index: 2;\n  &.top-slide {\n    top: calc(100% - 370px);\n    left: calc(100% - 738px);\n  }\n  &.bottom-slide {\n    top: calc(100%);\n    left: calc(-280px / 2);\n  }\n  #div-slider {\n    width: 310px;\n  }\n  ul,\n  li {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n  .slider {\n    position: relative;\n    max-width: 300px;\n    width: 100%;\n    height: 270px;\n    margin: 0;\n    span {\n      font-family: \"Avenir Next\";\n      font-style: normal;\n      font-weight: 500;\n      font-size: 15px;\n      line-height: 15px;\n      text-align: center;\n      letter-spacing: -0.015em;\n      color: #fafafa;\n      display: flex;\n      justify-content: center;\n      background-color: #281f33;\n      & + * {\n        margin-top: 10px;\n      }\n    }\n    li {\n      position: absolute;\n      left: 0px;\n      top: 0px;\n      opacity: 0;\n      width: inherit;\n      height: inherit;\n      transition: opacity 0.5s;\n      background: transparent;\n      img {\n        width: 100%;\n        height: 180px;\n        border-radius: 4px;\n        background-color: #fafafa;\n        & + * {\n          margin-top: 10px;\n        }\n      }\n      p {\n        font-family: \"Avenir Next\";\n        font-style: normal;\n        font-weight: 400;\n        font-size: 10px;\n        line-height: 12px;\n        text-align: center;\n        letter-spacing: -0.015em;\n        color: #fafafa;\n        background-color: #281f33;\n      }\n      div {\n        background-color: #fafafa;\n        height: 180px;\n        border-radius: 4px;\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n        align-items: center;\n        img {\n          width: 90%;\n        }\n        & + * {\n          margin-top: 13px;\n        }\n      }\n    }\n    .end-div {\n      div {\n        height: 130px;\n        width: 100%;\n        background-color: #fafafa;\n        display: flex;\n        align-items: center;\n        border-radius: 4px;\n        img {\n          width: 100%;\n          height: 115px;\n          object-fit: contain;\n        }\n      }\n      .lema-end {\n        justify-content: center;\n        justify-content: space-evenly;\n        height: 110px;\n        background-color: #281f33;\n        flex-direction: column;\n        justify-content: space-evenly;\n        border-radius: inherit;\n      }\n      button {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        padding: 10px;\n        width: 160px;\n        height: 30px;\n        border: 1px solid #d4d1d7;\n        border-radius: 15px;\n        color: #fafafa;\n        background-color: #281f33;\n        font-family: \"Avenir Next\";\n        font-style: normal;\n        font-weight: 400;\n        font-size: 18px;\n        line-height: 25px;\n        letter-spacing: -0.015em;\n        position: absolute;\n        left: 22%;\n        top: 90%;\n        cursor: pointer;\n      }\n    }\n  }\n  li:first-child {\n    opacity: 1;\n  }\n  li:target {\n    opacity: 1;\n  }\n  .menu {\n    margin: 0;\n    text-align: center;\n    li {\n      display: inline-block;\n      text-align: center;\n      & + * {\n        margin-left: 15px;\n      }\n      a {\n        display: inline-block;\n        text-decoration: none;\n        background-color: #c4c4c4;\n        width: 10px;\n        height: 10px;\n        border-radius: 100%;\n      }\n      #slidea1 {\n        background-color: #e33aa9;\n      }\n    }\n  }\n"])));
+var Slider = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-family: sans-serif;\n  margin: auto;\n  background: #281f33;\n  border-radius: 6px;\n  width: 310px;\n  padding: 16px;\n  padding-top: 20px;\n  box-sizing: border-box;\n  position: absolute;\n  cursor: default;\n  z-index: 2;\n  width: 310px;\n  &.top-slide {\n    top: calc(100% - 370px);\n    left: calc(100% - 175px);\n  }\n  &.bottom-slide {\n    top: 100%;\n    right: calc(100% + -70px);\n  }\n  ul,\n  li {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n  .slider {\n    position: relative;\n    max-width: 300px;\n    width: 100%;\n    height: 270px;\n    margin: 0;\n    li {\n      position: absolute;\n      left: 0px;\n      top: 0px;\n      opacity: 0;\n      width: inherit;\n      height: inherit;\n      transition: opacity 0.5s;\n      background: transparent;\n      img {\n        width: 100%;\n        height: 180px;\n        border-radius: 4px;\n        background-color: #fafafa;\n        & + * {\n          margin-top: 10px;\n        }\n      }\n      p {\n        font-family: \"Avenir Next\";\n        font-style: normal;\n        font-weight: 400;\n        font-size: 10px;\n        line-height: 12px;\n        text-align: center;\n        letter-spacing: -0.015em;\n        color: #fafafa;\n        background-color: #281f33;\n      }\n      div {\n        background-color: #fafafa;\n        height: 180px;\n        border-radius: 4px;\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n        align-items: center;\n        img {\n          width: 90%;\n        }\n        & + * {\n          margin-top: 13px;\n        }\n      }\n      span {\n      font-family: \"Avenir Next\";\n      font-style: normal;\n      font-weight: 500;\n      font-size: 15px;\n      line-height: 15px;\n      text-align: center;\n      letter-spacing: -0.015em;\n      color: #fafafa;\n      display: flex;\n      justify-content: center;\n      background-color: #281f33;\n      & + * {\n        margin-top: 10px;\n      }\n    }\n    }\n    .end-div {\n      div {\n        height: 130px;\n        width: 100%;\n        background-color: #fafafa;\n        display: flex;\n        align-items: center;\n        border-radius: 4px;\n        img {\n          width: 100%;\n          height: 115px;\n          object-fit: contain;\n        }\n      }\n      .lema-end {\n        justify-content: center;\n        justify-content: space-evenly;\n        height: 110px;\n        background-color: #281f33;\n        flex-direction: column;\n        justify-content: space-evenly;\n        border-radius: inherit;\n      }\n      button {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        padding: 10px;\n        width: 160px;\n        height: 30px;\n        border: 1px solid #d4d1d7;\n        border-radius: 15px;\n        color: #fafafa;\n        background-color: #281f33;\n        font-family: \"Avenir Next\";\n        font-style: normal;\n        font-weight: 400;\n        font-size: 18px;\n        line-height: 25px;\n        letter-spacing: -0.015em;\n        position: absolute;\n        left: 22%;\n        top: 90%;\n        cursor: pointer;\n      }\n    }\n  }\n  li:first-child {\n    opacity: 1;\n  }\n  .menu {\n    margin: 0;\n    text-align: center;\n    li {\n      display: inline-block;\n      text-align: center;\n      & + * {\n        margin-left: 15px;\n      }\n      a {\n        display: inline-block;\n        text-decoration: none;\n        background-color: #c4c4c4;\n        width: 10px;\n        height: 10px;\n        border-radius: 100%;\n        cursor: pointer;\n      }\n      #slidea1 {\n        background-color: #e33aa9;\n      }\n    }\n  }\n"])));
 
 exports.Slider = Slider;

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

@@ -18,27 +18,12 @@ var StatusTag = function StatusTag(_ref) {
       case "COMPLETED":
         return "C";
 
-      case "RECEPTION":
-        return "Pr";
-
       case "NULL":
-        return "-";
-
-      case "RECEIVED":
-        return "Rc";
-
-      case "IN_PROGRESS":
-        return "P";
-
-      case "ASSIGNED":
-        return "As";
+        return "--";
 
       case "APPROVED":
         return "Ap";
 
-      case "VALIDATING":
-        return "V";
-
       case "PAID_OUT":
         return "Po";
 
@@ -48,7 +33,7 @@ var StatusTag = function StatusTag(_ref) {
   };
 
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: "status-".concat(getShortStatus(statusType), " ").concat(ovalForm && "oval-form"),
+    className: "status-".concat(getShortStatus(statusType === null || statusType === void 0 ? void 0 : statusType.replace(/\/.*/, "")), " ").concat(ovalForm && "oval-form"),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
       children: getShortStatus(statusType)
     })

package/dist/components/atoms/StatusTag/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  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-As,\n  &.status-P,\n  &.status-IN_PROGRESS,\n  &.status-QF {\n    background-color: ", ";\n  }\n\n  &.status-Pr,\n  &.status-Rr,\n  &.status-Rc {\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\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);
+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-AS,\n  &.status-CA,\n  &.status-IE {\n    background-color: ", ";\n  }\n\n  &.status-R {\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\n  &.oval-form {\n    border-radius: 10px;\n  }\n  &.delThis {\n    color: red;\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/atoms/ValidationPanel/index.js

@@ -23,8 +23,9 @@ var ValidationPanel = function ValidationPanel(_ref) {
       setShowValidationPanel = _ref.setShowValidationPanel,
       approve = _ref.approve,
       reject = _ref.reject,
+      approveAll = _ref.approveAll,
+      rejectAll = _ref.rejectAll,
       showApproveRejectAll = _ref.showApproveRejectAll;
-  console.log(showApproveRejectAll);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     id: id,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
@@ -52,7 +53,7 @@ var ValidationPanel = function ValidationPanel(_ref) {
     }), showApproveRejectAll && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
         onClick: function onClick() {
-          approve && approve();
+          approveAll && approveAll();
         },
         className: "validation-option",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
@@ -63,7 +64,7 @@ var ValidationPanel = function ValidationPanel(_ref) {
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
         onClick: function onClick() {
-          reject && reject();
+          rejectAll && rejectAll();
         },
         className: "validation-option",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {

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

@@ -30,6 +30,8 @@ var AvatarAndValidation = function AvatarAndValidation(_ref) {
       showValidationButtons = _ref.showValidationButtons,
       approve = _ref.approve,
       reject = _ref.reject,
+      approveAll = _ref.approveAll,
+      rejectAll = _ref.rejectAll,
       showApproveRejectAll = _ref.showApproveRejectAll;
 
   var _useState = (0, _react.useState)(false),
@@ -74,6 +76,8 @@ var AvatarAndValidation = function AvatarAndValidation(_ref) {
       setShowValidationPanel: setShowValidationPanel,
       approve: approve,
       reject: reject,
+      approveAll: approveAll,
+      rejectAll: rejectAll,
       showApproveRejectAll: showApproveRejectAll
     })]
   });

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

@@ -31,6 +31,8 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
       showValidationButtons = _ref.showValidationButtons,
       approve = _ref.approve,
       reject = _ref.reject,
+      approveAll = _ref.approveAll,
+      rejectAll = _ref.rejectAll,
       servicesData = _ref.servicesData,
       showApproveRejectAll = _ref.showApproveRejectAll;
 
@@ -45,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;
@@ -82,7 +84,9 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
         showValidationButtons: showValidationButtons,
         showApproveRejectAll: showApproveRejectAll,
         approve: approve,
-        reject: reject
+        reject: reject,
+        approveAll: approveAll,
+        rejectAll: rejectAll
       })]
     })]
   });

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

@@ -31,24 +31,24 @@ ProviderProductEditionDefault.args = {
     "Ficha técnica": false,
     Imágenes: false
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5ZmM5YThiNC1mYWViLTQ3ZDUtYjEyYS05NzcxNThmNWUzMWUiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjA4NzIzOSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTYwOTA4MzksImlhdCI6MTY1NjA4NzIzOSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.P4HmwNMwF6r9BuH-9onpbU7_iiXwSw1TOEux9seeVwHiEJytl6BOcHkKJEnUZ2dfarK2CRMiYVLVycbT3O4MCVyFb8hWnos_eTBAVIOD9kxd7FMLOL_v5JP6Vw4XxWx2xsut9Jvcw0M-_QipxvAKdHtNcC-pOYs0W2IvyXf0JbYgkthZwRwIOUYhqF2yMtKFFzAX2kZO5_QMNeTLamFoexDU_0heba7sToE_oLyovhPTTRobXQcss8mmiilEfnnGZ_YNlwf-0myAMMJkllESl0tff1YQpHLn1sUN6sA-DotQvYhaGbxNebgQ_sMfPNy8cEFOIrNLP_QMjEC_RCu_tw",
-  articleId: 238,
-  category: 846,
-  version: 2,
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIwOWQ1MDUzMy05NjA3LTQ5YTQtODRkNC0zMDk1OWNmNmY4NjUiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjYwNzcyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTY2MTEzMjEsImlhdCI6MTY1NjYwNzcyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.Xung-7vGoB-YllkTIOn0DrNRd-GBD4lbQemGdMxRPFbE-nvvGXQsTWLstJ-8yQ4zoyGUoOIoGsRwuI127kUkg4hhel6pXDINfxdWsdI1QXk6SzGulkcmhD8gUFnXMc8rvBkMizNYHF9d_7dUsJRhjAxQWmVew8m7W8dTPrAht_xjfk1ZmTQVD4O6IVwLJEX3FncXj1tAXgknksUGj-vGDen5HkuVEv8jJlKFiz72cV07H66jk3-BReu0e_gpq2RRz8wGu18HOaPzjWvzmiYcm5FqGKOTAWM5JSgWCOm9r5ixh5m_pM3EjKbWpVb3joELRQ2DVkPFp2fzGmS028-9XQ",
+  articleId: 55157,
+  category: 4,
+  version: 3,
   productSelected: {
-    orderId: 64,
-    status: "AP",
+    orderId: 89,
+    status: "AA",
     datasheet_status: "AP",
     prio: "none",
-    version: 7,
-    description_status: "AP",
+    version: 3,
+    description_status: "AA",
     images_status: "AP",
-    brand: "1",
+    brand: "123",
     retailerOrder: 0,
     missing: {
-      datasheet: null,
-      descriptions: null,
-      images: null
+      datasheet: 17,
+      descriptions: 4,
+      images: 3
     },
     services: {
       datasheets: 1,
@@ -56,58 +56,52 @@ ProviderProductEditionDefault.args = {
       images: 1
     },
     article: {
-      category: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
+      category: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
       company_name: "COMPANY DEV",
       country: "México",
-      id_category: "41",
+      id_category: "4",
       id_datasheet_especialist: 54,
       id_datasheet_facilitator: 52,
       id_description_especialist: 54,
       id_description_facilitator: 52,
       id_images_especialist: 55,
       id_images_facilitator: 53,
-      id_order: 64,
-      id_article: 35707,
+      id_order: 89,
+      id_article: 55157,
       id_auditor: 37,
-      name: "chetos",
-      upc: "1010101010"
+      name: "testing",
+      upc: "807526"
     },
     retailers: [{
       id: 3,
       name: "Sam´s Club"
-    }, {
-      id: 8,
-      name: "Fragua"
     }],
     retailersAvailable: [{
       id: 3,
       name: "Sam´s Club"
-    }, {
-      id: 8,
-      name: "Fragua"
     }],
-    categoryName: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
-    upc: "1010101010",
-    id_article: 35707,
-    id_order: 64
+    categoryName: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
+    upc: "807526",
+    id_article: 55157,
+    id_order: 89
   },
   productToEdit: {
-    ArticleId: 35707,
-    idCategory: "41",
+    ArticleId: 55157,
+    idCategory: "4",
     product: {
-      orderId: 64,
-      status: "AP",
+      orderId: 89,
+      status: "AA",
       datasheet_status: "AP",
       prio: "none",
-      version: 7,
-      description_status: "AP",
+      version: 3,
+      description_status: "AA",
       images_status: "AP",
-      brand: "1",
+      brand: "123",
       retailerOrder: 0,
       missing: {
-        datasheet: null,
-        descriptions: null,
-        images: null
+        datasheet: 17,
+        descriptions: 4,
+        images: 3
       },
       services: {
         datasheets: 1,
@@ -115,45 +109,39 @@ ProviderProductEditionDefault.args = {
         images: 1
       },
       article: {
-        category: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
+        category: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
         company_name: "COMPANY DEV",
         country: "México",
-        id_category: "41",
+        id_category: "4",
         id_datasheet_especialist: 54,
         id_datasheet_facilitator: 52,
         id_description_especialist: 54,
         id_description_facilitator: 52,
         id_images_especialist: 55,
         id_images_facilitator: 53,
-        id_order: 64,
-        id_article: 35707,
+        id_order: 89,
+        id_article: 55157,
         id_auditor: 37,
-        name: "chetos",
-        upc: "1010101010"
+        name: "testing",
+        upc: "807526"
       },
       retailers: [{
         id: 3,
         name: "Sam´s Club"
-      }, {
-        id: 8,
-        name: "Fragua"
       }],
       retailersAvailable: [{
         id: 3,
         name: "Sam´s Club"
-      }, {
-        id: 8,
-        name: "Fragua"
       }],
-      categoryName: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
-      upc: "1010101010",
-      id_article: 35707,
-      id_order: 64
+      categoryName: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
+      upc: "807526",
+      id_article: 55157,
+      id_order: 89
     }
   },
   location: {
     product: {
-      articleId: 109485,
+      articleId: 55157,
       versionId: 3
     },
     state: {
@@ -161,36 +149,36 @@ ProviderProductEditionDefault.args = {
     }
   },
   user: {
-    id_user: 1236,
-    name: "THD",
-    last_name: "Proveedor",
-    email: "thd@allfreemail.net",
-    position: "Prod test",
-    telephone: "+523111111111",
+    id_user: 28,
+    name: "Proveedor",
+    last_name: "Colgate",
+    email: "ilopez@contentoh.com",
+    position: "Prueba Admin",
+    telephone: "+523111366336",
     country: "México",
-    id_company: 816,
-    id_cognito: "d660ccca-f906-4970-892c-6d152e832e5d",
+    id_company: 1,
+    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
-    id_stripe: null,
+    id_stripe: "cus_KuEt6R6vwmN09f",
     id_role: 0,
     active: 1,
-    is_retailer: 1,
+    is_retailer: 0,
     email_notify: 0,
     membership: {
-      id: 797,
-      start_date: "2022-06-19T04:18:39.000Z",
-      end_date: "2023-06-19T04:18:39.000Z",
-      planID: 6,
-      plan: "prod_KvGd6YSTJyR3AP",
-      name: "Plan Small",
-      user_limit: "10",
-      products_limit: "1000",
+      id: 38,
+      start_date: "2022-01-18T17:25:35.000Z",
+      end_date: "2023-01-18T17:25:35.000Z",
+      planID: 8,
+      plan: "prod_KtlhECVSFG2iro",
+      name: "Plan Pro",
+      user_limit: "20",
+      products_limit: "5000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1656087239674"
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1656607722122"
   }
 };