contentoh-components-library 21.6.19 → 21.6.21

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

@@ -65,6 +65,10 @@ var _ImagePreviewer = require("../../organisms/ImagePreviewer");
 
 var _InputGroup = require("../../organisms/InputGroup");
 
+var _LinkVariantsModal = require("../../organisms/LinkVariantsModal");
+
+var _api = require("../../organisms/LinkVariantsModal/api");
+
 var _ProductImageModal = require("../../organisms/ProductImageModal");
 
 var _VersionSelector = require("../../organisms/VersionSelector");
@@ -84,7 +88,7 @@ var _AiProductEdition = require("../../../contexts/AiProductEdition");
 var _jsxRuntime = require("react/jsx-runtime");
 
 var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
-  var _location$state4, _state$product2, _state$product3, _state$product4, _state$product5, _state$product6, _state$product7, _location$state5, _location$state6, _state$active_retaile3, _state$active_retaile4, _state$images_values$2, _state$images_values10, _state$images_values11, _state$active_retaile5, _state$product11, _state$active_percent, _state$active_percent2, _state$active_retaile6, _state$active_retaile7, _state$active_retaile8, _state$product12, _state$descriptions_i, _state$product13, _state$product14, _state$datasheets_inp, _state$datasheets_inp2, _state$datasheets_inp3, _state$product15, _state$images_values12;
+  var _location$state4, _state$product2, _state$product3, _state$product4, _state$product5, _state$product6, _state$product7, _state$product12, _state$product13, _state$product14, _state$active_retaile3, _location$state5, _location$state6, _state$active_retaile4, _state$active_retaile5, _state$images_values$2, _state$images_values10, _state$images_values11, _state$active_retaile6, _state$product15, _state$product16, _state$product17, _state$active_percent, _state$active_percent2, _state$active_retaile7, _state$active_retaile8, _state$active_retaile9, _state$product18, _state$descriptions_i, _state$product19, _state$product20, _state$datasheets_inp, _state$datasheets_inp2, _state$datasheets_inp3, _state$product21, _state$images_values12;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -126,37 +130,42 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
   var _useState5 = (0, _react.useState)(false),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      showRejectModal = _useState6[0],
-      setShowRejectModal = _useState6[1];
+      showLinkVariants = _useState6[0],
+      setShowLinkVariants = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(0),
+  var _useState7 = (0, _react.useState)(false),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      headerTop = _useState8[0],
-      setHeaderTop = _useState8[1];
+      showRejectModal = _useState8[0],
+      setShowRejectModal = _useState8[1];
 
-  var _useState9 = (0, _react.useState)({}),
+  var _useState9 = (0, _react.useState)(0),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      assig = _useState10[0],
-      setAssig = _useState10[1];
+      headerTop = _useState10[0],
+      setHeaderTop = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(false),
+  var _useState11 = (0, _react.useState)({}),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      imageLayout = _useState12[0],
-      setImageLayout = _useState12[1];
+      assig = _useState12[0],
+      setAssig = _useState12[1];
 
   var _useState13 = (0, _react.useState)(false),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      rejectAll = _useState14[0],
-      setRejectAll = _useState14[1];
+      imageLayout = _useState14[0],
+      setImageLayout = _useState14[1];
 
-  var _useState15 = (0, _react.useState)({
+  var _useState15 = (0, _react.useState)(false),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      rejectAll = _useState16[0],
+      setRejectAll = _useState16[1];
+
+  var _useState17 = (0, _react.useState)({
     "Ficha técnica": null,
     Descripción: null,
     Imágenes: null
   }),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      origin = _useState16[0],
-      setOrigin = _useState16[1];
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      origin = _useState18[0],
+      setOrigin = _useState18[1];
 
   var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
       _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
@@ -812,6 +821,80 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
       payload: items
     });
   };
+  /*
+    Acción "Volver a heredar del producto" de los chips de herencia.
+     La inicia la variante, no el padre, y descarta un valor capturado a mano: por
+    eso el endpoint exige la lista explícita de atributos y no acepta un "todos"
+    implícito.
+     El repintado es en sitio, con lo que devuelve el propio endpoint. La
+    alternativa —recargar la ficha— se llevaría por delante lo que el usuario
+    tenga sin guardar en las otras pestañas.
+  */
+
+
+  var handleOnRestoreInheritance = /*#__PURE__*/function () {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(attributeId) {
+      var _state$product10;
+
+      var res, data;
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              if (!(!attributeId || !((_state$product10 = state.product) !== null && _state$product10 !== void 0 && _state$product10.id_article))) {
+                _context3.next = 2;
+                break;
+              }
+
+              return _context3.abrupt("return");
+
+            case 2:
+              _context3.prev = 2;
+              _context3.next = 5;
+              return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/restore"), {
+                articleId: state.product.id_article,
+                attributes: [Number(attributeId)]
+              }, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 5:
+              res = _context3.sent;
+              // El API responde 200 aunque la lambda haya devuelto 400: el resultado
+              // real viaja en el cuerpo y readPayload lo convierte en excepción.
+              data = (0, _api.readPayload)(res);
+              dispatch({
+                type: "UPDATE_DATASHEETS_INPUTS",
+                payload: (data.values || []).map(function (item) {
+                  return {
+                    attributeId: item.id,
+                    value: item.value,
+                    isOverridden: 0
+                  };
+                })
+              });
+              _context3.next = 13;
+              break;
+
+            case 10:
+              _context3.prev = 10;
+              _context3.t0 = _context3["catch"](2);
+              console.error("restoreInheritance: ", _context3.t0);
+
+            case 13:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3, null, [[2, 10]]);
+    }));
+
+    return function handleOnRestoreInheritance(_x2) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
 
   var handleOnSetSelectedImages = function handleOnSetSelectedImages() {
     /*
@@ -844,14 +927,14 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
   };
 
   var sendEvaluation = /*#__PURE__*/function () {
-    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(result) {
-      var _state$product$id_ord, _state$active_retaile2, _state$product$status, _state$product$status2, _state$product10;
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(result) {
+      var _state$product$id_ord, _state$active_retaile2, _state$product$status, _state$product$status2, _state$product11;
 
       var concept, articleId, orderId, retailerId, evalStatus, data, _newStatuses$newStatu, _state$services_data, res, newStatuses, serviceStatus, updatedStatusByRetailer, updatedProduct, updatedServicesData;
 
-      return _regenerator.default.wrap(function _callee3$(_context3) {
+      return _regenerator.default.wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context3.prev = _context3.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
               dispatch({
                 type: "SET_SAVING",
@@ -861,23 +944,23 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               articleId = state.product.id_article;
               orderId = (_state$product$id_ord = state.product.id_order) !== null && _state$product$id_ord !== void 0 ? _state$product$id_ord : state.product.orderId;
               retailerId = (_state$active_retaile2 = state.active_retailer) === null || _state$active_retaile2 === void 0 ? void 0 : _state$active_retaile2.id_retailer;
-              evalStatus = ((_state$product$status = state.product.statusByRetailer) === null || _state$product$status === void 0 ? void 0 : (_state$product$status2 = _state$product$status[retailerId]) === null || _state$product$status2 === void 0 ? void 0 : _state$product$status2[concept]) || state.product["".concat(concept, "_status")] || ((_state$product10 = state.product) === null || _state$product10 === void 0 ? void 0 : _state$product10.version_status);
+              evalStatus = ((_state$product$status = state.product.statusByRetailer) === null || _state$product$status === void 0 ? void 0 : (_state$product$status2 = _state$product$status[retailerId]) === null || _state$product$status2 === void 0 ? void 0 : _state$product$status2[concept]) || state.product["".concat(concept, "_status")] || ((_state$product11 = state.product) === null || _state$product11 === void 0 ? void 0 : _state$product11.version_status);
               data = {
                 articleId: articleId,
                 orderId: orderId,
                 concept: concept,
                 evalStatus: evalStatus
               };
-              _context3.prev = 7;
+              _context4.prev = 7;
 
               if (!result) {
-                _context3.next = 22;
+                _context4.next = 22;
                 break;
               }
 
               data.result = result;
               data.retailerId = retailerId;
-              _context3.next = 13;
+              _context4.next = 13;
               return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
                 headers: {
                   Authorization: token
@@ -885,7 +968,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 13:
-              res = _context3.sent;
+              res = _context4.sent;
               newStatuses = JSON.parse(res.data.body);
               serviceStatus = newStatuses.newServiceStatus[articleId]["".concat(concept, "Status")]; // Actualizar el producto con los nuevos estados
 
@@ -922,13 +1005,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 22:
-              _context3.next = 28;
+              _context4.next = 28;
               break;
 
             case 24:
-              _context3.prev = 24;
-              _context3.t0 = _context3["catch"](7);
-              console.error("Error sending evaluation:", _context3.t0);
+              _context4.prev = 24;
+              _context4.t0 = _context4["catch"](7);
+              console.error("Error sending evaluation:", _context4.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -940,32 +1023,32 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 28:
-              _context3.prev = 28;
+              _context4.prev = 28;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
-              return _context3.finish(28);
+              return _context4.finish(28);
 
             case 31:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
         }
-      }, _callee3, null, [[7, 24, 28, 31]]);
+      }, _callee4, null, [[7, 24, 28, 31]]);
     }));
 
-    return function sendEvaluation(_x2) {
-      return _ref7.apply(this, arguments);
+    return function sendEvaluation(_x3) {
+      return _ref8.apply(this, arguments);
     };
   }();
 
   var evaluationToRetailer = /*#__PURE__*/function () {
-    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(result) {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(result) {
       var data, statusComplete, updatedProduct;
-      return _regenerator.default.wrap(function _callee4$(_context4) {
+      return _regenerator.default.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context4.prev = _context4.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
               dispatch({
                 type: "SET_SAVING",
@@ -977,8 +1060,8 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 versionId: state.product.version,
                 status: result
               };
-              _context4.prev = 2;
-              _context4.next = 5;
+              _context5.prev = 2;
+              _context5.next = 5;
               return _axios.default.put("".concat(process.env.REACT_APP_RETAILER_REQUEST), data, {
                 headers: {
                   Authorization: token
@@ -1008,13 +1091,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   image: _genericModalCheck.default
                 }
               });
-              _context4.next = 15;
+              _context5.next = 15;
               break;
 
             case 11:
-              _context4.prev = 11;
-              _context4.t0 = _context4["catch"](2);
-              console.error("Error evaluating to retailer:", _context4.t0);
+              _context5.prev = 11;
+              _context5.t0 = _context5["catch"](2);
+              console.error("Error evaluating to retailer:", _context5.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -1026,23 +1109,23 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 15:
-              _context4.prev = 15;
+              _context5.prev = 15;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
-              return _context4.finish(15);
+              return _context5.finish(15);
 
             case 18:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
         }
-      }, _callee4, null, [[2, 11, 15, 18]]);
+      }, _callee5, null, [[2, 11, 15, 18]]);
     }));
 
-    return function evaluationToRetailer(_x3) {
-      return _ref8.apply(this, arguments);
+    return function evaluationToRetailer(_x4) {
+      return _ref9.apply(this, arguments);
     };
   }();
 
@@ -1173,18 +1256,18 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
   };
 
   var handleOnEvaluateAll = /*#__PURE__*/function () {
-    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(result) {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(result) {
       var _state$product$id_ord2, _state$services_data2, evaluationArray, conceptArray, dataGeneral, isProvider, userType, status, updatedStatusByRetailer, updatedProduct;
 
-      return _regenerator.default.wrap(function _callee5$(_context5) {
+      return _regenerator.default.wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
               dispatch({
                 type: "SET_SAVING",
                 payload: true
               });
-              _context5.prev = 1;
+              _context6.prev = 1;
               evaluationArray = [];
               conceptArray = ["description", "datasheet", "images"];
               dataGeneral = {
@@ -1215,7 +1298,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 }));
               }); // Ejecutar todas las evaluaciones
 
-              _context5.next = 9;
+              _context6.next = 9;
               return Promise.all(evaluationArray);
 
             case 9:
@@ -1260,13 +1343,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   image: _genericModalCheck.default
                 }
               });
-              _context5.next = 24;
+              _context6.next = 24;
               break;
 
             case 20:
-              _context5.prev = 20;
-              _context5.t0 = _context5["catch"](1);
-              console.error("Error evaluating all:", _context5.t0);
+              _context6.prev = 20;
+              _context6.t0 = _context6["catch"](1);
+              console.error("Error evaluating all:", _context6.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -1278,24 +1361,24 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 24:
-              _context5.prev = 24;
+              _context6.prev = 24;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
               setRejectAll(false);
-              return _context5.finish(24);
+              return _context6.finish(24);
 
             case 28:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
         }
-      }, _callee5, null, [[1, 20, 24, 28]]);
+      }, _callee6, null, [[1, 20, 24, 28]]);
     }));
 
-    return function handleOnEvaluateAll(_x4) {
-      return _ref9.apply(this, arguments);
+    return function handleOnEvaluateAll(_x5) {
+      return _ref10.apply(this, arguments);
     };
   }();
 
@@ -1343,6 +1426,18 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
         currentVersion: state.product.version,
         setShowVersionSelector: setShowVersionSelector,
         jwt: token
+      }), showLinkVariants && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkVariantsModal.LinkVariantsModal, {
+        articleId: (_state$product12 = state.product) === null || _state$product12 === void 0 ? void 0 : _state$product12.id_article,
+        articleName: (_state$product13 = state.product) === null || _state$product13 === void 0 ? void 0 : _state$product13.name,
+        articleUpc: (_state$product14 = state.product) === null || _state$product14 === void 0 ? void 0 : _state$product14.upc,
+        activeRetailerId: (_state$active_retaile3 = state.active_retailer) === null || _state$active_retaile3 === void 0 ? void 0 : _state$active_retaile3.id_retailer,
+        token: token,
+        onClose: function onClose() {
+          return setShowLinkVariants(false);
+        },
+        onLinked: function onLinked() {
+          return window.location.reload();
+        }
       }), showModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImageModal.ProductImageModal, {
         images: state.images_values,
         setShowModal: setShowModal,
@@ -1403,21 +1498,21 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
           type: "pink",
           label: "Aceptar",
           size: 12,
-          onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
+          onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
             var elements, isMessageEmpty, container, existingAlert, alert, fullMessage;
-            return _regenerator.default.wrap(function _callee6$(_context6) {
+            return _regenerator.default.wrap(function _callee7$(_context7) {
               while (1) {
-                switch (_context6.prev = _context6.next) {
+                switch (_context7.prev = _context7.next) {
                   case 0:
                     elements = document.querySelectorAll("#modal-message-box .ql-container .ql-editor > p");
 
                     if (!(!elements || elements.length === 0)) {
-                      _context6.next = 4;
+                      _context7.next = 4;
                       break;
                     }
 
                     console.error("Elemento no encontrado");
-                    return _context6.abrupt("return");
+                    return _context7.abrupt("return");
 
                   case 4:
                     isMessageEmpty = Array.from(elements).every(function (el) {
@@ -1426,7 +1521,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                     });
 
                     if (!isMessageEmpty) {
-                      _context6.next = 10;
+                      _context7.next = 10;
                       break;
                     }
 
@@ -1441,13 +1536,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                       container.appendChild(alert);
                     }
 
-                    return _context6.abrupt("return");
+                    return _context7.abrupt("return");
 
                   case 10:
                     fullMessage = Array.from(elements).map(function (element) {
                       return element.innerHTML;
                     }).join("").replace(/<br\s*\/?>/gi, "\n");
-                    _context6.next = 13;
+                    _context7.next = 13;
                     return createComment(fullMessage, token);
 
                   case 13:
@@ -1456,10 +1551,10 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
                   case 15:
                   case "end":
-                    return _context6.stop();
+                    return _context7.stop();
                 }
               }
-            }, _callee6);
+            }, _callee7);
           }))
         }, "btn-Aceptar")]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
@@ -1469,8 +1564,8 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
         productSelected: state.product,
         token: token,
         activeRetailer: {
-          id: (_state$active_retaile3 = state.active_retailer) === null || _state$active_retaile3 === void 0 ? void 0 : _state$active_retaile3.id_retailer,
-          name: (_state$active_retaile4 = state.active_retailer) === null || _state$active_retaile4 === void 0 ? void 0 : _state$active_retaile4.retailer
+          id: (_state$active_retaile4 = state.active_retailer) === null || _state$active_retaile4 === void 0 ? void 0 : _state$active_retaile4.id_retailer,
+          name: (_state$active_retaile5 = state.active_retailer) === null || _state$active_retaile5 === void 0 ? void 0 : _state$active_retaile5.retailer
         }
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "data-container",
@@ -1485,8 +1580,8 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
             lists: state.images_values || [],
             activeImage: (_state$images_values10 = state.images_values) !== null && _state$images_values10 !== void 0 && _state$images_values10.values ? (_state$images_values11 = state.images_values) === null || _state$images_values11 === void 0 ? void 0 : _state$images_values11.values[state.current_image] : {},
             assignationsImages: assig,
-            retailerSelected: (_state$active_retaile5 = state.active_retailer) === null || _state$active_retaile5 === void 0 ? void 0 : _state$active_retaile5.id_retailer,
-            imagesStatus: ((_state$product11 = state.product) === null || _state$product11 === void 0 ? void 0 : _state$product11.images_status) || "-",
+            retailerSelected: (_state$active_retaile6 = state.active_retailer) === null || _state$active_retaile6 === void 0 ? void 0 : _state$active_retaile6.id_retailer,
+            imagesStatus: ((_state$product15 = state.product) === null || _state$product15 === void 0 ? void 0 : _state$product15.images_status) || "-",
             isRetailer: isRetailer,
             setShowVersionSelector: setShowVersionSelector,
             version: state.product.version,
@@ -1499,13 +1594,26 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
           className: "product-information",
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "product-information",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FullProductNameHeader.FullProductNameHeader, {
+            children: [!((_state$product16 = state.product) !== null && _state$product16 !== void 0 && _state$product16.parentArticleId) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "variants-actions",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+                type: "button",
+                className: "link-variants",
+                onClick: function onClick() {
+                  return setShowLinkVariants(true);
+                },
+                children: "Ligar productos"
+              }), ((_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.variantsCount) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+                className: "variants-count",
+                children: [state.product.variantsCount, " variante", state.product.variantsCount === 1 ? "" : "s"]
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullProductNameHeader.FullProductNameHeader, {
               headerData: state.product,
               percent: (_state$active_percent = state.active_percentage) === null || _state$active_percent === void 0 ? void 0 : (_state$active_percent2 = _state$active_percent.percentagesGeneral) === null || _state$active_percent2 === void 0 ? void 0 : _state$active_percent2.required,
               activeRetailer: {
-                id: (_state$active_retaile6 = state.active_retailer) === null || _state$active_retaile6 === void 0 ? void 0 : _state$active_retaile6.id_retailer,
-                name: (_state$active_retaile7 = state.active_retailer) === null || _state$active_retaile7 === void 0 ? void 0 : _state$active_retaile7.retailer,
-                image: (_state$active_retaile8 = state.active_retailer) === null || _state$active_retaile8 === void 0 ? void 0 : _state$active_retaile8.image
+                id: (_state$active_retaile7 = state.active_retailer) === null || _state$active_retaile7 === void 0 ? void 0 : _state$active_retaile7.id_retailer,
+                name: (_state$active_retaile8 = state.active_retailer) === null || _state$active_retaile8 === void 0 ? void 0 : _state$active_retaile8.retailer,
+                image: (_state$active_retaile9 = state.active_retailer) === null || _state$active_retaile9 === void 0 ? void 0 : _state$active_retaile9.image
               },
               showValidationButtons: canShowValidationButtons(),
               showApproveRejectAll: canShowValidationButtons(),
@@ -1549,11 +1657,11 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "services-information-container " + (imageLayout && state.active_tab === "Imágenes" ? "image-services" : ""),
               children: state.saving ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [state.active_tab === "Descripción" && (((_state$product12 = state.product) === null || _state$product12 === void 0 ? void 0 : _state$product12.description_status) !== "NS" ? (_state$descriptions_i = state.descriptions_inputs) !== null && _state$descriptions_i !== void 0 && _state$descriptions_i[0] ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
+                children: [state.active_tab === "Descripción" && (((_state$product18 = state.product) === null || _state$product18 === void 0 ? void 0 : _state$product18.description_status) !== "NS" ? (_state$descriptions_i = state.descriptions_inputs) !== null && _state$descriptions_i !== void 0 && _state$descriptions_i[0] ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
                   activeSection: state.active_tab,
                   inputGroup: state.descriptions_inputs[0],
                   updatedDescriptions: state.updated_descriptions_inputs,
-                  articleId: (_state$product13 = state.product) === null || _state$product13 === void 0 ? void 0 : _state$product13.id_article,
+                  articleId: (_state$product19 = state.product) === null || _state$product19 === void 0 ? void 0 : _state$product19.id_article,
                   version: state.product.version,
                   isShowbox: false,
                   dinamicHeight: true,
@@ -1565,7 +1673,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
                   text: "No cuentas con este servicio",
                   headerType: "input-name-header"
-                })), state.active_tab === "Ficha técnica" && (((_state$product14 = state.product) === null || _state$product14 === void 0 ? void 0 : _state$product14.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+                })), state.active_tab === "Ficha técnica" && (((_state$product20 = state.product) === null || _state$product20 === void 0 ? void 0 : _state$product20.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
                   children: ((_state$datasheets_inp = state.datasheets_inputs) === null || _state$datasheets_inp === void 0 ? void 0 : (_state$datasheets_inp2 = _state$datasheets_inp[0]) === null || _state$datasheets_inp2 === void 0 ? void 0 : (_state$datasheets_inp3 = _state$datasheets_inp2.data) === null || _state$datasheets_inp3 === void 0 ? void 0 : _state$datasheets_inp3.length) > 0 ? state.datasheets_inputs[0].data.map(function (dataGroup, index) {
                     var _state$datasheets_inp4, _state$services, _state$services$datas, _state$services$datas2;
 
@@ -1577,6 +1685,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                       inputGroup: dataGroup,
                       dataInputs: (_state$datasheets_inp4 = state.datasheets_inputs[1]) !== null && _state$datasheets_inp4 !== void 0 ? _state$datasheets_inp4 : [],
                       variant: (_state$services = state.services) === null || _state$services === void 0 ? void 0 : (_state$services$datas = _state$services.datasheets) === null || _state$services$datas === void 0 ? void 0 : _state$services$datas.variant,
+                      onRestoreInheritance: handleOnRestoreInheritance,
                       activeRetailer: state.services.datasheets[state.active_retailer.id_retailer],
                       groupData: (_state$services$datas2 = state.services.datasheets[state.active_retailer.id_retailer]) === null || _state$services$datas2 === void 0 ? void 0 : _state$services$datas2.data,
                       updatedDatasheets: state.updated_datasheets_inputs,
@@ -1594,7 +1703,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
                   text: "No cuentas con este servicio",
                   headerType: "input-name-header"
-                })), state.active_tab === "Imágenes" && (((_state$product15 = state.product) === null || _state$product15 === void 0 ? void 0 : _state$product15.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                })), state.active_tab === "Imágenes" && (((_state$product21 = state.product) === null || _state$product21 === void 0 ? void 0 : _state$product21.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
                   children: [!imageLayout && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
                     checkAll: state.all_image_checked // Determina si el checkbox "Seleccionar todo" está marcado
                     ,

package/dist/components/pages/ProviderProductEdition/styles.js

@@ -15,9 +15,9 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  overflow: auto;\n\n  .data-container {\n    display: flex;\n    flex: 0%;\n    height: calc(100% - ", "px);\n    .image-data-panel {\n      width: 340px;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    .product-information {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n\n      .services-information-container {\n        height: 100%;\n        overflow: auto;\n      }\n\n      .image-services {\n        aside {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, 179px);\n          column-gap: 15px;\n          row-gap: 15px;\n          padding: 20px;\n        }\n      }\n\n      .commentary-box {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        padding: 10px;\n        padding-left: 0;\n\n        .commentary {\n          display: flex;\n          align-items: flex-end;\n\n          .input-container {\n            width: 500px;\n\n            .quill {\n              height: 100px;\n            }\n\n            & + * {\n              margin-left: 5px;\n            }\n          }\n\n          .buttons-box {\n            display: flex;\n            width: 210px;\n            flex-wrap: wrap;\n\n            .general-transparent-button {\n              & + * {\n                margin-top: 5px;\n              }\n            }\n\n            .general-transparent-button,\n            .general-green-button,\n            .general-button-disabled {\n              width: fit-content;\n              min-width: 201px;\n              height: 40px;\n            }\n          }\n        }\n      }\n\n      .feedback-box {\n        display: flex;\n      }\n\n      .required-inputs-message {\n        font-family: ", ";\n        font-size: 13px;\n        color: ", ";\n        padding: 10px;\n        display: flex;\n        align-items: center;\n\n        p + * {\n          margin-top: 10px;\n        }\n\n        button {\n          min-width: fit-content;\n        }\n      }\n    }\n  }\n  #modal-message-box {\n    width: 400px;\n    height: 100px;\n  }\n  .container {\n    width: 100%;\n    height: 90%;\n    .dropzone {\n      height: 100%;\n      width: 100%;\n      position: relative;\n      transition: all 0.5s ease;\n\n      &.drag-active {\n        background-color: rgba(", ", 0.05);\n        border: 2px dashed ", ";\n        border-radius: 8px;\n\n        aside {\n          opacity: 0.3;\n          pointer-events: none;\n        }\n      }\n\n      .drag-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: rgba(", ", 0.1);\n        border-radius: 8px;\n        pointer-events: none;\n        z-index: 10;\n\n        p {\n          font-family: ", ";\n          font-size: 24px;\n          font-weight: 600;\n          color: ", ";\n          text-align: center;\n          padding: 20px;\n          background-color: ", ";\n          border-radius: 8px;\n          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n        }\n      }\n    }\n  }\n"])), function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  overflow: auto;\n\n  .data-container {\n    display: flex;\n    flex: 0%;\n    height: calc(100% - ", "px);\n    .image-data-panel {\n      width: 340px;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    .product-information {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n\n      .services-information-container {\n        height: 100%;\n        overflow: auto;\n      }\n\n      .image-services {\n        aside {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, 179px);\n          column-gap: 15px;\n          row-gap: 15px;\n          padding: 20px;\n        }\n      }\n\n      .commentary-box {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        padding: 10px;\n        padding-left: 0;\n\n        .commentary {\n          display: flex;\n          align-items: flex-end;\n\n          .input-container {\n            width: 500px;\n\n            .quill {\n              height: 100px;\n            }\n\n            & + * {\n              margin-left: 5px;\n            }\n          }\n\n          .buttons-box {\n            display: flex;\n            width: 210px;\n            flex-wrap: wrap;\n\n            .general-transparent-button {\n              & + * {\n                margin-top: 5px;\n              }\n            }\n\n            .general-transparent-button,\n            .general-green-button,\n            .general-button-disabled {\n              width: fit-content;\n              min-width: 201px;\n              height: 40px;\n            }\n          }\n        }\n      }\n\n      .feedback-box {\n        display: flex;\n      }\n\n      .required-inputs-message {\n        font-family: ", ";\n        font-size: 13px;\n        color: ", ";\n        padding: 10px;\n        display: flex;\n        align-items: center;\n\n        p + * {\n          margin-top: 10px;\n        }\n\n        button {\n          min-width: fit-content;\n        }\n      }\n    }\n  }\n  #modal-message-box {\n    width: 400px;\n    height: 100px;\n  }\n  .container {\n    width: 100%;\n    height: 90%;\n    .dropzone {\n      height: 100%;\n      width: 100%;\n      position: relative;\n      transition: all 0.5s ease;\n\n      &.drag-active {\n        background-color: rgba(", ", 0.05);\n        border: 2px dashed ", ";\n        border-radius: 8px;\n\n        aside {\n          opacity: 0.3;\n          pointer-events: none;\n        }\n      }\n\n      .drag-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: rgba(", ", 0.1);\n        border-radius: 8px;\n        pointer-events: none;\n        z-index: 10;\n\n        p {\n          font-family: ", ";\n          font-size: 24px;\n          font-weight: 600;\n          color: ", ";\n          text-align: center;\n          padding: 20px;\n          background-color: ", ";\n          border-radius: 8px;\n          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n        }\n      }\n    }\n  }\n  .variants-actions {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 8px;\n\n    .link-variants {\n      border: 1px solid ", ";\n      border-radius: 6px;\n      background: none;\n      padding: 6px 12px;\n      font-family: ", ";\n      font-size: 11px;\n      color: ", ";\n      cursor: pointer;\n    }\n\n    .variants-count {\n      font-family: ", ";\n      font-size: 11px;\n      color: ", ";\n    }\n  }\n"])), function (_ref) {
   var headerTop = _ref.headerTop;
   return headerTop;
-}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.color_gray, _variables.GlobalColors.rgb_color_pink, _variables.GlobalColors.color_pink, _variables.GlobalColors.rgb_color_pink, _variables.FontFamily.AvenirNext, _variables.GlobalColors.color_pink, _variables.GlobalColors.white);
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.color_gray, _variables.GlobalColors.rgb_color_pink, _variables.GlobalColors.color_pink, _variables.GlobalColors.rgb_color_pink, _variables.FontFamily.AvenirNext, _variables.GlobalColors.color_pink, _variables.GlobalColors.white, _variables.GlobalColors.original_magenta, _variables.FontFamily.Raleway_600, _variables.GlobalColors.original_magenta, _variables.FontFamily.Raleway_500, _variables.GlobalColors.gray);
 
 exports.Container = Container;

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

@@ -8,6 +8,8 @@ exports.normalizeProduct = exports.getConceptByTab = void 0;
 var _statusDictionary = require("../../../global-files/statusDictionary");
 
 var normalizeProduct = function normalizeProduct(product) {
+  var _ref, _productData$parentAr, _ref2, _productData$parent, _ref3, _productData$variants;
+
   // Handle case where product might be wrapped in a product property
   var productData = product.product || product;
   var article = productData.article || {};
@@ -43,6 +45,12 @@ var normalizeProduct = function normalizeProduct(product) {
     percentages: productData.percentages || null,
     summary: productData.summary || null,
     version: productData.version || 0,
+    // Parentesco. read-articles-v2 ya lo devuelve; sin arrastrarlo hasta aquí la
+    // pantalla de edición no puede saber si el producto pertenece a una familia.
+    // Ojo con `?? null` en vez de `|| null`: variantsCount 0 es un dato válido.
+    parentArticleId: (_ref = (_productData$parentAr = productData.parentArticleId) !== null && _productData$parentAr !== void 0 ? _productData$parentAr : article.parentArticleId) !== null && _ref !== void 0 ? _ref : null,
+    parent: (_ref2 = (_productData$parent = productData.parent) !== null && _productData$parent !== void 0 ? _productData$parent : article.parent) !== null && _ref2 !== void 0 ? _ref2 : null,
+    variantsCount: (_ref3 = (_productData$variants = productData.variantsCount) !== null && _productData$variants !== void 0 ? _productData$variants : article.variantsCount) !== null && _ref3 !== void 0 ? _ref3 : 0,
     // from tasks
     id_order: productData.orderId || null,
     status: productData.statusByRetailer ? (0, _statusDictionary.getMinorStatusFromRetailerMap)(productData.statusByRetailer) : productData.status || null,