contentoh-components-library 21.1.26 → 21.1.27

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

@@ -15,29 +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 _react = _interopRequireWildcard(require("react"));
+var _openMenu = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/openMenu.svg"));
 
-var _styles2 = require("../../molecules/LoginPasswordStrength/styles");
+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 sub;
+  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",
@@ -45,49 +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) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: "option-link",
-              exact: true,
-              activeClassName: "active",
-              to: item.path,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                src: item.icon,
-                alt: item.title,
-                width: "25px"
-              }), trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                children: item.title
-              })]
-            }), item.suboption === undefined ? "" : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-              children: menuoption[1].suboption.map(function (subitem) {
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                  className: "sub-option",
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                    exact: true,
-                    activeClassName: "active",
-                    to: subitem.path,
-                    children: trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                      children: subitem.title
-                    })
-                  })
-                });
-              })
-            })]
-          });
-        })
+        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("actived");
-          }
+          setTrueBar(true);
+          active();
         }
       })
     })]

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

@@ -11,39 +11,14 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _reactRouterDom = require("react-router-dom");
-
 var _templateObject;
 
-var Container = (0, _styledComponents.default)(_reactRouterDom.NavLink)(_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  &.actived {\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      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      padding-left: ", "px;\n      div {\n        height: ", "px;\n        width: ", "px;\n        display: flex;\n        justify-content: ", ";\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          cursor: pointer;\n          margin-top: 12px;\n          padding-left: ", "px;\n        }\n        p {\n          cursor: pointer;\n        }\n        img {\n          & + * {\n            margin-left: 12px;\n          }\n        }\n      }\n      .option-link:hover {\n        background: #e33aa9;\n      }\n      .sub-option {\n        display: flex;\n        flex-direction: column;\n        padding-left: ", "px;\n        height: auto;\n        width: auto;\n        div {\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        }\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 === "" ? 145 : 50;
+  return bar ? 200 : 58;
 }, function (_ref2) {
   var bar = _ref2.bar;
-  return bar ? 5 : 0;
-}, function (_ref3) {
-  var bar = _ref3.bar;
-  return bar ? 32 : 38;
-}, function (_ref4) {
-  var bar = _ref4.bar;
-  return bar ? 165 : 38;
-}, function (_ref5) {
-  var bar = _ref5.bar;
-  return bar ? "flex-start" : "center";
-}, function (_ref6) {
-  var bar = _ref6.bar;
-  return bar ? 18 : 100;
-}, function (_ref7) {
-  var bar = _ref7.bar;
-  return bar ? 15 : 0;
-}, function (_ref8) {
-  var bar = _ref8.bar;
-  return bar ? 28 : 20;
-}, function (_ref9) {
-  var bar = _ref9.bar;
-  return bar ? -4 : -16;
-}, function (_ref10) {
-  var bar = _ref10.bar;
-  return bar ? "flex-end" : "center";
+  return bar ? 20 : 50;
 });
+
 exports.Container = Container;

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/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,19 +68,6 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
     }
   };
 
-  var slidefront = [{
-    slide: _slide.default,
-    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,
-    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,
-    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);
@@ -98,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,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;
 
@@ -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,124 +31,114 @@ 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",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhODE2NGMwNi1hN2U5LTQ2OGItYTBiMS02MDIxNzMyNWY0ZTgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjExMzE0NiwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjU2MTE2NzQ2LCJpYXQiOjE2NTYxMTMxNDYsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.kfMoKcxYDkpNZJibGdw50oOkRwPVl26YNAwwDoLEfQjOZB6WRCY95iHfU1maYcTTvA5KlT5ali8XZ-nLnxh60vZoLGTDOfCvEnwd1t94JtfE5CsWDr_jfH1U0AVidxihqKnkwvCezkHwU1DUFlbu2iBNo7MHQw4ydiK2sx4q0-QGltmE7W2JJ0sayRDuNchy2S6FQoyIWhsP3oaKTvJGDKCaJxwkFEKk-3antoMtfua9H8V4p2Kkqa_eDbFk8pLYGaYgImLlaia2orGgETkHZIWEMr4WJq1V_7qOg4lYq2BUUuMhWdmK6XUL_Jhmv05TUJ3Rp_Ti4_J2WE4zQqhbfQ",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    orderId: 64,
-    status: "AP",
+    orderId: 55,
+    article_status: "AP",
     datasheet_status: "AP",
-    prio: "none",
-    version: 7,
     description_status: "AP",
     images_status: "AP",
-    brand: "1",
-    retailerOrder: 0,
-    missing: {
-      datasheet: null,
-      descriptions: null,
-      images: null
-    },
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1
-    },
+    prio: "none",
+    version: 2,
+    brand: null,
     article: {
-      category: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
-      company_name: "COMPANY DEV",
+      category: "ILUMINACIÓN|FOCOS|FOCOS",
+      company_name: "THD Proveedor",
       country: "México",
-      id_category: "41",
-      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_auditor: 37,
-      name: "chetos",
-      upc: "1010101010"
+      id_category: "2143",
+      id_article: 55118,
+      name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
+      upc: "145582"
     },
     retailers: [{
-      id: 3,
-      name: "Sam´s Club"
+      id: 58,
+      name: "The Home Depot Golden"
+    }, {
+      id: 59,
+      name: "The Home Depot Platinum"
     }, {
-      id: 8,
-      name: "Fragua"
+      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: 3,
-      name: "Sam´s Club"
+      id: 58,
+      name: "The Home Depot Golden"
     }, {
-      id: 8,
-      name: "Fragua"
-    }],
-    categoryName: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
-    upc: "1010101010",
-    id_article: 35707,
-    id_order: 64
+      id: 59,
+      name: "The Home Depot Platinum"
+    }, {
+      id: 60,
+      name: "The Home Depot Resizing"
+    }, {
+      id: 61,
+      name: "Home Depot TAB"
+    }]
   },
   productToEdit: {
-    ArticleId: 35707,
-    idCategory: "41",
+    ArticleId: 55118,
+    idCategory: "2143",
     product: {
-      orderId: 64,
-      status: "AP",
+      orderId: 55,
+      article_status: "AP",
       datasheet_status: "AP",
-      prio: "none",
-      version: 7,
       description_status: "AP",
       images_status: "AP",
-      brand: "1",
-      retailerOrder: 0,
-      missing: {
-        datasheet: null,
-        descriptions: null,
-        images: null
-      },
-      services: {
-        datasheets: 1,
-        descriptions: 1,
-        images: 1
-      },
+      prio: "none",
+      version: 2,
+      brand: null,
       article: {
-        category: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
-        company_name: "COMPANY DEV",
+        category: "ILUMINACIÓN|FOCOS|FOCOS",
+        company_name: "THD Proveedor",
         country: "México",
-        id_category: "41",
-        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_auditor: 37,
-        name: "chetos",
-        upc: "1010101010"
+        id_category: "2143",
+        id_article: 55118,
+        name: "FOCO BLUETOOTH SPOT PHILIPS 6 WATTS 300 LÚMENES MULTICOLOR",
+        upc: "145582"
       },
       retailers: [{
-        id: 3,
-        name: "Sam´s Club"
+        id: 58,
+        name: "The Home Depot Golden"
+      }, {
+        id: 59,
+        name: "The Home Depot Platinum"
       }, {
-        id: 8,
-        name: "Fragua"
+        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: 3,
-        name: "Sam´s Club"
+        id: 58,
+        name: "The Home Depot Golden"
       }, {
-        id: 8,
-        name: "Fragua"
-      }],
-      categoryName: "ABARROTES|BOTANAS, GOLOSINAS Y CHOCOLATES|BOTANAS",
-      upc: "1010101010",
-      id_article: 35707,
-      id_order: 64
+        id: 59,
+        name: "The Home Depot Platinum"
+      }, {
+        id: 60,
+        name: "The Home Depot Resizing"
+      }, {
+        id: 61,
+        name: "Home Depot TAB"
+      }]
     }
   },
   location: {
@@ -161,36 +151,36 @@ ProviderProductEditionDefault.args = {
     }
   },
   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: 1,
-    email_notify: 0,
+    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?1656087239674"
+    src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1656113146885"
   }
 };