contentoh-components-library 21.6.61 → 21.6.62

package/.claude/settings.local.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm test *)"
+    ]
+  }
+}

package/dist/ai/prompts/attribute.prompt.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateAttributePrompt = void 0;
+
+var generateAttributePrompt = function generateAttributePrompt(_ref) {
+  var _ref$upc = _ref.upc,
+      upc = _ref$upc === void 0 ? 0 : _ref$upc,
+      _ref$inputName = _ref.inputName,
+      inputName = _ref$inputName === void 0 ? "" : _ref$inputName,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "" : _ref$description,
+      _ref$currentValue = _ref.currentValue,
+      currentValue = _ref$currentValue === void 0 ? "" : _ref$currentValue,
+      _ref$name = _ref.name,
+      name = _ref$name === void 0 ? "" : _ref$name,
+      _ref$category = _ref.category,
+      category = _ref$category === void 0 ? "" : _ref$category,
+      _ref$retailer = _ref.retailer,
+      retailer = _ref$retailer === void 0 ? "" : _ref$retailer,
+      _ref$maxChar = _ref.maxChar,
+      maxChar = _ref$maxChar === void 0 ? 100 : _ref$maxChar;
+  return "\n    Eres un especialista en la generaci\xF3n, optimizaci\xF3n, mejora y captura de atributos de la ficha t\xE9cnica de productos para cat\xE1logos en l\xEDnea.\n    Tu tarea es crear atributos claros, concisos y relevantes que resalten las caracter\xEDsticas y beneficios del producto, utilizando un lenguaje preciso y adaptado al p\xFAblico objetivo.\n\n    Datos del producto:\n    - UPC: ".concat(upc, "\n    - Nombre del producto: ").concat(name, "\n    - Categor\xEDa: ").concat(category, "\n    - Nombre del atributo: ").concat(inputName, "\n    - Requerimiento del atributo: ").concat(description, "\n    - Valor actual del atributo: ").concat(currentValue, "\n    - Cadena comercial dirigida: ").concat(retailer, "\n\n    Instrucciones:\n    1. Analiza el nombre del producto y la categor\xEDa para entender su contexto.\n    2. Analiza la descripci\xF3n del atributo actual del producto.\n    3. Identifica la informaci\xF3n clave del atributo que sean relevantes y \xFAtiles para los clientes potenciales.\n    4. Genera una lista de atributos que:\n      - Cumplan con la descripcion del atributo proporcionada, no inventes datos o cambies el contexto de lo que pide la descripci\xF3n del atributo.\n      - Sean claros y f\xE1ciles de entender.\n      - Destaquen las caracter\xEDsticas y beneficios clave del producto.\n      - Utilicen un lenguaje preciso y adaptado al p\xFAblico objetivo.\n      - Mantengan un tono profesional y coherente con la marca.\n      - Aumenten la probabilidad de compra del producto.\n      - No excedan los ").concat(maxChar, " caracteres en total.\n      - Si existe ejemplo en la descripci\xF3n del atributo, sigue el mismo formato para generar los atributos.\n    5. No incluyas emojis ni signos especiales (*/+\xB4!\xA1?\xBF)\n    6. No repitas el encabezado: ").concat(inputName, "\n    7. No incluyas call to action, ejemplo: \"!Compra ya!\" \"!Da click!\" \"!Apurate!\"\n\n    Aseg\xFArate de que los atributos generados cumplan con todas las instrucciones proporcionadas.\n\n    No lo olvides, el objetivo principal es mejorar la captura de atributos para la ficha t\xE9cnica del producto para atraer, convencer y dar la informaci\xF3n completa a los clientes potenciales que puedan realizar una compra.\n  ");
+};
+
+exports.generateAttributePrompt = generateAttributePrompt;

package/dist/ai/prompts/description.prompt.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateDescriptionPrompt = void 0;
+
+// Cadena y Proveedor
+
+/**
+ * La cadena ${cadena} tiene estas reglas ${reglas} para el tipo de descripcion que es: ${descripcion}
+*/
+var generateDescriptionPrompt = function generateDescriptionPrompt(_ref) {
+  var _ref$upc = _ref.upc,
+      upc = _ref$upc === void 0 ? 0 : _ref$upc,
+      _ref$inputName = _ref.inputName,
+      inputName = _ref$inputName === void 0 ? "" : _ref$inputName,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? "" : _ref$description,
+      _ref$currentValue = _ref.currentValue,
+      currentValue = _ref$currentValue === void 0 ? "" : _ref$currentValue,
+      _ref$name = _ref.name,
+      name = _ref$name === void 0 ? "" : _ref$name,
+      _ref$category = _ref.category,
+      category = _ref$category === void 0 ? "" : _ref$category,
+      _ref$retailer = _ref.retailer,
+      retailer = _ref$retailer === void 0 ? "" : _ref$retailer,
+      _ref$maxChar = _ref.maxChar,
+      maxChar = _ref$maxChar === void 0 ? 100 : _ref$maxChar;
+  return "\n    Eres un especialista en la generaci\xF3n, optimizaci\xF3n y mejora de descripciones de productos para cat\xE1logos en l\xEDnea.\n    Tu tarea es crear descripciones claras, concisas y atractivas que resalten las caracter\xEDsticas y beneficios del producto, utilizando un lenguaje persuasivo y adaptado al p\xFAblico objetivo.\n\n    Datos del producto:\n    - UPC: ".concat(upc, "\n    - Nombre del producto: ").concat(name, "\n    - Categor\xEDa: ").concat(category, "\n    - Encabezado de la descripci\xF3n: ").concat(inputName, "\n    - Requerimiento de la descripcion: ").concat(description, "\n    - Descripcion actual del producto: ").concat(currentValue, "\n    - Cadena comercial dirigida: ").concat(retailer, "\n\n    Instrucciones:\n    1. Analiza la descripci\xF3n actual del producto en caso de tenerla.\n    2. Identifica \xE1reas de mejora, como claridad, concisi\xF3n, atractivo y relevancia.\n    3. Genera una descripci\xF3n que:\n      - Sea clara y f\xE1cil de entender.\n      - Destaque las caracter\xEDsticas y beneficios clave del producto.\n      - Utilice un lenguaje persuasivo y adaptado al p\xFAblico objetivo.\n      - Mantenga un tono profesional y coherente con la marca.\n      - No exceda los ").concat(maxChar, " caracteres.\n      - Aumente la probabilidad de compra del producto, utilizando persuasi\xF3n en la necesidad de compra del producto.\n    4. No incluyas emojis ni signos especiales (*/+\xB4!\xA1?\xBF)\n    5. No repitas el encabezado: ").concat(inputName, "\n    6. No incluyas call to action, ejemplo: \"!Compra ya!\" \"!Da click!\" \"!Apurate!\"\n\n\n    Aseg\xFArate de que la descripci\xF3n generada cumpla con todas las instrucciones proporcionadas.\n\n    No lo olvides, el objetivo principal es mejorar la descripci\xF3n del producto para atraer y convencer a los clientes potenciales de realizar una compra. Eres un experto en marketing y redacci\xF3n persuasiva.\n\n    Nota: No estas hablando con los clientes, estas descripciones ir\xE1n en la tienda de E-commerce de la cadena comercial. No realices saludos, despedidas, sugerencias\n  ");
+};
+
+exports.generateDescriptionPrompt = generateDescriptionPrompt;

package/dist/ai/schemas/attribute.schema.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var schema = {
+  type: "object",
+  properties: {
+    results: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          label: {
+            type: "string"
+          },
+          value: {
+            type: "string"
+          }
+        }
+      },
+      maxItems: 3
+    },
+    compliance_warnings: {
+      type: "array",
+      items: {
+        type: "string"
+      }
+    }
+  },
+  required: ["results"]
+};
+var _default = schema;
+exports.default = _default;

package/dist/ai/schemas/description.schema.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var schema = {
+  type: "object",
+  properties: {
+    results: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          value: {
+            type: "string"
+          }
+        }
+      },
+      minItems: 1,
+      maxItems: 3
+    }
+  },
+  required: ["results"]
+};
+var _default = schema;
+exports.default = _default;

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

@@ -17,8 +17,6 @@ var _axios = _interopRequireDefault(require("axios"));
 
 var _api = require("./api.fixtures");
 
-var _productServices = require("./productServices.fixtures");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 /*
@@ -80,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,
@@ -88,23 +88,11 @@ var createMockAdapter = function createMockAdapter() {
 
   var fx = (0, _api.buildFixtures)({
     images: images,
+    imagesService: imagesService,
     delSolStatus: delSolStatus,
     familia: familia,
     grupo: grupo
-  }); // Servicios del producto (edición unificada): con estado, para que un cambio
-  // de estatus o de asignación se vea al volver a pedir la lista.
-
-  var productServices = (0, _productServices.buildProductServices)({
-    delSolStatus: delSolStatus
   });
-
-  var lambdaReply = function lambdaReply(config, statusCode, body) {
-    return reply(config, {
-      statusCode: statusCode,
-      body: JSON.stringify(body)
-    });
-  };
-
   return function (config) {
     var _fx$comments$query$co, _fx$users$query$fetch;
 
@@ -140,31 +128,6 @@ var createMockAdapter = function createMockAdapter() {
     if (path === "variants/group") return reply(config, fx.group);
     if (method === "GET" && path === "services") return reply(config, fx.services);
     if (method === "GET" && path === "versions") return reply(config, fx.versions);
-    if (method === "GET" && path === "product-services") return lambdaReply(config, 200, productServices);
-
-    if (method === "PUT" && path.startsWith("product-services/")) {
-      var action = path.split("/")[1];
-      var data = typeof config.data === "string" ? JSON.parse(config.data) : config.data;
-
-      var _applyProductServices = (0, _productServices.applyProductServicesChange)(productServices, action, data),
-          statusCode = _applyProductServices.statusCode,
-          message = _applyProductServices.message;
-
-      console.info("[mock API] PUT ".concat(path), data);
-      return lambdaReply(config, statusCode, statusCode === 200 ? {
-        action: action,
-        result: data
-      } : {
-        message: message
-      });
-    }
-
-    if (method === "GET" && path === "service-catalog" && query.view === "assignables") {
-      return lambdaReply(config, 200, {
-        users: (0, _productServices.assignablesFor)(query.assignment_role)
-      });
-    }
-
     if (path === "percentages") return reply(config, fx.percentages); // Sin versión auditable ni observación: con la API real de dev estas dos
     // fallan por CORS, así que la pantalla ya sabe vivir sin ellas.
 

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",