contentoh-components-library 21.1.31 → 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% - 175px);\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/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

@@ -31,119 +31,117 @@ ProviderProductEditionDefault.args = {
     "Ficha técnica": false,
     Imágenes: false
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhODE2NGMwNi1hN2U5LTQ2OGItYTBiMS02MDIxNzMyNWY0ZTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjExMzE0NiwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjU2MTE2NzQ2LCJpYXQiOjE2NTYxMTMxNDYsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.kfMoKcxYDkpNZJibGdw50oOkRwPVl26YNAwwDoLEfQjOZB6WRCY95iHfU1maYcTTvA5KlT5ali8XZ-nLnxh60vZoLGTDOfCvEnwd1t94JtfE5CsWDr_jfH1U0AVidxihqKnkwvCezkHwU1DUFlbu2iBNo7MHQw4ydiK2sx4q0-QGltmE7W2JJ0sayRDuNchy2S6FQoyIWhsP3oaKTvJGDKCaJxwkFEKk-3antoMtfua9H8V4p2Kkqa_eDbFk8pLYGaYgImLlaia2orGgETkHZIWEMr4WJq1V_7qOg4lYq2BUUuMhWdmK6XUL_Jhmv05TUJ3Rp_Ti4_J2WE4zQqhbfQ",
-  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: 55,
-    article_status: "AP",
+    orderId: 89,
+    status: "AA",
     datasheet_status: "AP",
-    description_status: "AP",
-    images_status: "AP",
     prio: "none",
-    version: 2,
-    brand: null,
-    article: {
-      category: "ILUMINACIÓN|FOCOS|FOCOS",
-      company_name: "THD Proveedor",
-      country: "México",
-      id_category: "2143",
-      id_article: 55118,
-      name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
-      upc: "145582"
+    version: 3,
+    description_status: "AA",
+    images_status: "AP",
+    brand: "123",
+    retailerOrder: 0,
+    missing: {
+      datasheet: 17,
+      descriptions: 4,
+      images: 3
     },
-    retailers: [{
-      id: 58,
-      name: "The Home Depot Golden"
-    }, {
-      id: 59,
-      name: "The Home Depot Platinum"
-    }, {
-      id: 60,
-      name: "The Home Depot Resizing"
-    }, {
-      id: 61,
-      name: "Home Depot TAB"
-    }],
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1
     },
-    id_article: 55118,
+    article: {
+      category: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
+      company_name: "COMPANY DEV",
+      country: "México",
+      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: 89,
+      id_article: 55157,
+      id_auditor: 37,
+      name: "testing",
+      upc: "807526"
+    },
+    retailers: [{
+      id: 3,
+      name: "Sam´s Club"
+    }],
     retailersAvailable: [{
-      id: 58,
-      name: "The Home Depot Golden"
-    }, {
-      id: 59,
-      name: "The Home Depot Platinum"
-    }, {
-      id: 60,
-      name: "The Home Depot Resizing"
-    }, {
-      id: 61,
-      name: "Home Depot TAB"
-    }]
+      id: 3,
+      name: "Sam´s Club"
+    }],
+    categoryName: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
+    upc: "807526",
+    id_article: 55157,
+    id_order: 89
   },
   productToEdit: {
-    ArticleId: 55118,
-    idCategory: "2143",
+    ArticleId: 55157,
+    idCategory: "4",
     product: {
-      orderId: 55,
-      article_status: "AP",
+      orderId: 89,
+      status: "AA",
       datasheet_status: "AP",
-      description_status: "AP",
-      images_status: "AP",
       prio: "none",
-      version: 2,
-      brand: null,
-      article: {
-        category: "ILUMINACIÓN|FOCOS|FOCOS",
-        company_name: "THD Proveedor",
-        country: "México",
-        id_category: "2143",
-        id_article: 55118,
-        name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
-        upc: "145582"
+      version: 3,
+      description_status: "AA",
+      images_status: "AP",
+      brand: "123",
+      retailerOrder: 0,
+      missing: {
+        datasheet: 17,
+        descriptions: 4,
+        images: 3
       },
-      retailers: [{
-        id: 58,
-        name: "The Home Depot Golden"
-      }, {
-        id: 59,
-        name: "The Home Depot Platinum"
-      }, {
-        id: 60,
-        name: "The Home Depot Resizing"
-      }, {
-        id: 61,
-        name: "Home Depot TAB"
-      }],
       services: {
         datasheets: 1,
         descriptions: 1,
         images: 1
       },
-      id_article: 55118,
+      article: {
+        category: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
+        company_name: "COMPANY DEV",
+        country: "México",
+        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: 89,
+        id_article: 55157,
+        id_auditor: 37,
+        name: "testing",
+        upc: "807526"
+      },
+      retailers: [{
+        id: 3,
+        name: "Sam´s Club"
+      }],
       retailersAvailable: [{
-        id: 58,
-        name: "The Home Depot Golden"
-      }, {
-        id: 59,
-        name: "The Home Depot Platinum"
-      }, {
-        id: 60,
-        name: "The Home Depot Resizing"
-      }, {
-        id: 61,
-        name: "Home Depot TAB"
-      }]
+        id: 3,
+        name: "Sam´s Club"
+      }],
+      categoryName: "ABARROTES|ABARROTES SECOS|ALIMENTOS DESHIDRATADOS",
+      upc: "807526",
+      id_article: 55157,
+      id_order: 89
     }
   },
   location: {
     product: {
-      articleId: 109485,
+      articleId: 55157,
       versionId: 3
     },
     state: {
@@ -151,36 +149,36 @@ ProviderProductEditionDefault.args = {
     }
   },
   user: {
-    id_user: 59,
-    name: "The Home",
-    last_name: "Depot",
-    email: "cadena.ismael@allfreemail.net",
-    position: "Admin",
+    id_user: 28,
+    name: "Proveedor",
+    last_name: "Colgate",
+    email: "ilopez@contentoh.com",
+    position: "Prueba Admin",
     telephone: "+523111366336",
     country: "México",
-    id_company: 7,
-    id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
+    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: "",
+    id_stripe: "cus_KuEt6R6vwmN09f",
     id_role: 0,
     active: 1,
     is_retailer: 0,
-    email_notify: 1,
+    email_notify: 0,
     membership: {
-      id: 24,
-      start_date: "2021-11-23T03:35:50.000Z",
-      end_date: "2022-11-23T03:35:50.000Z",
-      planID: 9,
-      plan: "prod_KtlkzZVGq6bRTO",
-      name: "Plan Enterprise Full",
-      user_limit: "30",
-      products_limit: "10000",
+      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-59/59.png?1656113146885"
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1656607722122"
   }
 };