contentoh-components-library 21.6.61 → 21.6.63

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

@@ -11,18 +11,18 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
 
+var _objectSpread5 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _objectSpread6 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _react = require("react");
 
 var _axios = _interopRequireDefault(require("axios"));
@@ -117,8 +117,6 @@ var _AiProductEdition = require("../../../contexts/AiProductEdition");
 
 var _ChangeStatusModal = _interopRequireDefault(require("../../organisms/ChangeStatusModal"));
 
-var _ServicesWorkspace = _interopRequireDefault(require("../../organisms/ServicesWorkspace"));
-
 var _material = require("@mui/material");
 
 var _jsxRuntime = require("react/jsx-runtime");
@@ -141,17 +139,11 @@ function obtenerDuracionVideoBase64(base64Data) {
     video.addEventListener("error", reject);
   });
 }
-/** Pestaña con todos los servicios del producto (ver organisms/ServicesWorkspace). */
-
-
-var SERVICES_TAB = "Servicios";
 
 var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
-  var _state$product$id_art, _state$product, _state$product11, _family$variants, _state$product12, _state$product16, _state$errors, _pendingPropagation$k, _family$variants2, _variantGroup$members3, _variantGroup$group, _state$product20, _state$product21, _state$product22, _state$active_retaile7, _state$product23, _state$product24, _state$product25, _variantGroup$group2, _location$state, _location$state2, _state$active_retaile8, _state$active_retaile9, _state$images_values$2, _state$images_values10, _state$images_values11, _state$images_values12, _state$images_values13, _state$product26, _state$active_retaile10, _family$variants3, _family$variants4, _variantGroup$members4, _variantGroup$members5, _state$active_percent, _state$active_percent2, _state$active_percent3, _state$active_retaile11, _state$active_retaile12, _state$active_retaile13, _state$product$catego, _state$product32, _state$product33, _state$services3, _state$services3$data, _state$product34, _state$product35, _state$datasheets_inp, _state$datasheets_inp2, _state$product36, _state$images_values$3, _state$images_values14, _state$images_values15, _state$images_values16, _state$images_values17, _state$comment;
+  var _state$product$id_art, _state$product, _state$product11, _family$variants, _state$product12, _state$product16, _state$errors, _pendingPropagation$k, _family$variants2, _variantGroup$members3, _variantGroup$group, _state$product20, _state$product21, _state$product22, _state$active_retaile7, _state$product23, _state$product24, _state$product25, _variantGroup$group2, _location$state, _location$state2, _state$active_retaile8, _state$active_retaile9, _state$images_values$2, _state$images_values10, _state$images_values11, _state$images_values12, _state$images_values13, _state$product26, _state$active_retaile10, _family$variants3, _family$variants4, _variantGroup$members4, _variantGroup$members5, _state$active_percent, _state$active_percent2, _state$active_percent3, _state$active_retaile11, _state$active_retaile12, _state$active_retaile13, _state$product32, _state$services3, _state$services3$data, _state$product33, _state$product34, _state$datasheets_inp, _state$datasheets_inp2, _state$product35, _state$images_values$3, _state$images_values14, _state$images_values15, _state$images_values16, _state$images_values17, _state$comment;
 
   var tabsSections = _ref.tabsSections,
-      _ref$showServicesTab = _ref.showServicesTab,
-      showServicesTab = _ref$showServicesTab === void 0 ? false : _ref$showServicesTab,
       _ref$productSelected = _ref.productSelected,
       productSelected = _ref$productSelected === void 0 ? {} : _ref$productSelected,
       _ref$user = _ref.user,
@@ -174,10 +166,6 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       createComment = _useProviderProductEd.createComment;
 
   var isRetailer = user === null || user === void 0 ? void 0 : user.is_retailer;
-  var tabs = (0, _react.useMemo)(function () {
-    return showServicesTab ? (0, _objectSpread6.default)((0, _objectSpread6.default)({}, tabsSections), {}, (0, _defineProperty2.default)({}, SERVICES_TAB, false)) : tabsSections;
-  }, [tabsSections, showServicesTab]);
-  var isServicesTab = state.active_tab === SERVICES_TAB;
 
   var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
       _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
@@ -914,7 +902,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               // para no reventar en Object.values(undefined).
 
               retailerDatasheets = (_services$ = services[0]) === null || _services$ === void 0 ? void 0 : _services$[id_retailer];
-              datasheetsActiveRetailer = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, retailerDatasheets), {}, {
+              datasheetsActiveRetailer = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, retailerDatasheets), {}, {
                 data: Object.values((_retailerDatasheets$d = retailerDatasheets === null || retailerDatasheets === void 0 ? void 0 : retailerDatasheets.data) !== null && _retailerDatasheets$d !== void 0 ? _retailerDatasheets$d : {})
               });
               descriptionsActiveRetailer = services[1].filter(function (item) {
@@ -943,7 +931,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 payload: {
                   datasheets: services[0],
                   descriptions: services[1],
-                  images: (0, _objectSpread6.default)((0, _objectSpread6.default)({}, services[2]), {}, {
+                  images: (0, _objectSpread5.default)((0, _objectSpread5.default)({}, services[2]), {}, {
                     values: orderedValues
                   })
                 }
@@ -979,7 +967,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
               dispatch({
                 type: "SET_IMAGES_VALUES",
-                payload: (0, _objectSpread6.default)((0, _objectSpread6.default)({}, services[2]), {}, {
+                payload: (0, _objectSpread5.default)((0, _objectSpread5.default)({}, services[2]), {}, {
                   values: filteredValues
                 })
               });
@@ -1413,10 +1401,10 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
     var _state$product$varian, _state$product13, _updatedProduct$varia;
 
     if (!result) return;
-    var updatedProduct = result.mode === "self" ? (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, {
+    var updatedProduct = result.mode === "self" ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
       parentArticleId: null,
       variantsCount: 0
-    }) : (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, {
+    }) : (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
       variantsCount: Math.max(((_state$product$varian = (_state$product13 = state.product) === null || _state$product13 === void 0 ? void 0 : _state$product13.variantsCount) !== null && _state$product$varian !== void 0 ? _state$product$varian : 1) - 1, 0)
     });
     dispatch({
@@ -1434,7 +1422,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       if (guardado) {
         var _updatedProduct$paren;
 
-        sessionStorage.setItem("productSelected", JSON.stringify((0, _objectSpread6.default)((0, _objectSpread6.default)({}, guardado), {}, {
+        sessionStorage.setItem("productSelected", JSON.stringify((0, _objectSpread5.default)((0, _objectSpread5.default)({}, guardado), {}, {
           variantsCount: updatedProduct.variantsCount,
           parentArticleId: (_updatedProduct$paren = updatedProduct.parentArticleId) !== null && _updatedProduct$paren !== void 0 ? _updatedProduct$paren : null
         })));
@@ -1689,9 +1677,9 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
     var _state$product$varian2, _state$product18, _result$linked, _result$parentArticle;
 
     if (!result) return;
-    var updatedProduct = result.mode === "children" ? (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, {
+    var updatedProduct = result.mode === "children" ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
       variantsCount: ((_state$product$varian2 = (_state$product18 = state.product) === null || _state$product18 === void 0 ? void 0 : _state$product18.variantsCount) !== null && _state$product$varian2 !== void 0 ? _state$product$varian2 : 0) + ((_result$linked = result.linked) !== null && _result$linked !== void 0 ? _result$linked : []).length
-    }) : (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, {
+    }) : (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
       parentArticleId: (_result$parentArticle = result.parentArticleId) !== null && _result$parentArticle !== void 0 ? _result$parentArticle : null,
       variantsCount: 0
     });
@@ -1718,7 +1706,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       if (guardado) {
         var _updatedProduct$paren2;
 
-        sessionStorage.setItem("productSelected", JSON.stringify((0, _objectSpread6.default)((0, _objectSpread6.default)({}, guardado), {}, {
+        sessionStorage.setItem("productSelected", JSON.stringify((0, _objectSpread5.default)((0, _objectSpread5.default)({}, guardado), {}, {
           variantsCount: updatedProduct.variantsCount,
           parentArticleId: (_updatedProduct$paren2 = updatedProduct.parentArticleId) !== null && _updatedProduct$paren2 !== void 0 ? _updatedProduct$paren2 : null
         })));
@@ -1789,7 +1777,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               esDescripcion = kind === "description";
               _context11.prev = 4;
               _context11.next = 7;
-              return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/restore"), (0, _objectSpread6.default)({
+              return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/restore"), (0, _objectSpread5.default)({
                 articleId: state.product.id_article
               }, esDescripcion ? {
                 descriptions: [Number(attributeId)]
@@ -2346,7 +2334,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
     var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(result) {
       var _state$product$id_ord, _state$active_retaile6;
 
-      var concept, articleId, orderId, sectionStatusKey, evalStatus, retailerId, data, res, message, icon, activeTab, newStatuses, serviceStatus, articleStatus, updatedStatusByRetailer, updatedProduct, specialistDone, _objectSpread3, _state$services_data2, _JSON$parse2, newStatus, newOrderStatus, newArticleStatus, _articleStatus, updatedStatusByRetailerForSend, _updatedProduct, updatedServicesData, sessionProduct, _objectSpread4, productInSession, updatedProductInSession;
+      var concept, articleId, orderId, sectionStatusKey, evalStatus, retailerId, data, res, message, icon, activeTab, newStatuses, serviceStatus, articleStatus, updatedStatusByRetailer, updatedProduct, specialistDone, _objectSpread2, _state$services_data2, _JSON$parse2, newStatus, newOrderStatus, newArticleStatus, _articleStatus, updatedStatusByRetailerForSend, _updatedProduct, updatedServicesData, sessionProduct, _objectSpread3, productInSession, updatedProductInSession;
 
       return _regenerator.default.wrap(function _callee14$(_context14) {
         while (1) {
@@ -2404,11 +2392,11 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               }); // Actualizar el producto con los nuevos estados
 
               updatedStatusByRetailer = state.product.statusByRetailer.map(function (item) {
-                return item.retailer_id === retailerId && item.service === concept ? (0, _objectSpread6.default)((0, _objectSpread6.default)({}, item), {}, {
+                return item.retailer_id === retailerId && item.service === concept ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
                   status: serviceStatus
                 }) : item;
               });
-              updatedProduct = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, {
+              updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
                 statusByRetailer: updatedStatusByRetailer,
                 status: (0, _product.getMinorStatusFromRetailer)(updatedStatusByRetailer)
               });
@@ -2483,17 +2471,17 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
                 updatedStatusByRetailerForSend = state.product.statusByRetailer.map(function (item) {
                   if (item.retailer_id === retailerId && item.service === concept) {
-                    return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, item), {}, {
+                    return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
                       status: newStatus
                     });
                   }
 
                   return item;
                 });
-                _updatedProduct = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, (_objectSpread3 = {}, (0, _defineProperty2.default)(_objectSpread3, "".concat(concept, "_status"), newStatus), (0, _defineProperty2.default)(_objectSpread3, "statusByRetailer", updatedStatusByRetailerForSend), (0, _defineProperty2.default)(_objectSpread3, "status", (0, _product.getMinorStatusFromRetailer)(updatedStatusByRetailerForSend)), _objectSpread3)); //Actualizamos el services_data en el servicio específico del retailer actual
+                _updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, (_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, "".concat(concept, "_status"), newStatus), (0, _defineProperty2.default)(_objectSpread2, "statusByRetailer", updatedStatusByRetailerForSend), (0, _defineProperty2.default)(_objectSpread2, "status", (0, _product.getMinorStatusFromRetailer)(updatedStatusByRetailerForSend)), _objectSpread2)); //Actualizamos el services_data en el servicio específico del retailer actual
 
                 updatedServicesData = (_state$services_data2 = state.services_data) === null || _state$services_data2 === void 0 ? void 0 : _state$services_data2.map(function (service) {
-                  return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, service), {}, {
+                  return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, service), {}, {
                     status: (service === null || service === void 0 ? void 0 : service.id_retailer) === retailerId && (service === null || service === void 0 ? void 0 : service.service) === concept ? newStatus : service === null || service === void 0 ? void 0 : service.status
                   });
                 });
@@ -2501,15 +2489,15 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
                 if (sessionProduct) {
                   productInSession = JSON.parse(sessionProduct);
-                  updatedProductInSession = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, productInSession), {}, (_objectSpread4 = {}, (0, _defineProperty2.default)(_objectSpread4, "".concat(concept, "_status"), newStatus), (0, _defineProperty2.default)(_objectSpread4, "statusByRetailer", state.product.statusByRetailer.map(function (item) {
+                  updatedProductInSession = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, productInSession), {}, (_objectSpread3 = {}, (0, _defineProperty2.default)(_objectSpread3, "".concat(concept, "_status"), newStatus), (0, _defineProperty2.default)(_objectSpread3, "statusByRetailer", state.product.statusByRetailer.map(function (item) {
                     if (item.retailer_id === retailerId && item.service === concept) {
-                      return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, item), {}, {
+                      return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
                         status: newStatus
                       });
                     }
 
                     return item;
-                  })), _objectSpread4));
+                  })), _objectSpread3));
                   sessionStorage.setItem("productSelected", JSON.stringify(updatedProductInSession));
                 }
 
@@ -2661,12 +2649,12 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               status = "".concat(result, "A"); // Actualizar el statusByRetailer para todos los retailers y conceptos
 
               updatedStatusByRetailer = state.product.statusByRetailer.map(function (item) {
-                return conceptArray.includes(item.service) ? (0, _objectSpread6.default)((0, _objectSpread6.default)({}, item), {}, {
+                return conceptArray.includes(item.service) ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
                   status: status
                 }) : item;
               }); // Actualizar el producto con los nuevos estados
 
-              updatedProduct = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, {
+              updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
                 article_status: status,
                 status: (0, _product.getMinorStatusFromRetailer)(updatedStatusByRetailer),
                 datasheet_status: state.product.datasheet_status === "NA" ? "NA" : status,
@@ -2679,7 +2667,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 payload: updatedProduct
               });
               updatedServicesData = state.services_data.map(function (service) {
-                return conceptArray.includes(service.service) ? (0, _objectSpread6.default)((0, _objectSpread6.default)({}, service), {}, {
+                return conceptArray.includes(service.service) ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, service), {}, {
                   status: status
                 }) : service;
               });
@@ -2765,7 +2753,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 4:
-              updatedProduct = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, (0, _defineProperty2.default)({}, "id_".concat(concept, "_").concat(assignationType), assignationId));
+              updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, (0, _defineProperty2.default)({}, "id_".concat(concept, "_").concat(assignationType), assignationId));
               dispatch({
                 type: "SET_PRODUCT",
                 payload: updatedProduct
@@ -3231,7 +3219,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               destinos = (0, _objectWithoutProperties2.default)(propagation, _excluded);
 
           if (esDescripcion) {
-            saveDescriptions(token, (0, _objectSpread6.default)((0, _objectSpread6.default)({}, destinos), {}, {
+            saveDescriptions(token, (0, _objectSpread5.default)((0, _objectSpread5.default)({}, destinos), {}, {
               descriptions: attributes
             }));
           } else {
@@ -3261,7 +3249,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
           setVariantGroup(result);
           setShowGroup(true);
         }
-      }), porDesvincular && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnlinkVariantModal.UnlinkVariantModal, (0, _objectSpread6.default)((0, _objectSpread6.default)({}, porDesvincular), {}, {
+      }), porDesvincular && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnlinkVariantModal.UnlinkVariantModal, (0, _objectSpread5.default)((0, _objectSpread5.default)({}, porDesvincular), {}, {
         token: token,
         onClose: function onClose() {
           return setPorDesvincular(null);
@@ -3664,7 +3652,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
             showApproveRejectAll: canShowBulkEvaluationButtons() || isAuditorAssigned() || isUserAssignedToService(),
             showValidationButtons: canShowSingleEvaluationButtons() && (isAuditorAssigned() || isUserAssignedToService())
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
-            tabsSections: tabs,
+            tabsSections: tabsSections,
             status: getStatusByCurrentServiceAndRetailer(),
             activeTab: state.active_tab,
             isRetailer: isRetailer,
@@ -3699,12 +3687,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
             className: "services-information-container " + (imageLayout && state.active_tab === "Imágenes" ? "image-services" : ""),
             id: "services-information-container",
             children: state.saving ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [isServicesTab && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ServicesWorkspace.default, {
-                product: state.product,
-                retailers: (_state$product$catego = (_state$product32 = state.product) === null || _state$product32 === void 0 ? void 0 : _state$product32.categoryRetailerInOrder) !== null && _state$product$catego !== void 0 ? _state$product$catego : [],
-                canAssign: ![7, 8].includes(user.id_role),
-                onOpenEditor: handleOnChangeActiveTab
-              }), state.active_tab === "Descripción" && (((_state$product33 = state.product) === null || _state$product33 === void 0 ? void 0 : _state$product33.description_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
+              children: [state.active_tab === "Descripción" && (((_state$product32 = state.product) === null || _state$product32 === void 0 ? void 0 : _state$product32.description_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
                 activeSection: state.active_tab,
                 inputGroup: state.descriptions_inputs[0],
                 updatedDescriptions: state.updated_descriptions_inputs
@@ -3713,7 +3696,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 ,
                 variant: (_state$services3 = state.services) === null || _state$services3 === void 0 ? void 0 : (_state$services3$data = _state$services3.datasheets) === null || _state$services3$data === void 0 ? void 0 : _state$services3$data.variant,
                 onRestoreInheritance: handleOnRestoreInheritance,
-                articleId: (_state$product34 = state.product) === null || _state$product34 === void 0 ? void 0 : _state$product34.id_article,
+                articleId: (_state$product33 = state.product) === null || _state$product33 === void 0 ? void 0 : _state$product33.id_article,
                 version: state.product.version,
                 auditInputGroup: auditDescriptions[0],
                 setUpdatedDescriptions: handleOnSetUpdatedDescriptions,
@@ -3722,7 +3705,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
                 text: "No cuentas con este servicio",
                 headerType: "input-name-header"
-              })), state.active_tab === "Ficha técnica" && (((_state$product35 = state.product) === null || _state$product35 === void 0 ? void 0 : _state$product35.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+              })), state.active_tab === "Ficha técnica" && (((_state$product34 = state.product) === null || _state$product34 === void 0 ? void 0 : _state$product34.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
                 children: (_state$datasheets_inp = state.datasheets_inputs[0]) === null || _state$datasheets_inp === void 0 ? void 0 : (_state$datasheets_inp2 = _state$datasheets_inp.data) === null || _state$datasheets_inp2 === void 0 ? void 0 : _state$datasheets_inp2.map(function (dataGroup, index) {
                   var _state$services4, _state$services4$data;
 
@@ -3743,7 +3726,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
                 text: "No cuentas con este servicio",
                 headerType: "input-name-header"
-              })), state.active_tab === "Imágenes" && (((_state$product36 = state.product) === null || _state$product36 === void 0 ? void 0 : _state$product36.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              })), state.active_tab === "Imágenes" && (((_state$product35 = state.product) === null || _state$product35 === void 0 ? void 0 : _state$product35.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
                 children: [enableDigitalAssets && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryTrayTabs.GalleryTrayTabs, {
                   activeTray: currentTray,
                   setActiveTray: setActiveTray,
@@ -3754,7 +3737,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   style: {
                     position: "relative"
                   },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitalAssetsTray.DigitalAssetsTray, (0, _objectSpread6.default)((0, _objectSpread6.default)({}, digitalAssets), {}, {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitalAssetsTray.DigitalAssetsTray, (0, _objectSpread5.default)((0, _objectSpread5.default)({}, digitalAssets), {}, {
                     unsaved: (0, _assets.countUnsavedAssets)(state),
                     gridLayout: imageLayout,
                     readOnly: !isAuditorAssigned() && !isUserAssignedToService(),
@@ -3774,10 +3757,10 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   style: {
                     position: "relative"
                   },
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread6.default)((0, _objectSpread6.default)({}, getRootProps({
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread5.default)((0, _objectSpread5.default)({}, getRootProps({
                     className: "dropzone ".concat(isDragActive ? "drag-active" : "")
                   })), {}, {
-                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread6.default)({}, getInputProps())), isDragActive && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread5.default)({}, getInputProps())), isDragActive && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                       className: "drag-overlay",
                       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
                         children: "Suelta las im\xE1genes aqu\xED"
@@ -3827,7 +3810,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 headerType: "input-name-header"
               }))]
             })
-          }), !isServicesTab && (isUserAssignedToService(state.active_tab) || isAuditorAssigned()) && state.product["".concat((0, _utils.getConceptByTab)(state.active_tab), "_status")] !== "NS" && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          }), (isUserAssignedToService(state.active_tab) || isAuditorAssigned()) && state.product["".concat((0, _utils.getConceptByTab)(state.active_tab), "_status")] !== "NS" && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "commentary-box",
             children: [!state.comment ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: "commentary",
@@ -3901,7 +3884,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
 var RetailerProductEdition = function RetailerProductEdition(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_providerProductEdition.ProviderProductEditionProvider, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RetailerProductEditionView, (0, _objectSpread6.default)({}, props))
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RetailerProductEditionView, (0, _objectSpread5.default)({}, props))
   });
 };
 

package/dist/components/pages/RetailerProductEdition/utils.js

@@ -128,7 +128,7 @@ var sendMessage = /*#__PURE__*/function () {
 exports.sendMessage = sendMessage;
 
 var normalizeProduct = function normalizeProduct(product) {
-  var _ref5, _productData$parentAr, _ref6, _productData$parent, _ref7, _productData$variants, _productData$serviceS, _productData$demo_ser;
+  var _ref5, _productData$parentAr, _ref6, _productData$parent, _ref7, _productData$variants;
 
   // Handle case where product might be wrapped in a product property
   var productData = product.product || product;
@@ -194,11 +194,7 @@ var normalizeProduct = function normalizeProduct(product) {
     id_images_facilitator: article.id_images_facilitator || null,
     id_auditor: article.id_auditor || 0,
     statusByRetailer: productData.statusByRetailer || null,
-    categoryRetailerInOrder: categoryRetailerInOrder || null,
-    // Servicios para la pestaña "Servicios": estatus por servicio del listado
-    // ligero de Creators (view=summary) y, en modo demo, los de ejemplo.
-    serviceStatuses: (_productData$serviceS = productData.serviceStatuses) !== null && _productData$serviceS !== void 0 ? _productData$serviceS : null,
-    demo_services: (_productData$demo_ser = productData.demo_services) !== null && _productData$demo_ser !== void 0 ? _productData$demo_ser : null
+    categoryRetailerInOrder: categoryRetailerInOrder || null
   };
 };
 

package/dist/index.js

@@ -1447,19 +1447,6 @@ Object.keys(_CreatorsProductEdition).forEach(function (key) {
   });
 });
 
-var _ProductEdition = require("./components/pages/ProductEdition");
-
-Object.keys(_ProductEdition).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ProductEdition[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ProductEdition[key];
-    }
-  });
-});
-
 var _ProviderProductEdition = require("./components/pages/ProviderProductEdition");
 
 Object.keys(_ProviderProductEdition).forEach(function (key) {

package/package.json

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

package/src/components/atoms/MetricCard/index.js

@@ -1,8 +1,8 @@
 import { Container } from "./styles";
 
-export const MetricCard = ({ label, number }) => {
+export const MetricCard = ({ label, number, hint }) => {
   return (
-    <Container>
+    <Container title={hint}>
       <p>{label}</p>
       <p>{number}</p>
     </Container>

package/src/components/organisms/DashboardMetric/DashboardMetric.stories.js

@@ -26,3 +26,14 @@ DashboardMetricDefault.args = {
     RP: 49,
   },
 };
+
+export const DashboardMetricDoughnut = Template.bind({});
+DashboardMetricDoughnut.args = {
+  ...DashboardMetricDefault.args,
+  type: "doughnut",
+  displayLegend: true,
+  showPercent: true,
+  displayScale: false,
+  total: 1610,
+  totalFiltered: 1610,
+};

package/src/components/organisms/DashboardMetric/index.js

@@ -1,3 +1,4 @@
+import { useEffect, useState } from "react";
 import { Container } from "./styles";
 import { Graphic } from "../../atoms/Graphic";
 import {
@@ -20,6 +21,17 @@ export const DashboardMetric = ({
   total,
   totalFiltered,
 }) => {
+  // Chart.js coloca la leyenda por opción, no por CSS: en pantallas angostas
+  // va abajo, porque a un lado deja la gráfica en nada.
+  const [isNarrow, setIsNarrow] = useState(false);
+  useEffect(() => {
+    const media = window.matchMedia("(max-width: 600px)");
+    const update = () => setIsNarrow(media.matches);
+    update();
+    media.addEventListener("change", update);
+    return () => media.removeEventListener("change", update);
+  }, []);
+
   const labels =
     type === "doughnut"
       ? Object.entries(dataObject).map(
@@ -75,7 +87,7 @@ export const DashboardMetric = ({
         },
       },
       legend: {
-        position: "right",
+        position: isNarrow ? "bottom" : "right",
         display: displayLegend,
         labels: {
           usePointStyle: true,

package/src/components/organisms/DashboardMetric/styles.js

@@ -7,6 +7,19 @@ export const Container = styled.div`
   padding: 24px;
   position: relative;
 
+  @media (max-width: 600px) {
+    padding: 12px;
+
+    .graphic-cotainer {
+      padding: 5px;
+    }
+
+    /* Va rotada y fuera del recuadro; con el padding chico se encima. */
+    > p.y-label {
+      display: none;
+    }
+  }
+
   .text-container {
     p {
       font-family: ${FontFamily.Raleway};

package/src/components/pages/CreatorsProductEdition/CreatorsProductEditionView.jsx

@@ -67,6 +67,8 @@ export const CreatorsProductEditionView = ({
     isRetailer,
     digitalAssets,
     currentTray,
+    hasImagesService,
+    canEditAssets,
     assetsLoadedFor,
     handleOnSetSelectedAssets,
     handleOnSetAllAssetsChecked,
@@ -635,7 +637,14 @@ export const CreatorsProductEditionView = ({
                   : handleOnDownloadImages
               }
               askToDeleteImages={handleOnAskToDeleteImages}
-              showSaveButton={isAuditorAssigned() || isUserAssignedToService()}
+              // En la bandeja de activos el permiso es el de los activos: sin
+              // servicio de imágenes nadie está asignado a él y el botón de
+              // guardar desaparecería justo donde sí hay algo que guardar.
+              showSaveButton={
+                currentTray === TRAYS.ASSETS
+                  ? canEditAssets()
+                  : isAuditorAssigned() || isUserAssignedToService()
+              }
               onClickSave={handleOnClickSave}
               // validations
               canAssign={![7, 8].includes(user.id_role)}
@@ -699,13 +708,19 @@ export const CreatorsProductEditionView = ({
                     ) : (
                       <NoService />
                     ))}
+                  {/*
+                    Los activos digitales no son parte del servicio de
+                    imágenes: su bandeja sigue disponible aunque el producto no
+                    tenga ese servicio contratado.
+                  */}
                   {state.active_tab === "Imágenes" &&
-                    (state.product?.images_status !== "NS" ? (
+                    (hasImagesService || enableDigitalAssets ? (
                       <ImagesSection
                         imagesValues={state.images_values}
                         selectedImages={state.selected_images}
                         imageLayout={imageLayout}
                         enableDigitalAssets={enableDigitalAssets}
+                        hasImagesService={hasImagesService}
                         currentTray={currentTray}
                         setActiveTray={setActiveTray}
                         digitalAssets={digitalAssets}
@@ -713,7 +728,11 @@ export const CreatorsProductEditionView = ({
                         selectedAssets={state.selected_assets}
                         setSelectedAssets={handleOnSetSelectedAssets}
                         setAllAssetsChecked={handleOnSetAllAssetsChecked}
-                        canEdit={isAuditorAssigned() || isUserAssignedToService()}
+                        canEdit={
+                          currentTray === TRAYS.ASSETS
+                            ? canEditAssets()
+                            : isAuditorAssigned() || isUserAssignedToService()
+                        }
                         setCheckAll={handleOnSetCheckAll}
                         setSelectedImages={handleOnSetSelectedImages}
                         onChangeCurrentImage={handleOnChangeCurrentImage}

package/src/components/pages/CreatorsProductEdition/hooks/useCreatorsProductEdition.js

@@ -253,7 +253,18 @@ export const useCreatorsProductEdition = ({
     onUploaded: (uploaded) => registerUploadedAssets(token, uploaded),
   });
   const [activeTray, setActiveTray] = useState(TRAYS.IMAGES);
-  const currentTray = enableDigitalAssets ? activeTray : TRAYS.IMAGES;
+
+  /*
+    Los activos digitales no pertenecen al servicio de imágenes: se suben
+    aunque el producto no lo tenga contratado. Sin ese servicio solo queda su
+    bandeja, así que la vista abre directamente en ella.
+  */
+  const hasImagesService = state.product?.images_status !== "NS";
+  const currentTray = !enableDigitalAssets
+    ? TRAYS.IMAGES
+    : hasImagesService
+      ? activeTray
+      : TRAYS.ASSETS;
 
   /*
     De qué artículo se cargaron ya los activos.
@@ -704,6 +715,28 @@ export const useCreatorsProductEdition = ({
     return isAssigned && validUser;
   };
 
+  /*
+    Permiso sobre la bandeja de activos digitales.
+
+    No son parte del servicio de imágenes, así que no pueden depender de estar
+    asignado a él: sin ese servicio nadie lo está y la bandeja quedaría de solo
+    lectura. En ese caso vale la asignación a cualquier otro servicio del
+    producto.
+  */
+  const canEditAssets = () => {
+    if (isAuditorAssigned() || isUserAssignedToService()) return true;
+    if (hasImagesService) return false;
+
+    const allowedRoles = [1, 4, 5, 6, 7, 8];
+    if (!allowedRoles.includes(user?.id_role)) return false;
+
+    return ["description", "datasheet"].some(
+      (concept) =>
+        isAssignedAs("especialist", concept) ||
+        isAssignedAs("facilitator", concept),
+    );
+  };
+
   const canShowSingleEvaluationButtons = (action) => {
     let concept = getConceptByTab(action || state.active_tab);
 
@@ -2105,6 +2138,8 @@ export const useCreatorsProductEdition = ({
     isRetailer,
     digitalAssets,
     currentTray,
+    hasImagesService,
+    canEditAssets,
     assetsLoadedFor,
     handleOnSetSelectedAssets,
     handleOnSetAllAssetsChecked,

package/src/components/pages/CreatorsProductEdition/mocks/api.fixtures.js

@@ -190,13 +190,21 @@ const buildFamily = (familia) => {
 /**
  * Crea las respuestas.
  *   - `images: false` simula un producto sin imágenes.
+ *   - `imagesService: false` simula un producto sin el servicio de imágenes
+ *     contratado: sin su renglón en los servicios, el estatus queda en "NS".
  *   - `delSolStatus` cambia el estatus de los tres servicios de Del Sol; con
  *     "AC" el auditor asignado puede validar o rechazar.
  *   - `familia`: "padre" (este producto con dos hijos) o "hijo" (este producto
  *     es hijo de otro, con un hermano).
  *   - `grupo`: el producto está en un grupo de variantes con otros dos.
  */
-export const buildFixtures = ({ images = true, delSolStatus, familia, grupo = false } = {}) => ({
+export const buildFixtures = ({
+  images = true,
+  imagesService = true,
+  delSolStatus,
+  familia,
+  grupo = false,
+} = {}) => ({
   comments: {
     description: lambda({ message: "OK", data: [comment(15886, "description", "Revisar la longitud del header.")], order: null }),
     datasheet: lambda({ message: "OK", data: [comment(15885, "datasheet", "Rechazo")], order: null }),
@@ -269,10 +277,14 @@ export const buildFixtures = ({ images = true, delSolStatus, familia, grupo = fa
     data: [
       service(36, "datasheet", "RA/AS", 2),
       service(36, "description", "RA/AS", 2),
-      service(36, "images", "AA", 5),
       service(38, "datasheet", delSolStatus ?? "RA/AS", 2),
       service(38, "description", delSolStatus ?? "RA/AS", 2),
-      service(38, "images", delSolStatus ?? "AA", 5),
+      ...(imagesService
+        ? [
+            service(36, "images", "AA", 5),
+            service(38, "images", delSolStatus ?? "AA", 5),
+          ]
+        : []),
     ],
   }),
   percentages: lambda([