contentoh-components-library 21.6.59 → 21.6.61

package/dist/components/pages/ProductEdition/services.test.js

@@ -0,0 +1,195 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _vitest = require("vitest");
+
+var _services = require("./services");
+
+/**
+ * Lista lateral de la edición a partir de GET /product-services.
+ *
+ *   npx vitest run src/components/pages/ProductEdition
+ */
+var person = function person(id_user, name) {
+  return {
+    id_user: id_user,
+    name: name,
+    last_name: "Prueba"
+  };
+};
+
+var status = function status(status_name) {
+  var extra = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return (0, _objectSpread2.default)({
+    status_name: status_name,
+    display_name: status_name,
+    color: null
+  }, extra);
+};
+
+var productServices = {
+  article_id: 10,
+  order_id: 500,
+  services: [{
+    service_name: "datasheet",
+    display_name: "Ficha técnica",
+    category: {
+      category_name: "texts"
+    },
+    status_flow: {
+      flow_name: "workflow",
+      flow_type: "workflow"
+    },
+    is_legacy: true,
+    status: status("PA"),
+    retailers: [{
+      id_retailer: 58,
+      status: status("PA")
+    }, {
+      id_retailer: 59,
+      status: status("RA/AS")
+    }],
+    roles: ["especialist", "facilitator", "auditor"],
+    assignees: {
+      especialist: person(426, "Textos"),
+      facilitator: person(901, "Coord"),
+      auditor: person(903, "QA")
+    },
+    actions: {
+      set_status: false,
+      assign: false
+    }
+  }, {
+    service_name: "productPurchase",
+    display_name: "Compra de producto",
+    icon_name: null,
+    category: {
+      category_name: "logistics"
+    },
+    status_flow: {
+      flow_name: "checkbox",
+      flow_type: "simple"
+    },
+    is_legacy: false,
+    per_retailer: false,
+    status: status("PE", {
+      display_name: "Pendiente",
+      color: "#FFAA00",
+      is_final: false
+    }),
+    retailers: [{
+      id_retailer: 0,
+      status: status("PE", {
+        display_name: "Pendiente",
+        color: "#FFAA00",
+        is_final: false
+      })
+    }],
+    status_options: [status("PE"), status("HE", {
+      is_final: true
+    })],
+    roles: ["especialist"],
+    assignees: {
+      especialist: person(426, "Textos"),
+      facilitator: null,
+      auditor: null
+    },
+    actions: {
+      set_status: true,
+      assign: true
+    }
+  }]
+};
+(0, _vitest.describe)("buildServicesFromApi", function () {
+  var specialist = {
+    id_user: 426,
+    id_role: 7
+  };
+  (0, _vitest.it)("toma el estatus de la cadena activa; si no está en ella, el general", function () {
+    var _buildServicesFromApi = (0, _services.buildServicesFromApi)({
+      productServices: productServices,
+      user: specialist,
+      activeRetailerId: 59
+    }),
+        _buildServicesFromApi2 = (0, _slicedToArray2.default)(_buildServicesFromApi, 2),
+        datasheet = _buildServicesFromApi2[0],
+        purchase = _buildServicesFromApi2[1];
+
+    (0, _vitest.expect)(datasheet.status).toBe("RA/AS");
+    (0, _vitest.expect)(purchase.status).toBe("PE");
+  });
+  (0, _vitest.it)("los de siempre conservan su pestaña; los del catálogo usan su bloque y la vista simple", function () {
+    var _buildServicesFromApi3 = (0, _services.buildServicesFromApi)({
+      productServices: productServices,
+      user: specialist,
+      activeRetailerId: 58
+    }),
+        _buildServicesFromApi4 = (0, _slicedToArray2.default)(_buildServicesFromApi3, 2),
+        datasheet = _buildServicesFromApi4[0],
+        purchase = _buildServicesFromApi4[1];
+
+    (0, _vitest.expect)(datasheet).toMatchObject({
+      tab: "Ficha técnica",
+      group: "texts",
+      is_catalog: false
+    });
+    (0, _vitest.expect)(purchase).toMatchObject({
+      tab: null,
+      group: "logistics",
+      view: "simple",
+      icon: "purchase",
+      status_label: "Pendiente",
+      status_color: "#FFAA00",
+      status_flow_type: "simple",
+      is_catalog: true
+    });
+    (0, _vitest.expect)(purchase.api).toBe(productServices.services[1]);
+  });
+  (0, _vitest.it)("«Míos» y «te toca» salen del equipo del servicio", function () {
+    var _buildServicesFromApi5 = (0, _services.buildServicesFromApi)({
+      productServices: productServices,
+      user: specialist,
+      activeRetailerId: 59
+    }),
+        _buildServicesFromApi6 = (0, _slicedToArray2.default)(_buildServicesFromApi5, 2),
+        datasheet = _buildServicesFromApi6[0],
+        purchase = _buildServicesFromApi6[1]; // RA/AS: le toca a la especialista asignada.
+
+
+    (0, _vitest.expect)(datasheet).toMatchObject({
+      mine: true,
+      pending: true
+    }); // Flujo simple sin terminar: le toca a su especialista.
+
+    (0, _vitest.expect)(purchase).toMatchObject({
+      mine: true,
+      pending: true
+    });
+
+    var _buildServicesFromApi7 = (0, _services.buildServicesFromApi)({
+      productServices: productServices,
+      user: {
+        id_user: 1
+      },
+      activeRetailerId: 59
+    }),
+        _buildServicesFromApi8 = (0, _slicedToArray2.default)(_buildServicesFromApi7, 2),
+        other = _buildServicesFromApi8[1];
+
+    (0, _vitest.expect)(other).toMatchObject({
+      mine: false,
+      pending: false
+    });
+  });
+  (0, _vitest.it)("sin respuesta del backend, lista vacía", function () {
+    (0, _vitest.expect)((0, _services.buildServicesFromApi)({
+      productServices: null,
+      user: specialist
+    })).toEqual([]);
+  });
+});

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

@@ -5,12 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.RetailerProductEditionDefault = void 0;
+exports.default = exports.RetailerProductEditionDefault = exports.ConPestanaServicios = 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 = {
@@ -214,4 +216,15 @@ 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/context/provider-product-edition.context.js

@@ -346,9 +346,9 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
               // Imágenes/videos recién agregados a la galería (aún sin id en BD).
               newImages = ((_state$images_values = state.images_values) === null || _state$images_values === void 0 ? void 0 : (_state$images_values$ = _state$images_values.values) === null || _state$images_values$ === void 0 ? void 0 : _state$images_values$.filter(function (e) {
                 return !e.id;
-              })) || []; // Salir solo si no hay nada que crear ni que actualizar.
+              })) || []; // Salir solo si no hay nada que crear, actualizar, ni atributos de imagen pendientes.
 
-              if (!(state.updated_images_values.length === 0 && newImages.length === 0)) {
+              if (!(state.updated_images_values.length === 0 && newImages.length === 0 && state.updated_attr_for_imgs.length === 0)) {
                 _context3.next = 3;
                 break;
               }

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,6 +117,8 @@ 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");
@@ -139,11 +141,17 @@ 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$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 _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 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,
@@ -166,6 +174,10 @@ 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),
@@ -902,7 +914,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, _objectSpread5.default)((0, _objectSpread5.default)({}, retailerDatasheets), {}, {
+              datasheetsActiveRetailer = (0, _objectSpread6.default)((0, _objectSpread6.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) {
@@ -931,7 +943,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 payload: {
                   datasheets: services[0],
                   descriptions: services[1],
-                  images: (0, _objectSpread5.default)((0, _objectSpread5.default)({}, services[2]), {}, {
+                  images: (0, _objectSpread6.default)((0, _objectSpread6.default)({}, services[2]), {}, {
                     values: orderedValues
                   })
                 }
@@ -967,7 +979,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
               dispatch({
                 type: "SET_IMAGES_VALUES",
-                payload: (0, _objectSpread5.default)((0, _objectSpread5.default)({}, services[2]), {}, {
+                payload: (0, _objectSpread6.default)((0, _objectSpread6.default)({}, services[2]), {}, {
                   values: filteredValues
                 })
               });
@@ -1401,10 +1413,10 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
     var _state$product$varian, _state$product13, _updatedProduct$varia;
 
     if (!result) return;
-    var updatedProduct = result.mode === "self" ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
+    var updatedProduct = result.mode === "self" ? (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, {
       parentArticleId: null,
       variantsCount: 0
-    }) : (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
+    }) : (0, _objectSpread6.default)((0, _objectSpread6.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({
@@ -1422,7 +1434,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       if (guardado) {
         var _updatedProduct$paren;
 
-        sessionStorage.setItem("productSelected", JSON.stringify((0, _objectSpread5.default)((0, _objectSpread5.default)({}, guardado), {}, {
+        sessionStorage.setItem("productSelected", JSON.stringify((0, _objectSpread6.default)((0, _objectSpread6.default)({}, guardado), {}, {
           variantsCount: updatedProduct.variantsCount,
           parentArticleId: (_updatedProduct$paren = updatedProduct.parentArticleId) !== null && _updatedProduct$paren !== void 0 ? _updatedProduct$paren : null
         })));
@@ -1677,9 +1689,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, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
+    var updatedProduct = result.mode === "children" ? (0, _objectSpread6.default)((0, _objectSpread6.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, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
+    }) : (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, {
       parentArticleId: (_result$parentArticle = result.parentArticleId) !== null && _result$parentArticle !== void 0 ? _result$parentArticle : null,
       variantsCount: 0
     });
@@ -1706,7 +1718,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       if (guardado) {
         var _updatedProduct$paren2;
 
-        sessionStorage.setItem("productSelected", JSON.stringify((0, _objectSpread5.default)((0, _objectSpread5.default)({}, guardado), {}, {
+        sessionStorage.setItem("productSelected", JSON.stringify((0, _objectSpread6.default)((0, _objectSpread6.default)({}, guardado), {}, {
           variantsCount: updatedProduct.variantsCount,
           parentArticleId: (_updatedProduct$paren2 = updatedProduct.parentArticleId) !== null && _updatedProduct$paren2 !== void 0 ? _updatedProduct$paren2 : null
         })));
@@ -1777,7 +1789,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, _objectSpread5.default)({
+              return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/restore"), (0, _objectSpread6.default)({
                 articleId: state.product.id_article
               }, esDescripcion ? {
                 descriptions: [Number(attributeId)]
@@ -2334,7 +2346,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, _objectSpread2, _state$services_data2, _JSON$parse2, newStatus, newOrderStatus, newArticleStatus, _articleStatus, updatedStatusByRetailerForSend, _updatedProduct, updatedServicesData, sessionProduct, _objectSpread3, productInSession, updatedProductInSession;
+      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;
 
       return _regenerator.default.wrap(function _callee14$(_context14) {
         while (1) {
@@ -2392,11 +2404,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, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
+                return item.retailer_id === retailerId && item.service === concept ? (0, _objectSpread6.default)((0, _objectSpread6.default)({}, item), {}, {
                   status: serviceStatus
                 }) : item;
               });
-              updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
+              updatedProduct = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, {
                 statusByRetailer: updatedStatusByRetailer,
                 status: (0, _product.getMinorStatusFromRetailer)(updatedStatusByRetailer)
               });
@@ -2471,17 +2483,17 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
                 updatedStatusByRetailerForSend = state.product.statusByRetailer.map(function (item) {
                   if (item.retailer_id === retailerId && item.service === concept) {
-                    return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
+                    return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, item), {}, {
                       status: newStatus
                     });
                   }
 
                   return item;
                 });
-                _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
+                _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
 
                 updatedServicesData = (_state$services_data2 = state.services_data) === null || _state$services_data2 === void 0 ? void 0 : _state$services_data2.map(function (service) {
-                  return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, service), {}, {
+                  return (0, _objectSpread6.default)((0, _objectSpread6.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
                   });
                 });
@@ -2489,15 +2501,15 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
                 if (sessionProduct) {
                   productInSession = JSON.parse(sessionProduct);
-                  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) {
+                  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) {
                     if (item.retailer_id === retailerId && item.service === concept) {
-                      return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
+                      return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, item), {}, {
                         status: newStatus
                       });
                     }
 
                     return item;
-                  })), _objectSpread3));
+                  })), _objectSpread4));
                   sessionStorage.setItem("productSelected", JSON.stringify(updatedProductInSession));
                 }
 
@@ -2649,12 +2661,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, _objectSpread5.default)((0, _objectSpread5.default)({}, item), {}, {
+                return conceptArray.includes(item.service) ? (0, _objectSpread6.default)((0, _objectSpread6.default)({}, item), {}, {
                   status: status
                 }) : item;
               }); // Actualizar el producto con los nuevos estados
 
-              updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
+              updatedProduct = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, {
                 article_status: status,
                 status: (0, _product.getMinorStatusFromRetailer)(updatedStatusByRetailer),
                 datasheet_status: state.product.datasheet_status === "NA" ? "NA" : status,
@@ -2667,7 +2679,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 payload: updatedProduct
               });
               updatedServicesData = state.services_data.map(function (service) {
-                return conceptArray.includes(service.service) ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, service), {}, {
+                return conceptArray.includes(service.service) ? (0, _objectSpread6.default)((0, _objectSpread6.default)({}, service), {}, {
                   status: status
                 }) : service;
               });
@@ -2753,7 +2765,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 4:
-              updatedProduct = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, (0, _defineProperty2.default)({}, "id_".concat(concept, "_").concat(assignationType), assignationId));
+              updatedProduct = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, state.product), {}, (0, _defineProperty2.default)({}, "id_".concat(concept, "_").concat(assignationType), assignationId));
               dispatch({
                 type: "SET_PRODUCT",
                 payload: updatedProduct
@@ -3219,7 +3231,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               destinos = (0, _objectWithoutProperties2.default)(propagation, _excluded);
 
           if (esDescripcion) {
-            saveDescriptions(token, (0, _objectSpread5.default)((0, _objectSpread5.default)({}, destinos), {}, {
+            saveDescriptions(token, (0, _objectSpread6.default)((0, _objectSpread6.default)({}, destinos), {}, {
               descriptions: attributes
             }));
           } else {
@@ -3249,7 +3261,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
           setVariantGroup(result);
           setShowGroup(true);
         }
-      }), porDesvincular && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnlinkVariantModal.UnlinkVariantModal, (0, _objectSpread5.default)((0, _objectSpread5.default)({}, porDesvincular), {}, {
+      }), porDesvincular && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnlinkVariantModal.UnlinkVariantModal, (0, _objectSpread6.default)((0, _objectSpread6.default)({}, porDesvincular), {}, {
         token: token,
         onClose: function onClose() {
           return setPorDesvincular(null);
@@ -3652,7 +3664,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
             showApproveRejectAll: canShowBulkEvaluationButtons() || isAuditorAssigned() || isUserAssignedToService(),
             showValidationButtons: canShowSingleEvaluationButtons() && (isAuditorAssigned() || isUserAssignedToService())
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
-            tabsSections: tabsSections,
+            tabsSections: tabs,
             status: getStatusByCurrentServiceAndRetailer(),
             activeTab: state.active_tab,
             isRetailer: isRetailer,
@@ -3687,7 +3699,12 @@ 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: [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, {
+              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, {
                 activeSection: state.active_tab,
                 inputGroup: state.descriptions_inputs[0],
                 updatedDescriptions: state.updated_descriptions_inputs
@@ -3696,7 +3713,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$product33 = state.product) === null || _state$product33 === void 0 ? void 0 : _state$product33.id_article,
+                articleId: (_state$product34 = state.product) === null || _state$product34 === void 0 ? void 0 : _state$product34.id_article,
                 version: state.product.version,
                 auditInputGroup: auditDescriptions[0],
                 setUpdatedDescriptions: handleOnSetUpdatedDescriptions,
@@ -3705,7 +3722,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$product34 = state.product) === null || _state$product34 === void 0 ? void 0 : _state$product34.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+              })), 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, {
                 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;
 
@@ -3726,7 +3743,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$product35 = state.product) === null || _state$product35 === void 0 ? void 0 : _state$product35.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              })), 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, {
                 children: [enableDigitalAssets && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryTrayTabs.GalleryTrayTabs, {
                   activeTray: currentTray,
                   setActiveTray: setActiveTray,
@@ -3737,7 +3754,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   style: {
                     position: "relative"
                   },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitalAssetsTray.DigitalAssetsTray, (0, _objectSpread5.default)((0, _objectSpread5.default)({}, digitalAssets), {}, {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitalAssetsTray.DigitalAssetsTray, (0, _objectSpread6.default)((0, _objectSpread6.default)({}, digitalAssets), {}, {
                     unsaved: (0, _assets.countUnsavedAssets)(state),
                     gridLayout: imageLayout,
                     readOnly: !isAuditorAssigned() && !isUserAssignedToService(),
@@ -3757,10 +3774,10 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   style: {
                     position: "relative"
                   },
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread5.default)((0, _objectSpread5.default)({}, getRootProps({
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread6.default)((0, _objectSpread6.default)({}, getRootProps({
                     className: "dropzone ".concat(isDragActive ? "drag-active" : "")
                   })), {}, {
-                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread5.default)({}, getInputProps())), isDragActive && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread6.default)({}, getInputProps())), isDragActive && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                       className: "drag-overlay",
                       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
                         children: "Suelta las im\xE1genes aqu\xED"
@@ -3810,7 +3827,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 headerType: "input-name-header"
               }))]
             })
-          }), (isUserAssignedToService(state.active_tab) || isAuditorAssigned()) && state.product["".concat((0, _utils.getConceptByTab)(state.active_tab), "_status")] !== "NS" && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          }), !isServicesTab && (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",
@@ -3884,7 +3901,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, _objectSpread5.default)({}, props))
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RetailerProductEditionView, (0, _objectSpread6.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;
+  var _ref5, _productData$parentAr, _ref6, _productData$parent, _ref7, _productData$variants, _productData$serviceS, _productData$demo_ser;
 
   // Handle case where product might be wrapped in a product property
   var productData = product.product || product;
@@ -194,7 +194,11 @@ 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
+    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
   };
 };
 

package/dist/index.js

@@ -1447,6 +1447,19 @@ 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.59",
+  "version": "21.6.61",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",