contentoh-components-library 21.6.61 → 21.6.62

package/dist/components/pages/CreatorsProductEdition/sections/StatusChip.js

@@ -15,28 +15,19 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Etiqueta de estatus ("RA/AS", "AA"...). Mismo color y tamaño que
  * `atoms/Status`; el nombre completo va en el tooltip. `oval` es la variante
  * redondeada de la barra de pestañas.
- *
- * `label`, `color` y `title` (opcionales) reemplazan el texto, el color y el
- * tooltip: los estatus de los flujos simples del catálogo (Pendiente, Hecho…)
- * traen los suyos desde el backend.
  */
 var StatusChip = function StatusChip(_ref) {
-  var _ref2;
-
   var status = _ref.status,
       _ref$oval = _ref.oval,
-      oval = _ref$oval === void 0 ? false : _ref$oval,
-      labelProp = _ref.label,
-      color = _ref.color,
-      title = _ref.title;
-  var label = (_ref2 = labelProp !== null && labelProp !== void 0 ? labelProp : status) !== null && _ref2 !== void 0 ? _ref2 : "NS";
+      oval = _ref$oval === void 0 ? false : _ref$oval;
+  var label = status !== null && status !== void 0 ? status : "NS";
   var chip = /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
     label: label,
     size: "small",
     sx: {
       height: 20,
       borderRadius: oval ? "10px" : "3px",
-      backgroundColor: color !== null && color !== void 0 ? color : (0, _tokens.statusColor)(status),
+      backgroundColor: (0, _tokens.statusColor)(status),
       color: _tokens.COLORS.white,
       fontFamily: _tokens.FONTS.Lato,
       fontSize: 12,
@@ -47,7 +38,7 @@ var StatusChip = function StatusChip(_ref) {
       }
     }
   });
-  var name = title !== null && title !== void 0 ? title : (0, _tokens.statusName)(status);
+  var name = (0, _tokens.statusName)(status);
   return name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
     title: name,
     arrow: true,

package/dist/components/pages/CreatorsProductEdition/sections/TabsBar.js

@@ -60,6 +60,16 @@ var tabSx = {
       xs: 14,
       sm: 18
     }
+  },
+
+  /*
+    El tema de MUI de Creators pinta las pestañas de rosa al pasar el ratón
+    (`MuiTab.styleOverrides.root`). Aquí no se quiere ese realce, y la librería
+    no debe depender del tema de quien la consume: se anula explícitamente.
+  */
+  "&:hover, &.Mui-selected:hover": {
+    color: _tokens.COLORS.s5,
+    backgroundColor: "transparent"
   }
 };
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SinImagenes = exports.HijoDeOtro = exports.EspecialistaTextosCelular = exports.EspecialistaTextos = exports.EspecialistaImagenesCelular = exports.EspecialistaImagenes = exports.ErrorAlCargar = exports.ConVariantes = exports.AuditorQACelular = exports.AuditorQA = exports.AuditorPorEvaluar = void 0;
+exports.default = exports.SinServicioDeImagenes = exports.SinImagenes = exports.HijoDeOtro = exports.EspecialistaTextosCelular = exports.EspecialistaTextos = exports.EspecialistaImagenesCelular = exports.EspecialistaImagenes = exports.ErrorAlCargar = exports.ConVariantes = exports.AuditorQACelular = exports.AuditorQA = exports.AuditorPorEvaluar = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
@@ -125,7 +125,15 @@ HijoDeOtro.args = EspecialistaTextos.args;
 HijoDeOtro.decorators = [(0, _mockApi.withMockApi)({
   familia: "hijo"
 })]; // --- Casos límite -----------------------------------------------------------
-
+// Producto sin el servicio de imágenes contratado: la bandeja de imágenes
+// queda deshabilitada y la de activos digitales sigue siendo utilizable.
+
+var SinServicioDeImagenes = Template.bind({});
+exports.SinServicioDeImagenes = SinServicioDeImagenes;
+SinServicioDeImagenes.args = AuditorQA.args;
+SinServicioDeImagenes.decorators = [(0, _mockApi.withMockApi)({
+  imagesService: false
+})];
 var SinImagenes = Template.bind({});
 exports.SinImagenes = SinImagenes;
 SinImagenes.args = EspecialistaImagenes.args;

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

@@ -5,14 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.RetailerProductEditionDefault = exports.ConPestanaServicios = void 0;
+exports.default = exports.RetailerProductEditionDefault = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _index = require("./index");
 
-var _demo = require("../../organisms/ServicesWorkspace/demo");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
@@ -216,15 +214,4 @@ RetailerProductEditionDefault.args = {
     },
     "src": "https://content-management-profile-prod.s3.amazonaws.com/id-425/425.png?1778260157973"
   }
-};
-/**
- * Con la pestaña "Servicios" (la activa Creators con `showServicesTab`) y
- * servicios de ejemplo además de los tres de siempre.
- */
-
-var ConPestanaServicios = Template.bind({});
-exports.ConPestanaServicios = ConPestanaServicios;
-ConPestanaServicios.args = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, RetailerProductEditionDefault.args), {}, {
-  showServicesTab: true,
-  productSelected: (0, _demo.withDemoServices)(RetailerProductEditionDefault.args.productSelected, 14)
-});
+};

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.62",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

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,