contentoh-components-library 21.3.30 → 21.3.32

package/.env.development

@@ -21,8 +21,11 @@ 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_GET_AUDIT=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/version-manager
 
+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
 REACT_APP_KUTS3=AKIA5CPHLQTTS22HCGHW

package/.env.production

@@ -21,11 +21,14 @@ REACT_APP_READ_REQUIRED_ORDERS=https://3v43slee1m.execute-api.us-east-1.amazonaw
 REACT_APP_CATEGORY_ENDPOINT=https://3v43slee1m.execute-api.us-east-1.amazonaws.com/prod/categories
 REACT_APP_READ_PROVIDERS=https://3v43slee1m.execute-api.us-east-1.amazonaws.com/prod/providers
 REACT_APP_PENDING_INVITATIONS=https://3v43slee1m.execute-api.us-east-1.amazonaws.com/prod/pending-invitations
+REACT_APP_PRODUCTS_CHAT_ENDPOINT=https://3v43slee1m.execute-api.us-east-1.amazonaws.com/prod/products-chat
+REACT_APP_TICKETS_CHAT_ENDPOINT=https://0g5ugr1kzl.execute-api.us-east-1.amazonaws.com/prod/ticket-chat
 REACT_APP_GET_AUDIT=https://3v43slee1m.execute-api.us-east-1.amazonaws.com/prod/version-manager
 
+REACT_APP_IMAGES_ENDPOINT=https://content-management-images.s3.amazonaws.com
 REACT_APP_IMAGES_BUCKET=content-management-images-prod
 REACT_APP_IMAGES_PROFILE_BUCKET=content-management-profile-prod
-REACT_APP_KUTS3=AKIA5CPHLQTT46EQ5TIK
-REACT_APP_AKUTS3=tZDdrmvwxM1cScspfxFM3XpU4HSYrCNPazyHd0BL
+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

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/GalleryElement/index.js

@@ -88,7 +88,7 @@ var GalleryElement = function GalleryElement(_ref) {
   }, [showValidationPanel]);
 
   var isEquals = function isEquals(value, auditValue) {
-    return !value === auditValue;
+    return value === auditValue;
   };
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {

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

@@ -15,12 +15,17 @@ var _index2 = require("../../atoms/GeneralButton/index");
 
 var _react = require("react");
 
+var _Chat = require("../../organisms/Chat");
+
 var _IconoAB = _interopRequireDefault(require("../../../../src/assets/images/generalButton/Icono AB.svg"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 var HeaderTop = function HeaderTop(_ref) {
   var setHeaderTop = _ref.setHeaderTop,
+      withChat = _ref.withChat,
+      productSelected = _ref.productSelected,
+      token = _ref.token,
       auditableVersion = _ref.auditableVersion,
       setCompare = _ref.setCompare,
       isAuditor = _ref.isAuditor;
@@ -34,7 +39,16 @@ var HeaderTop = function HeaderTop(_ref) {
       text: "Edici\xF3n de producto"
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "buttons-container",
-      children: [isAuditor && auditableVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
+      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
+      }), isAuditor && auditableVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
         buttonType: "general-white-button circular-button",
         onClick: function onClick() {
           setCompare(function (current) {

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  display: flex;\n  align-items: center;\n\n  .buttons-container {\n    display: flex;\n\n    button {\n      width: 30px;\n      height: 30px;\n      border: 1px solid #f0f0f0;\n      background-size: 20px;\n      padding: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      img {\n        height: 15px;\n      }\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n  }\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    padding-top: 10px;\n  }\n\n  .buttons-container {\n    display: flex;\n\n    button {\n      width: 30px;\n      height: 30px;\n      border: 1px solid #f0f0f0;\n      background-size: 20px;\n      padding: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      img {\n        height: 15px;\n      }\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\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/molecules/StatusAsignationInfo/index.js

@@ -106,7 +106,7 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
       slidefront: slidefront,
       iconSize: "medium-image",
       slidePosition: "bottom-slide"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+    }), version && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "general circular-button version-button",
       onClick: function onClick(e) {
         e.stopPropagation();

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/ProductImageModal/index.js

@@ -33,7 +33,9 @@ var ProductImageModal = function ProductImageModal(_ref) {
       headerInfo = _ref.headerInfo,
       validation = _ref.validation,
       setShowModal = _ref.setShowModal,
-      sendToFacilitator = _ref.sendToFacilitator;
+      sendToFacilitator = _ref.sendToFacilitator,
+      _ref$approveRejectBut = _ref.approveRejectButtons,
+      approveRejectButtons = _ref$approveRejectBut === void 0 ? false : _ref$approveRejectBut;
 
   var _useState = (0, _react.useState)(0),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -78,7 +80,7 @@ var ProductImageModal = function ProductImageModal(_ref) {
           className: "validation-and-table-container",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "validation-panel",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+            children: [approveRejectButtons && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
               buttonType: "circular-button ".concat(buttonType),
               onClick: function onClick() {
                 return setShowValidationPanel(true);
@@ -92,7 +94,12 @@ var ProductImageModal = function ProductImageModal(_ref) {
               id: "validation-panel",
               setOptionClicked: setButtonType,
               setShowValidationPanel: setShowValidationPanel,
-              sendToFacilitator: sendToFacilitator
+              approve: function approve() {
+                return sendToFacilitator && sendToFacilitator("A");
+              },
+              reject: function reject() {
+                return sendToFacilitator && sendToFacilitator("R");
+              }
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageDataTable.ImageDataTable, {
             imageData: images === null || images === void 0 ? void 0 : (_images$values$active3 = images.values[activeImage]) === null || _images$values$active3 === void 0 ? void 0 : _images$values$active3.data,

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

@@ -31,43 +31,222 @@ 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.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIzZTNmZTBhOS1kY2U2LTRjYjAtYTg3MS02YzljNTBiMmRmZmQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3OTYxMDg4NywibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2Nzk2MTQ0ODYsImlhdCI6MTY3OTYxMDg4NywiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.HcyeyeK54av0Fnzto54OA_5FfdlUy50CuuXObgxBJswJLvMMZK13jWE06xnpmQCn5a_T20-xSLllgYDPzpEs5c40nm9sA3dJs9YWZGUOXg4SAZUqHVi_LTeCWv3dy3yjewlmGmcS-uTkuEI6GrT3559PcgYn1KTgGuPgqL9t4cb8A89-8n3o-ihhRfdSpUuYgqspurQXARjLlkESw2Z1gzFqJBd4u3BXMtusANta9G9TsBaQ9zTfMW79ksrQeiMXpKDmap_cdM7pSrykHf180GOHj0MZpWGC9U-32wpiNQ_DBeAyIWiIKCyh7mU8WHA_3Nm27lkL2LwioGCz9rHPqg",
   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",
-    version: 1,
+    orderId: 14606,
+    status: "AA",
+    datasheet_status: "AA",
+    prio: "none",
+    version: 3,
+    description_status: "AA",
+    images_status: "AA",
+    brand: "Axion",
+    retailerOrder: 0,
+    missing: {
+      datasheet: null,
+      descriptions: null,
+      images: null
+    },
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1
+    },
+    article: {
+      category: "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+      company_name: "GRUPO BRAHMA",
+      country: "México",
+      id_category: "157",
+      id_datasheet_especialist: 54,
+      id_datasheet_facilitator: 52,
+      id_description_especialist: 54,
+      id_description_facilitator: 52,
+      id_images_especialist: 55,
+      id_images_facilitator: 53,
+      id_order: 14606,
+      id_article: 37317,
+      id_auditor: 37,
+      name: "Detergente lavatrastres líquido Axion Complete tricloro 1.1 l",
+      timestamp: "2023-03-10T20:19:46.000Z",
+      upc: "7509546078915"
+    },
+    retailers: [{
+      id: 4,
+      name: "Walmart Super y Superama"
+    }, {
+      id: 5,
+      name: "Chedraui"
+    }, {
+      id: 6,
+      name: "HEB"
+    }, {
+      id: 12,
+      name: "La Comer"
+    }, {
+      id: 17,
+      name: "Genérico"
+    }],
+    statusByRetailer: {
+      4: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA"
+      },
+      5: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA"
+      },
+      6: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA"
+      },
+      12: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA"
+      },
+      17: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA"
+      }
+    },
     retailersAvailable: [{
-      name: "The Home Depot Golden",
-      id: 58
-    }]
+      id: 4,
+      name: "Walmart Super y Superama"
+    }, {
+      id: 5,
+      name: "Chedraui"
+    }, {
+      id: 6,
+      name: "HEB"
+    }, {
+      id: 12,
+      name: "La Comer"
+    }, {
+      id: 17,
+      name: "Genérico"
+    }],
+    categoryName: "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+    upc: "7509546078915",
+    id_article: 37317,
+    id_order: 14606
   },
   productToEdit: {
-    idCategory: 2032,
-    ArticleId: 3,
-    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",
-      version: 1,
+    ArticleId: 37317,
+    idCategory: "157",
+    product: {
+      orderId: 14606,
+      status: "AA",
+      datasheet_status: "AA",
+      prio: "none",
+      version: 3,
+      description_status: "AA",
+      images_status: "AA",
+      brand: "Axion",
+      retailerOrder: 0,
+      missing: {
+        datasheet: null,
+        descriptions: null,
+        images: null
+      },
+      services: {
+        datasheets: 1,
+        descriptions: 1,
+        images: 1
+      },
+      article: {
+        category: "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+        company_name: "GRUPO BRAHMA",
+        country: "México",
+        id_category: "157",
+        id_datasheet_especialist: 54,
+        id_datasheet_facilitator: 52,
+        id_description_especialist: 54,
+        id_description_facilitator: 52,
+        id_images_especialist: 55,
+        id_images_facilitator: 53,
+        id_order: 14606,
+        id_article: 37317,
+        id_auditor: 37,
+        name: "Detergente lavatrastres líquido Axion Complete tricloro 1.1 l",
+        timestamp: "2023-03-10T20:19:46.000Z",
+        upc: "7509546078915"
+      },
+      retailers: [{
+        id: 4,
+        name: "Walmart Super y Superama"
+      }, {
+        id: 5,
+        name: "Chedraui"
+      }, {
+        id: 6,
+        name: "HEB"
+      }, {
+        id: 12,
+        name: "La Comer"
+      }, {
+        id: 17,
+        name: "Genérico"
+      }],
+      statusByRetailer: {
+        4: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA"
+        },
+        5: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA"
+        },
+        6: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA"
+        },
+        12: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA"
+        },
+        17: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA"
+        }
+      },
       retailersAvailable: [{
-        name: "The Home Depot Golden",
-        id: 58
-      }]
-    }]
+        id: 4,
+        name: "Walmart Super y Superama"
+      }, {
+        id: 5,
+        name: "Chedraui"
+      }, {
+        id: 6,
+        name: "HEB"
+      }, {
+        id: 12,
+        name: "La Comer"
+      }, {
+        id: 17,
+        name: "Genérico"
+      }],
+      categoryName: "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+      upc: "7509546078915",
+      id_article: 37317,
+      id_order: 14606
+    }
   },
   location: {
     state: {
-      origin: "Contentoh"
+      origin: "Contentoh",
+      withChat: true
     }
   },
   user: {
@@ -89,8 +268,8 @@ ProviderProductEditionDefault.args = {
     id_role: 0,
     active: 1,
     is_retailer: 0,
-    email_notify: 0,
-    is_user_tech: "AS",
+    email_notify: 1,
+    is_user_tech: "ADMIN-AS",
     membership: {
       id: 76,
       start_date: "2022-01-18T17:25:35.000Z",
@@ -102,7 +281,7 @@ 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-28/28.png?1679610888753"
   },
   company: {
     id_company: 1,
@@ -116,7 +295,12 @@ ProviderProductEditionDefault.args = {
     zip_code: "",
     email: null,
     social_link: "",
-    is_retailer: 0
+    is_retailer: 0,
+    retailers: [{
+      id: null,
+      name: null,
+      country: null
+    }]
   },
   showSurvey: function showSurvey(v) {
     return v && alert("se muestra");