contentoh-components-library 21.5.60 → 21.5.62

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

@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.h2(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-family: ", ";\n  font-style: normal;\n  font-size: 36px;\n  line-height: 42px;\n  font-feature-settings: \"pnum\" on, \"lnum\" on;\n  color: ", ";\n  position: relative;\n\n  &.with-bold-text {\n    span {\n      font-family: ", ";\n    }\n  }\n\n  &.product-name-header {\n    font-size: 24px;\n    line-height: 36px;\n    font-weight: 500;\n    letter-spacing: -0.015em;\n    color: ", ";\n  }\n\n  &.retailer-name-header {\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 19px;\n    color: ", ";\n  }\n\n  &.input-name-header {\n    font-size: 14px;\n    line-height: 19px;\n    height: 19px;\n    max-width: 100%;\n    font-weight: 400;\n    color: ", ";\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.date-header {\n    font-family: ", ";\n    color: ", ";\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n  }\n\n  &.table-row-text {\n    font-family: ", ";\n    color: ", ";\n    font-weight: 400;\n    font-size: 11px;\n    line-height: 18px;\n\n    &:last-child {\n      min-width: 50px;\n      text-align: center;\n    }\n  }\n\n  &.gray-table-row {\n    font-family: ", ";\n    font-weight: 400;\n    font-size: 11px;\n    line-height: 19px;\n    color: ", ";\n    background-color: ", ";\n    padding: 1px 3px;\n    border-radius: 3px;\n    min-width: 50px;\n    text-align: center;\n  }\n  &.header-and-paragraph {\n    font-family: ", ";\n    font-size: 36px;\n    color: ", ";\n    p {\n      font-family: ", ";\n      font-size: 14px;\n      color: ", ";\n      letter-spacing: -0.015em;\n    }\n  }\n"])), function (props) {
+var Container = _styledComponents.default.h2(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-family: ", ";\n  font-style: normal;\n  font-size: 36px;\n  line-height: 42px;\n  font-feature-settings: \"pnum\" on, \"lnum\" on;\n  color: ", ";\n  position: relative;\n  margin-top: 8px;\n  &.with-bold-text {\n    span {\n      font-family: ", ";\n    }\n  }\n\n  &.product-name-header {\n    font-size: 24px;\n    line-height: 36px;\n    font-weight: 500;\n    letter-spacing: -0.015em;\n    color: ", ";\n  }\n\n  &.retailer-name-header {\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 19px;\n    color: ", ";\n  }\n\n  &.input-name-header {\n    font-size: 14px;\n    line-height: 19px;\n    height: 19px;\n    max-width: 100%;\n    font-weight: 400;\n    color: ", ";\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.date-header {\n    font-family: ", ";\n    color: ", ";\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n  }\n\n  &.table-row-text {\n    font-family: ", ";\n    color: ", ";\n    font-weight: 400;\n    font-size: 11px;\n    line-height: 18px;\n\n    &:last-child {\n      min-width: 50px;\n      text-align: center;\n    }\n  }\n\n  &.gray-table-row {\n    font-family: ", ";\n    font-weight: 400;\n    font-size: 11px;\n    line-height: 19px;\n    color: ", ";\n    background-color: ", ";\n    padding: 1px 3px;\n    border-radius: 3px;\n    min-width: 50px;\n    text-align: center;\n  }\n  &.header-and-paragraph {\n    font-family: ", ";\n    font-size: 36px;\n    color: ", ";\n    p {\n      font-family: ", ";\n      font-size: 14px;\n      color: ", ";\n      letter-spacing: -0.015em;\n    }\n  }\n"])), function (props) {
   return props.fontFamily;
 }, function (props) {
   return props.color;

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

@@ -51,12 +51,22 @@ var RetailerSelector = function RetailerSelector(_ref) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
+              if (!(activeRetailer.image || retailers.map(function (retailer) {
+                return retailer.image;
+              }).includes(true))) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 2:
               activeRetailer.image = "https://content-management-images.s3.amazonaws.com/retailers/".concat(activeRetailer.id, ".png");
               retailers.forEach(function (retailer) {
                 return retailer.image = "https://content-management-images.s3.amazonaws.com/retailers/".concat(retailer.id, ".png");
               });
 
-            case 2:
+            case 4:
             case "end":
               return _context.stop();
           }

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

@@ -29,6 +29,7 @@ var TabsMenu = function TabsMenu(_ref) {
       activeTab = _ref.activeTab,
       updatedDescriptions = _ref.updatedDescriptions,
       updatedDatasheets = _ref.updatedDatasheets,
+      updatedImages = _ref.updatedImages,
       images = _ref.images,
       setUpdatedDescriptions = _ref.setUpdatedDescriptions,
       setUpdatedDatasheets = _ref.setUpdatedDatasheets,
@@ -90,10 +91,11 @@ var TabsMenu = function TabsMenu(_ref) {
     var targetIsTheCurrentTab = e.target.innerHTML === activeTab;
     var descriptionsWereUpdated = updatedDescriptions.length > 0;
     var datasheetWereUpdated = updatedDatasheets.length > 0;
+    var imagesUpdated = updatedImages.length > 0;
     var imagesWereUpdated = (images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : (_images$values$filter = _images$values.filter(function (f) {
       return !f.id;
     })) === null || _images$values$filter === void 0 ? void 0 : _images$values$filter.length) > 0;
-    var dataWereUpdated = descriptionsWereUpdated || datasheetWereUpdated || imagesWereUpdated;
+    var dataWereUpdated = descriptionsWereUpdated || datasheetWereUpdated || imagesWereUpdated || imagesUpdated;
 
     if (!targetIsTheCurrentTab && !dataWereUpdated) {
       setLlave(key);

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

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FullProductNameHeader = void 0;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
 var _styles = require("./styles");
@@ -24,7 +22,7 @@ var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
 
 var FullProductNameHeader = function FullProductNameHeader(_ref) {
-  var _headerData$article3, _headerData$article4, _headerData$article5, _headerData$article6, _headerData$article7, _headerData$article7$, _headerData$article7$2, _headerData$categoryR2, _headerData$categoryR3, _headerData$article8;
+  var _headerData$article2, _headerData$article3, _headerData$article4, _headerData$article5, _headerData$article6, _headerData$article6$, _headerData$article6$2, _headerData$categoryR2, _headerData$categoryR3, _headerData$article7;
 
   var headerData = _ref.headerData,
       percent = _ref.percent,
@@ -53,40 +51,33 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
       setRetailerIndex = _useState4[1];
 
   (0, _react.useEffect)(function () {
-    var _headerData$article;
-
-    var retailers = (headerData === null || headerData === void 0 ? void 0 : headerData.statusByRetailer) || (headerData === null || headerData === void 0 ? void 0 : headerData.categoryRetailer);
-    console.log("servicesData", retailers);
-    var ids = (retailers === null || retailers === void 0 ? void 0 : retailers.map(function (retailer) {
-      var _retailer$id_retailer;
-
-      return (_retailer$id_retailer = retailer === null || retailer === void 0 ? void 0 : retailer.id_retailer) !== null && _retailer$id_retailer !== void 0 ? _retailer$id_retailer : retailer === null || retailer === void 0 ? void 0 : retailer.retailer_id;
-    })) || [];
-    var uniqueIds = (0, _toConsumableArray2.default)(new Set(ids));
-    var categoryRetailer = (headerData === null || headerData === void 0 ? void 0 : (_headerData$article = headerData.article) === null || _headerData$article === void 0 ? void 0 : _headerData$article.categoryRetailer) || (headerData === null || headerData === void 0 ? void 0 : headerData.categoryRetailer);
-    var categoriesRetailers = categoryRetailer.filter(function (retailer) {
-      return uniqueIds.includes(retailer === null || retailer === void 0 ? void 0 : retailer.id_retailer) || uniqueIds.includes(retailer === null || retailer === void 0 ? void 0 : retailer.retailer_id);
-    });
-    console.log("categoriesRetailers", categoriesRetailers);
-    var rtls = categoriesRetailers === null || categoriesRetailers === void 0 ? void 0 : categoriesRetailers.map(function (retailer) {
-      var _retailer$id_retailer2;
-
+    // necesitamos definir los retailers que se deberan de mostrar en el selecto de retailers
+    // Si se viene desde la vista de productos se deben usar los de categoryRetailer
+    // Si se vene desde la vista de tareas entonces se debe trabajar con los retailers que esten en statusByRetailer
+    var ifFromTasks = headerData.statusByRetailer;
+    var categoryRetailer = headerData.categoryRetailer || headerData.article.categoryRetailer;
+    var categoryRetailerNormalized = categoryRetailer ? categoryRetailer.map(function (rel) {
       return {
-        id: (_retailer$id_retailer2 = retailer === null || retailer === void 0 ? void 0 : retailer.id_retailer) !== null && _retailer$id_retailer2 !== void 0 ? _retailer$id_retailer2 : retailer === null || retailer === void 0 ? void 0 : retailer.retailer_id,
-        name: (retailer === null || retailer === void 0 ? void 0 : retailer.retailer_name) || (retailer === null || retailer === void 0 ? void 0 : retailer.name) || retailer.retailerName
+        id_retailer: rel.id_retailer || rel.retailer_id,
+        retailer: rel.retailer_name || rel.retailerName || rel.retailer,
+        name: rel.retailer_name || rel.retailerName || rel.retailer,
+        id_category: rel.id_category,
+        category: rel.category_name || rel.categoryName || rel.category,
+        image: "https://content-management-images.s3.amazonaws.com/retailers/".concat(rel.id_retailer || rel.retailer_id, ".png")
       };
+    }) : null;
+    var retailersIdsFromStatusByRetailer = Object.keys(headerData.statusByRetailer || {}).map(function (id) {
+      return parseInt(id, 10);
     });
-    servicesData && (rtls === null || rtls === void 0 ? void 0 : rtls.forEach(function (rt) {
-      var element = [];
-      servicesData.forEach(function (sd) {
-        if (sd.id_retailer === rt.id) {
-          element.push(sd.status ? sd.status : "R");
-        } else element.push("NA");
-
-        rt["services"] = element;
+
+    if (ifFromTasks) {
+      var categoryRetailerInOrder = categoryRetailerNormalized.filter(function (rel) {
+        return retailersIdsFromStatusByRetailer.includes(rel.id_retailer);
       });
-    }));
-    setRetailers(rtls);
+      setRetailers(categoryRetailerInOrder);
+    } else {
+      setRetailers(categoryRetailerNormalized);
+    }
   }, [servicesData]);
 
   var getTime = function getTime(date) {
@@ -95,9 +86,9 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    var _headerData$article$c, _headerData$article2, _headerData$article2$, _headerData$categoryR;
+    var _headerData$article$c, _headerData$article, _headerData$article$c2, _headerData$categoryR;
 
-    var index = (_headerData$article$c = headerData === null || headerData === void 0 ? void 0 : (_headerData$article2 = headerData.article) === null || _headerData$article2 === void 0 ? void 0 : (_headerData$article2$ = _headerData$article2.categoryRetailer) === null || _headerData$article2$ === void 0 ? void 0 : _headerData$article2$.findIndex(function (retailer) {
+    var index = (_headerData$article$c = headerData === null || headerData === void 0 ? void 0 : (_headerData$article = headerData.article) === null || _headerData$article === void 0 ? void 0 : (_headerData$article$c2 = _headerData$article.categoryRetailer) === null || _headerData$article$c2 === void 0 ? void 0 : _headerData$article$c2.findIndex(function (retailer) {
       return (retailer === null || retailer === void 0 ? void 0 : retailer.id_retailer) === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id);
     })) !== null && _headerData$article$c !== void 0 ? _headerData$article$c : headerData === null || headerData === void 0 ? void 0 : (_headerData$categoryR = headerData.categoryRetailer) === null || _headerData$categoryR === void 0 ? void 0 : _headerData$categoryR.findIndex(function (retailer) {
       return (retailer === null || retailer === void 0 ? void 0 : retailer.retailer_id) === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id);
@@ -106,13 +97,13 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
   }, [activeRetailer]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductNameHeader.ProductNameHeader, {
-      productName: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article3 = headerData.article) === null || _headerData$article3 === void 0 ? void 0 : _headerData$article3.name) || (headerData === null || headerData === void 0 ? void 0 : headerData.name),
+      productName: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article2 = headerData.article) === null || _headerData$article2 === void 0 ? void 0 : _headerData$article2.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,
       productObservation: productObservation,
-      date: getTime((headerData === null || headerData === void 0 ? void 0 : (_headerData$article4 = headerData.article) === null || _headerData$article4 === void 0 ? void 0 : _headerData$article4.timestamp) || (headerData === null || headerData === void 0 ? void 0 : headerData.timestamp)),
+      date: getTime((headerData === null || headerData === void 0 ? void 0 : (_headerData$article3 = headerData.article) === null || _headerData$article3 === void 0 ? void 0 : _headerData$article3.timestamp) || (headerData === null || headerData === void 0 ? void 0 : headerData.timestamp)),
       dataProduct: headerData,
       isObservationVisible: isObservationVisible,
       toggleObservation: toggleObservation // handleClickOutside ={handleClickOutside}
@@ -123,16 +114,16 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FeaturesBar.FeaturesBar, {
         features: [{
           feature: "UPC",
-          value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article5 = headerData.article) === null || _headerData$article5 === void 0 ? void 0 : _headerData$article5.upc) || (headerData === null || headerData === void 0 ? void 0 : headerData.upc)
+          value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article4 = headerData.article) === null || _headerData$article4 === void 0 ? void 0 : _headerData$article4.upc) || (headerData === null || headerData === void 0 ? void 0 : headerData.upc)
         }, {
           feature: "SKU",
-          value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article6 = headerData.article) === null || _headerData$article6 === void 0 ? void 0 : _headerData$article6.sku) || (headerData === null || headerData === void 0 ? void 0 : headerData.sku)
+          value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article5 = headerData.article) === null || _headerData$article5 === void 0 ? void 0 : _headerData$article5.sku) || (headerData === null || headerData === void 0 ? void 0 : headerData.sku)
         }, {
           feature: "Categoría",
-          value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article7 = headerData.article) === null || _headerData$article7 === void 0 ? void 0 : (_headerData$article7$ = _headerData$article7.categoryRetailer) === null || _headerData$article7$ === void 0 ? void 0 : (_headerData$article7$2 = _headerData$article7$[retailerIndex]) === null || _headerData$article7$2 === void 0 ? void 0 : _headerData$article7$2.category_name) || (headerData === null || headerData === void 0 ? void 0 : (_headerData$categoryR2 = headerData.categoryRetailer) === null || _headerData$categoryR2 === void 0 ? void 0 : (_headerData$categoryR3 = _headerData$categoryR2[retailerIndex]) === null || _headerData$categoryR3 === void 0 ? void 0 : _headerData$categoryR3.categoryName) || headerData.categoryName
+          value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article6 = headerData.article) === null || _headerData$article6 === void 0 ? void 0 : (_headerData$article6$ = _headerData$article6.categoryRetailer) === null || _headerData$article6$ === void 0 ? void 0 : (_headerData$article6$2 = _headerData$article6$[retailerIndex]) === null || _headerData$article6$2 === void 0 ? void 0 : _headerData$article6$2.category_name) || (headerData === null || headerData === void 0 ? void 0 : (_headerData$categoryR2 = headerData.categoryRetailer) === null || _headerData$categoryR2 === void 0 ? void 0 : (_headerData$categoryR3 = _headerData$categoryR2[retailerIndex]) === null || _headerData$categoryR3 === void 0 ? void 0 : _headerData$categoryR3.categoryName) || headerData.categoryName
         }, {
           feature: "Prov",
-          value: headerData === null || headerData === void 0 ? void 0 : (_headerData$article8 = headerData.article) === null || _headerData$article8 === void 0 ? void 0 : _headerData$article8.company_name
+          value: headerData === null || headerData === void 0 ? void 0 : (_headerData$article7 = headerData.article) === null || _headerData$article7 === void 0 ? void 0 : _headerData$article7.company_name
         }]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarAndValidation.AvatarAndValidation, {
         retailers: retailers,

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

@@ -39,6 +39,7 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       images = _ref.images,
       updatedDescriptions = _ref.updatedDescriptions,
       updatedDatasheets = _ref.updatedDatasheets,
+      updatedImages = _ref.updatedImages,
       selectedImages = _ref.selectedImages,
       setSelectedImages = _ref.setSelectedImages,
       setUpdatedDescriptions = _ref.setUpdatedDescriptions,
@@ -60,6 +61,7 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       images: images,
       updatedDescriptions: updatedDescriptions,
       updatedDatasheets: updatedDatasheets,
+      updatedImages: updatedImages,
       selectedImages: selectedImages,
       setUpdatedDescriptions: setUpdatedDescriptions,
       setUpdatedDatasheets: setUpdatedDatasheets,