contentoh-components-library 21.3.8 → 21.3.10

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

@@ -7,10 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Chat = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
@@ -35,7 +31,9 @@ var Chat = function Chat(props) {
   var chatType = props.chatType,
       chatContainerType = props.chatContainerType,
       chatData = props.chatData,
-      classNameContainerFixed = props.classNameContainerFixed;
+      classNameContainerFixed = props.classNameContainerFixed,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 14 : _props$size;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -68,25 +66,31 @@ var Chat = function Chat(props) {
           errorDetail: ""
         });
     }
-  }, [chatType]); // validar props que se requieren para el tipo de chat "order_product"
-
-  var validateChatOrderProduct = function validateChatOrderProduct() {
-    var userToken = chatData.userToken,
-        id = chatData.id,
-        orderId = chatData.orderId,
-        retailerId = chatData.retailerId; // validar token del user
+  }, [chatType]);
 
+  var isValidGeneral = function isValidGeneral(userToken, id) {
+    // validar token del user
     if ((0, _utils.isStringEmpty)(userToken)) {
       setDataError("El token del usuario no es valido");
-      return;
+      return false;
     } // validar ID del producto
 
 
     if (!(0, _utils.isValidNaturalNumber)(id)) {
       setDataError("El ID del producto no es valido");
-      return;
-    } // validar el ID de la OT en donde se encuentra el producto
+      return false;
+    }
 
+    return true;
+  }; // validar props que se requieren para el tipo de chat "order_product"
+
+
+  var validateChatOrderProduct = function validateChatOrderProduct() {
+    var userToken = chatData.userToken,
+        id = chatData.id,
+        orderId = chatData.orderId,
+        retailerId = chatData.retailerId;
+    if (!isValidGeneral(userToken, id)) return; // validar el ID de la OT en donde se encuentra el producto
 
     if (!(0, _utils.isValidNaturalNumber)(orderId)) {
       setDataError("El ID de la orden del producto no es valido");
@@ -111,19 +115,8 @@ var Chat = function Chat(props) {
   var validateChatMerchantProduct = function validateChatMerchantProduct() {
     var userToken = chatData.userToken,
         id = chatData.id,
-        version = chatData.version; // validar token del user
-
-    if ((0, _utils.isStringEmpty)(userToken)) {
-      setDataError("El token del usuario no es valido");
-      return;
-    } // validar ID del producto
-
-
-    if (!(0, _utils.isValidNaturalNumber)(id)) {
-      setDataError("El ID del producto no es valido");
-      return;
-    } // validar la version del producto
-
+        version = chatData.version;
+    if (!isValidGeneral(userToken, id)) return; // validar la version del producto
 
     if (!(0, _utils.isValidNaturalNumber)(version)) {
       setDataError("La version del producto no es valida");
@@ -142,7 +135,13 @@ var Chat = function Chat(props) {
     var currentUser = chatData.currentUser,
         id = chatData.id,
         statusTicket = chatData.statusTicket,
-        ticketOwnerUserId = chatData.ticketOwnerUserId; // validar si ID del usuario conectado
+        ticketOwnerUserId = chatData.ticketOwnerUserId; // validar el token del usuario conectado
+
+    if ((0, _utils.isStringEmpty)(currentUser === null || currentUser === void 0 ? void 0 : currentUser.token)) {
+      setDataError("Tu identificación de usuario no fue especificado");
+      return;
+    } // validar si ID del usuario conectado
+
 
     if (!(0, _utils.isValidNaturalNumber)(currentUser === null || currentUser === void 0 ? void 0 : currentUser.id)) {
       setDataError("Tu ID de usuario no fue especificado");
@@ -156,7 +155,7 @@ var Chat = function Chat(props) {
     } // validar si el usuario conectado es de tecnologia o no
 
 
-    if ((currentUser === null || currentUser === void 0 ? void 0 : currentUser.isUserTech) === undefined || typeof currentUser.isUserTech !== "boolean") {
+    if (![false, true].includes(currentUser === null || currentUser === void 0 ? void 0 : currentUser.isUserTech)) {
       setDataError("Tu tipo de usuario no fue especificado");
       return;
     } // validar ID del ticket
@@ -174,7 +173,7 @@ var Chat = function Chat(props) {
     } // validar el status del chat
 
 
-    if ((0, _utils.isStringEmpty)(statusTicket)) {
+    if (!["IN_PROGRESS", "PENDING", "COMPLETED"].includes(statusTicket)) {
       setDataError("El estatus del ticket no es valido");
       return;
     }
@@ -204,105 +203,31 @@ var Chat = function Chat(props) {
       errorDetail: errorDetail
     });
   };
-  /*
-  const createItem = async (valueType, valueInput) => {
-    clearTimeout(processUpdateID);
-    let currentItems = items.slice();
-    let paramsBody = {};
-    let paramsHeaders = {};
-    switch (chatType.toLowerCase()) {
-      case "order_product": //------------------------------------------
-        paramsBody = {
-          articleId: articleId,
-          valueType: valueType,
-          value: valueInput,
-          isOrderProduct: "1",
-          orderId: orderId,
-          retailerId: retailerId,
-        };
-        paramsHeaders = { Authorization: userToken };
-        break;
-       default:
-        // merchants_products--------------------------------------
-        paramsBody = {
-          articleId: articleId,
-          articleVersion: articleVersion,
-          valueType: valueType,
-          value: valueInput,
-          isOrderProduct: "0",
-        };
-        paramsHeaders = { Authorization: userToken };
-    }
-    const response = await fetchPOST(
-      process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT,
-      paramsBody,
-      paramsHeaders
-    );
-    if (!response.body) {
-      let itemType =
-        valueType === "txt"
-          ? "el mensaje"
-          : valueType === "img"
-          ? "la imagen"
-          : "el archivo";
-      showModalAlert(
-        `No fue posible agregar ${itemType} en el chat`,
-        response.errorDetail,
-        "error"
-      );
-      setItems(currentItems);
-    } else {
-      if (currentItems?.length == 0) {
-        // console.log("NUEVO ITEM <> NUEVO INITIAL");
-        await getInitial();
-      } else {
-        // console.log("NUEVO ITEM <> NUEVO UPDATE");
-        await getUpdate();
-      }
-    }
-  };
-  */
-
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: (chatContainerType === null || chatContainerType === void 0 ? void 0 : chatContainerType.toLowerCase()) === "fixed" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerFixed, {
-        className: classNameContainerFixed,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentChat.ContentChat, {
-          chatType: chatType === null || chatType === void 0 ? void 0 : chatType.toLowerCase(),
-          chatContainerType: "fixed",
-          dataChat: data,
-          showBtnClose: false
-        })
+
+  if ((chatContainerType === null || chatContainerType === void 0 ? void 0 : chatContainerType.toLowerCase()) === "fixed") {
+    /* chat tipo fixed */
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerFixed, {
+      className: classNameContainerFixed,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentChat.ContentChat, {
+        chatType: chatType === null || chatType === void 0 ? void 0 : chatType.toLowerCase(),
+        chatContainerType: "fixed",
+        dataChat: data,
+        showBtnClose: false
       })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    });
+  } else {
+    /* chat tipo popUp */
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerBtnPopUpChat, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
           className: "container-btn-popUpChat",
           type: "whiteS2",
-          size: 14,
+          size: size,
           borderType: "circle",
           icon: _freeSolidSvgIcons.faComments,
-          onClick: /*#__PURE__*/function () {
-            var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(event) {
-              return _regenerator.default.wrap(function _callee$(_context) {
-                while (1) {
-                  switch (_context.prev = _context.next) {
-                    case 0:
-                      setShowPopUpChat(!showPopUpChat);
-
-                    case 1:
-                    case "end":
-                      return _context.stop();
-                  }
-                }
-              }, _callee);
-            }));
-
-            return function (_x) {
-              return _ref.apply(this, arguments);
-            };
-          }()
+          onClick: function onClick() {
+            setShowPopUpChat(!showPopUpChat);
+          }
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Slide, {
         direction: "left",
@@ -313,6 +238,7 @@ var Chat = function Chat(props) {
             chatType: chatType === null || chatType === void 0 ? void 0 : chatType.toLowerCase(),
             chatContainerType: "popUp",
             dataChat: data,
+            showPopUpChat: showPopUpChat,
             showBtnClose: true,
             onClickBtnClose: function onClickBtnClose() {
               setShowPopUpChat(false);
@@ -320,8 +246,8 @@ var Chat = function Chat(props) {
           })
         })
       })]
-    })
-  });
+    });
+  }
 };
 
 exports.Chat = Chat;

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

@@ -31,37 +31,39 @@ ProviderProductEditionDefault.args = {
     "Ficha técnica": true,
     Imágenes: true
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyOWY3YWY3Zi0yNmQ0LTRiMWItODZmZS0zOWY2ZTUyMDFhNzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTkyNzAyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2Njk5MzA2MjEsImlhdCI6MTY2OTkyNzAyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.NK6hVSiBksguboJ1m8yYqtDq19kzgE3GqYDEJHLUya_n_TsXriv6W1ypq7XiSo9zrqWcmHBpOoJQS7WbWzjGe__NlJEXjo8bykS8QBTTOiMrKxz1KzGRYJkwgG0axk-zVysUQH0_y-fbwgEgMPtd6qO46DB_KlFI_PEL1-uR5MJ9U0kNkS61gMbHwFQFs_DU-sS01NxjBsjUEp783rs1r-jm7TelZac1rGaFNUyi5vHdSozYzlnzfzGcuACZ0lHqvah2FHbDyurp-G_uhpUn5lNmcL4rVNh2lDd4TOnhJ3AtN1wGSmtErmhjmBHTvavh1ub9pklA1B9qjVuTRpYANw",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwM2ViMjZhMC1hYjU2LTQ3NjctYjY0Zi04NDkyNTgwNzcwMmEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjAzZWIyNmEwLWFiNTYtNDc2Ny1iNjRmLTg0OTI1ODA3NzAyYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJmNmNkMzA1My1iODE4LTQzYzgtOGZhMC0yNTZmMTBhMDYwNjciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3NDU5OTgwNiwibmFtZSI6IlBydWViYSBNZXJjaGFudHMiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODkxIiwiZXhwIjoxNjc0NjAzNDA2LCJpYXQiOjE2NzQ1OTk4MDYsImVtYWlsIjoibWVyY2hhbnRzMjRlbmVAYWxsZnJlZW1haWwubmV0In0.osGY8Rdr20hTwL86dZ_CzXxHLvPe-L0iaLtWVwJ78prdMlbDoEZWNePr-Di1rb8F2efV6FAsf9mELW6Tw3PETo_d5yeDEPVAGD0pXFvVntTlSrJGtfEDMnpNWTG2uaMlL1_zJ8BcFYmIUniZN8VvEKW6ezFOt01cK3We-Vrv92TqKa-ePQRkDnhKu52nnTgxs5aysGf-mYLxLumQ4TcOPXJ2x6OsszedJaujFDeCPN7JVGbg9HC68__WklpgocSasU6fQg4Glh1kXWQ-fy4XaFw6cBParJjkqic2Gg1iqwB5wGbrwD4E0crZyPkgwwPydTLLu6WguGWBuQHhcoG-xg",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    id_article: 3,
-    id_category: 2032,
-    name: "CORTINA BLACKOUT DE POLIÉSTER CAFÉ 2.13 X 1.06 M",
-    upc: "161157",
-    timestamp: "2022-11-14T16:02:47.000Z",
-    categoryName: "Decoración|Cortinas y Persianas|Cortinas",
+    category: "Decoración|Accesorios Decorativos|Accesorios Decorativos",
+    company_name: "merchants24ene@allfreemail.net",
+    company_id: 918,
+    id_category: "2028",
+    id_article: 432,
+    name: "VELA AROMA 18 OZ MAN/CAN",
+    upc: "102852",
     version: 1,
     retailersAvailable: [{
-      name: "The Home Depot Golden",
-      id: 58
+      id: 68,
+      name: "The Home Depot Merchants"
     }]
   },
   productToEdit: {
-    idCategory: 2032,
-    ArticleId: 3,
+    idCategory: "2028",
+    ArticleId: 432,
     product: [{
-      id_article: 3,
-      id_category: 2032,
-      name: "CORTINA BLACKOUT DE POLIÉSTER CAFÉ 2.13 X 1.06 M",
-      upc: "161157",
-      timestamp: "2022-11-14T16:02:47.000Z",
-      categoryName: "Decoración|Cortinas y Persianas|Cortinas",
+      category: "Decoración|Accesorios Decorativos|Accesorios Decorativos",
+      company_name: "merchants24ene@allfreemail.net",
+      company_id: 918,
+      id_category: "2028",
+      id_article: 432,
+      name: "VELA AROMA 18 OZ MAN/CAN",
+      upc: "102852",
       version: 1,
       retailersAvailable: [{
-        name: "The Home Depot Golden",
-        id: 58
+        id: 68,
+        name: "The Home Depot Merchants"
       }]
     }]
   },
@@ -71,30 +73,30 @@ ProviderProductEditionDefault.args = {
     }
   },
   user: {
-    id_user: 28,
-    name: "Ismael",
-    last_name: "López",
-    email: "ilopez@contentoh.com",
-    position: "Test States",
-    telephone: "+523111366336",
+    id_user: 140,
+    name: "Prueba",
+    last_name: "Merchants",
+    email: "merchants24ene@allfreemail.net",
+    position: "merchants24ene@allfreemail.net",
+    telephone: "+521234567891",
     country: "México",
-    id_company: 1,
-    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
+    id_company: 918,
+    id_cognito: "03eb26a0-ab56-4767-b64f-84925807702a",
     birth_Date: null,
-    about_me: "",
-    zip_code: "",
-    address: "",
-    job: "",
-    id_stripe: "cus_KuEt6R6vwmN09f",
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
     id_role: 0,
     active: 1,
     is_retailer: 0,
-    email_notify: 0,
-    is_user_tech: "AS",
+    email_notify: 1,
+    is_user_tech: null,
     membership: {
-      id: 76,
-      start_date: "2022-01-18T17:25:35.000Z",
-      end_date: "2023-01-18T17:25:35.000Z",
+      id: 109,
+      start_date: "2023-01-24T22:07:34.000Z",
+      end_date: "2024-01-24T22:07:34.000Z",
       planID: 8,
       plan: "prod_KtlhECVSFG2iro",
       name: "Plan Pro",
@@ -102,23 +104,36 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1669927021851"
+    src: "https://content-management-profile.s3.amazonaws.com/id-140/140.png?1674599807427"
   },
   company: {
-    id_company: 1,
-    trade_name: "GRUPO BRAHMA",
-    company_name: "GRUPO BRAHMA",
-    rfc: "XAXX010101000",
-    adress: "AA",
-    about_company: "",
-    telephone: "",
-    web_site: "",
-    zip_code: "",
+    id_company: 918,
+    trade_name: "merchants24ene@allfreemail.net",
+    company_name: "merchants24ene@allfreemail.net",
+    rfc: "merchants24ene@allfreemail.net",
+    adress: "merchants24ene@allfreemail.net",
+    about_company: null,
+    telephone: null,
+    web_site: null,
+    zip_code: null,
     email: null,
-    social_link: "",
-    is_retailer: 0
+    social_link: null,
+    is_retailer: 0,
+    financedRetailers: [{
+      id: 68,
+      name: "The Home Depot Merchants",
+      country: "México",
+      id_region: 1,
+      active: 1
+    }],
+    retailers: [{
+      id: null,
+      name: null,
+      country: null
+    }]
   },
   showSurvey: function showSurvey(v) {
     return v && alert("se muestra");
-  }
+  },
+  withChat: true
 };

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

@@ -227,7 +227,8 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       revision = _ref$revision === void 0 ? false : _ref$revision,
       setShowContentohRequestModal = _ref.setShowContentohRequestModal,
       showSurvey = _ref.showSurvey,
-      company = _ref.company;
+      company = _ref.company,
+      withChat = _ref.withChat;
 
   var _useState = (0, _react.useState)("Descripción"),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -1680,7 +1681,10 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     headerTop: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
-      setHeaderTop: setHeaderTop
+      setHeaderTop: setHeaderTop,
+      withChat: withChat,
+      productSelected: productSelected,
+      token: token
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "data-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/dist/global-files/handle_userTech.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isUserTech = exports.isUserAdminTech = void 0;
+
+var isUserTech = function isUserTech() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  return ["AS", "ADMIN-AS", "ADMIN"].includes(value);
+};
+
+exports.isUserTech = isUserTech;
+
+var isUserAdminTech = function isUserAdminTech() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  return ["ADMIN-AS", "ADMIN"].includes(value);
+};
+
+exports.isUserAdminTech = isUserAdminTech;

package/dist/global-files/utils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isValidNaturalNumber = exports.isStringEmpty = exports.isObject = exports.isArrayEmpty = exports.getTime = exports.getResizeImgHeight = exports.getImageURL = exports.getImageSize = exports.getFullDate = exports.getFileName = exports.getFileExtension = exports.getDataBuffer = exports.getDataBase64 = exports.getCustomDate = exports.getBase64 = exports.decodeJSON = void 0;
+exports.isValidNaturalNumber = exports.isStringEmpty = exports.isObject = exports.isArrayEmpty = exports.getTime = exports.getResizeImgHeight = exports.getImageURL = exports.getImageSize = exports.getFullDate = exports.getFileName = exports.getFileExtension = exports.getDataBuffer = exports.getDataBase64 = exports.getCustomDate = exports.getBase64 = exports.encodeUriJson = exports.decodeJSON = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -480,5 +480,21 @@ var isObject = function isObject(obj) {
   if (obj && (0, _typeof2.default)(obj) === "object" && !Array.isArray(obj)) return true;
   return false;
 };
+/*------------------------
+recibe un value y lo codifica 
+primero a JSON y luego a URI
+--------------------------*/
+
+
+exports.isObject = isObject;
+
+var encodeUriJson = function encodeUriJson(value) {
+  try {
+    var encodeValue = encodeURIComponent(JSON.stringify(value));
+    return encodeValue;
+  } catch (err) {
+    return undefined;
+  }
+};
 
-exports.isObject = isObject;
+exports.encodeUriJson = encodeUriJson;

package/package.json

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

package/src/assets/images/generalButton/closeIcon.svg

@@ -1,4 +1,4 @@
 <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
-<line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#E33AA9" stroke-width="1.73333" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M39.8672 12.1333L13.8672 38.1333" stroke="#E33AA9" stroke-width="1.73333" stroke-linecap="round" stroke-linejoin="round"/>
+<line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#E33AA9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M39.8672 12.1333L13.8672 38.1333" stroke="#E33AA9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

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

@@ -1,10 +1,15 @@
 import { Container } from "./styles";
 import { ScreenHeader } from "../../atoms/ScreenHeader/index";
 import { Button } from "../../atoms/GeneralButton/index";
-import { useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
 import { Chat } from "../../organisms/Chat";
 
-export const HeaderTop = ({ setHeaderTop }) => {
+export const HeaderTop = ({
+  setHeaderTop,
+  withChat,
+  productSelected,
+  token,
+}) => {
   const headerTop = useRef();
 
   useEffect(() => {
@@ -15,7 +20,18 @@ export const HeaderTop = ({ setHeaderTop }) => {
     <Container ref={headerTop}>
       <ScreenHeader text="Edición de producto" />
       <div className="buttons-top">
-        {/* <Chat /> */}
+        {withChat && (
+          <Chat
+            chatType="merchant_product"
+            chatContainerType="popUp"
+            chatData={{
+              userToken: token,
+              id: productSelected.id_article,
+              version: productSelected.version,
+            }}
+            size={18}
+          />
+        )}
 
         <Button
           buttonType="close-button"

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

@@ -15,7 +15,7 @@ export const ProductNameHeader = ({
   return (
     <Container>
       <ScreenHeader headerType={"product-name-header"} text={productName} />
-      <Status statusType={statusType} />
+      {statusType && <Status statusType={statusType} />}
       <ProgressBar
         percent={percentRequired}
         progressBarType={statusType}