contentoh-components-library 21.0.81 → 21.0.84

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

@@ -123,7 +123,7 @@ var myBucket = new _awsSdk.default.S3({
 });
 
 var RetailerProductEdition = function RetailerProductEdition(_ref) {
-  var _product$retailers, _product$services5, _datasheets$, _datasheets$$data, _product$article13;
+  var _product$retailers, _product$services2, _datasheets$, _datasheets$$data, _product$article13;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -367,6 +367,11 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       statusArray = _useState64[0],
       setStatusArray = _useState64[1];
 
+  var _useState65 = (0, _react.useState)(null),
+      _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
+      socketType = _useState66[0],
+      setSocketType = _useState66[1];
+
   (0, _react.useEffect)(function () {
     checkAll && setSelectedImages(images.values);
   }, [checkAll]);
@@ -390,7 +395,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
               setImages({
                 action: "init",
-                init: services[2]
+                init: JSON.parse(sessionStorage.getItem("imagesList")) || services[2]
               });
               if (((_services$ = services[2]) === null || _services$ === void 0 ? void 0 : (_services$$values = _services$.values) === null || _services$$values === void 0 ? void 0 : _services$$values.length) > 0) setActiveImage(0);
               setActiveRetailer(product.retailers ? product.retailers[0] : product.retailersAvailable[0]);
@@ -424,7 +429,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_article, "&orderId=").concat(product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_order, "&end=true"));
+              return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_article, "&orderId=").concat((product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_order) || product.orderId, "&end=true"));
 
             case 2:
               servicesResponse = _context3.sent;
@@ -629,15 +634,9 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   }, [activeRetailer, services]);
 
   var thumbs = function thumbs() {
-    var _images$inputs, _images$imageType, _images$imagePackagin, _images$values;
+    var _images$imageType, _images$imagePackagin, _images$values;
 
-    var imageInputs = images === null || images === void 0 ? void 0 : (_images$inputs = images.inputs) === null || _images$inputs === void 0 ? void 0 : _images$inputs.map(function (e) {
-      return {
-        value: e === null || e === void 0 ? void 0 : e.id,
-        name: e === null || e === void 0 ? void 0 : e.name,
-        required: e === null || e === void 0 ? void 0 : e.required
-      };
-    });
+    var imageInputs = socketType.slice();
     var imageType = images === null || images === void 0 ? void 0 : (_images$imageType = images.imageType) === null || _images$imageType === void 0 ? void 0 : _images$imageType.map(function (e) {
       return {
         value: e === null || e === void 0 ? void 0 : e.id,
@@ -656,10 +655,12 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         image: image,
         gridLayout: imageLayout,
         id: "gallery-element-" + index,
-        index: index,
+        index: index + "-" + image.name,
+        number: index,
         imageType: imageType,
         imagePackagingType: imagePackagingType,
         imageInputs: imageInputs,
+        setSocketType: setSocketType,
         changeImage: setImages,
         selectedImages: selectedImages,
         setSelectedImages: setSelectedImages
@@ -776,6 +777,21 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     };
   }();
 
+  (0, _react.useEffect)(function () {
+    var _images$inputs;
+
+    var imageInputs = images === null || images === void 0 ? void 0 : (_images$inputs = images.inputs) === null || _images$inputs === void 0 ? void 0 : _images$inputs.map(function (e) {
+      return {
+        value: e === null || e === void 0 ? void 0 : e.id,
+        name: e === null || e === void 0 ? void 0 : e.name,
+        required: e === null || e === void 0 ? void 0 : e.required,
+        active: images === null || images === void 0 ? void 0 : images.values.some(function (value) {
+          return (value === null || value === void 0 ? void 0 : value.image_id) === (e === null || e === void 0 ? void 0 : e.id);
+        })
+      };
+    });
+    setSocketType(imageInputs);
+  }, [images]);
   var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
     var _images$values2, _product$article10, _data$articleData, _data$articleData2, _data$updateImages;
 
@@ -900,7 +916,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         switch (_context9.prev = _context9.next) {
           case 0:
             if (!imagesUploaded) {
-              _context9.next = 13;
+              _context9.next = 14;
               break;
             }
 
@@ -923,21 +939,22 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
           case 6:
             setMessage("Imágenes guardadas con éxito");
+            sessionStorage.removeItem("imagesList");
             loadData();
-            _context9.next = 13;
+            _context9.next = 14;
             break;
 
-          case 10:
-            _context9.prev = 10;
+          case 11:
+            _context9.prev = 11;
             _context9.t0 = _context9["catch"](3);
             console.log(_context9.t0);
 
-          case 13:
+          case 14:
           case "end":
             return _context9.stop();
         }
       }
-    }, _callee9, null, [[3, 10]]);
+    }, _callee9, null, [[3, 11]]);
   })), [dataImages, imagesUploaded]);
 
   var evaluationFinished = function evaluationFinished(userId, tab, statusArray) {
@@ -990,8 +1007,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   };
 
   var approveRejectButtons = function approveRejectButtons(action) {
-    var concept = getConcept(activeTab);
-    concept = action ? action : concept;
+    var concept = getConcept(action || activeTab);
 
     var _servicesData$filter = servicesData.filter(function (srv) {
       return srv.id_retailer === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id) && srv.service === concept;
@@ -1150,24 +1166,9 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   }();
 
   var userAssigned = function userAssigned(tab, rol) {
-    var concept = "";
-
-    switch (tab) {
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-
-      case "Imágenes":
-        concept = "images";
-        break;
-
-      default:
-        concept = "description";
-        break;
-    }
-
+    var concept = getConcept(activeTab);
     var allowedRoles = [1, 4, 5, 6, 7, 8];
-    var validUser = allowedRoles.indexOf(user === null || user === void 0 ? void 0 : user.id_role) !== -1;
+    var validUser = allowedRoles.includes(user === null || user === void 0 ? void 0 : user.id_role);
 
     if (!rol) {
       switch (user.id_role) {
@@ -1458,24 +1459,39 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   };
 
   var deleteImages = function deleteImages() {
-    var data = {
-      articleId: product.article.id_article,
-      deleteImages: selectedImages
-    };
+    setLoading(true);
+    var imagesTemp = images;
+    var values = images.values;
+    var imgsInBack = [];
+    selectedImages.forEach(function (selectedImg) {
+      if (selectedImg.id) imgsInBack.push(selectedImg);
+    });
+    var imgsLeft = values.filter(function (value) {
+      return selectedImages.indexOf(value) === -1;
+    });
+    imagesTemp.values = imgsLeft;
 
-    try {
-      _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), data, {
-        headers: {
-          Authorization: token
-        }
-      });
+    if (imgsInBack.length > 0) {
+      var data = {
+        articleId: product.article.id_article,
+        deleteImages: selectedImages
+      };
 
-      loadData();
-    } catch (err) {
-      console.log(err);
+      try {
+        _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), data, {
+          headers: {
+            Authorization: token
+          }
+        });
+      } catch (err) {
+        console.log(err);
+      }
     }
 
+    sessionStorage.setItem("imagesList", JSON.stringify(imagesTemp));
+    loadData();
     setMessage("");
+    setComponentsArray([]);
   };
 
   var askToDeleteImages = function askToDeleteImages() {
@@ -1495,7 +1511,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         buttonType: "general-button-default",
         label: "Aceptar",
         onClick: function onClick() {
-          return deleteImages();
+          setMessage("");
+          deleteImages();
         }
       }, "3")]);
     }
@@ -1599,19 +1616,17 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           isRetailer: isRetailer,
           showSaveButton: true,
           onClickSave: function onClickSave() {
-            var _product$services2, _product$services3, _product$services4;
-
             switch (activeTab) {
               case "Descripción":
-                (product === null || product === void 0 ? void 0 : (_product$services2 = product.services) === null || _product$services2 === void 0 ? void 0 : _product$services2.descriptions) === 1 && saveDescriptions();
+                (product === null || product === void 0 ? void 0 : product.description_status) !== "NS" && saveDescriptions();
                 break;
 
               case "Ficha técnica":
-                (product === null || product === void 0 ? void 0 : (_product$services3 = product.services) === null || _product$services3 === void 0 ? void 0 : _product$services3.datasheets) === 1 && saveDatasheets();
+                (product === null || product === void 0 ? void 0 : product.datasheet_status) !== "NS" && saveDatasheets();
                 break;
 
               case "Imágenes":
-                (product === null || product === void 0 ? void 0 : (_product$services4 = product.services) === null || _product$services4 === void 0 ? void 0 : _product$services4.images) === 1 && updateImages();
+                (product === null || product === void 0 ? void 0 : product.images_status) !== "NS" && updateImages();
                 break;
 
               default:
@@ -1621,7 +1636,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "services-information-container " + (imageLayout && activeTab === "Imágenes" ? "image-services" : ""),
           children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [!imageLayout && activeTab === "Imágenes" && (product === null || product === void 0 ? void 0 : (_product$services5 = product.services) === null || _product$services5 === void 0 ? void 0 : _product$services5.images) === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
+            children: [!imageLayout && activeTab === "Imágenes" && (product === null || product === void 0 ? void 0 : (_product$services2 = product.services) === null || _product$services2 === void 0 ? void 0 : _product$services2.images) === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
               setSelectedImages: setSelectedImages,
               checkAll: checkAll,
               setCheckAll: setCheckAll

package/dist/index.js

@@ -602,7 +602,7 @@ Object.keys(_index45).forEach(function (key) {
   });
 });
 
-var _index46 = require("./components/organisms/ChangePassword/index");
+var _index46 = require("./components/molecules/RetailerSelector/index");
 
 Object.keys(_index46).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -615,7 +615,7 @@ Object.keys(_index46).forEach(function (key) {
   });
 });
 
-var _index47 = require("./components/organisms/Fullplan/index");
+var _index47 = require("./components/organisms/ChangePassword/index");
 
 Object.keys(_index47).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -628,7 +628,7 @@ Object.keys(_index47).forEach(function (key) {
   });
 });
 
-var _index48 = require("./components/organisms/FullProductNameHeader/index");
+var _index48 = require("./components/organisms/Fullplan/index");
 
 Object.keys(_index48).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -641,7 +641,7 @@ Object.keys(_index48).forEach(function (key) {
   });
 });
 
-var _index49 = require("./components/organisms/FullTabsMenu/index");
+var _index49 = require("./components/organisms/FullProductNameHeader/index");
 
 Object.keys(_index49).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -654,7 +654,7 @@ Object.keys(_index49).forEach(function (key) {
   });
 });
 
-var _index50 = require("./components/organisms/ImageDataTable/index");
+var _index50 = require("./components/organisms/FullTabsMenu/index");
 
 Object.keys(_index50).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -667,7 +667,7 @@ Object.keys(_index50).forEach(function (key) {
   });
 });
 
-var _index51 = require("./components/organisms/ImagePreviewer/index");
+var _index51 = require("./components/organisms/ImageDataTable/index");
 
 Object.keys(_index51).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -680,7 +680,7 @@ Object.keys(_index51).forEach(function (key) {
   });
 });
 
-var _index52 = require("./components/organisms/ImagesGroup/index");
+var _index52 = require("./components/organisms/ImagePreviewer/index");
 
 Object.keys(_index52).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -693,7 +693,7 @@ Object.keys(_index52).forEach(function (key) {
   });
 });
 
-var _index53 = require("./components/organisms/InputGroup/index");
+var _index53 = require("./components/organisms/ImagesGroup/index");
 
 Object.keys(_index53).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -706,7 +706,7 @@ Object.keys(_index53).forEach(function (key) {
   });
 });
 
-var _index54 = require("./components/organisms/ProductImageModal/index");
+var _index54 = require("./components/organisms/InputGroup/index");
 
 Object.keys(_index54).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -719,6 +719,19 @@ Object.keys(_index54).forEach(function (key) {
   });
 });
 
+var _index55 = require("./components/organisms/ProductImageModal/index");
+
+Object.keys(_index55).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index55[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index55[key];
+    }
+  });
+});
+
 var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
 
 Object.keys(_ChangePasswordLogin).forEach(function (key) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.0.81",
+  "version": "21.0.84",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/molecules/GalleryElement/index.js

@@ -20,6 +20,7 @@ export const GalleryElement = ({
   selectedImages,
   setSelectedImages,
   setCheckAll,
+  setSocketType,
 }) => {
   const [statusValidation, setStatusValidation] = useState(validation);
   const [showValidationPanel, setShowValidationPanel] = useState(false);
@@ -76,7 +77,9 @@ export const GalleryElement = ({
               <Select
                 width="100%"
                 placeholder="Tipo de toma"
-                options={imageInputs}
+                options={imageInputs?.filter(
+                  (img) => img.value === image.image_id || !img.active
+                )}
                 valueSelected={image.image_id}
                 onChange={(e) => {
                   changeImage({

package/src/components/molecules/TableHeader/styles.js

@@ -8,9 +8,12 @@ export const Container = styled.div`
   border-bottom: 1px solid ${GlobalColors.s2};
 
   .input-name-header {
-    overflow: auto;
+    overflow-x: auto;
     max-width: 40%;
     white-space: nowrap;
+    height: 23px;
+    line-height: 23px;
+    text-overflow: initial;
   }
   .status-asignation-info {
     display: flex;

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

@@ -21,68 +21,116 @@ ProviderProductEditionDefault.args = {
   category: 846,
   version: 2,
   productSelected: {
-    id_article: 32,
-    id_category: "781",
-    name: "PRODUCTO 10",
-    upc: "PRUEBA10",
-    timestamp: "2021-11-09T23:22:36.000Z",
-    status: "NULL",
-    categoryName: "TECNOLOGÍA Y ELECTRÓNICA|VIDEO|DVD Y BLU-RAY",
-    asignations: [],
+    orderId: 2,
+    status: "AA",
+    datasheet_status: "AA",
+    prio: "none",
     version: 2,
-    version_status: "AC",
-    retailersAvailable: [
+    description_status: "AP",
+    images_status: "AA",
+    brand: null,
+    retailerOrder: 0,
+    missing: {
+      datasheet: 0,
+      descriptions: 0,
+      images: -1,
+    },
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1,
+    },
+    article: {
+      category: "ILUMINACIÓN|FOCOS|LEDS",
+      company_name: "COMPANY DEV",
+      country: "México",
+      id_category: "2146",
+      id_datasheet_especialist: 54,
+      id_datasheet_facilitator: 52,
+      id_description_especialist: 54,
+      id_description_facilitator: 52,
+      id_images_especialist: 55,
+      id_images_facilitator: 53,
+      id_order: 2,
+      id_article: 35319,
+      id_auditor: 30,
+      name: "FOCO LED A19 (60W) LUZ AMARILLA",
+      upc: "120873",
+    },
+    retailers: [
       {
-        id: 2,
-        name: "Walmart Mercancías Generales",
-        country: "México",
-        id_region: 1,
-        active: 1,
+        id: 58,
+        name: "The Home Depot Golden",
       },
+    ],
+    retailersAvailable: [
       {
-        id: 3,
-        name: "Sam´s Club",
-        country: "México",
-        id_region: 1,
-        active: 1,
+        id: 58,
+        name: "The Home Depot Golden",
       },
     ],
-    missing: {},
+    categoryName: "ILUMINACIÓN|FOCOS|LEDS",
+    upc: "120873",
+    id_article: 35319,
+    id_order: 2,
   },
   productToEdit: {
-    idCategory: "781",
-    ArticleId: 32,
-    product: [
-      {
-        id_article: 32,
-        id_category: "781",
-        name: "PRODUCTO 10",
-        upc: "PRUEBA10",
-        timestamp: "2021-11-09T23:22:36.000Z",
-        status: "NULL",
-        categoryName: "TECNOLOGÍA Y ELECTRÓNICA|VIDEO|DVD Y BLU-RAY",
-        asignations: [],
-        version: 2,
-        version_status: "AC",
-        retailersAvailable: [
-          {
-            id: 2,
-            name: "Walmart Mercancías Generales",
-            country: "México",
-            id_region: 1,
-            active: 1,
-          },
-          {
-            id: 3,
-            name: "Sam´s Club",
-            country: "México",
-            id_region: 1,
-            active: 1,
-          },
-        ],
-        missing: {},
+    ArticleId: 35319,
+    idCategory: "2146",
+    product: {
+      orderId: 2,
+      status: "AA",
+      datasheet_status: "AA",
+      prio: "none",
+      version: 2,
+      description_status: "AP",
+      images_status: "AA",
+      brand: null,
+      retailerOrder: 0,
+      missing: {
+        datasheet: 0,
+        descriptions: 0,
+        images: -1,
       },
-    ],
+      services: {
+        datasheets: 1,
+        descriptions: 1,
+        images: 1,
+      },
+      article: {
+        category: "ILUMINACIÓN|FOCOS|LEDS",
+        company_name: "COMPANY DEV",
+        country: "México",
+        id_category: "2146",
+        id_datasheet_especialist: 54,
+        id_datasheet_facilitator: 52,
+        id_description_especialist: 54,
+        id_description_facilitator: 52,
+        id_images_especialist: 55,
+        id_images_facilitator: 53,
+        id_order: 2,
+        id_article: 35319,
+        id_auditor: 30,
+        name: "FOCO LED A19 (60W) LUZ AMARILLA",
+        upc: "120873",
+      },
+      retailers: [
+        {
+          id: 58,
+          name: "The Home Depot Golden",
+        },
+      ],
+      retailersAvailable: [
+        {
+          id: 58,
+          name: "The Home Depot Golden",
+        },
+      ],
+      categoryName: "ILUMINACIÓN|FOCOS|LEDS",
+      upc: "120873",
+      id_article: 35319,
+      id_order: 2,
+    },
   },
   location: {
     product: { articleId: 109485, versionId: 3 },
@@ -118,6 +166,6 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1653957474326",
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1655246340910",
   },
 };

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

@@ -192,6 +192,7 @@ export const ProviderProductEdition = ({
     img: face,
   });
   const [modalViewTextArea, setModalViewTextArea] = useState(false);
+  const [socketType, setSocketType] = useState(null);
 
   useEffect(() => {
     checkAll && setSelectedImages(images.values);
@@ -355,11 +356,7 @@ export const ProviderProductEdition = ({
   }, [activeRetailer, services]);
 
   const thumbs = () => {
-    const imageInputs = images?.inputs?.map((e) => ({
-      value: e?.id,
-      name: e?.name,
-      required: e?.required,
-    }));
+    const imageInputs = socketType.slice();
     const imageType = images?.imageType?.map((e) => ({
       value: e?.id,
       name: e?.name,
@@ -387,6 +384,16 @@ export const ProviderProductEdition = ({
     ));
   };
 
+  useEffect(() => {
+    const imageInputs = images?.inputs?.map((e) => ({
+      value: e?.id,
+      name: e?.name,
+      required: e?.required,
+      active: images?.values.some((value) => value?.image_id === e?.id),
+    }));
+    setSocketType(imageInputs);
+  }, [images]);
+
   const saveDescriptions = async () => {
     setLoading(true);
     const productTemp = product;
@@ -1065,6 +1072,7 @@ export const ProviderProductEdition = ({
   const sendEvaluation = async (result) => {
     let data = {};
     const retailerId = activeRetailer?.id;
+    const productTemp = product;
     if (result) {
       data = {
         articleId: product.id_article,
@@ -1073,6 +1081,7 @@ export const ProviderProductEdition = ({
         result: result,
         retailerId,
       };
+      productTemp[`${concept}_status`] = `${result}P`;
       await axios.put(`${process.env.REACT_APP_EVALUATION_ENDPOINT}`, data, {
         headers: {
           Authorization: token,
@@ -1080,7 +1089,6 @@ export const ProviderProductEdition = ({
       });
     } else {
       const concept = getConcept(activeTab);
-      const productTemp = product;
       productTemp[`${concept}_status`] = "Evaluated";
       data = {
         articleId: product.id_article,
@@ -1249,7 +1257,10 @@ export const ProviderProductEdition = ({
           />
           <FullTabsMenu
             tabsSections={tabsSections}
-            status={product?.version_status}
+            status={
+              product[`${getConcept(activeTab)}_status`] ||
+              product?.version_status
+            }
             activeTab={activeTab}
             setActiveTab={setActiveTab}
             setImageLayout={setImageLayout}