contentoh-components-library 8.0.0 → 10.0.1

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

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CustomerTypeDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
@@ -15,6 +19,8 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _variables = require("../../../global-files/variables");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/pages/CustomerType",
   component: _index.CustomerType
@@ -22,44 +28,37 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.CustomerType, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerType, (0, _objectSpread2.default)({}, args));
 };
 
 var CustomerTypeDefault = Template.bind({});
 exports.CustomerTypeDefault = CustomerTypeDefault;
 CustomerTypeDefault.args = {
   homeLeft: {
-    componentsArray: [/*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-      key: "1",
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       fontFamily: _variables.FontFamily.Raleway_600,
       color: _variables.GlobalColors.white,
       text: "Cadena"
-    }), /*#__PURE__*/React.createElement(_CustomerTypeImage.CustomerTypeImages, {
-      key: "2"
-    }), /*#__PURE__*/React.createElement("p", {
-      key: "3"
-    }, "Elige esta opci\xF3n si eres una Cadena Retailer."), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
+    }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomerTypeImage.CustomerTypeImages, {}, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "Elige esta opci\xF3n si eres una Cadena Retailer."
+    }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "general-white-button",
-      label: "Seleccionar",
-      key: "4"
-    })]
+      label: "Seleccionar"
+    }, "4")]
   },
   homeRight: {
-    componentsArray: [/*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       fontFamily: _variables.FontFamily.Raleway_600,
       color: "#000000",
-      text: "Proveedor",
-      key: "1"
-    }), /*#__PURE__*/React.createElement(_CustomerTypeImage.CustomerTypeImages, {
+      text: "Proveedor"
+    }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomerTypeImage.CustomerTypeImages, {
       className: "imagen",
-      imageType: true,
-      key: "2"
-    }), /*#__PURE__*/React.createElement("p", {
-      key: "3"
-    }, "Elige esta opci\xF3n si eres una Proveedor o Due\xF1o de producto."), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-      key: "4",
+      imageType: true
+    }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "Elige esta opci\xF3n si eres una Proveedor o Due\xF1o de producto."
+    }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "general-default-button",
       label: "Seleccionar"
-    })]
+    }, "4")]
   }
 };

package/dist/components/pages/CustomerType/index.js

@@ -9,21 +9,27 @@ var _styles = require("./styles");
 
 var _GradientPanel = require("../../atoms/GradientPanel");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var CustomerType = function CustomerType(_ref) {
   var homeLeft = _ref.homeLeft,
       homeRight = _ref.homeRight;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "home-retailer"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    componentsArray: homeLeft.componentsArray,
-    panelType: "home-panel"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "home-provider"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    panelColor: true,
-    componentsArray: homeRight.componentsArray,
-    panelType: "home-panel"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        componentsArray: homeLeft.componentsArray,
+        panelType: "home-panel"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-provider",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        panelColor: true,
+        componentsArray: homeRight.componentsArray,
+        panelType: "home-panel"
+      })
+    })]
+  });
 };
 
 exports.CustomerType = CustomerType;

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

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.EmailResetPasswordDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _index = require("./index");
+
+var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
+
+var _login = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login2.svg"));
+
+var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/pages/EmailResetPassword",
+  component: _index.EmailResetPassword
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.EmailResetPassword, (0, _objectSpread2.default)({}, args));
+};
+
+var EmailResetPasswordDefault = Template.bind({});
+exports.EmailResetPasswordDefault = EmailResetPasswordDefault;
+EmailResetPasswordDefault.args = {
+  imageArrayCarousel: [_loginImage.default, _login.default, _login2.default],
+  textCarousel: "Elige la plataforma que conecta proovedores y retailers"
+};

package/dist/components/pages/EmailResetPassword/index.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmailResetPassword = 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 _GradientPanel = require("../../atoms/GradientPanel");
+
+var _CarouselImagesLogin = require("../../molecules/CarouselImagesLogin");
+
+var _react = require("react");
+
+var _LogoImage = require("../../atoms/LogoImage");
+
+var _ScreenHeader = require("../../atoms/ScreenHeader");
+
+var _variables = require("../../../global-files/variables");
+
+var _TagAndInput = require("../../molecules/TagAndInput");
+
+var _GeneralButton = require("../../atoms/GeneralButton");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var EmailResetPassword = function EmailResetPassword(_ref) {
+  var _ref$imageArrayCarous = _ref.imageArrayCarousel,
+      imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
+      textCarousel = _ref.textCarousel,
+      backogroundColorCarousel = _ref.backogroundColorCarousel;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      emptyEmail = _useState2[0],
+      setEmptyEmail = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      invalidEmail = _useState4[0],
+      setInvalidEmail = _useState4[1];
+
+  var validate = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+      var email;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              e.preventDefault();
+              email = document.querySelector("#emailInput").value;
+              email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
+              !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) ? setInvalidEmail(true) : setInvalidEmail(false);
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function validate(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "credenciales",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      fontFamily: _variables.FontFamily.AvenirNext,
+      color: _variables.GlobalColors.s5,
+      text: "Ingresa tus credenciales"
+    })
+  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "user",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+      inputType: "text",
+      inputId: "emailInput",
+      label: "Nombre de usuario",
+      inputPlaceHolder: "username@contentoh.com"
+    }), emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Ingrese su correo"
+    }), invalidEmail && !emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Ingrese un correo v\xE1lido"
+    })]
+  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "button-center",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+      buttonType: "general-default-button",
+      label: "Enviar",
+      onClick: function onClick(e) {
+        return validate(e);
+      }
+    })
+  }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "back-login",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "Regresar..."
+    })
+  }, "5")];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CarouselImagesLogin.CarouselImagesLogin, {
+        panelImg: imageArrayCarousel,
+        panelText: textCarousel,
+        panelColor: backogroundColorCarousel
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-login-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        componentsArray: loginRight,
+        panelType: "home-login",
+        panelColor: _variables.GlobalColors.white
+      })
+    })]
+  });
+};
+
+exports.EmailResetPassword = EmailResetPassword;

package/dist/components/pages/EmailResetPassword/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  display: flex;\n  width: 100%;\n  height: 100vh;\n  .home-login-retailer,\n  .home-retailer {\n    width: 50%;\n    .button-center {\n      text-align: center;\n      .general-default-button {\n        width: 160px;\n      }\n    }\n    .back-login {\n      text-align: center;\n      margin: 15px !important;\n      color: ", ";\n      cursor: pointer;\n      font-weight: bold;\n      font-family: ", ";\n      font-size: 13px;\n    }\n  }\n"])), _variables.GlobalColors.secondary_magenta, _variables.FontFamily.Raleway);
+
+exports.Container = Container;

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

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.OnboardPlanDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
@@ -15,6 +19,8 @@ var _variables = require("../../../global-files/variables");
 
 var _Fullplan = require("../../organisms/Fullplan");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/pages/OnboardPlan",
   Component: _index.OnboardPlan
@@ -22,26 +28,23 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.OnboardPlan, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OnboardPlan, (0, _objectSpread2.default)({}, args));
 };
 
 var OnboardPlanDefault = Template.bind({});
 exports.OnboardPlanDefault = OnboardPlanDefault;
 OnboardPlanDefault.args = {
   leftPanel: {
-    componentsArray: [/*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-      key: "1",
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       fontFamily: _variables.FontFamily.Raleway_600,
       color: _variables.GlobalColors.white,
       text: "Beneficios de cadenas"
-    }), /*#__PURE__*/React.createElement(_AtomList.AtomList, {
-      key: "2",
+    }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AtomList.AtomList, {
       content: ["Crea proveedores y agregalos a tu cadena", "Solicita actualización a proveedores", "Valida los proveedores", "Analiza el número de productos totales"]
-    })]
+    }, "2")]
   },
   planContainerData: {
-    componentsArray: [/*#__PURE__*/React.createElement(_Fullplan.FullPlan, {
-      key: "1",
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Fullplan.FullPlan, {
       title: "Elige el n\xFAmero de proveedores",
       textGeneral: "Bienvido a nuestra plataforma de cadena, para continuar elige el n\xFAmero de proveedores que tiene tu cadena",
       containerData: [{
@@ -57,6 +60,6 @@ OnboardPlanDefault.args = {
         number: "Ondemand",
         name: "agrega proveedores a tu forma"
       }]
-    })]
+    }, "1")]
   }
 };

package/dist/components/pages/OnboardPlan/index.js

@@ -9,21 +9,27 @@ var _styles = require("./styles");
 
 var _GradientPanel = require("../../atoms/GradientPanel");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var OnboardPlan = function OnboardPlan(_ref) {
   var leftPanel = _ref.leftPanel,
       planContainerData = _ref.planContainerData;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "left"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    componentsArray: leftPanel.componentsArray,
-    panelType: "home-panel"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "rigth"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    panelColor: true,
-    componentsArray: planContainerData.componentsArray,
-    panelType: "home-plan"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "left",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        componentsArray: leftPanel.componentsArray,
+        panelType: "home-panel"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "rigth",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        panelColor: true,
+        componentsArray: planContainerData.componentsArray,
+        panelType: "home-plan"
+      })
+    })]
+  });
 };
 
 exports.OnboardPlan = OnboardPlan;

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

@@ -0,0 +1,186 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ProviderProductEditionDefault = 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/pages/ProviderProductEdition",
+  component: _index.ProviderProductEdition
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProviderProductEdition, (0, _objectSpread2.default)({}, args));
+};
+
+var ProviderProductEditionDefault = Template.bind({});
+exports.ProviderProductEditionDefault = ProviderProductEditionDefault;
+ProviderProductEditionDefault.args = {
+  tabsSections: {
+    Descripción: true,
+    "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,
+  productSelected: {
+    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: {
+    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"
+      }]
+    }
+  },
+  location: {
+    product: {
+      articleId: 109485,
+      versionId: 3
+    },
+    state: {
+      origin: "Contentoh"
+    }
+  },
+  user: {
+    id_user: 59,
+    name: "The Home",
+    last_name: "Depot",
+    email: "cadena.ismael@allfreemail.net",
+    position: "Admin",
+    telephone: "+523111366336",
+    country: "México",
+    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: "",
+    id_role: 0,
+    active: 1,
+    is_retailer: 0,
+    email_notify: 1,
+    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",
+      type: "Enterprise"
+    },
+    src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1656113146885"
+  }
+};