contentoh-components-library 21.6.60 → 21.6.62

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

@@ -87,7 +87,7 @@ var NoService = function NoService() {
 };
 
 var CreatorsProductEditionView = function CreatorsProductEditionView(_ref) {
-  var _state$errors, _pendingPropagation$k, _family$variants, _variantGroup$members, _variantGroup$group, _state$product, _state$product2, _state$product3, _state$active_retaile, _state$product4, _state$product5, _state$product6, _variantGroup$group2, _location$state, _location$state2, _state$active_retaile2, _state$active_retaile3, _state$images_values$, _state$images_values, _state$images_values$2, _state$product7, _state$active_retaile4, _state$active_percent, _state$active_percent2, _state$active_percent3, _state$active_retaile5, _state$active_retaile6, _state$active_retaile7, _state$product8, _state$services, _state$services$datas, _state$product9, _state$product10, _state$datasheets_inp, _state$datasheets_inp2, _state$product11;
+  var _state$errors, _pendingPropagation$k, _family$variants, _variantGroup$members, _variantGroup$group, _state$product, _state$product2, _state$product3, _state$active_retaile, _state$product4, _state$product5, _state$product6, _variantGroup$group2, _location$state, _location$state2, _state$active_retaile2, _state$active_retaile3, _state$images_values$, _state$images_values, _state$images_values$2, _state$product7, _state$active_retaile4, _state$active_percent, _state$active_percent2, _state$active_percent3, _state$active_retaile5, _state$active_retaile6, _state$active_retaile7, _state$product8, _state$services, _state$services$datas, _state$product9, _state$product10, _state$datasheets_inp, _state$datasheets_inp2;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -110,6 +110,8 @@ var CreatorsProductEditionView = function CreatorsProductEditionView(_ref) {
       isRetailer = _useCreatorsProductEd.isRetailer,
       digitalAssets = _useCreatorsProductEd.digitalAssets,
       currentTray = _useCreatorsProductEd.currentTray,
+      hasImagesService = _useCreatorsProductEd.hasImagesService,
+      canEditAssets = _useCreatorsProductEd.canEditAssets,
       assetsLoadedFor = _useCreatorsProductEd.assetsLoadedFor,
       handleOnSetSelectedAssets = _useCreatorsProductEd.handleOnSetSelectedAssets,
       handleOnSetAllAssetsChecked = _useCreatorsProductEd.handleOnSetAllAssetsChecked,
@@ -738,8 +740,11 @@ var CreatorsProductEditionView = function CreatorsProductEditionView(_ref) {
             // las imágenes del producto, que no es lo que el usuario pidió.
             ,
             downloadImages: currentTray === _GalleryTrayTabs.TRAYS.ASSETS ? handleOnDownloadAssets : handleOnDownloadImages,
-            askToDeleteImages: handleOnAskToDeleteImages,
-            showSaveButton: isAuditorAssigned() || isUserAssignedToService(),
+            askToDeleteImages: handleOnAskToDeleteImages // 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 === _GalleryTrayTabs.TRAYS.ASSETS ? canEditAssets() : isAuditorAssigned() || isUserAssignedToService(),
             onClickSave: handleOnClickSave // validations
             ,
             canAssign: ![7, 8].includes(user.id_role)
@@ -792,11 +797,12 @@ var CreatorsProductEditionView = function CreatorsProductEditionView(_ref) {
                     compare: compare
                   }, index + "-" + state.active_retailer.retailer);
                 })
-              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(NoService, {})), state.active_tab === "Imágenes" && (((_state$product11 = state.product) === null || _state$product11 === void 0 ? void 0 : _state$product11.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagesSection.ImagesSection, {
+              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(NoService, {})), state.active_tab === "Imágenes" && (hasImagesService || enableDigitalAssets ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagesSection.ImagesSection, {
                 imagesValues: state.images_values,
                 selectedImages: state.selected_images,
                 imageLayout: imageLayout,
                 enableDigitalAssets: enableDigitalAssets,
+                hasImagesService: hasImagesService,
                 currentTray: currentTray,
                 setActiveTray: setActiveTray,
                 digitalAssets: digitalAssets,
@@ -804,7 +810,7 @@ var CreatorsProductEditionView = function CreatorsProductEditionView(_ref) {
                 selectedAssets: state.selected_assets,
                 setSelectedAssets: handleOnSetSelectedAssets,
                 setAllAssetsChecked: handleOnSetAllAssetsChecked,
-                canEdit: isAuditorAssigned() || isUserAssignedToService(),
+                canEdit: currentTray === _GalleryTrayTabs.TRAYS.ASSETS ? canEditAssets() : isAuditorAssigned() || isUserAssignedToService(),
                 setCheckAll: handleOnSetCheckAll,
                 setSelectedImages: handleOnSetSelectedImages,
                 onChangeCurrentImage: handleOnChangeCurrentImage,

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

@@ -86,7 +86,7 @@ function obtenerDuracionVideoBase64(base64Data) {
 }
 
 var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
-  var _state$product$id_art, _state$product, _state$product11, _family$variants, _state$product12, _state$product16;
+  var _state$product$id_art, _state$product, _state$product2, _state$product12, _family$variants, _state$product13, _state$product17;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -438,8 +438,15 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
       _useState60 = (0, _slicedToArray2.default)(_useState59, 2),
       activeTray = _useState60[0],
       setActiveTray = _useState60[1];
+  /*
+    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.
+  */
+
 
-  var currentTray = enableDigitalAssets ? activeTray : _GalleryTrayTabs.TRAYS.IMAGES;
+  var hasImagesService = ((_state$product2 = state.product) === null || _state$product2 === void 0 ? void 0 : _state$product2.images_status) !== "NS";
+  var currentTray = !enableDigitalAssets ? _GalleryTrayTabs.TRAYS.IMAGES : hasImagesService ? activeTray : _GalleryTrayTabs.TRAYS.ASSETS;
   /*
     De qué artículo se cargaron ya los activos.
      `loadData` se vuelve a ejecutar cada vez que cambia la cadena activa, pero los
@@ -573,7 +580,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
 
   var loadAuditableData = /*#__PURE__*/function () {
     var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-      var _state$product2, _state$product3, _state$product4;
+      var _state$product3, _state$product4, _state$product5;
 
       var auditServices;
       return _regenerator.default.wrap(function _callee3$(_context3) {
@@ -581,7 +588,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
           switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return (0, _data.getRetailerServices)((_state$product2 = state.product) === null || _state$product2 === void 0 ? void 0 : _state$product2.id_article, (_state$product3 = state.product) === null || _state$product3 === void 0 ? void 0 : _state$product3.categoryName, parseInt((_state$product4 = state.product) === null || _state$product4 === void 0 ? void 0 : _state$product4.id_category), auditableVersion.version, token);
+              return (0, _data.getRetailerServices)((_state$product3 = state.product) === null || _state$product3 === void 0 ? void 0 : _state$product3.id_article, (_state$product4 = state.product) === null || _state$product4 === void 0 ? void 0 : _state$product4.categoryName, parseInt((_state$product5 = state.product) === null || _state$product5 === void 0 ? void 0 : _state$product5.id_category), auditableVersion.version, token);
 
             case 2:
               auditServices = _context3.sent;
@@ -627,7 +634,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
           _state$active_retaile2,
           _services$0$inputs,
           _services$2,
-          _state$product5,
+          _state$product6,
           id_article,
           version,
           id_order,
@@ -673,7 +680,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
                 type: "SET_ERRORS",
                 payload: []
               });
-              _state$product5 = state.product, id_article = _state$product5.id_article, version = _state$product5.version, id_order = _state$product5.id_order;
+              _state$product6 = state.product, id_article = _state$product6.id_article, version = _state$product6.version, id_order = _state$product6.id_order;
               _state$active_retaile = state.active_retailer, category = _state$active_retaile.category, id_category = _state$active_retaile.id_category, id_retailer = _state$active_retaile.id_retailer; // Payloads y headers
 
               data = [{
@@ -968,9 +975,9 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
   };
 
   var isAuditorAssigned = function isAuditorAssigned() {
-    var _state$product6;
+    var _state$product7;
 
-    return ((_state$product6 = state.product) === null || _state$product6 === void 0 ? void 0 : _state$product6.id_auditor) === (user === null || user === void 0 ? void 0 : user.id_user);
+    return ((_state$product7 = state.product) === null || _state$product7 === void 0 ? void 0 : _state$product7.id_auditor) === (user === null || user === void 0 ? void 0 : user.id_user);
   };
   /**
    * ¿Ocupo este slot EN ESTE producto?
@@ -983,9 +990,9 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
 
 
   var isAssignedAs = function isAssignedAs(rol, concept) {
-    var _state$product7;
+    var _state$product8;
 
-    var assigned = (_state$product7 = state.product) === null || _state$product7 === void 0 ? void 0 : _state$product7["id_".concat(concept, "_").concat(rol)];
+    var assigned = (_state$product8 = state.product) === null || _state$product8 === void 0 ? void 0 : _state$product8["id_".concat(concept, "_").concat(rol)];
     return !!assigned && assigned === (user === null || user === void 0 ? void 0 : user.id_user);
   };
 
@@ -1002,6 +1009,24 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
     var isAssigned = rol ? isAssignedAs(rol, concept) : isAssignedAs("especialist", concept) || isAssignedAs("facilitator", concept);
     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.
+  */
+
+
+  var canEditAssets = function canEditAssets() {
+    if (isAuditorAssigned() || isUserAssignedToService()) return true;
+    if (hasImagesService) return false;
+    var allowedRoles = [1, 4, 5, 6, 7, 8];
+    if (!allowedRoles.includes(user === null || user === void 0 ? void 0 : user.id_role)) return false;
+    return ["description", "datasheet"].some(function (concept) {
+      return isAssignedAs("especialist", concept) || isAssignedAs("facilitator", concept);
+    });
+  };
 
   var canShowSingleEvaluationButtons = function canShowSingleEvaluationButtons(action) {
     var _state$services_data, _state$services_data$, _state$services_data$2;
@@ -1111,7 +1136,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
 
   var handleOnClickSaveImages = /*#__PURE__*/function () {
     var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
-      var _state$product8, _state$product8$servi;
+      var _state$product9, _state$product9$servi;
 
       return _regenerator.default.wrap(function _callee6$(_context6) {
         while (1) {
@@ -1129,7 +1154,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
               return _context6.abrupt("return");
 
             case 4:
-              if (!(((_state$product8 = state.product) === null || _state$product8 === void 0 ? void 0 : (_state$product8$servi = _state$product8.services) === null || _state$product8$servi === void 0 ? void 0 : _state$product8$servi.images) === 1)) {
+              if (!(((_state$product9 = state.product) === null || _state$product9 === void 0 ? void 0 : (_state$product9$servi = _state$product9.services) === null || _state$product9$servi === void 0 ? void 0 : _state$product9$servi.images) === 1)) {
                 _context6.next = 9;
                 break;
               }
@@ -1163,7 +1188,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
   var loadFamily = /*#__PURE__*/function () {
     var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
       var forzar,
-          _state$product9,
+          _state$product10,
           res,
           data,
           _args7 = arguments;
@@ -1185,7 +1210,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
               _context7.prev = 3;
               _context7.next = 6;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/family"), {
-                articleId: (_state$product9 = state.product) === null || _state$product9 === void 0 ? void 0 : _state$product9.id_article
+                articleId: (_state$product10 = state.product) === null || _state$product10 === void 0 ? void 0 : _state$product10.id_article
               }, {
                 headers: {
                   Authorization: token
@@ -1235,16 +1260,16 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
 
 
   (0, _react.useEffect)(function () {
-    var _state$product10;
+    var _state$product11;
 
-    if (!((_state$product10 = state.product) !== null && _state$product10 !== void 0 && _state$product10.id_article)) return;
+    if (!((_state$product11 = state.product) !== null && _state$product11 !== void 0 && _state$product11.id_article)) return;
     loadFamily(true); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [(_state$product11 = state.product) === null || _state$product11 === void 0 ? void 0 : _state$product11.id_article]); // El conteo sale de la familia recién consultada, no del producto.
+  }, [(_state$product12 = state.product) === null || _state$product12 === void 0 ? void 0 : _state$product12.id_article]); // El conteo sale de la familia recién consultada, no del producto.
 
   var hijosDelProducto = family !== null && family !== void 0 && family.error ? 0 : ((_family$variants = family === null || family === void 0 ? void 0 : family.variants) !== null && _family$variants !== void 0 ? _family$variants : []).filter(function (v) {
     return !v.isCurrent;
   }).length;
-  var esHijoDeOtro = family !== null && family !== void 0 && family.error ? !!((_state$product12 = state.product) !== null && _state$product12 !== void 0 && _state$product12.parentArticleId) : !!(family !== null && family !== void 0 && family.parent);
+  var esHijoDeOtro = family !== null && family !== void 0 && family.error ? !!((_state$product13 = state.product) !== null && _state$product13 !== void 0 && _state$product13.parentArticleId) : !!(family !== null && family !== void 0 && family.parent);
   /*
     Un hijo no se agrupa como variante (decisión de producto, 2026-09-25).
      Agrupar declara «estos son el mismo producto en otra presentación», y un
@@ -1286,14 +1311,14 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
   */
 
   var handleOnUnlinked = function handleOnUnlinked(result) {
-    var _state$product$varian, _state$product13, _updatedProduct$varia;
+    var _state$product$varian, _state$product14, _updatedProduct$varia;
 
     if (!result) return;
     var updatedProduct = result.mode === "self" ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
       parentArticleId: null,
       variantsCount: 0
     }) : (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)
+      variantsCount: Math.max(((_state$product$varian = (_state$product14 = state.product) === null || _state$product14 === void 0 ? void 0 : _state$product14.variantsCount) !== null && _state$product$varian !== void 0 ? _state$product$varian : 1) - 1, 0)
     });
     dispatch({
       type: "SET_PRODUCT",
@@ -1347,7 +1372,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
   var loadVariantGroup = /*#__PURE__*/function () {
     var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
       var forzar,
-          _state$product14,
+          _state$product15,
           res,
           data,
           _args8 = arguments;
@@ -1369,7 +1394,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
               _context8.prev = 3;
               _context8.next = 6;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/group"), {
-                articleId: (_state$product14 = state.product) === null || _state$product14 === void 0 ? void 0 : _state$product14.id_article
+                articleId: (_state$product15 = state.product) === null || _state$product15 === void 0 ? void 0 : _state$product15.id_article
               }, {
                 headers: {
                   Authorization: token
@@ -1407,15 +1432,15 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
   }();
 
   (0, _react.useEffect)(function () {
-    var _state$product15;
+    var _state$product16;
 
-    if (!((_state$product15 = state.product) !== null && _state$product15 !== void 0 && _state$product15.id_article)) return;
+    if (!((_state$product16 = state.product) !== null && _state$product16 !== void 0 && _state$product16.id_article)) return;
     loadVariantGroup(true); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [(_state$product16 = state.product) === null || _state$product16 === void 0 ? void 0 : _state$product16.id_article]);
+  }, [(_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.id_article]);
 
   var handleOnLeaveGroup = /*#__PURE__*/function () {
     var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
-      var _state$product17, res;
+      var _state$product18, res;
 
       return _regenerator.default.wrap(function _callee9$(_context9) {
         while (1) {
@@ -1424,7 +1449,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
               _context9.prev = 0;
               _context9.next = 3;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/leave"), {
-                articleId: (_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.id_article
+                articleId: (_state$product18 = state.product) === null || _state$product18 === void 0 ? void 0 : _state$product18.id_article
               }, {
                 headers: {
                   Authorization: token
@@ -1562,11 +1587,11 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
 
 
   var handleOnLinkedVariants = function handleOnLinkedVariants(result) {
-    var _state$product$varian2, _state$product18, _result$linked, _result$parentArticle;
+    var _state$product$varian2, _state$product19, _result$linked, _result$parentArticle;
 
     if (!result) return;
     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
+      variantsCount: ((_state$product$varian2 = (_state$product19 = state.product) === null || _state$product19 === void 0 ? void 0 : _state$product19.variantsCount) !== null && _state$product$varian2 !== void 0 ? _state$product$varian2 : 0) + ((_result$linked = result.linked) !== null && _result$linked !== void 0 ? _result$linked : []).length
     }) : (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
       parentArticleId: (_result$parentArticle = result.parentArticleId) !== null && _result$parentArticle !== void 0 ? _result$parentArticle : null,
       variantsCount: 0
@@ -1641,7 +1666,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
 
   var handleOnRestoreInheritance = /*#__PURE__*/function () {
     var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(attributeId) {
-      var _state$product19;
+      var _state$product20;
 
       var kind,
           esDescripcion,
@@ -1654,7 +1679,7 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
             case 0:
               kind = _args11.length > 1 && _args11[1] !== undefined ? _args11[1] : "attribute";
 
-              if (!(!attributeId || !((_state$product19 = state.product) !== null && _state$product19 !== void 0 && _state$product19.id_article))) {
+              if (!(!attributeId || !((_state$product20 = state.product) !== null && _state$product20 !== void 0 && _state$product20.id_article))) {
                 _context11.next = 3;
                 break;
               }
@@ -2818,6 +2843,8 @@ var useCreatorsProductEdition = function useCreatorsProductEdition(_ref) {
     isRetailer: isRetailer,
     digitalAssets: digitalAssets,
     currentTray: currentTray,
+    hasImagesService: hasImagesService,
+    canEditAssets: canEditAssets,
     assetsLoadedFor: assetsLoadedFor,
     handleOnSetSelectedAssets: handleOnSetSelectedAssets,
     handleOnSetAllAssetsChecked: handleOnSetAllAssetsChecked,

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

@@ -253,6 +253,8 @@ var buildFamily = function 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
@@ -265,6 +267,8 @@ var buildFixtures = function buildFixtures() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       _ref$images = _ref.images,
       images = _ref$images === void 0 ? true : _ref$images,
+      _ref$imagesService = _ref.imagesService,
+      imagesService = _ref$imagesService === void 0 ? true : _ref$imagesService,
       delSolStatus = _ref.delSolStatus,
       familia = _ref.familia,
       _ref$grupo = _ref.grupo,
@@ -398,7 +402,7 @@ var buildFixtures = function buildFixtures() {
     }),
     services: lambda({
       message: "OK",
-      data: [service(36, "datasheet", "RA/AS", 2), service(36, "description", "RA/AS", 2), service(36, "images", "AA", 5), service(38, "datasheet", delSolStatus !== null && delSolStatus !== void 0 ? delSolStatus : "RA/AS", 2), service(38, "description", delSolStatus !== null && delSolStatus !== void 0 ? delSolStatus : "RA/AS", 2), service(38, "images", delSolStatus !== null && delSolStatus !== void 0 ? delSolStatus : "AA", 5)]
+      data: [service(36, "datasheet", "RA/AS", 2), service(36, "description", "RA/AS", 2), service(38, "datasheet", delSolStatus !== null && delSolStatus !== void 0 ? delSolStatus : "RA/AS", 2), service(38, "description", delSolStatus !== null && delSolStatus !== void 0 ? delSolStatus : "RA/AS", 2)].concat((0, _toConsumableArray2.default)(imagesService ? [service(36, "images", "AA", 5), service(38, "images", delSolStatus !== null && delSolStatus !== void 0 ? delSolStatus : "AA", 5)] : []))
     }),
     percentages: lambda([{
       id_article: ARTICLE_ID,

package/dist/components/pages/CreatorsProductEdition/mocks/mockApi.js

@@ -78,6 +78,8 @@ var createMockAdapter = function createMockAdapter() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       _ref$images = _ref.images,
       images = _ref$images === void 0 ? true : _ref$images,
+      _ref$imagesService = _ref.imagesService,
+      imagesService = _ref$imagesService === void 0 ? true : _ref$imagesService,
       _ref$failLoad = _ref.failLoad,
       failLoad = _ref$failLoad === void 0 ? false : _ref$failLoad,
       delSolStatus = _ref.delSolStatus,
@@ -86,6 +88,7 @@ var createMockAdapter = function createMockAdapter() {
 
   var fx = (0, _api.buildFixtures)({
     images: images,
+    imagesService: imagesService,
     delSolStatus: delSolStatus,
     familia: familia,
     grupo: grupo

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

@@ -65,11 +65,16 @@ var TrayTabs = function TrayTabs(_ref) {
   var activeTray = _ref.activeTray,
       setActiveTray = _ref.setActiveTray,
       imagesCount = _ref.imagesCount,
-      assetsCount = _ref.assetsCount;
+      assetsCount = _ref.assetsCount,
+      _ref$hasImagesService = _ref.hasImagesService,
+      hasImagesService = _ref$hasImagesService === void 0 ? true : _ref$hasImagesService;
   var trays = [{
     id: _GalleryTrayTabs.TRAYS.IMAGES,
     label: "Imágenes",
-    count: imagesCount
+    count: imagesCount,
+    // Sin el servicio contratado no hay nada que mostrar en esa bandeja,
+    // pero se deja a la vista para que se entienda por qué.
+    disabled: !hasImagesService
   }, {
     id: _GalleryTrayTabs.TRAYS.ASSETS,
     label: "Activos digitales",
@@ -96,6 +101,7 @@ var TrayTabs = function TrayTabs(_ref) {
       var active = tray.id === activeTray;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, {
         value: tray.id,
+        disabled: tray.disabled,
         disableRipple: true,
         label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
           direction: "row",
@@ -129,6 +135,12 @@ var TrayTabs = function TrayTabs(_ref) {
           "&.Mui-selected": {
             color: _tokens.COLORS.s5,
             fontWeight: 600
+          },
+          // Igual que en `TabsBar`: el tema de Creators las pinta de rosa
+          // al pasar el ratón y aquí no se quiere.
+          "&:hover, &.Mui-selected:hover": {
+            color: _tokens.COLORS.s5,
+            backgroundColor: "transparent"
           }
         }
       }, tray.id);
@@ -223,6 +235,8 @@ var ImagesSection = function ImagesSection(_ref3) {
       selectedImages = _ref3.selectedImages,
       imageLayout = _ref3.imageLayout,
       enableDigitalAssets = _ref3.enableDigitalAssets,
+      _ref3$hasImagesServic = _ref3.hasImagesService,
+      hasImagesService = _ref3$hasImagesServic === void 0 ? true : _ref3$hasImagesServic,
       currentTray = _ref3.currentTray,
       setActiveTray = _ref3.setActiveTray,
       digitalAssets = _ref3.digitalAssets,
@@ -293,7 +307,8 @@ var ImagesSection = function ImagesSection(_ref3) {
       activeTray: currentTray,
       setActiveTray: setActiveTray,
       imagesCount: images.length,
-      assetsCount: (_digitalAssets$assets = digitalAssets === null || digitalAssets === void 0 ? void 0 : (_digitalAssets$assets2 = digitalAssets.assets) === null || _digitalAssets$assets2 === void 0 ? void 0 : _digitalAssets$assets2.length) !== null && _digitalAssets$assets !== void 0 ? _digitalAssets$assets : 0
+      assetsCount: (_digitalAssets$assets = digitalAssets === null || digitalAssets === void 0 ? void 0 : (_digitalAssets$assets2 = digitalAssets.assets) === null || _digitalAssets$assets2 === void 0 ? void 0 : _digitalAssets$assets2.length) !== null && _digitalAssets$assets !== void 0 ? _digitalAssets$assets : 0,
+      hasImagesService: hasImagesService
     }), currentTray === _GalleryTrayTabs.TRAYS.ASSETS && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
       sx: {
         position: "relative",

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.6.60",
+  "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,

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([

package/src/components/pages/CreatorsProductEdition/mocks/mockApi.js

@@ -36,12 +36,19 @@ const ok = { statusCode: 200, body: JSON.stringify({ message: "OK" }) };
 
 export const createMockAdapter = ({
   images = true,
+  imagesService = true,
   failLoad = false,
   delSolStatus,
   familia,
   grupo,
 } = {}) => {
-  const fx = buildFixtures({ images, delSolStatus, familia, grupo });
+  const fx = buildFixtures({
+    images,
+    imagesService,
+    delSolStatus,
+    familia,
+    grupo,
+  });
 
   return (config) => {
     const method = (config.method || "get").toUpperCase();

package/src/components/pages/CreatorsProductEdition/sections/ImagesSection.jsx

@@ -38,9 +38,22 @@ const LIST_COLUMNS = [
 // de lado dentro de su caja en vez de aplastar las columnas.
 const LIST_MIN_WIDTH = 760;
 
-const TrayTabs = ({ activeTray, setActiveTray, imagesCount, assetsCount }) => {
+const TrayTabs = ({
+  activeTray,
+  setActiveTray,
+  imagesCount,
+  assetsCount,
+  hasImagesService = true,
+}) => {
   const trays = [
-    { id: TRAYS.IMAGES, label: "Imágenes", count: imagesCount },
+    {
+      id: TRAYS.IMAGES,
+      label: "Imágenes",
+      count: imagesCount,
+      // Sin el servicio contratado no hay nada que mostrar en esa bandeja,
+      // pero se deja a la vista para que se entienda por qué.
+      disabled: !hasImagesService,
+    },
     { id: TRAYS.ASSETS, label: "Activos digitales", count: assetsCount },
   ];
   return (
@@ -58,6 +71,7 @@ const TrayTabs = ({ activeTray, setActiveTray, imagesCount, assetsCount }) => {
           <Tab
             key={tray.id}
             value={tray.id}
+            disabled={tray.disabled}
             disableRipple
             label={
               <Stack direction="row" alignItems="center" gap="6px">
@@ -87,6 +101,12 @@ const TrayTabs = ({ activeTray, setActiveTray, imagesCount, assetsCount }) => {
               letterSpacing: "-0.015em",
               color: COLORS.s4,
               "&.Mui-selected": { color: COLORS.s5, fontWeight: 600 },
+              // Igual que en `TabsBar`: el tema de Creators las pinta de rosa
+              // al pasar el ratón y aquí no se quiere.
+              "&:hover, &.Mui-selected:hover": {
+                color: COLORS.s5,
+                backgroundColor: "transparent",
+              },
             }}
           />
         );
@@ -167,6 +187,7 @@ export const ImagesSection = ({
   imageLayout,
   // bandejas
   enableDigitalAssets,
+  hasImagesService = true,
   currentTray,
   setActiveTray,
   digitalAssets,
@@ -230,6 +251,7 @@ export const ImagesSection = ({
           setActiveTray={setActiveTray}
           imagesCount={images.length}
           assetsCount={digitalAssets?.assets?.length ?? 0}
+          hasImagesService={hasImagesService}
         />
       )}
 

package/src/components/pages/CreatorsProductEdition/sections/TabsBar.jsx

@@ -44,6 +44,15 @@ const tabSx = {
   borderBottom: `2px solid ${COLORS.s3}`,
   transition: "font-size 0.1s",
   "&.Mui-selected": { color: COLORS.s5, fontSize: { 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: COLORS.s5,
+    backgroundColor: "transparent",
+  },
 };
 
 export const TabsBar = ({

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

@@ -102,6 +102,12 @@ HijoDeOtro.decorators = [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.
+export const SinServicioDeImagenes = Template.bind({});
+SinServicioDeImagenes.args = AuditorQA.args;
+SinServicioDeImagenes.decorators = [withMockApi({ imagesService: false })];
+
 export const SinImagenes = Template.bind({});
 SinImagenes.args = EspecialistaImagenes.args;
 SinImagenes.decorators = [withMockApi({ images: false })];