contentoh-components-library 21.1.24 → 21.1.27

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

@@ -15,26 +15,32 @@ var _styles = require("./styles");
 
 var _iconLogoContentoh = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/iconLogoContentoh.svg"));
 
+var _iconProduct = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/iconProduct.svg"));
+
+var _iconGroup = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/iconGroup.svg"));
+
 var _iconLogo = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/iconLogo.svg"));
 
-var _openMenu = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/openMenu.svg"));
+var _iconSpeedometer = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/iconSpeedometer.svg"));
 
-var _closeMenu = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/closeMenu.svg"));
+var _iconTask = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/iconTask.svg"));
+
+var _openMenu = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/openMenu.svg"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var VerticalSideMenuMainPage = function VerticalSideMenuMainPage(_ref) {
-  var menuoption = _ref.menuoption;
-
-  var _useState = (0, _react.useState)(""),
+var VerticalSideMenuMainPage = function VerticalSideMenuMainPage() {
+  var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       trueBar = _useState2[0],
       setTrueBar = _useState2[1];
 
+  var active = function active() {//document.getElementById("slidea1").style.border= "1px solid rgb(227, 58, 169)";
+  };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    className: trueBar,
     bar: trueBar,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "navbar-top",
@@ -42,54 +48,47 @@ var VerticalSideMenuMainPage = function VerticalSideMenuMainPage(_ref) {
         src: trueBar ? _iconLogoContentoh.default : _iconLogo.default,
         alt: "Logo",
         className: "logo"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "option",
-        children: menuoption.map(function (item, index) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: "option-link",
-              exact: true,
-              activeClassName: "active",
-              to: menuoption[index].path,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                src: menuoption[index].icon,
-                alt: menuoption[index].title,
-                width: "25px"
-              }), trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                children: menuoption[index].title
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "sub-option",
-              children: menuoption[index].title !== "Productos" ? "" : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                  exact: true,
-                  activeClassName: "active",
-                  to: "/Dashboard",
-                  children: trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                    children: "General"
-                  })
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                  exact: true,
-                  activeClassName: "active",
-                  to: "/AddProducts",
-                  children: trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                    children: "Agregar Producto"
-                  })
-                })]
-              })
-            })]
-          });
-        })
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: _iconSpeedometer.default,
+            alt: "Speed Meter",
+            width: "25px"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: _iconProduct.default,
+            alt: "Focus Product",
+            width: "25px"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: _iconGroup.default,
+            alt: "Group",
+            width: "25px"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: _iconLogo.default,
+            alt: "Logo",
+            width: "25px"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: _iconTask.default,
+            alt: "Task",
+            width: "25px"
+          })
+        })]
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "menu-bottom",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: trueBar ? _closeMenu.default : _openMenu.default,
+        src: _openMenu.default,
         alt: "Open Menu",
         onClick: function onClick() {
-          {
-            trueBar ? setTrueBar("") : setTrueBar("active");
-          }
+          setTrueBar(true);
+          active();
         }
       })
     })]

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

@@ -13,21 +13,12 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  width: 58px;\n  box-sizing: border-box;\n  padding: 23px 10px 70px 10px;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: auto;\n  border-radius: 50px;\n  background: linear-gradient(180deg, #e33aa9 0%, #3b1366 100%);\n  scrollbar-width: none;\n  display: flex;\n  text-align: center;\n  &.active {\n    width: 200px;\n    padding: 23px 10px 15px 10px;\n    border-radius: 20px;\n  }\n  .navbar-top {\n    .logo {\n      & + * {\n        margin-top: ", "%;\n      }\n    }\n    .option {\n      a {\n        cursor: pointer;\n        height: 38px;\n        display: flex;\n        justify-content: center;\n        border-radius: ", "px;\n        align-items: center;\n        font-family: \"Raleway\";\n        font-style: normal;\n        font-weight: 400;\n        font-size: 18px;\n        line-height: 21px;\n        letter-spacing: -0.015em;\n        color: #fafafa;\n        text-decoration: none;\n        &.option-link {\n          margin-top: 12px;\n        }\n        img {\n          & + * {\n            margin-left: 12px;\n          }\n        }\n        &:hover {\n          background: #e33aa9;\n        }\n      }\n      .sub-option {\n        display: flex;\n        flex-direction: column;\n        padding-left: ", "px;\n        a {\n          display: flex;\n          justify-content: flex-start;\n          text-decoration: none;\n          position: relative;\n          font-size: 13px;\n          border-left: 1px solid #f0eef2;\n          border-radius: 0;\n          color: #f0eef2;\n          padding-top: 20px;\n          padding-left: 12px;\n          height: 25px;\n          &::before {\n            border-left: 1px solid #e33aa9;\n            width: 10px;\n            content: \"\";\n            border-radius: 50%;\n            height: 10px;\n            background-color: white;\n            position: absolute;\n            left: ", "%;\n            bottom: 1%;\n          }\n          &:hover {\n            background-color: transparent;\n          }\n        }\n        & + * {\n          margin-top: 12px;\n        }\n      }\n    }\n  }\n  .menu-bottom {\n    display: flex;\n    justify-content: ", ";\n    cursor: pointer;\n  }\n"])), function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  width: ", "px;\n  box-sizing: border-box;\n  padding: 23px 10px 70px 10px;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: auto;\n  border-radius: ", "px;\n  background: linear-gradient(180deg, #e33aa9 0%, #3b1366 100%);\n  scrollbar-width: none;\n  display: flex;\n  text-align: center;\n  img {\n    cursor: pointer;\n    width:\"25px\" !important;\n  }\n  .navbar-top {\n    & + * {\n      margin-top: 15px;\n    }\n    .option {\n      div {\n        height: 38px;\n        display: flex;\n        justify-content: center;\n        border-radius: 100%;\n        & + * {\n          margin-top: 12px;\n        }\n      }\n      div:hover {\n        background: #e33aa9;\n      }\n    }\n    .logo {\n      cursor: default;\n      & + * {\n        margin-top: 225%;\n      }\n    }\n  }\n"])), function (_ref) {
   var bar = _ref.bar;
-  return bar === "" ? 345 : 50;
+  return bar ? 200 : 58;
 }, function (_ref2) {
   var bar = _ref2.bar;
-  return bar ? 18 : 100;
-}, function (_ref3) {
-  var bar = _ref3.bar;
-  return bar ? 40 : 18;
-}, function (_ref4) {
-  var bar = _ref4.bar;
-  return bar ? -4 : -35;
-}, function (_ref5) {
-  var bar = _ref5.bar;
-  return bar ? "flex-end" : "center";
+  return bar ? 20 : 50;
 });
 
 exports.Container = Container;

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

@@ -29,7 +29,10 @@ var AvatarAndValidation = function AvatarAndValidation(_ref) {
       setActiveRetailer = _ref.setActiveRetailer,
       showValidationButtons = _ref.showValidationButtons,
       approve = _ref.approve,
-      reject = _ref.reject;
+      reject = _ref.reject,
+      approveAll = _ref.approveAll,
+      rejectAll = _ref.rejectAll,
+      showApproveRejectAll = _ref.showApproveRejectAll;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -72,7 +75,10 @@ var AvatarAndValidation = function AvatarAndValidation(_ref) {
       setOptionClicked: setButtonType,
       setShowValidationPanel: setShowValidationPanel,
       approve: approve,
-      reject: reject
+      reject: reject,
+      approveAll: approveAll,
+      rejectAll: rejectAll,
+      showApproveRejectAll: showApproveRejectAll
     })]
   });
 };

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

@@ -25,16 +25,6 @@ var _index3 = require("../../atoms/AsignationOption/index");
 
 var _data = require("../../../global-files/data");
 
-var _SliderToolTip = require("../../atoms/SliderToolTip");
-
-var _infoIcon = _interopRequireDefault(require("../../../assets/images/sliderToolTip/infoIcon.svg"));
-
-var _slide = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide21.svg"));
-
-var _slide2 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide22.svg"));
-
-var _slide3 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide23.svg"));
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
@@ -78,25 +68,6 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
     }
   };
 
-  var slidefront = [{
-    slide: _slide.default,
-    id: "slide1",
-    id_link: "slidea1",
-    title: "Valida tu producto en cada activo digital",
-    description: "Al solicitar a Content-oh! podrás validar la información, imágenes y documentación de tu producto, esto hará más sencillo que puedas aprobar o rechazar el contenido."
-  }, {
-    slide: _slide2.default,
-    id: "slide2",
-    id_link: "slidea2",
-    title: "Aprueba o rechaza con un clic",
-    description: "Cuando termines de revisar tu información, elige si aproebas o rechazas, esto enviara una notificiación a nuestro equipo, para continuar o corregir el producto."
-  }, {
-    slide: _slide3.default,
-    id: "slide3",
-    id_link: "slidea3",
-    title: "Estatus de tu producto en el proceso",
-    description: "La mayor parte del proceso podrás identificar que estatus tiene tu producto, esto dara visibilidad a todo tu equipo para saber la etapa se encuentra."
-  }];
   (0, _react.useEffect)(function () {
     if (showAsignationPanel) {
       document.addEventListener("click", closeAsignations, false);
@@ -104,12 +75,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
   }, [showAsignationPanel]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     id: id,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderToolTip.SliderToolTip, {
-      infoIcon: _infoIcon.default,
-      slidefront: slidefront,
-      iconSize: "medium-image",
-      slidePosition: "bottom-slide"
-    }), status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
+    children: [status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
       statusType: status,
       ovalForm: true
     }), showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {

package/dist/components/molecules/TextAndGradient/TextAndGradient.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.TextAndGradientDefault = void 0;
+
+var _index = require("./index");
+
+var _Cadena = _interopRequireDefault(require("../../../assets/images/providerAndCadena/Cadena.svg"));
+
+var _default = {
+  title: "Components/molecules/TextAndGradient",
+  component: _index.TextAndGradient
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(_index.TextAndGradient, args);
+};
+
+var TextAndGradientDefault = Template.bind({});
+exports.TextAndGradientDefault = TextAndGradientDefault;
+TextAndGradientDefault.args = {
+  title: "Beneficios de cadenas",
+  containerList: {
+    content: ["Crea proveedores y agregalos a tu cadena", "Valida los proveedores", "Solicita actualización a proveedores", "Analiza el número de productos totales"]
+  }
+};

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextAndGradient = void 0;
+
+var _styles = require("./styles");
+
+var _AtomList = require("../../atoms/AtomList");
+
+var _ScreenHeader = require("../../atoms/ScreenHeader");
+
+var _variables = require("../../../global-files/variables");
+
+var TextAndGradient = function TextAndGradient(_ref) {
+  var title = _ref.title,
+      image = _ref.image,
+      containerList = _ref.containerList;
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
+    className: "title"
+  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    className: "title",
+    headerType: "with-bold-text",
+    text: title,
+    color: _variables.GlobalColors.s1
+  })), image && /*#__PURE__*/React.createElement("img", {
+    src: image
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "list"
+  }, /*#__PURE__*/React.createElement(_AtomList.AtomList, {
+    content: containerList.content
+  })));
+};
+
+exports.TextAndGradient = TextAndGradient;

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

@@ -0,0 +1,18 @@
+"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 _templateObject;
+
+var Container = _styledComponents.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\n    position: absolute;\n    width: 720px;\n    height: 720px;\n    left: 0px;\n    top: 0px;\n    background: linear-gradient(180deg, #E33AA9 0%, #3B1366 100%);\n    align-content: center;\n\n    .title{\n        position: absolute;\n        width: 475px;\n        height: 36px;\n        left: 110px;\n        top: 140px;\n        letter-spacing: -0.015em;\n        font-feature-settings: 'pnum' on, 'lnum' on;\n    }\n    .list{\n        position: absolute;\n        height: 160px;\n        left: 180px;\n        top: 219px;\n        font-family: Raleway;\n        font-style: normal;\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 40px;\n        letter-spacing: -0.015em;\n        text-align: left;\n        \n    }\n\n"])));
+
+exports.Container = Container;

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

@@ -31,7 +31,10 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
       showValidationButtons = _ref.showValidationButtons,
       approve = _ref.approve,
       reject = _ref.reject,
-      servicesData = _ref.servicesData;
+      approveAll = _ref.approveAll,
+      rejectAll = _ref.rejectAll,
+      servicesData = _ref.servicesData,
+      showApproveRejectAll = _ref.showApproveRejectAll;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -79,8 +82,11 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
         activeRetailer: activeRetailer,
         setActiveRetailer: setActiveRetailer,
         showValidationButtons: showValidationButtons,
+        showApproveRejectAll: showApproveRejectAll,
         approve: approve,
-        reject: reject
+        reject: reject,
+        approveAll: approveAll,
+        rejectAll: rejectAll
       })]
     })]
   });

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

@@ -31,120 +31,156 @@ ProviderProductEditionDefault.args = {
     "Ficha técnica": false,
     Imágenes: false
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI3ZTU5YmI1Yy1mNjI1LTQ1NzMtYjMzYS00ZWM4YzFmMzMyNTIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjAwMTY4OCwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTYwMDUyODgsImlhdCI6MTY1NjAwMTY4OCwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.ZUKMejBG8qCT2bv-zrqyFx6xyeKK85Ry-kRlQv3U2KrDasW6ea8zbNDJMJAGMu_7dDrk9mRUj0Mp-jW32T1IBOweWxivRKSYfWQzjMdJdOUcckCagVXp8zQ4W-DZJINI25iq1AEfl9--6WaTRybEdTLjKXgzzOmLCGk5QbUI2uSeT_3w7fZiHPlCDCFFTSgXaNKUqxnsyZ2llos97KKIhH7tmn7DBw8mTPTUFyxED6EzBc7mkCYrM1o0velAZF0bOYhiuNnA-TF0L8eqPIZ3_13WDzGjRk3_eOBM37z8AqlMtBCJYIyQFGf-uCIbpSG0yJzYTswrExCkLamlKDhwtQ",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhODE2NGMwNi1hN2U5LTQ2OGItYTBiMS02MDIxNzMyNWY0ZTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjExMzE0NiwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjU2MTE2NzQ2LCJpYXQiOjE2NTYxMTMxNDYsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.kfMoKcxYDkpNZJibGdw50oOkRwPVl26YNAwwDoLEfQjOZB6WRCY95iHfU1maYcTTvA5KlT5ali8XZ-nLnxh60vZoLGTDOfCvEnwd1t94JtfE5CsWDr_jfH1U0AVidxihqKnkwvCezkHwU1DUFlbu2iBNo7MHQw4ydiK2sx4q0-QGltmE7W2JJ0sayRDuNchy2S6FQoyIWhsP3oaKTvJGDKCaJxwkFEKk-3antoMtfua9H8V4p2Kkqa_eDbFk8pLYGaYgImLlaia2orGgETkHZIWEMr4WJq1V_7qOg4lYq2BUUuMhWdmK6XUL_Jhmv05TUJ3Rp_Ti4_J2WE4zQqhbfQ",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    id_article: 55081,
-    id_category: "157",
-    name: "Lavatrastes Axion toque de crema",
-    upc: "750954665375",
-    timestamp: "2022-06-17T18:43:45.000Z",
-    status: "NULL",
-    categoryName: "CONSUMIBLES|PRODUCTOS DE LIMPIEZA Y LAVANDERÍA|JABONES Y LAVATRASTES",
-    asignations: [],
-    version: 1,
-    version_status: null,
-    retailersAvailable: [{
-      id: 4,
-      name: "Walmart Super y Superama",
+    orderId: 55,
+    article_status: "AP",
+    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_region: 1,
-      active: 1
+      id_category: "2143",
+      id_article: 55118,
+      name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
+      upc: "145582"
+    },
+    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"
     }],
-    missing: {
-      datasheet: 10,
-      description: 6,
-      image: 32
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1
+    },
+    id_article: 55118,
+    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"
+    }]
+  },
+  productToEdit: {
+    ArticleId: 55118,
+    idCategory: "2143",
+    product: {
+      orderId: 55,
+      article_status: "AP",
+      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"
+      },
+      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,
+      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"
+      }]
     }
   },
-  // productToEdit: {
-  //   idCategory: "2976",
-  //   ArticleId: 55070,
-  //   product: [
-  //     {
-  //       id_article: 55070,
-  //       id_category: "2976",
-  //       name: "TOALLERO CORTO ACCESS NEGRO ÉBANO",
-  //       upc: "161788",
-  //       timestamp: "2022-06-17T17:31:14.000Z",
-  //       status: "NULL",
-  //       categoryName: "BAÑOS|ACCESORIOS PARA BAÑO|TOALLEROS",
-  //       asignations: [],
-  //       version: 1,
-  //       version_status: null,
-  //       retailersAvailable: [
-  //         {
-  //           id: 58,
-  //           name: "The Home Depot Golden",
-  //           country: "México",
-  //           id_region: 1,
-  //           active: 1,
-  //         },
-  //         {
-  //           id: 59,
-  //           name: "The Home Depot Platinum",
-  //           country: "México",
-  //           id_region: 1,
-  //           active: 1,
-  //         },
-  //         {
-  //           id: 60,
-  //           name: "The Home Depot Resizing",
-  //           country: "México",
-  //           id_region: 1,
-  //           active: 1,
-  //         },
-  //         {
-  //           id: 61,
-  //           name: "Home Depot TAB",
-  //           country: "México",
-  //           id_region: 1,
-  //           active: 1,
-  //         },
-  //       ],
-  //       missing: {},
-  //     },
-  //   ],
-  // },
   location: {
     product: {
       articleId: 109485,
       versionId: 3
     },
-    state: {}
+    state: {
+      origin: "Contentoh"
+    }
   },
   user: {
-    id_user: 1236,
-    name: "THD",
-    last_name: "Proveedor",
-    email: "thd@allfreemail.net",
-    position: "Prod test",
-    telephone: "+523111111111",
+    id_user: 59,
+    name: "The Home",
+    last_name: "Depot",
+    email: "cadena.ismael@allfreemail.net",
+    position: "Admin",
+    telephone: "+523111366336",
     country: "México",
-    id_company: 816,
-    id_cognito: "d660ccca-f906-4970-892c-6d152e832e5d",
+    id_company: 7,
+    id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
-    id_stripe: null,
+    id_stripe: "",
     id_role: 0,
     active: 1,
     is_retailer: 0,
+    email_notify: 1,
     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: 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",
       type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1656001689809"
+    src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1656113146885"
   }
 };