contentoh-components-library 21.1.63 → 21.1.64

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

@@ -0,0 +1,170 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CreateVersion = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _GeneralButton = require("../../atoms/GeneralButton");
+
+var _styles = require("./styles");
+
+var _closeVersionSelector = _interopRequireDefault(require("../../../assets/images/versionSelector/closeVersionSelector.svg"));
+
+var _react = require("react");
+
+var _RenderChilds = require("./RenderChilds");
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var CreateVersion = function CreateVersion(_ref) {
+  var idArticle = _ref.idArticle,
+      version = _ref.version,
+      setShowCreateVersion = _ref.setShowCreateVersion;
+
+  var _useState = (0, _react.useState)("version-options"),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      step = _useState2[0],
+      setStep = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      versions = _useState4[0],
+      setVersions = _useState4[1];
+
+  var _useState5 = (0, _react.useState)({
+    datasheet: version,
+    description: version,
+    image: version
+  }),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      selectedVersions = _useState6[0],
+      setSelectedVersions = _useState6[1];
+
+  var getVersions = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var response;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return (0, _axios.default)({
+                method: "get",
+                url: "".concat(process.env.REACT_APP_VERSIONS_ENDPOINT, "?articleId=").concat(idArticle, "&provider=true"),
+                headers: {
+                  Authorization: sessionStorage.getItem("jwt")
+                }
+              });
+
+            case 3:
+              response = _context.sent;
+              setVersions(JSON.parse(response.data.body).data);
+              _context.next = 10;
+              break;
+
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              console.log(_context.t0);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+
+    return function getVersions() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var createVersion = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(isEmpty) {
+      var data;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              data = {
+                articleId: idArticle,
+                isEmpty: isEmpty
+              };
+              isEmpty && (data["version"] = selectedVersions);
+              _context2.next = 5;
+              return (0, _axios.default)({
+                method: "post",
+                url: process.env.REACT_APP_VERSIONS_ENDPOINT,
+                data: data,
+                headers: {
+                  Authorization: sessionStorage.getItem("jwt")
+                }
+              });
+
+            case 5:
+              setShowCreateVersion(false);
+              _context2.next = 11;
+              break;
+
+            case 8:
+              _context2.prev = 8;
+              _context2.t0 = _context2["catch"](0);
+              console.log(_context2.t0);
+
+            case 11:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[0, 8]]);
+    }));
+
+    return function createVersion(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  var onChange = function onChange(e) {
+    setSelectedVersions((0, _objectSpread3.default)((0, _objectSpread3.default)({}, selectedVersions), {}, (0, _defineProperty2.default)({}, e.target.name, parseInt(e.target.value.slice(-1)))));
+  };
+
+  (0, _react.useEffect)(function () {
+    getVersions();
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "modal-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "button-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+          image: _closeVersionSelector.default,
+          buttonType: "circular-button",
+          id: "close-modal-button",
+          onClick: function onClick() {
+            return setShowCreateVersion(false);
+          }
+        })
+      }), (0, _RenderChilds.Children)(step, setStep, versions, selectedVersions, onChange, createVersion)]
+    })
+  });
+};
+
+exports.CreateVersion = CreateVersion;

package/dist/components/organisms/CreateVersion/styles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VersionOptions = exports.EmptyVersion = exports.CreateVersion = exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject, _templateObject2, _templateObject3;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1000;\n  background-color: #281f3366;\n  height: 100vh;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .modal-container {\n    position: relative;\n    padding: 40px 20px;\n    background: #281f33;\n    border-radius: 39px;\n\n    .button-container {\n      display: flex;\n      justify-content: flex-end;\n      padding-right: 15px;\n    }\n  }\n"])));
+
+exports.Container = Container;
+
+var VersionOptions = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  max-width: 560px;\n  text-align: center;\n\n  & > * + * {\n    margin-top: 20px;\n  }\n\n  img + * {\n    margin-top: 0;\n  }\n\n  .buttons-container {\n    display: flex;\n    justify-content: space-evenly;\n\n    button {\n      flex: 0.3 0 30%;\n    }\n\n    .general-transparent-button {\n      color: ", ";\n      border: 1px solid ", ";\n    }\n  }\n"])), _variables.GlobalColors.white, _variables.GlobalColors.white);
+
+exports.VersionOptions = VersionOptions;
+var EmptyVersion = VersionOptions;
+exports.EmptyVersion = EmptyVersion;
+var CreateVersion = (0, _styledComponents.default)(VersionOptions)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  .retailer-name-header {\n    margin: 30px 0;\n  }\n  .version-selector {\n    display: flex;\n    justify-content: space-evenly;\n\n    .selector {\n      flex: 0.1 1 20%;\n      font-family: ", ";\n      color: ", ";\n      font-size: 11px;\n      font-weight: normal;\n    }\n\n    & + * {\n      margin-top: 50px;\n    }\n  }\n"])), _variables.FontFamily.Lato, _variables.GlobalColors.white);
+exports.CreateVersion = CreateVersion;

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 : "R");
+          element.push(sd.status ? sd.status : "RECEIVED");
         } else element.push("NA");
 
         rt["services"] = element;

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

@@ -33,7 +33,9 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       askToDeleteImages = _ref.askToDeleteImages,
       onClickSave = _ref.onClickSave,
       showSaveButton = _ref.showSaveButton,
-      canAssign = _ref.canAssign;
+      canAssign = _ref.canAssign,
+      version = _ref.version,
+      setShowVersionSelector = _ref.setShowVersionSelector;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -57,7 +59,9 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       downloadImages: downloadImages,
       onClickSave: onClickSave,
       askToDeleteImages: askToDeleteImages,
-      showSaveButton: showSaveButton
+      showSaveButton: showSaveButton,
+      version: version,
+      setShowVersionSelector: setShowVersionSelector
     })]
   });
 };

package/dist/components/organisms/VersionSelector/VersionSelector.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VersionSelectorDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _index = require("./index");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/organisms/VersionSelector",
+  component: _index.VersionSelector
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.VersionSelector, (0, _objectSpread2.default)({}, args));
+};
+
+var VersionSelectorDefault = Template.bind({});
+exports.VersionSelectorDefault = VersionSelectorDefault;
+VersionSelectorDefault.args = {
+  articleId: 35707,
+  companyName: "COMPANY DEV",
+  currentVersion: 7
+};

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

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VersionSelector = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _styles = require("./styles");
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _react = require("react");
+
+var _ScreenHeader = require("../../atoms/ScreenHeader");
+
+var _GeneralButton = require("../../atoms/GeneralButton");
+
+var _addVersion = _interopRequireDefault(require("../../../assets/images/versionSelector/addVersion.svg"));
+
+var _closeVersionSelector = _interopRequireDefault(require("../../../assets/images/versionSelector/closeVersionSelector.svg"));
+
+var _variables = require("contentoh-components-library/dist/global-files/variables");
+
+var _variables2 = require("../../../global-files/variables");
+
+var _VersionItem = require("../../molecules/VersionItem");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var VersionSelector = function VersionSelector(_ref) {
+  var modalId = _ref.modalId,
+      articleId = _ref.articleId,
+      setVersion = _ref.setVersion,
+      companyName = _ref.companyName,
+      currentVersion = _ref.currentVersion,
+      setShowCreateVersion = _ref.setShowCreateVersion;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      versions = _useState2[0],
+      setVersions = _useState2[1];
+
+  var loadProductVersions = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId) {
+      var response, versionList;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return _axios.default.get("".concat(process.env.REACT_APP_VERSIONS_ENDPOINT, "?articleId=").concat(articleId, "&provider=true"));
+
+            case 3:
+              response = _context.sent;
+              versionList = JSON.parse(response.data.body).data;
+              setVersions(versionList);
+              _context.next = 11;
+              break;
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+              console.log(_context.t0);
+
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+
+    return function loadProductVersions(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    loadProductVersions(articleId);
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    id: modalId,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "versions-header",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        text: "Version del producto",
+        headerType: "input-name-header",
+        color: _variables.GlobalColors.white,
+        fontFamily: _variables2.FontFamily.Lato
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "buttons-container",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+          image: _addVersion.default,
+          buttonType: "circular-button",
+          onClick: function onClick() {
+            return setShowCreateVersion(true);
+          },
+          id: "add-version"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+          image: _closeVersionSelector.default,
+          buttonType: "circular-button",
+          id: "close-button"
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "versions-container",
+      children: versions === null || versions === void 0 ? void 0 : versions.map(function (item) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionItem.VersionItem, {
+          version: item.version,
+          articleStatus: item.article_status,
+          currentVersion: item.version === currentVersion,
+          productOwner: companyName,
+          setVersion: setVersion
+        });
+      })
+    })]
+  });
+};
+
+exports.VersionSelector = VersionSelector;

package/dist/components/organisms/VersionSelector/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 300px;\n  height: 100%;\n  background-color: ", ";\n  padding: 15px;\n  overflow: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n\n  .versions-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    .buttons-container {\n      display: flex;\n      align-items: center;\n\n      button + * {\n        margin-left: 10px;\n      }\n    }\n  }\n"])), _variables.GlobalColors.deep_gray);
+
+exports.Container = Container;

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

@@ -28,143 +28,133 @@ exports.ProviderProductEditionDefault = ProviderProductEditionDefault;
 ProviderProductEditionDefault.args = {
   tabsSections: {
     Descripción: true,
-    "Ficha técnica": true,
-    Imágenes: true
+    "Ficha técnica": false,
+    Imágenes: false
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJmN2FkMDcyYi0xZGJmLTQyYTYtYjQ5MC0xYmYwODM0YTg3ZjgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1ODUzODc2NCwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NTg1NDIzNjQsImlhdCI6MTY1ODUzODc2NCwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.B7za0LzO3yrlFnHWJKqkhQ2CoN9lGfPUjhscVUPzSYFd55yLewKD1aOGwfhJJM95Wve1JTRnAAkhiWJHVD8bEtk4SJXYtoYnaPb_LKK0tqF9GtSWPaWN1Lmz5pWezjeSujspCvZGboAo7vJcwc0wQbKZ2WceS_Om1bC8ov-ZuOLi6yr8dxYCXWNzJ_n0FQtc5X3cB_4d3RQaMGKJSFKo8UhFH8cuzLxhNowYd2wte-WcdVf8-hZ0ddZaBSOfjQbBVhAg6LaiOODucLUOHazD_qFL-h3opmei1ztmYZ80H2B3cWARUU1l_ZmaXeKe0HSOxaRr3w7F-2Wo2cFih70ZzA",
-  articleId: 76180,
-  category: 121,
+  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5ZTQ0OGMwZS0xOGVkLTRlYWYtOWY4OC0zYjMxOTdkNGEyZmQiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjllNDQ4YzBlLTE4ZWQtNGVhZi05Zjg4LTNiMzE5N2Q0YTJmZCIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI5ODg5YTFhYi1mMTljLTRiNzQtYjQ5Ni0xZDM3YzZjY2U3YmQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY1NjQzMTQ5OCwibmFtZSI6IkdlcnNvbiBNYXJ0w61uZXoiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjMxMjMxMjMiLCJleHAiOjE2NTY0MzUwOTgsImlhdCI6MTY1NjQzMTQ5OCwiZW1haWwiOiJnbWFydGluZXpAY29udGVudG9oLmNvbSJ9.qMBMYKxcaQrXT-3373y3K4eX73vgRApuFsT9-FVl9AuP_BKy51nHReEvwWHO4SMVpFxf3eHoQhUHG2PTl8qlvnoXlLqfCdgJEnq5DMFIOqcs_WzUHfb3k4r3y66DMzPwQI0aEk35ZYsAvkxd9m6Ax9fwJBuMCpb3jf7Az0SBpDvUgT7iRvS2b09UTwkW3ZIxfnaUE4uoqacoTUm7239AjuNe5Qh3UZl0rVvZ-mnh3SmAcNpxl-RtUEdcw4gO0MbIch39gIJ_1CcvBxXR2tVSUILZWfbpXI2ubA_sQZ0VJy5kWpe4pYF5beJISZ7sZ0Fzrv2ftE7poEtueYloftRfng",
+  articleId: 238,
+  category: 846,
   version: 2,
   productSelected: {
-    orderId: 121,
-    status: "AA",
-    datasheet_status: "AA",
-    prio: "none",
-    version: 2,
-    description_status: "AA",
-    images_status: "AA",
-    brand: null,
-    retailerOrder: 0,
-    missing: {
-      datasheet: null,
-      descriptions: null,
-      images: null
-    },
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1
-    },
-    article: {
-      category: "Eléctrico|Casa Inteligente|Interruptores y contactos inteligentes",
-      company_name: "COMPANY DEV",
-      country: "México",
-      id_category: "3031",
-      id_datasheet_especialist: null,
-      id_datasheet_facilitator: null,
-      id_description_especialist: null,
-      id_description_facilitator: null,
-      id_images_especialist: null,
-      id_images_facilitator: null,
-      id_order: 121,
-      id_article: 76180,
-      id_auditor: null,
-      name: "Prod 3",
-      timestamp: "2022-07-18T19:45:31.000Z",
-      upc: "1807203"
-    },
-    retailers: [{
-      id: 58,
-      name: "The Home Depot Golden"
-    }],
-    statusByRetailer: {
-      58: {
-        datasheet: "AA",
-        description: "AA",
-        images: "AA"
-      }
-    },
+    id_article: 76145,
+    id_category: "700",
+    name: "prod 8 LCR",
+    upc: "8484161",
+    timestamp: "2022-07-11T15:28:44.000Z",
+    status: "NULL",
+    categoryName: "Salud y Belleza|Cuidado Facial|Cremas, Mascarillas y Tratamientos",
+    asignations: [],
+    version: 3,
+    version_status: "R",
     retailersAvailable: [{
-      id: 58,
-      name: "The Home Depot Golden"
+      id: 12,
+      name: "La Comer",
+      country: "México",
+      id_region: 1,
+      active: 1
     }],
-    categoryName: "Eléctrico|Casa Inteligente|Interruptores y contactos inteligentes",
-    upc: "1807203",
-    id_article: 76180,
-    id_order: 121
+    missing: {}
   },
   productToEdit: {
-    ArticleId: 76180,
-    idCategory: "3031",
-    product: {
-      orderId: 121,
-      status: "AA",
-      datasheet_status: "AA",
+    idCategory: "2999",
+    ArticleId: 69031,
+    product: [{
+      orderId: 1829,
+      id_category: "2999",
+      status: "AC",
+      datasheet_status: "NS",
       prio: "none",
       version: 2,
-      description_status: "AA",
-      images_status: "AA",
+      description_status: "NS",
+      images_status: "AC",
       brand: null,
-      retailerOrder: 0,
       missing: {
-        datasheet: null,
-        descriptions: null,
-        images: null
-      },
-      services: {
-        datasheets: 1,
-        descriptions: 1,
-        images: 1
+        datasheet: 0,
+        descriptions: 0,
+        images: 0
       },
       article: {
-        category: "Eléctrico|Casa Inteligente|Interruptores y contactos inteligentes",
-        company_name: "COMPANY DEV",
-        country: "México",
-        id_category: "3031",
-        id_datasheet_especialist: null,
-        id_datasheet_facilitator: null,
-        id_description_especialist: null,
-        id_description_facilitator: null,
-        id_images_especialist: null,
-        id_images_facilitator: null,
-        id_order: 121,
-        id_article: 76180,
-        id_auditor: null,
-        name: "Prod 3",
-        timestamp: "2022-07-18T19:45:31.000Z",
-        upc: "1807203"
+        category: "RESIZING|RESIZING|RESIZING",
+        company_name: "The Home Depot Resize",
+        id_category: "2999",
+        id_article: 69031,
+        name: "RESIZING",
+        timestamp: "2022-06-23T15:53:54.000Z",
+        upc: "130994"
       },
       retailers: [{
-        id: 58,
-        name: "The Home Depot Golden"
-      }, {
         id: 60,
         name: "The Home Depot Resizing"
-      }, {
-        id: 61,
-        name: "Home Depot TAB"
       }],
-      statusByRetailer: {
-        58: {
-          datasheet: "AA",
-          description: "AA",
-          images: "AA"
-        }
+      services: {
+        datasheets: 0,
+        descriptions: 0,
+        images: 1
       },
+      checked: false,
       retailersAvailable: [{
-        id: 58,
-        name: "The Home Depot Golden"
+        id: 60,
+        name: "The Home Depot Resizing"
       }],
-      categoryName: "Eléctrico|Casa Inteligente|Interruptores y contactos inteligentes",
-      upc: "1807203",
-      id_article: 76180,
-      id_order: 121
-    },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1658189942624"
+      id_article: 69031,
+      categoryName: "RESIZING|RESIZING|RESIZING",
+      version_status: "AC"
+    }]
   },
   location: {
+    product: {
+      articleId: 109485,
+      versionId: 3
+    },
     state: {
       origin: "Contentoh"
     }
+  },
+  user: {
+    id_user: 1287,
+    name: "Gerson",
+    last_name: "Martinez",
+    email: "gmartinez@contentoh.com",
+    position: "Cuenta financiada",
+    telephone: "+525551234567",
+    country: "México",
+    id_company: 819,
+    id_cognito: "9e448c0e-18ed-4eaf-9f88-3b3197d4a2fd",
+    birth_Date: null,
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
+    id_role: 0,
+    active: 1,
+    is_retailer: 0,
+    email_notify: 1,
+    membership: {
+      id: 799,
+      start_date: "2022-06-19T15:48:09.000Z",
+      end_date: "2023-06-19T15:48:09.000Z",
+      planID: 6,
+      plan: "prod_KvGd6YSTJyR3AP",
+      name: "Plan Small",
+      user_limit: "10",
+      products_limit: "1000",
+      type: "Enterprise"
+    },
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-1287/1287.png?1656431499310"
+  },
+  company: {
+    id_company: 1,
+    trade_name: "COMPANY DEV",
+    company_name: "COMPANY DEV",
+    rfc: null,
+    adress: "",
+    about_company: "...",
+    telephone: "",
+    web_site: "",
+    zip_code: "",
+    email: null,
+    social_link: "",
+    is_retailer: 0
   }
 };