contentoh-components-library 21.3.17 → 21.3.19

package/.env.development

@@ -21,9 +21,6 @@ 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
@@ -31,5 +28,3 @@ 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="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"/>
+<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"/>
 </svg>

package/dist/components/atoms/GeneralInput/index.js

@@ -114,6 +114,18 @@ var GeneralInput = function GeneralInput(_ref) {
 
     setRequiredEmpty(isRequired && (((_textValue$value = textValue.value) === null || _textValue$value === void 0 ? void 0 : _textValue$value.length) === 0 || textValue.value === undefined));
   }, [textValue]);
+
+  var numberInputOnWheelPreventChange = function numberInputOnWheelPreventChange(e) {
+    // Prevent the input value change
+    e.target.blur(); // Prevent the page/container scrolling
+
+    e.stopPropagation(); // Refocus immediately, on the next tick (after the current function is done)
+
+    setTimeout(function () {
+      return e.target.focus();
+    }, 0);
+  };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     isRequired: requiredEmpty,
     children: [(optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
@@ -150,7 +162,8 @@ var GeneralInput = function GeneralInput(_ref) {
       },
       maxLength: maxChar,
       required: isRequired,
-      onKeyDown: onKeyDown
+      onKeyDown: onKeyDown,
+      onWheel: numberInputOnWheelPreventChange
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputFormatter.InputFormatter, {
       name: inputName,
       inputId: inputId,

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

@@ -7,46 +7,16 @@ 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,
-      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, "%"]
-      })
-    })]
+      progressBarType = _ref.progressBarType;
+  return /*#__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.ContainerIcon = exports.Container = void 0;
+exports.Container = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 
@@ -13,18 +13,10 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _variables = require("../../../global-files/variables");
 
-var _templateObject, _templateObject2;
+var _templateObject;
 
 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;
-
-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;
+exports.Container = Container;

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

@@ -11,8 +11,6 @@ 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 = {
@@ -28,26 +26,29 @@ 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: 47,
-    name: "Enero 2023",
-    isSelected: true
+    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: 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"
-  })
+    id: 5,
+    value: "Iluminación"
+  }]
 };

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

@@ -26,8 +26,7 @@ var SelecItem = function SelecItem(_ref) {
       customSelectId = _ref.customSelectId,
       setParameterArray = _ref.setParameterArray,
       activeFilters = _ref.activeFilters,
-      setActiveFilters = _ref.setActiveFilters,
-      onClickItem = _ref.onClickItem;
+      setActiveFilters = _ref.setActiveFilters;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -47,10 +46,6 @@ 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);
 
@@ -113,10 +108,6 @@ 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,15 +13,10 @@ 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,
-      withChat = _ref.withChat,
-      productSelected = _ref.productSelected,
-      token = _ref.token;
+  var setHeaderTop = _ref.setHeaderTop;
   var headerTop = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     setHeaderTop && setHeaderTop(headerTop.current.clientHeight);
@@ -30,23 +25,11 @@ var HeaderTop = function HeaderTop(_ref) {
     ref: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       text: "Edici\xF3n de producto"
-    }), /*#__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";
-        }
-      })]
+    }), /*#__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  .buttons-top {\n    display: flex;\n    align-items: center;\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n"])));
 
 exports.Container = Container;

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

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

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

@@ -59,7 +59,6 @@ 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/pages/ProviderProductEdition/ProviderProductEdition.stories.js

@@ -31,73 +31,70 @@ ProviderProductEditionDefault.args = {
     "Ficha técnica": true,
     Imágenes: true
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwM2ViMjZhMC1hYjU2LTQ3NjctYjY0Zi04NDkyNTgwNzcwMmEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjAzZWIyNmEwLWFiNTYtNDc2Ny1iNjRmLTg0OTI1ODA3NzAyYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJmNmNkMzA1My1iODE4LTQzYzgtOGZhMC0yNTZmMTBhMDYwNjciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3NDU5OTgwNiwibmFtZSI6IlBydWViYSBNZXJjaGFudHMiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODkxIiwiZXhwIjoxNjc0NjAzNDA2LCJpYXQiOjE2NzQ1OTk4MDYsImVtYWlsIjoibWVyY2hhbnRzMjRlbmVAYWxsZnJlZW1haWwubmV0In0.osGY8Rdr20hTwL86dZ_CzXxHLvPe-L0iaLtWVwJ78prdMlbDoEZWNePr-Di1rb8F2efV6FAsf9mELW6Tw3PETo_d5yeDEPVAGD0pXFvVntTlSrJGtfEDMnpNWTG2uaMlL1_zJ8BcFYmIUniZN8VvEKW6ezFOt01cK3We-Vrv92TqKa-ePQRkDnhKu52nnTgxs5aysGf-mYLxLumQ4TcOPXJ2x6OsszedJaujFDeCPN7JVGbg9HC68__WklpgocSasU6fQg4Glh1kXWQ-fy4XaFw6cBParJjkqic2Gg1iqwB5wGbrwD4E0crZyPkgwwPydTLLu6WguGWBuQHhcoG-xg",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyOWY3YWY3Zi0yNmQ0LTRiMWItODZmZS0zOWY2ZTUyMDFhNzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTkyNzAyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2Njk5MzA2MjEsImlhdCI6MTY2OTkyNzAyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.NK6hVSiBksguboJ1m8yYqtDq19kzgE3GqYDEJHLUya_n_TsXriv6W1ypq7XiSo9zrqWcmHBpOoJQS7WbWzjGe__NlJEXjo8bykS8QBTTOiMrKxz1KzGRYJkwgG0axk-zVysUQH0_y-fbwgEgMPtd6qO46DB_KlFI_PEL1-uR5MJ9U0kNkS61gMbHwFQFs_DU-sS01NxjBsjUEp783rs1r-jm7TelZac1rGaFNUyi5vHdSozYzlnzfzGcuACZ0lHqvah2FHbDyurp-G_uhpUn5lNmcL4rVNh2lDd4TOnhJ3AtN1wGSmtErmhjmBHTvavh1ub9pklA1B9qjVuTRpYANw",
   articleId: 238,
   category: 846,
   version: 2,
   productSelected: {
-    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",
+    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",
     version: 1,
     retailersAvailable: [{
-      id: 68,
-      name: "The Home Depot Merchants"
+      name: "The Home Depot Golden",
+      id: 58
     }]
   },
   productToEdit: {
-    idCategory: "2028",
-    ArticleId: 432,
+    idCategory: 2032,
+    ArticleId: 3,
     product: [{
-      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",
+      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",
       version: 1,
       retailersAvailable: [{
-        id: 68,
-        name: "The Home Depot Merchants"
+        name: "The Home Depot Golden",
+        id: 58
       }]
     }]
   },
   location: {
     state: {
-      origin: "Contentoh",
-      withChat: true
+      origin: "Contentoh"
     }
   },
   user: {
-    id_user: 140,
-    name: "Prueba",
-    last_name: "Merchants",
-    email: "merchants24ene@allfreemail.net",
-    position: "merchants24ene@allfreemail.net",
-    telephone: "+521234567891",
+    id_user: 28,
+    name: "Ismael",
+    last_name: "López",
+    email: "ilopez@contentoh.com",
+    position: "Test States",
+    telephone: "+523111366336",
     country: "México",
-    id_company: 918,
-    id_cognito: "03eb26a0-ab56-4767-b64f-84925807702a",
+    id_company: 1,
+    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
     birth_Date: null,
-    about_me: null,
-    zip_code: null,
-    address: null,
-    job: null,
-    id_stripe: null,
+    about_me: "",
+    zip_code: "",
+    address: "",
+    job: "",
+    id_stripe: "cus_KuEt6R6vwmN09f",
     id_role: 0,
     active: 1,
     is_retailer: 0,
-    email_notify: 1,
-    is_user_tech: null,
+    email_notify: 0,
+    is_user_tech: "AS",
     membership: {
-      id: 109,
-      start_date: "2023-01-24T22:07:34.000Z",
-      end_date: "2024-01-24T22:07:34.000Z",
+      id: 76,
+      start_date: "2022-01-18T17:25:35.000Z",
+      end_date: "2023-01-18T17:25:35.000Z",
       planID: 8,
       plan: "prod_KtlhECVSFG2iro",
       name: "Plan Pro",
@@ -105,33 +102,21 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-140/140.png?1674599807427"
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1669927021851"
   },
   company: {
-    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,
+    id_company: 1,
+    trade_name: "GRUPO BRAHMA",
+    company_name: "GRUPO BRAHMA",
+    rfc: "XAXX010101000",
+    adress: "AA",
+    about_company: "",
+    telephone: "",
+    web_site: "",
+    zip_code: "",
     email: null,
-    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
-    }]
+    social_link: "",
+    is_retailer: 0
   },
   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, _location$state2, _datasheets$, _datasheets$$data;
+  var _product$retailers, _product$retailersAva, _location$state, _datasheets$, _datasheets$$data;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -227,8 +227,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       revision = _ref$revision === void 0 ? false : _ref$revision,
       setShowContentohRequestModal = _ref.setShowContentohRequestModal,
       showSurvey = _ref.showSurvey,
-      company = _ref.company,
-      withChat = _ref.withChat;
+      company = _ref.company;
 
   var _useState = (0, _react.useState)("Descripción"),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -566,7 +565,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               (0, _data.getPercentage)({
                 data: [product]
               }).then(function (res) {
-                return setPercentages(res[0]);
+                return setPercentages(res);
               });
               setLoading(false);
 
@@ -721,17 +720,17 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     loadAssignations(product);
   }, [userGroups]);
   (0, _react.useEffect)(function () {
-    var _Object$keys, _percentages$productT, _retailers$;
+    var _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;
 
-    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);
-      });
-    }
-
+      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;
+    });
     setProduct(productTemp);
     setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
   }, [percentages]);
@@ -1681,10 +1680,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     headerTop: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
-      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
+      setHeaderTop: setHeaderTop
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "data-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {