contentoh-components-library 21.3.33 → 21.3.35

package/dist/components/organisms/Chat/Footer/index.js

@@ -27,8 +27,6 @@ var _uuid = require("uuid");
 
 var _Image = require("../../../atoms/Image");
 
-var _ImageTooltip = require("../../../molecules/ImageTooltip");
-
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 
 var _CustomIcon = require("../../../atoms/CustomIcon");
@@ -170,7 +168,7 @@ var Footer = function Footer(props) {
           switch (_context.prev = _context.next) {
             case 0:
               if (!createItemsChat) {
-                _context.next = 87;
+                _context.next = 88;
                 break;
               }
 
@@ -273,7 +271,7 @@ var Footer = function Footer(props) {
 
 
               customFiles.push({
-                itemType: file.type.split("/")[0] == "image" ? "img" : "file",
+                itemType: file.type.split("/")[0] === "image" ? "img" : "file",
                 key: fileKey,
                 errorOwn: errorMessage
               });
@@ -320,12 +318,13 @@ var Footer = function Footer(props) {
                   customFiles[index].uploaded = true;
                 }
               });
-              _context.next = 58;
+              _context.next = 59;
               break;
 
             case 53:
               _context.prev = 53;
               _context.t2 = _context["catch"](7);
+              console.log(_context.t2);
               disableSecondaryContainer(false);
               setModalAlert({
                 show: true,
@@ -335,21 +334,21 @@ var Footer = function Footer(props) {
               });
               return _context.abrupt("return");
 
-            case 58:
+            case 59:
               // obtener las keys de los files subidos
               items = [];
               index = 0;
 
-            case 60:
+            case 61:
               if (!(index < customFiles.length)) {
-                _context.next = 73;
+                _context.next = 74;
                 break;
               }
 
               _file = customFiles[index];
 
               if (!_file.uploaded) {
-                _context.next = 70;
+                _context.next = 71;
                 break;
               }
 
@@ -359,14 +358,14 @@ var Footer = function Footer(props) {
               }; // caso imagen -> obtener width y height
 
               if (!(_file.itemType === "img")) {
-                _context.next = 69;
+                _context.next = 70;
                 break;
               }
 
-              _context.next = 67;
+              _context.next = 68;
               return (0, _utils.getImageSize)(files[index]);
 
-            case 67:
+            case 68:
               imgSize = _context.sent;
 
               if (imgSize) {
@@ -374,31 +373,31 @@ var Footer = function Footer(props) {
                 valueItem.height = imgSize.height;
               }
 
-            case 69:
+            case 70:
               items.push({
                 type: _file.itemType,
                 value: JSON.stringify(valueItem)
               });
 
-            case 70:
+            case 71:
               index++;
-              _context.next = 60;
+              _context.next = 61;
               break;
 
-            case 73:
+            case 74:
               if (!items.length) {
-                _context.next = 81;
+                _context.next = 82;
                 break;
               }
 
-              _context.next = 76;
+              _context.next = 77;
               return createItemsChat(items);
 
-            case 76:
+            case 77:
               responseError = _context.sent;
 
               if (!responseError) {
-                _context.next = 81;
+                _context.next = 82;
                 break;
               }
 
@@ -411,7 +410,7 @@ var Footer = function Footer(props) {
               disableSecondaryContainer(false);
               return _context.abrupt("return");
 
-            case 81:
+            case 82:
               // obtener los errores de los files no subidos a AWS
               failedFiles = [];
               errorDetailFiles = "";
@@ -440,7 +439,7 @@ var Footer = function Footer(props) {
               disableSecondaryContainer(false);
               setFilesPreview(failedFiles);
 
-            case 87:
+            case 88:
             case "end":
               return _context.stop();
           }

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

@@ -186,7 +186,7 @@ var Chat = function Chat(props) {
 
     var isUserTech = currentUser.isUserTech;
 
-    if (isUserTech && currentUser.id == ticketOwnerUserId) {
+    if (isUserTech && currentUser.id === ticketOwnerUserId) {
       isUserTech = false;
     }
 

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

@@ -55,6 +55,12 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
     });
     setRetailers(rtls);
   }, [servicesData]);
+
+  var getTime = function getTime(date) {
+    if (!date) return "";
+    return new Date(date).toLocaleDateString();
+  };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductNameHeader.ProductNameHeader, {
       productName: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article = headerData.article) === null || _headerData$article === void 0 ? void 0 : _headerData$article.name) || (headerData === null || headerData === void 0 ? void 0 : headerData.name),
@@ -62,7 +68,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
       percentRequired: percent,
       percent: percent === null || percent === void 0 ? void 0 : percent.toFixed(0),
       priority: headerData === null || headerData === void 0 ? void 0 : headerData.prio,
-      date: new Date((headerData === null || headerData === void 0 ? void 0 : (_headerData$article2 = headerData.article) === null || _headerData$article2 === void 0 ? void 0 : _headerData$article2.timestamp) || (headerData === null || headerData === void 0 ? void 0 : headerData.timestamp)).toLocaleDateString()
+      date: getTime((headerData === null || headerData === void 0 ? void 0 : (_headerData$article2 = headerData.article) === null || _headerData$article2 === void 0 ? void 0 : _headerData$article2.timestamp) || (headerData === null || headerData === void 0 ? void 0 : headerData.timestamp))
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "features-bar-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FeaturesBar.FeaturesBar, {

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

@@ -28,10 +28,10 @@ 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.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIwM2UyYWU3NS1hNzg0LTQwM2UtODE1YS0wOWUzYTZkYjg1M2UiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MDAyNzUyNSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjgwMDMxMTI1LCJpYXQiOjE2ODAwMjc1MjUsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.cHoFb-dn2q9GkDfippwUGNLMMtn-1-36Jhuhi8zhHEKlvPf6QIqCzM7vs0WBAkCNlOLrE3pr00LwemQi9TMJENqnQ2d2mbZ9QrOwFDSxkk-8-J7wbcRdaLmQFebIJmx8Ta1mAJDqEXsx7LTWW8D1N28bA3DKUS7Jnw411kC-4C2nT-zr0jRD5D0998dOROkDg6_Rp27sPE-B3H3Su0Of4C6olqYLNdZSCRJBTiXs5zJqmvZxtDcr20EFTWfNzXjHP2BNsylUHe9AKZI_pNjA3zhApfddZiYHWt8IMsJCSoW8yp8orZkwNew0BaHCFCk2UjyQu3NlW8i6D4aVnullqQ",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlZjViNDQzYi02ODc0LTQ2NGQtOWZiZS00Y2UwNWU4ZDQ3YTEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MDAzODYyNiwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjgwMDQyMjI1LCJpYXQiOjE2ODAwMzg2MjYsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.rhufpJdUaJOpiKtXJgNoDq863ecFnLp63c9_6NeEbpYYNN19d_xac8aZADN-QMpkmz1oxtqfxf_-JN5jMJexi9gJCRb9O7-xL75v_G9UjdmE8sRA6qRNb_tFUCt1oee_ulgqm_2wTjb7qGMGvY1eb1J1IX2pBYKnBy64KM6J5xFfZ57ac_bGruYhCzUexPBWyZKc5ckoY2zJqK5m5Ok7ds0m1hC0t-eQSGX_8KMsGQKiHevQ07cZUQ9mxOGVweRuAqITNx8fVmpD9QTpoZJJ5STVVcKO2CS0ltyE_DNlyejO7mZqbKvGEeLYc4ga0nozK9aP8H2cN_topT0d4JZ5rA",
   articleId: 238,
   category: 846,
   version: 2,
@@ -68,10 +68,13 @@ ProviderProductEditionDefault.args = {
     }]
   },
   location: {
+    pathname: "/EditProducts",
+    search: "",
+    hash: "",
     state: {
-      origin: "Contentoh",
       withChat: true
-    }
+    },
+    key: "24vwut"
   },
   user: {
     id_user: 59,
@@ -105,7 +108,7 @@ ProviderProductEditionDefault.args = {
       products_limit: "500",
       type: "PyMES"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1680027527535"
+    src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1680038627077"
   },
   company: {
     id_company: 817,

package/dist/global-files/handle_http.js

@@ -11,10 +11,20 @@ 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 _axios = _interopRequireDefault(require("axios"));
 
-//============================================================
+var objToQueryString = function objToQueryString(obj) {
+  if (!Object.values(obj).length) return null;
+  return Object.entries(obj).map(function (_ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
 
+    return "".concat(key, "=").concat(encodeURIComponent(JSON.stringify(value)));
+  }).join("&");
+};
 /**
  *	funcion que realiza un axios GET
  *	
@@ -24,16 +34,15 @@ var _axios = _interopRequireDefault(require("axios"));
  * 	body: {} | undefined , 
  * 	message: string, 
  * 	errorDetail: string
- * }> }
- *  
- */
-//============================================================
+ * }> } */
+
+
 var fetchGET = function fetchGET() {
   var endpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
   var paramsQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var paramsHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return new Promise( /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(response) {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(response) {
       var URL, keysParamsQuery, respHTTPjson, body, _body$message, _body$errorDetail;
 
       return _regenerator.default.wrap(function _callee$(_context) {
@@ -41,26 +50,19 @@ var fetchGET = function fetchGET() {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-              URL = endpoint;
+              URL = "".concat(endpoint, "?").concat(objToQueryString(paramsQuery));
               keysParamsQuery = Object.keys(paramsQuery); // agregar cada param query a la URL
 
-              keysParamsQuery.forEach(function (key, index) {
-                if (index == 0) {
-                  URL += "?".concat(key, "=").concat(paramsQuery[key]);
-                } else {
-                  URL += "&".concat(key, "=").concat(paramsQuery[key]);
-                }
-              });
-              _context.next = 6;
+              _context.next = 5;
               return _axios.default.get(URL, {
                 headers: paramsHeaders
               });
 
-            case 6:
+            case 5:
               respHTTPjson = _context.sent;
 
               if (!(respHTTPjson.status !== 200)) {
-                _context.next = 9;
+                _context.next = 8;
                 break;
               }
 
@@ -69,12 +71,12 @@ var fetchGET = function fetchGET() {
                 errorDetail: respHTTPjson.statusText
               }));
 
-            case 9:
+            case 8:
               // obtener body backend
               body = JSON.parse(respHTTPjson.data.body); // verificar si existe error desde el backend
 
               if (!(respHTTPjson.data.statusCode !== 200)) {
-                _context.next = 12;
+                _context.next = 11;
                 break;
               }
 
@@ -83,29 +85,29 @@ var fetchGET = function fetchGET() {
                 errorDetail: (_body$errorDetail = body.errorDetail) !== null && _body$errorDetail !== void 0 ? _body$errorDetail : ""
               }));
 
-            case 12:
+            case 11:
               return _context.abrupt("return", response({
                 body: body
               }));
 
-            case 15:
-              _context.prev = 15;
+            case 14:
+              _context.prev = 14;
               _context.t0 = _context["catch"](0);
               return _context.abrupt("return", response({
                 message: "Error al obtener los datos",
                 errorDetail: _context.t0.message
               }));
 
-            case 18:
+            case 17:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 15]]);
+      }, _callee, null, [[0, 14]]);
     }));
 
     return function (_x) {
-      return _ref.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }());
 }; //============================================================
@@ -132,7 +134,7 @@ var fetchPOST = function fetchPOST() {
   var paramsBody = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var paramsHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return new Promise( /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(response) {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(response) {
       var respHTTPjson, body, _body$message2, _body$errorDetail2;
 
       return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -194,7 +196,7 @@ var fetchPOST = function fetchPOST() {
     }));
 
     return function (_x2) {
-      return _ref2.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }());
 }; //============================================================
@@ -221,7 +223,7 @@ var fetchPUT = function fetchPUT() {
   var paramsBody = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var paramsHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return new Promise( /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(response) {
+    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(response) {
       var respHTTPjson, body, _body$message3, _body$errorDetail3;
 
       return _regenerator.default.wrap(function _callee3$(_context3) {
@@ -283,7 +285,7 @@ var fetchPUT = function fetchPUT() {
     }));
 
     return function (_x3) {
-      return _ref3.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }());
 }; //============================================================
@@ -310,7 +312,7 @@ var fetchDELETE = function fetchDELETE() {
   var paramsBody = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var paramsHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return new Promise( /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(response) {
+    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(response) {
       var respHTTPjson, body, _body$message4, _body$errorDetail4;
 
       return _regenerator.default.wrap(function _callee4$(_context4) {
@@ -373,7 +375,7 @@ var fetchDELETE = function fetchDELETE() {
     }));
 
     return function (_x4) {
-      return _ref4.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }());
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.3.33",
+  "version": "21.3.35",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/atoms/CustomSelectItem/index.js

@@ -25,7 +25,8 @@ export const CustomSelectItem = ({
   const oneDimensionArray = (arr) => {
     var array = [];
     arr.forEach((element) => {
-      if (typeof element == "object") array.push(...oneDimensionArray(element));
+      if (typeof element === "object")
+        array.push(...oneDimensionArray(element));
       else array.push(element);
     });
     return array;

package/src/components/atoms/InputText/index.js

@@ -49,7 +49,7 @@ export const InputText = (props) => {
           value={text}
           onChange={(event) => onChangeText && onChangeText(event.target.value)}
           onKeyDown={(event) => {
-            if (event.key == "Enter" && !event.shiftKey) {
+            if (event.key === "Enter" && !event.shiftKey) {
               event.preventDefault();
               onEnter && onEnter(event);
             }

package/src/components/atoms/ProductPercentCard/index.js

@@ -9,14 +9,14 @@ export const ProductPercentCard = ({
   var result = (productsInStatus / totalProcucts) * 100;
 
   var percent = result.toString().search(/\./) ? result.toFixed(2) : result;
-  
+
   return (
     <Container className={`status-${statusType}`}>
       <p className="text">Productos en proceso</p>
       <div className="percent-text">
         <p className="number">{productsInStatus}</p>
         <img src={polygon} alt="" />
-        <span className="span">{percent == "NaN" ? 0 : percent}%</span>
+        <span className="span">{percent === "NaN" ? 0 : percent}%</span>
       </div>
     </Container>
   );

package/src/components/atoms/Select/index.js

@@ -22,7 +22,7 @@ export default function Select(props) {
               value={item.value ? item.value : item}
               // selected={
               //   item.value
-              //     ? item.value == props.valueSelected && "selected"
+              //     ? item.value === props.valueSelected && "selected"
               //     : item === props.valueSelected && "selected"
               // }
             >

package/src/components/molecules/ButtonDownloadFile/index.js

@@ -34,7 +34,7 @@ export const ButtonDownloadFile = (props) => {
         method: "GET",
         responseType: "blob",
       });
-      if (responseFile.status != 200) {
+      if (responseFile.status !== 200) {
         setLoading(false);
         onDownload &&
           onDownload({

package/src/components/molecules/CarouselImagesLogin/index.js

@@ -25,13 +25,13 @@ export const CarouselImagesLogin = ({
     circulos[0].classList.add("resaltado");
     const slideshow = () => {
       img2.src = images[i];
-      const circulo_actual = Array.from(circulos).find((el) => el.id == i);
+      const circulo_actual = Array.from(circulos).find((el) => el.id === i);
       Array.from(circulos).forEach((cir) => cir.classList.remove("resaltado"));
       circulo_actual.classList.add("resaltado");
       img1.classList.add("right");
       img2.classList.add("active");
       i++;
-      if (i == images.length) {
+      if (i === images.length) {
         i = 0;
       }
       setTimeout(() => {

package/src/components/molecules/ImageTooltip/index.js

@@ -7,7 +7,6 @@ import { Tooltip } from "../../atoms/Tooltip";
 export const ImageTooltip = (props) => {
   const {
     className, // string
-    width, // string
     sizeLoading, // number
     colorLoading, // string
     classNameLoading, // string
@@ -19,15 +18,6 @@ export const ImageTooltip = (props) => {
     position, // (string) posicion del contenedor tooltip (values en object positions)
   } = props;
   const [imgLoad, setImgLoad] = useState();
-  const [loading, setLoading] = useState(false);
-
-  /* solo para hacer pruebas en modo dev
-  useEffect(() => {
-    setTimeout(() => {
-      setLoading(false);
-    }, 5000);
-  }, []);
-  */
 
   return (
     <Tooltip
@@ -37,9 +27,9 @@ export const ImageTooltip = (props) => {
       followCursor={false}
       className={className}
       classNameTooltip={classNameTooltip}
-      componentTooltip={imgLoad !== undefined && !loading && componentTooltip}
+      componentTooltip={imgLoad !== undefined && componentTooltip}
     >
-      {src && (imgLoad === undefined || loading) && (
+      {src && imgLoad === undefined && (
         <ContainerLoading
           className={classNameLoading}
           sizeLoading={sizeLoading}
@@ -49,14 +39,14 @@ export const ImageTooltip = (props) => {
         </ContainerLoading>
       )}
 
-      {(!src || (imgLoad === false && !loading)) && componentDefault}
+      {(!src || imgLoad === false) && componentDefault}
 
       <Img
         className={classNameImg}
-        src={src}
-        onLoad={(event) => setImgLoad(true)}
-        onError={(event) => setImgLoad(false)}
-        show={imgLoad === true && !loading}
+        src={`${src}?${new Date().getMilliseconds()}`}
+        onLoad={() => setImgLoad(true)}
+        onError={() => setImgLoad(false)}
+        show={imgLoad === true}
       />
     </Tooltip>
   );

package/src/components/molecules/ProductNameHeader/index.js

@@ -7,7 +7,6 @@ import { PriorityFlag } from "../../atoms/PriorityFlag/index";
 export const ProductNameHeader = ({
   productName,
   statusType,
-  percent,
   priority,
   date,
   percentRequired,

package/src/components/molecules/SelectV2/index.js

@@ -142,7 +142,7 @@ export const SelectV2 = (props) => {
     } else if (selectedItemsCopy.length === 1) {
       let labelItem = undefined;
       for (const item of items) {
-        if (item.value == selectedItemsCopy[0]) {
+        if (item.value === selectedItemsCopy[0]) {
           labelItem = item.label;
           break;
         }

package/src/components/organisms/Chat/Chat.stories.js

@@ -135,15 +135,16 @@ chatTicket_userTECH.args = {
   chatContainerType: "fixed",
   chatData: {
     id: 130,
-    ticketOwnerUserId: 49,
-    ticketCompany: 817,
-    statusTicket: "IN_PROGRESS",
+    ticketOwnerUserId: 194,
+    ticketCompany: undefined,
+    statusTicket: "PENDING",
     currentUser: {
       token:
-        "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5M2FkOTM5Yy04MzJjLTQ4NWItOWUzMS0yN2MxNzBjMDk1NWEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTY2MjU5MiwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2Njk2NjYxOTIsImlhdCI6MTY2OTY2MjU5MiwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.hhdlQk-ljHpyZPRoG02YcvPow8jpm9coZfmEuZ29vIVX7bX5k05Ss3FkaT0dYNr2qEvqZHHqH61oJvx4xr2i6z2c3xEZxyJZFR-Cc_skhH0UwGXbCH9up5PW1aipY5rL45E42R7GKSGmB5Z-B7vxe2NcL-ZojYZkXNZ7Gx_lM8Vpq-XsFLJ4nCJlH7vx9D4SkREN3lLfYIIgqNrxJ_wqfqvcqexwRJfnr76ZqCuDR4dTWsES2Lf5D8Wa_wkQAjQNdzP7ai28l9fRyCSwkTxvamdJkx7p-tssOL5pAnCsKkD22UN-09c1bhuGrgfKWUV4awbptfjvHS7TSq0bWiv4gQ",
+        "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlYTRlZmQ1Zi1mYTg4LTRjNDEtYTM3Ny02MWVkNmY0YTMyOTciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MDA1Njg2NSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODAwNjA0NjUsImlhdCI6MTY4MDA1Njg2NSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.oRuv3LkdvctEMUjmeGw0-XefzV_Aoh1O2hFMik4RxpkkCUeP1O7AjA7lJI6sgoqa9Nwa2fCPRXk6ufi84UbgxGEgkupQmAvXTHQCw_uwCUVAZitlNGXSBl-VSisMuXSnckxdZQ1MvLV5BgLmiw4mu6HxKDN-Uw0xc7yL_yDtGu3NWxoO0Cm2zbej8jYLE9DV9wG297bjfzVQ7hzpEfEcB52I5Tg6nF2VDTx-8_m4mVVrpisbV5uBoYokbFyyOFVLZzUU7Je5uHukscHS5dje9IMTY8DE5S8xUWJubHjf_ktcy7Y2-F2cG5dI5oSdrBNU-wNNW5-OtRLgclSJLmbPCw",
       id: 28,
       companyId: 1,
       isUserTech: true,
     },
   },
+  classNameContainerFixed: "chatTicket",
 };

package/src/components/organisms/Chat/ChatLists/index.js

@@ -68,7 +68,7 @@ export const ChatLists = (props) => {
 
           {/* label interno */}
           <div className="container-indicators">
-            {currentCompanyId == companyId && (
+            {currentCompanyId === companyId && (
               <div className="label-ownCompany">Interno</div>
             )}
           </div>
@@ -76,7 +76,7 @@ export const ChatLists = (props) => {
       );
 
       // checar si es chat abierto
-      if (company.statusChat == "closed") jsxClosedChats.push(itemChat);
+      if (company.statusChat === "closed") jsxClosedChats.push(itemChat);
       else jsxOpenChats.push(itemChat);
     }
     setOpenChats(jsxOpenChats);