contentoh-components-library 21.3.16 → 21.3.17

package/.env.development

@@ -21,6 +21,9 @@ REACT_APP_READ_REQUIRED_ORDERS=https://fc069ovhuk.execute-api.us-east-1.amazonaw
 REACT_APP_CATEGORY_ENDPOINT=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/categories
 REACT_APP_READ_PROVIDERS=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/providers
 REACT_APP_PENDING_INVITATIONS=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/pending-invitations
+REACT_APP_PRODUCTS_CHAT_ENDPOINT=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/products-chat
+REACT_APP_TICKETS_CHAT_ENDPOINT=https://ocqbzaa4a2.execute-api.us-east-1.amazonaws.com/dev/ticket-chat
+REACT_APP_IMAGES_ENDPOINT=https://content-management-images.s3.amazonaws.com
 
 REACT_APP_IMAGES_BUCKET=content-management-images
 REACT_APP_IMAGES_PROFILE_BUCKET=content-management-profile
@@ -28,3 +31,5 @@ REACT_APP_KUTS3=AKIA5CPHLQTTS22HCGHW
 REACT_APP_AKUTS3=RSpwEaM0fsLEgN7BJzRyCKqyU0lNExTsPUvxyNXm
 REACT_APP_USER_POOL_ID=us-east-1_XMZQdqkGj
 REACT_APP_USER_POOL_WEB_CLIENT_ID=5ac8tpgs6gbsq13frvrpieep40
+REACT_APP_KEY_UPLOAD_TO_S3=AKIA5CPHLQTTYNYWQ2TM
+REACT_APP_ACCESS_KEY_UPLOAD_TO_S3=zGYWR4rW52rqg1bW1CrC00zBXv2od0mNCF8WGcvr

package/dist/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/dist/components/atoms/ProgressBar/index.js

@@ -7,16 +7,46 @@ exports.ProgressBar = void 0;
 
 var _styles = require("./styles");
 
+var _Tooltip = require("../Tooltip");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var ProgressBar = function ProgressBar(_ref) {
   var percent = _ref.percent,
-      progressBarType = _ref.progressBarType;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: "status-".concat(progressBarType),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-      children: [percent, "%"]
-    })
+      progressBarType = _ref.progressBarType,
+      percentRequired = _ref.percentRequired;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [percentRequired ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+        componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+              children: "Campos requeridos"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+            children: ["Este nuevo icono te indicar\xE1 cuando ", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), " completes todos los campos requeridos"]
+          })]
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerIcon, {
+          className: "fondo",
+          percentageRequired: percentRequired,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            class: "hola",
+            children: "local_police"
+          })
+        }),
+        classNameTooltip: "container-tooltip",
+        position: undefined,
+        addArrow: undefined,
+        transitionType: undefined,
+        followCursor: undefined
+      })
+    }) : "", /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+      className: "status-".concat(progressBarType),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+        children: [percent, "%"]
+      })
+    })]
   });
 };
 

package/dist/components/atoms/ProgressBar/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Container = void 0;
+exports.ContainerIcon = exports.Container = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 
@@ -13,10 +13,18 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _variables = require("../../../global-files/variables");
 
-var _templateObject;
+var _templateObject, _templateObject2;
 
 var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  width: fit-content;\n  height: 27px;\n  padding: 4px;\n  border-radius: 15px;\n  font-family: ", ";\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 19px;\n  color: ", ";\n\n  &.status-CA,\n  &.status-IE {\n    background-color: ", ";\n  }\n\n  &.status-R,\n  &.status-AS,\n  &.status-PA {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-ACA,\n  &.status-AC {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RC,\n  &.status-RP,\n  &.status-RCA {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, function (backgroundColor) {
   return backgroundColor === "s2" || backgroundColor === "s1" ? _variables.GlobalColors.s4 : _variables.GlobalColors.white;
 }, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
 
-exports.Container = Container;
+exports.Container = Container;
+
+var ContainerIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  @font-face {\n    font-family: \"Material Symbols Outlined\";\n    font-style: normal;\n    font-weight: 100 700;\n    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v68/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2)\n      format(\"woff2\");\n  }\n\n  .hola {\n    font-family: \"Material Symbols Outlined\";\n    font-size: 30px;\n    //line-height: 1;\n    margin-top: 10px;\n  }\n  .hola {\n    font-variation-settings: \"FILL\"\n        ", ",\n      \"wght\" 400, \"GRAD\" 0, \"opsz\" 48;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.percentageRequired < 100 ? 0 : 1;
+}, function (props) {
+  return props.percentageRequired < 100 ? "#d4d1d7" : "#e33aa9";
+});
+
+exports.ContainerIcon = ContainerIcon;

package/dist/components/molecules/CustomSelect/CustomSelect.stories.js

@@ -11,6 +11,8 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 
 var _index = require("./index");
 
+var _starIcon = _interopRequireDefault(require("../../../assets/images/customSelect/starIcon.svg"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
@@ -26,29 +28,26 @@ var Template = function Template(args) {
 var CustomSelectDefault = Template.bind({});
 exports.CustomSelectDefault = CustomSelectDefault;
 CustomSelectDefault.args = {
-  selectLabel: "Todos los departamentos",
+  // selectLabel: "Todos los departamentos",
   defaultOption: "Todos los departamentos",
   options: [{
-    id: 1,
-    value: "Decoración",
-    subOptions: [{
-      id: 1,
-      value: "Espejos"
-    }, {
-      id: 2,
-      value: "Persianas"
-    }]
-  }, {
-    id: 2,
-    value: "Eléctrico"
-  }, {
-    id: 3,
-    value: "Ferretería"
-  }, {
-    id: 4,
-    value: "Herramientas"
+    id: 47,
+    name: "Enero 2023",
+    isSelected: true
   }, {
-    id: 5,
-    value: "Iluminación"
-  }]
+    id: 49,
+    name: "Mis Favoritos"
+  }],
+  onClickItem: function onClickItem(v, id) {
+    if (v) {
+      console.log("Agregar a la lista", id);
+    } else {
+      console.log("Eliminar a la lista", id);
+    }
+  },
+  icon: _starIcon.default,
+  showSearchBar: true,
+  customOptions: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+    children: "Esto es un customOptions"
+  })
 };

package/dist/components/molecules/CustomSelect/SelectItem.js

@@ -26,7 +26,8 @@ var SelecItem = function SelecItem(_ref) {
       customSelectId = _ref.customSelectId,
       setParameterArray = _ref.setParameterArray,
       activeFilters = _ref.activeFilters,
-      setActiveFilters = _ref.setActiveFilters;
+      setActiveFilters = _ref.setActiveFilters,
+      onClickItem = _ref.onClickItem;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -46,6 +47,10 @@ var SelecItem = function SelecItem(_ref) {
         id: "main-item-" + option.id,
         label: option.name,
         onChange: function onChange(e) {
+          if (onClickItem) {
+            onClickItem(e.target.checked, option.id);
+          }
+
           var subOptions = option.subOptions;
           var filtersCopy = (0, _objectSpread2.default)({}, activeFilters);
 
@@ -108,6 +113,10 @@ var SelecItem = function SelecItem(_ref) {
             label: sub.name,
             defaultChecked: activeFilters[option.name] && activeFilters[option.name][sub.name],
             onChange: function onChange(e) {
+              if (onClickItem) {
+                onClickItem(e.target.checked, sub.id);
+              }
+
               if (e.target.checked) {
                 setParameterArray(function (current) {
                   return [].concat((0, _toConsumableArray2.default)(current), [sub.id]).sort(function (a, b) {

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

@@ -13,10 +13,15 @@ var _index2 = require("../../atoms/GeneralButton/index");
 
 var _react = require("react");
 
+var _Chat = require("../../organisms/Chat");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var HeaderTop = function HeaderTop(_ref) {
-  var setHeaderTop = _ref.setHeaderTop;
+  var setHeaderTop = _ref.setHeaderTop,
+      withChat = _ref.withChat,
+      productSelected = _ref.productSelected,
+      token = _ref.token;
   var headerTop = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     setHeaderTop && setHeaderTop(headerTop.current.clientHeight);
@@ -25,11 +30,23 @@ var HeaderTop = function HeaderTop(_ref) {
     ref: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       text: "Edici\xF3n de producto"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
-      buttonType: "close-button",
-      onClick: function onClick() {
-        window.location.href = "/products";
-      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "buttons-top",
+      children: [withChat && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chat.Chat, {
+        chatType: "merchant_product",
+        chatContainerType: "popUp",
+        chatData: {
+          userToken: token,
+          id: productSelected.id_article,
+          version: productSelected.version
+        },
+        size: 18
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
+        buttonType: "close-button",
+        onClick: function onClick() {
+          window.location.href = "/products";
+        }
+      })]
     })]
   });
 };

package/dist/components/molecules/HeaderTop/styles.js

@@ -13,6 +13,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  .buttons-top {\n    display: flex;\n    align-items: center;\n  }\n"])));
 
 exports.Container = Container;

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

@@ -22,16 +22,18 @@ var ProductNameHeader = function ProductNameHeader(_ref) {
       statusType = _ref.statusType,
       percent = _ref.percent,
       priority = _ref.priority,
-      date = _ref.date;
+      date = _ref.date,
+      percentRequired = _ref.percentRequired;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       headerType: "product-name-header",
       text: productName
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
+    }), statusType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
       statusType: statusType
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ProgressBar, {
-      percent: percent,
-      progressBarType: statusType
+      percent: percentRequired,
+      progressBarType: statusType,
+      percentRequired: percentRequired
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.PriorityFlag, {
       priority: priority
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {

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

@@ -59,6 +59,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
     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),
       statusType: (headerData === null || headerData === void 0 ? void 0 : headerData.version_status) || (headerData === null || headerData === void 0 ? void 0 : headerData.status) || (headerData === null || headerData === void 0 ? void 0 : headerData.article_status),
+      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()

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

@@ -23,6 +23,8 @@ var _es = _interopRequireDefault(require("date-fns/locale/es"));
 
 var _customHooks = require("../../../global-files/customHooks");
 
+var _utils = require("../../../global-files/utils");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 (0, _reactDatepicker.registerLocale)("es", _es.default);
@@ -54,7 +56,6 @@ var RangeCalendar = function RangeCalendar(_ref) {
 
   (0, _react.useEffect)(function () {
     if (currentDates) {
-      console.log(currentDates);
       setStartDate(new Date(currentDates.start));
       setEndDate(new Date(currentDates.end));
     }
@@ -71,8 +72,8 @@ var RangeCalendar = function RangeCalendar(_ref) {
     if (end) {
       setParameterArray && setParameterArray(function (current) {
         return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, current), {}, {
-          estimatedStartDate: start.toISOString().substring(0, 10),
-          estimatedDate: end.toISOString().substring(0, 10)
+          estimatedStartDate: (0, _utils.getFormatedDate)(new Date(start), "-"),
+          estimatedDate: (0, _utils.getFormatedDate)(new Date(end), "-")
         });
       });
     }

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

@@ -31,70 +31,73 @@ 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"
       }]
     }]
   },
   location: {
     state: {
-      origin: "Contentoh"
+      origin: "Contentoh",
+      withChat: true
     }
   },
   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,21 +105,33 @@ 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");

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

@@ -212,7 +212,7 @@ var myBucket = new _awsSdk.default.S3({
 });
 
 var ProviderProductEdition = function ProviderProductEdition(_ref) {
-  var _product$retailers, _product$retailersAva, _location$state, _datasheets$, _datasheets$$data;
+  var _product$retailers, _product$retailersAva, _location$state, _location$state2, _datasheets$, _datasheets$$data;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -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),
@@ -565,7 +566,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               (0, _data.getPercentage)({
                 data: [product]
               }).then(function (res) {
-                return setPercentages(res);
+                return setPercentages(res[0]);
               });
               setLoading(false);
 
@@ -720,17 +721,17 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     loadAssignations(product);
   }, [userGroups]);
   (0, _react.useEffect)(function () {
-    var _retailers$;
+    var _Object$keys, _percentages$productT, _retailers$;
 
     var productTemp = product;
     var retailers = (productTemp === null || productTemp === void 0 ? void 0 : productTemp.retailersAvailable) || (productTemp === null || productTemp === void 0 ? void 0 : productTemp.retailers);
-    retailers === null || retailers === void 0 ? void 0 : retailers.forEach(function (retailer) {
-      var _percentages$find;
 
-      retailer["percentage"] = percentages === null || percentages === void 0 ? void 0 : (_percentages$find = percentages.find(function (percent) {
-        return (retailer === null || retailer === void 0 ? void 0 : retailer.id) === (percent === null || percent === void 0 ? void 0 : percent.id_retailer);
-      })) === null || _percentages$find === void 0 ? void 0 : _percentages$find.percentage;
-    });
+    if (((_Object$keys = Object.keys((_percentages$productT = percentages[productTemp.id_article]) !== null && _percentages$productT !== void 0 ? _percentages$productT : {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) {
+      retailers === null || retailers === void 0 ? void 0 : retailers.forEach(function (retailer, index) {
+        retailer["percentage"] = Number(percentages[productTemp.id_article][retailer.id].percentageRequired);
+      });
+    }
+
     setProduct(productTemp);
     setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
   }, [percentages]);
@@ -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: location === null || location === void 0 ? void 0 : (_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.withChat,
+      productSelected: productSelected,
+      token: token
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "data-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {