contentoh-components-library 21.3.33 → 21.3.34

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.34",
   "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);

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

@@ -97,8 +97,8 @@ export const ContentChat = (props) => {
 
   // comenzar temporizador del update de 20s
   useEffect(() => {
-    //return;   -- descomentarizar para hacer pruebas sin update
-    if (startUpdate == 0) return;
+    // return; // -- descomentarizar para hacer pruebas sin update
+    if (startUpdate === 0) return;
     const processID = setTimeout(() => {
       setRunUpdate((prev) => prev + 1);
     }, 15000);
@@ -109,10 +109,10 @@ export const ContentChat = (props) => {
   // ejecutar update
   useEffect(() => {
     if (chatType === "merchant_product") {
-      if (singleChat.items) getUpdateLatestMerchantProduct();
+      if (singleChat.items) getUpdateLatestMerchantProduct(true);
       else getInitialMerchantProduct();
     } else if (chatType === "order_product") {
-      if (companies) getUpdateLatestOrderProduct();
+      if (companies) getUpdateLatestOrderProduct(true);
       else getInitialOrderProduct();
     } else {
       if (singleChat.items) getUpdateLatestTicket(true);
@@ -146,6 +146,7 @@ export const ContentChat = (props) => {
       return;
     }
     // success
+    setStartUpdate((prev) => prev + 1);
     setCurrentUser({
       id: response.body.data.currentUserId,
       companyId: response.body.data.currentCompanyId,
@@ -379,16 +380,18 @@ export const ContentChat = (props) => {
   /*=======================================================================
                 PETICION GET UPDATE_LATEST SEGUN EL TIPO DE CHAT
   ======================================================================= */
-  const getUpdateLatestMerchantProduct = async () => {
+  const getUpdateLatestMerchantProduct = async (fromUpdate = false) => {
     const paramsQuery = {
       getType: "updateLatest",
       id: JSON.stringify(dataChat.id),
       version: JSON.stringify(dataChat.version),
       date: encodeURIComponent(lastUpdateDate),
     };
+    const paramsHeaders = { Authorization: dataChat.userToken };
     const response = await fetchGET(
       process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT,
-      paramsQuery
+      paramsQuery,
+      paramsHeaders
     );
     if (!response.body) {
       console.log("ERROR updateLatest:", {
@@ -398,6 +401,7 @@ export const ContentChat = (props) => {
       return;
     }
     // success
+    setStartUpdate((prev) => prev + 1);
     setLastUpdateDate(response.body.data.lastUpdateDate);
     // actualizar la lista de los users
     updateAllUsers(response.body.users);
@@ -405,12 +409,13 @@ export const ContentChat = (props) => {
     let newSingleChat = { ...singleChat };
     newSingleChat.items = addNewItemsChat(
       newSingleChat.items,
-      response.body.items
+      response.body.items,
+      fromUpdate
     );
     setSingleChat(newSingleChat);
   };
 
-  const getUpdateLatestOrderProduct = async () => {
+  const getUpdateLatestOrderProduct = async (fromUpdate = false) => {
     const paramsQuery = {
       getType: "updateLatest",
       id: JSON.stringify(dataChat.id),
@@ -436,7 +441,7 @@ export const ContentChat = (props) => {
       return;
     }
     // success
-
+    setStartUpdate((prev) => prev + 1);
     // cuando cambie la lista de chats por un cambio de version o estatus
     if (response.body.data.status) {
       setIsLoading(true);
@@ -481,7 +486,8 @@ export const ContentChat = (props) => {
       Object.keys(response.body.companies).forEach((companyId) => {
         companiesList[companyId].items = addNewItemsChat(
           companiesList[companyId].items,
-          response.body.companies[companyId].items
+          response.body.companies[companyId].items,
+          fromUpdate
         );
       });
       setCompanies(companiesList);
@@ -609,15 +615,13 @@ export const ContentChat = (props) => {
   };
 
   const createItemsMerchantProduct = async (items = []) => {
-    const paramsBody = {
-      id: JSON.stringify(dataChat.id),
-      version: JSON.stringify(dataChat.version),
-      userId: JSON.stringify(currentUser.id),
-      items: JSON.stringify(items),
-    };
+    const { id, version } = dataChat;
+    const paramsBody = { id, version, items };
+    const paramsHeaders = { Authorization: dataChat.userToken };
     const response = await fetchPOST(
       process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT,
-      paramsBody
+      paramsBody,
+      paramsHeaders
     );
     if (!response.body) {
       return {
@@ -629,17 +633,18 @@ export const ContentChat = (props) => {
 
   const createItemsOrderProduct = async (items = []) => {
     const paramsBody = {
-      id: JSON.stringify(dataChat.id),
-      version: JSON.stringify(currentArticle.version),
-      userId: JSON.stringify(currentUser.id),
-      items: JSON.stringify(items),
-      orderId: JSON.stringify(dataChat.orderId),
-      sentCompanyId: JSON.stringify(currentUser.companyId),
-      receivedCompanyId: JSON.stringify(activeCompanyId),
+      id: dataChat.id,
+      version: currentArticle.version,
+      items,
+      orderId: dataChat.orderId,
+      sentCompanyId: currentUser.companyId,
+      receivedCompanyId: activeCompanyId,
     };
+    const paramsHeaders = { Authorization: dataChat.userToken };
     const response = await fetchPOST(
       process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT,
-      paramsBody
+      paramsBody,
+      paramsHeaders
     );
     if (!response.body) {
       return {
@@ -655,9 +660,11 @@ export const ContentChat = (props) => {
       userId: JSON.stringify(dataChat.currentUser.id),
       items: JSON.stringify(items),
     };
+    const paramsHeaders = { Authorization: dataChat.userToken };
     const response = await fetchPOST(
       process.env.REACT_APP_TICKETS_CHAT_ENDPOINT,
-      paramsBody
+      paramsBody,
+      paramsHeaders
     );
     if (!response.body) {
       return {
@@ -739,8 +746,8 @@ export const ContentChat = (props) => {
       }, 5000);
     }
     return Object.values(itemsId).sort((a, b) => {
-      if (a.id < b.id) return 1;
-      if (a.id > b.id) return -1;
+      if (a.id > b.id) return 1;
+      if (a.id < b.id) return -1;
       return 0;
     });
   };

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

@@ -3,13 +3,11 @@ import {
   ContainerItemCarrousel,
   ContainerMain,
   ContainerSecondary,
-  ContainerTooltipFileName,
 } from "./styles";
 import { useEffect, useState, useRef } from "react";
 import AWS from "aws-sdk";
 import { v4 as uuidv4 } from "uuid";
 import { Image as CustomImage } from "../../../atoms/Image";
-import { ImageTooltip } from "../../../molecules/ImageTooltip";
 import {
   faArrowUp as IconSend,
   faImage as IconImage,
@@ -21,7 +19,7 @@ import { ButtonV2 } from "../../../atoms/ButtonV2";
 import { IconFile } from "../../../atoms/IconFile";
 import { Modal } from "../../Modal";
 import { Tooltip } from "../../../atoms/Tooltip";
-import { Fade, Tooltip as TooltipMUI, Zoom } from "@mui/material";
+import { Fade, Tooltip as TooltipMUI } from "@mui/material";
 import { ButtonFileChooser } from "../../../atoms/ButtonFileChooser";
 import { Slide } from "@mui/material";
 // carrousel
@@ -186,7 +184,7 @@ export const Footer = (props) => {
           }
           // enviar file a AWS
           customFiles.push({
-            itemType: file.type.split("/")[0] == "image" ? "img" : "file",
+            itemType: file.type.split("/")[0] === "image" ? "img" : "file",
             key: fileKey,
             errorOwn: errorMessage,
           });
@@ -208,6 +206,7 @@ export const Footer = (props) => {
           }
         });
       } catch (err) {
+        console.log(err);
         disableSecondaryContainer(false);
         setModalAlert({
           show: true,
@@ -236,10 +235,7 @@ export const Footer = (props) => {
               valueItem.height = imgSize.height;
             }
           }
-          items.push({
-            type: file.itemType,
-            value: JSON.stringify(valueItem),
-          });
+          items.push({ type: file.itemType, value: JSON.stringify(valueItem) });
         }
       }