contentoh-components-library 21.5.44 → 21.5.46

package/dist/components/atoms/ProgressBar/index.js

@@ -50,7 +50,7 @@ var ProgressBar = function ProgressBar(_ref) {
       children: !percent && percent != 0 ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
         className: "status-".concat(progressBarType),
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-          children: [Number.isSafeInteger(percent) ? Math.round(percent) : '', "%"]
+          children: [Math.round(percent), "%"]
         })
       }),
       classNameTooltip: "container-tooltip"

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

@@ -2326,19 +2326,13 @@ var ProductEditionv2 = function ProductEditionv2(_ref) {
                 children: "Ir a checkout"
               })]
             })
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderToolTip.SliderToolTip, {
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderToolTip.SliderToolTip, {
               infoIcon: _infoIcon.default,
               slidefront: slidefront,
               iconSize: "big-image",
               slidePosition: "top-slide"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-              onClick: function onClick() {
-                setShowContentohRequestModal && setShowContentohRequestModal(true);
-              },
-              buttonType: "general-default-button",
-              label: "Enviar a Content-oh!"
-            })]
+            })
           })]
         })]
       })

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

@@ -33,37 +33,115 @@ RetailerProductEditionDefault.args = {
   },
   token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIzOWE5MDMwOS04MWNkLTQ4ZGYtODZmYi1iMjJjNGEwZTA1NTkiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjM5YTkwMzA5LTgxY2QtNDhkZi04NmZiLWIyMmM0YTBlMDU1OSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJmOGMyYWZlYS01MDFjLTRiZDItOWVkMS1lNTYyOTNhM2RkZWIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTc2MDYzNjU2NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTc2MDY0MDE2NywiaWF0IjoxNzYwNjM2NTY3LCJlbWFpbCI6ImVzcGVjaWFsaXN0YXRleHRvc2RldkBhbGxmcmVlbWFpbC5uZXQifQ.hcliXw44sm09Z3Lq4MgUp9Pgfmp0EIWL5fMBqCtnGJDKG1rtbbb19GqVqRZNt7H4C4n-5SvA_-UwGP_8_tFYqVQsGedecVB-dvhQMaiIV7OvwbMQq9JxLcygsAoJkWc54AEidxj4wXn7Jczxi8v_9STpBQo2ks4Vo8GyhHDQFd1mxmuXzr-7PVR5FHDr6dqUUaQn1RjUftTnabGRwUYbHo1WKyOPpNpSvK0HGmn8csP8ldU6111t-lA_Q9cF3y1Rcx_TFSAZfKAn-Jqa9I1Wp7l6bJ8o6QK0L5kJykJfpsjgTyoJuVj7-puv-a9-BEXEwyEAwrYbXm9eTpjXXsRhmw",
   productSelected: {
-    "id_article": 121889,
-    "id_category": "97",
-    "name": "16 de octubre",
-    "upc": "1828292212",
-    "sku": "443234424",
-    "timestamp": "2025-10-16T15:14:22.000Z",
-    "active": 1,
-    "company_id": 1015,
-    "company_name": "72uheudehf",
-    "country": "México",
-    "id_order": 15509,
-    "id_datasheet_especialist": 442,
-    "id_datasheet_facilitator": null,
-    "id_description_especialist": 442,
-    "id_description_facilitator": null,
-    "id_images_especialist": 443,
-    "id_images_facilitator": null,
-    "id_auditor": 444,
-    "id_recepcionist": null,
-    "category": "Bebés|Carriolas y Autoasientos|Autoasientos",
-    "categoryRetailer": [{
-      "id_category": 6,
-      "id_retailer": 12,
-      "category_name": "Abarrotes|Abarrotes Secos|Azúcar, Endulzantes y Sustitutos",
-      "retailer_name": "La Comer"
+    "articleId": 121906,
+    "services": {
+      "datasheets": 1,
+      "descriptions": 1,
+      "images": 1
+    },
+    "orderId": 15514,
+    "status": "AS",
+    "datasheet_status": "AS",
+    "prio": "none",
+    "version": 3,
+    "description_status": "AS",
+    "images_status": "AS",
+    "statusByRetailer": [{
+      "status": "AS",
+      "service": "datasheet",
+      "retailer_id": 9,
+      "task_user_group_id": 2
+    }, {
+      "status": "AS",
+      "service": "description",
+      "retailer_id": 9,
+      "task_user_group_id": 2
+    }, {
+      "status": "AS",
+      "service": "images",
+      "retailer_id": 9,
+      "task_user_group_id": 2
+    }, {
+      "status": "AS",
+      "service": "datasheet",
+      "retailer_id": 17,
+      "task_user_group_id": 2
+    }, {
+      "status": "AS",
+      "service": "description",
+      "retailer_id": 17,
+      "task_user_group_id": 2
+    }, {
+      "status": "AS",
+      "service": "images",
+      "retailer_id": 17,
+      "task_user_group_id": 2
     }, {
-      "id_category": 97,
-      "id_retailer": 9,
-      "category_name": "Bebés|Carriolas y Autoasientos|Autoasientos",
-      "retailer_name": "Amazon"
-    }]
+      "status": "AS",
+      "service": "datasheet",
+      "retailer_id": 1011,
+      "task_user_group_id": 2
+    }, {
+      "status": "AS",
+      "service": "description",
+      "retailer_id": 1011,
+      "task_user_group_id": 2
+    }, {
+      "status": "AS",
+      "service": "images",
+      "retailer_id": 1011,
+      "task_user_group_id": 2
+    }],
+    "article": {
+      "id_article": 121906,
+      "id_category": "120",
+      "name": "Prueba Flujo Serna 22 Oct",
+      "upc": "1234321234",
+      "sku": "1243454321",
+      "timestamp": "2025-10-22T17:11:32.000Z",
+      "active": 1,
+      "company_id": 1015,
+      "company_name": "72uheudehf",
+      "country": "México",
+      "id_order": 15514,
+      "id_datasheet_especialist": 442,
+      "id_datasheet_facilitator": null,
+      "id_description_especialist": 442,
+      "id_description_facilitator": null,
+      "id_images_especialist": 443,
+      "id_images_facilitator": null,
+      "id_auditor": null,
+      "id_recepcionist": null,
+      "category": "Congelados|Cárnicos|Carnes Granel",
+      "categoryRetailer": [{
+        "id_category": 4,
+        "id_retailer": 17,
+        "category_name": "Abarrotes|Abarrotes Secos|Alimentos Deshidratados",
+        "retailer_name": "Genérico"
+      }, {
+        "id_category": 120,
+        "id_retailer": 9,
+        "category_name": "Congelados|Cárnicos|Carnes Granel",
+        "retailer_name": "Amazon"
+      }, {
+        "id_category": 157,
+        "id_retailer": 1011,
+        "category_name": "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+        "retailer_name": "Farmatodo"
+      }]
+    },
+    "retailers": [{
+      "id": 9,
+      "name": "Amazon"
+    }, {
+      "id": 17,
+      "name": "Genérico"
+    }, {
+      "id": 1011,
+      "name": "Farmatodo"
+    }],
+    "country": "México",
+    "upc": "1234321234"
   },
   // location: {
   //   product: { articleId: 126855, versionId: 3 },
@@ -107,5 +185,41 @@ RetailerProductEditionDefault.args = {
       "type": "PyMES"
     },
     "src": "https://content-management-profile.s3.amazonaws.com/id-442/442.png?1760636567736"
-  }
+  } // user: {
+  //   "id_user": 443,
+  //   "name": "Especialista",
+  //   "last_name": "Edición",
+  //   "email": "especialistaimagenesdev@allfreemail.net",
+  //   "position": "Especialista de edición",
+  //   "telephone": null,
+  //   "country": null,
+  //   "id_company": 2,
+  //   "id_role": 8,
+  //   "about_me": null,
+  //   "address": null,
+  //   "job": null,
+  //   "id_stripe": null,
+  //   "active": 1,
+  //   "email_notify": 1,
+  //   "id_cognito": "1d1394ce-4e30-4fef-8fdc-f53cf11be408",
+  //   "birth_Date": null,
+  //   "zip_code": null,
+  //   "is_retailer": 0,
+  //   "is_onboarding": 0,
+  //   "is_user_tech": null,
+  //   "profile_picture_ext": null,
+  //   "membership": {
+  //     "id": 2,
+  //     "start_date": "2021-11-05T02:35:12.000Z",
+  //     "end_date": "2022-11-05T02:34:49.000Z",
+  //     "planID": 1,
+  //     "plan": "prod_KtkvuFFLpOdP6e",
+  //     "name": "Plan Free",
+  //     "user_limit": "1",
+  //     "products_limit": "3",
+  //     "type": "PyMES"
+  //   },
+  //   "src": "https://content-management-profile.s3.amazonaws.com/id-443/443.png?1761067566391"
+  // }
+
 };

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

@@ -865,15 +865,16 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
                 setPercentages(JSON.parse(res === null || res === void 0 ? void 0 : (_res$ = res[0]) === null || _res$ === void 0 ? void 0 : _res$.body));
               });
               setLoading(false);
-              _context7.next = 26;
+              _context7.next = 27;
               break;
 
             case 23:
               _context7.prev = 23;
               _context7.t0 = _context7["catch"](0);
+              setLoading(false);
               console.log(_context7.t0);
 
-            case 26:
+            case 27:
             case "end":
               return _context7.stop();
           }
@@ -1017,8 +1018,9 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
 
           case 19:
             setStatusArray(arr);
+            setLoading(false);
 
-          case 20:
+          case 21:
           case "end":
             return _context10.stop();
         }
@@ -1160,7 +1162,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
               });
 
               if (!(dataClean.length > 0)) {
-                _context11.next = 26;
+                _context11.next = 29;
                 break;
               }
 
@@ -1208,11 +1210,16 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
               console.log(_context11.t0);
 
             case 26:
+              _context11.prev = 26;
+              setLoading(false);
+              return _context11.finish(26);
+
+            case 29:
             case "end":
               return _context11.stop();
           }
         }
-      }, _callee11, null, [[7, 23]]);
+      }, _callee11, null, [[7, 23, 26, 29]]);
     }));
 
     return function saveDescriptions() {
@@ -1233,7 +1240,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
               });
 
               if (!(dataClean.length > 0)) {
-                _context12.next = 26;
+                _context12.next = 29;
                 break;
               }
 
@@ -1281,11 +1288,16 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
               console.log(_context12.t0);
 
             case 26:
+              _context12.prev = 26;
+              setLoading(false);
+              return _context12.finish(26);
+
+            case 29:
             case "end":
               return _context12.stop();
           }
         }
-      }, _callee12, null, [[7, 23]]);
+      }, _callee12, null, [[7, 23, 26, 29]]);
     }));
 
     return function saveDatasheets() {
@@ -1367,7 +1379,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
             }
 
             if (!(valid && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0)) {
-              _context13.next = 30;
+              _context13.next = 33;
               break;
             }
 
@@ -1424,19 +1436,24 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
             console.log(_context13.t0); // setMainLoading(false);
 
           case 28:
-            _context13.next = 31;
+            _context13.prev = 28;
+            setLoading(false);
+            return _context13.finish(28);
+
+          case 31:
+            _context13.next = 34;
             break;
 
-          case 30:
+          case 33:
             // setMainLoading(false);
             setMessage("Completa los campos que solicita cada una de la imágenes o hay imágenes con el mismo tipo de toma.\nRecuerda hay campos obligatorios y no podras avanzar si no estan completos.");
 
-          case 31:
+          case 34:
           case "end":
             return _context13.stop();
         }
       }
-    }, _callee13, null, [[10, 25]]);
+    }, _callee13, null, [[10, 25, 28, 31]]);
   })), [images, imagesUploaded]);
   (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14() {
     var res, _product$article18, productTemp, _JSON$parse4, newStatus, newArticleStatus;
@@ -1629,7 +1646,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
         while (1) {
           switch (_context15.prev = _context15.next) {
             case 0:
-              setLoading(true);
+              if (!loading) setLoading(true);
               _context15.prev = 1;
               concept = getConcept(activeTab);
               productTemp = (0, _objectSpread2.default)({}, product);
@@ -1722,16 +1739,14 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
               setProduct(productTemp);
 
             case 34:
-              _context15.next = 39;
+              _context15.next = 40;
               break;
 
             case 36:
               _context15.prev = 36;
               _context15.t0 = _context15["catch"](1);
-              console.log(_context15.t0);
-
-            case 39:
               setLoading(false);
+              console.log(_context15.t0);
 
             case 40:
             case "end":
@@ -1856,13 +1871,12 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
             return allDatasheetInputs[input].required && allDatasheetInputs[input].id_retailer === activeRetailer.id && (allDatasheetInputs[input].value === undefined || !allDatasheetInputs[input].value);
           })));
         });
-        console.log({
-          dsInputsRequired: dsInputsRequired
-        });
       });
       objetcTemp["Ficha técnica"] = dsInputsRequired.length;
       var regex = /(<\/?p>)|(<\/?strong>)|(<br>)/gm;
       descriptionsServicesArray.forEach(function (description) {
+        if (description.id != activeRetailer.id) return;
+
         var _servicesData$filter3 = servicesData.filter(function (srv) {
           return srv.id_retailer === description.id && srv.service === getConcept(activeTab);
         }),
@@ -1900,6 +1914,9 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
         }).length === 0 && requiredCounter++;
       });
       objetcTemp["Imágenes"] = requiredCounter;
+      console.log({
+        requiredCounter: requiredCounter
+      });
       setRequiredNull(objetcTemp);
     } catch (error) {
       console.log(error);
@@ -2023,48 +2040,74 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
     });
   };
 
-  var deleteImages = function deleteImages() {
-    setLoading(true);
-    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;
-    });
+  var deleteImages = /*#__PURE__*/function () {
+    var _ref22 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19() {
+      var values, imgsInBack, imgsLeft, data;
+      return _regenerator.default.wrap(function _callee19$(_context19) {
+        while (1) {
+          switch (_context19.prev = _context19.next) {
+            case 0:
+              setLoading(true);
+              values = images.values;
+              imgsInBack = [];
+              selectedImages.forEach(function (selectedImg) {
+                if (selectedImg.id) imgsInBack.push(selectedImg);
+              });
+              imgsLeft = values.filter(function (value) {
+                return selectedImages.indexOf(value) === -1;
+              });
 
-    if (imgsInBack.length > 0) {
-      var data = {
-        articleId: product.article.id_article,
-        deleteImages: imgsInBack,
-        orderId: product.orderId
-      };
+              if (!(imgsInBack.length > 0)) {
+                _context19.next = 15;
+                break;
+              }
+
+              data = {
+                articleId: product.article.id_article,
+                deleteImages: imgsInBack,
+                orderId: product.orderId
+              };
+              _context19.prev = 7;
+              _context19.next = 10;
+              return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), data, {
+                headers: {
+                  Authorization: token
+                }
+              });
 
-      try {
-        _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), data, {
-          headers: {
-            Authorization: token
+            case 10:
+              _context19.next = 15;
+              break;
+
+            case 12:
+              _context19.prev = 12;
+              _context19.t0 = _context19["catch"](7);
+              console.log(_context19.t0);
+
+            case 15:
+              setImages({
+                action: "deleteImage",
+                selectedImages: selectedImages
+              });
+              getRequired([services[0], services[1], (0, _objectSpread2.default)((0, _objectSpread2.default)({}, services[2]), {}, {
+                values: imgsLeft
+              })]);
+              setLoading(false);
+              setMessage("");
+              setComponentsArray([]);
+
+            case 20:
+            case "end":
+              return _context19.stop();
           }
-        });
-      } catch (err) {
-        console.log(err);
-      }
-    }
+        }
+      }, _callee19, null, [[7, 12]]);
+    }));
 
-    setImages({
-      action: "deleteImage",
-      selectedImages: selectedImages
-    });
-    getRequired([services[0], services[1], (0, _objectSpread2.default)((0, _objectSpread2.default)({}, services[2]), {}, {
-      values: imgsLeft
-    })]);
-    setTimeout(function () {
-      setLoading(false);
-    }, 500);
-    setMessage("");
-    setComponentsArray([]);
-  };
+    return function deleteImages() {
+      return _ref22.apply(this, arguments);
+    };
+  }();
 
   var askToDeleteImages = function askToDeleteImages() {
     if (selectedImages.length > 0) {
@@ -2117,31 +2160,31 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
   }, [loading]);
 
   var validateAll = /*#__PURE__*/function () {
-    var _ref22 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19(result) {
+    var _ref23 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20(result) {
       var evaluationArray, conceptArray, messages, productTemp, messagesResponse;
-      return _regenerator.default.wrap(function _callee19$(_context19) {
+      return _regenerator.default.wrap(function _callee20$(_context20) {
         while (1) {
-          switch (_context19.prev = _context19.next) {
+          switch (_context20.prev = _context20.next) {
             case 0:
-              _context19.prev = 0;
+              _context20.prev = 0;
               setLoading(true);
               evaluationArray = [];
               conceptArray = [];
-              _context19.t0 = user.id_role;
-              _context19.next = _context19.t0 === 4 ? 7 : _context19.t0 === 5 ? 9 : 11;
+              _context20.t0 = user.id_role;
+              _context20.next = _context20.t0 === 4 ? 7 : _context20.t0 === 5 ? 9 : 11;
               break;
 
             case 7:
               conceptArray = ["description", "datasheet"];
-              return _context19.abrupt("break", 13);
+              return _context20.abrupt("break", 13);
 
             case 9:
               conceptArray = ["images"];
-              return _context19.abrupt("break", 13);
+              return _context20.abrupt("break", 13);
 
             case 11:
               conceptArray = ["description", "datasheet", "images"];
-              return _context19.abrupt("break", 13);
+              return _context20.abrupt("break", 13);
 
             case 13:
               messages = [];
@@ -2164,7 +2207,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
                   }));
                 }
               });
-              _context19.next = 17;
+              _context20.next = 17;
               return Promise.all(evaluationArray);
 
             case 17:
@@ -2175,44 +2218,49 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
               productTemp.images_status = productTemp.images_status === "NS" ? "NS" : "".concat(result, "A");
               sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
               setProduct(productTemp);
-              _context19.next = 26;
+              _context20.next = 26;
               return Promise.all(messages);
 
             case 26:
-              messagesResponse = _context19.sent;
-              _context19.next = 29;
+              messagesResponse = _context20.sent;
+              _context20.next = 29;
               return loadData();
 
             case 29:
-              _context19.next = 34;
+              _context20.next = 34;
               break;
 
             case 31:
-              _context19.prev = 31;
-              _context19.t1 = _context19["catch"](0);
-              console.log(_context19.t1);
+              _context20.prev = 31;
+              _context20.t1 = _context20["catch"](0);
+              console.log(_context20.t1);
 
             case 34:
+              _context20.prev = 34;
+              setLoading(false);
+              return _context20.finish(34);
+
+            case 37:
             case "end":
-              return _context19.stop();
+              return _context20.stop();
           }
         }
-      }, _callee19, null, [[0, 31]]);
+      }, _callee20, null, [[0, 31, 34, 37]]);
     }));
 
     return function validateAll(_x11) {
-      return _ref22.apply(this, arguments);
+      return _ref23.apply(this, arguments);
     };
   }();
 
   var getObservation = /*#__PURE__*/function () {
-    var _ref23 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20() {
+    var _ref24 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee21() {
       var response, parseData;
-      return _regenerator.default.wrap(function _callee20$(_context20) {
+      return _regenerator.default.wrap(function _callee21$(_context21) {
         while (1) {
-          switch (_context20.prev = _context20.next) {
+          switch (_context21.prev = _context21.next) {
             case 0:
-              _context20.next = 2;
+              _context21.next = 2;
               return _axios.default.get("".concat(process.env.REACT_APP_READ_OBSERVATION, "?articleId=").concat(product.article.id_article, "&orderId=").concat(product === null || product === void 0 ? void 0 : product.orderId), {
                 headers: {
                   Authorization: sessionStorage.getItem("jwt")
@@ -2220,20 +2268,20 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
               });
 
             case 2:
-              response = _context20.sent;
+              response = _context21.sent;
               parseData = JSON.parse(response.data.body).data[0];
               setObservation(parseData.observations);
 
             case 5:
             case "end":
-              return _context20.stop();
+              return _context21.stop();
           }
         }
-      }, _callee20);
+      }, _callee21);
     }));
 
     return function getObservation() {
-      return _ref23.apply(this, arguments);
+      return _ref24.apply(this, arguments);
     };
   }();
 
@@ -2432,20 +2480,20 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
               reviewed: crossComment
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
               buttonType: "circular-button accept-button",
-              onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee21() {
-                return _regenerator.default.wrap(function _callee21$(_context21) {
+              onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee22() {
+                return _regenerator.default.wrap(function _callee22$(_context22) {
                   while (1) {
-                    switch (_context21.prev = _context21.next) {
+                    switch (_context22.prev = _context22.next) {
                       case 0:
                         setCrossComment(true);
                         commentRevised();
 
                       case 2:
                       case "end":
-                        return _context21.stop();
+                        return _context22.stop();
                     }
                   }
-                }, _callee21);
+                }, _callee22);
               }))
             })]
           }), [7, 8].includes(user.id_role) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
@@ -2504,35 +2552,35 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
         label: "Aceptar",
         size: 12,
         onClick: /*#__PURE__*/function () {
-          var _ref25 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee22(e) {
+          var _ref26 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee23(e) {
             var element, body;
-            return _regenerator.default.wrap(function _callee22$(_context22) {
+            return _regenerator.default.wrap(function _callee23$(_context23) {
               while (1) {
-                switch (_context22.prev = _context22.next) {
+                switch (_context23.prev = _context23.next) {
                   case 0:
                     element = document.querySelector("#modal-message-box .ql-container .ql-editor > p");
 
                     if (element) {
-                      _context22.next = 4;
+                      _context23.next = 4;
                       break;
                     }
 
                     console.error("Elemento no encontrado");
-                    return _context22.abrupt("return");
+                    return _context23.abrupt("return");
 
                   case 4:
                     body = element.innerHTML;
 
                     if (!(typeof body !== "string")) {
-                      _context22.next = 8;
+                      _context23.next = 8;
                       break;
                     }
 
                     console.error("El contenido de body no es una cadena", body);
-                    return _context22.abrupt("return");
+                    return _context23.abrupt("return");
 
                   case 8:
-                    _context22.next = 10;
+                    _context23.next = 10;
                     return createComment(e, body, activeTab);
 
                   case 10:
@@ -2542,14 +2590,14 @@ var RetailerProductEdition = function RetailerProductEdition(_ref3) {
 
                   case 13:
                   case "end":
-                    return _context22.stop();
+                    return _context23.stop();
                 }
               }
-            }, _callee22);
+            }, _callee23);
           }));
 
           return function (_x12) {
-            return _ref25.apply(this, arguments);
+            return _ref26.apply(this, arguments);
           };
         }()
       }, "btn-Aceptar")]

package/package.json

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

package/src/components/atoms/ProgressBar/index.js

@@ -46,7 +46,7 @@ export const ProgressBar = ({ percent, progressBarType, percentRequired }) => {
                 <Container className={`status-${progressBarType}`}>
                   {
                     <p>{
-                      Number.isSafeInteger(percent) ? Math.round(percent) :  ''
+                      Math.round(percent)
                     }%</p>
                   }
                 </Container>

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

@@ -1585,14 +1585,14 @@ export const ProductEditionv2 = ({
                     iconSize={"big-image"}
                     slidePosition={"top-slide"}
                   />
-                  <Button
+                  {/* <Button
                     onClick={() => {
                       setShowContentohRequestModal &&
                         setShowContentohRequestModal(true);
                     }}
                     buttonType="general-default-button"
                     label="Enviar a Content-oh!"
-                  />
+                  /> */}
                 </>
               )}
             </div>

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

@@ -18,40 +18,133 @@ RetailerProductEditionDefault.args = {
   token:
    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIzOWE5MDMwOS04MWNkLTQ4ZGYtODZmYi1iMjJjNGEwZTA1NTkiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjM5YTkwMzA5LTgxY2QtNDhkZi04NmZiLWIyMmM0YTBlMDU1OSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJmOGMyYWZlYS01MDFjLTRiZDItOWVkMS1lNTYyOTNhM2RkZWIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTc2MDYzNjU2NywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTc2MDY0MDE2NywiaWF0IjoxNzYwNjM2NTY3LCJlbWFpbCI6ImVzcGVjaWFsaXN0YXRleHRvc2RldkBhbGxmcmVlbWFpbC5uZXQifQ.hcliXw44sm09Z3Lq4MgUp9Pgfmp0EIWL5fMBqCtnGJDKG1rtbbb19GqVqRZNt7H4C4n-5SvA_-UwGP_8_tFYqVQsGedecVB-dvhQMaiIV7OvwbMQq9JxLcygsAoJkWc54AEidxj4wXn7Jczxi8v_9STpBQo2ks4Vo8GyhHDQFd1mxmuXzr-7PVR5FHDr6dqUUaQn1RjUftTnabGRwUYbHo1WKyOPpNpSvK0HGmn8csP8ldU6111t-lA_Q9cF3y1Rcx_TFSAZfKAn-Jqa9I1Wp7l6bJ8o6QK0L5kJykJfpsjgTyoJuVj7-puv-a9-BEXEwyEAwrYbXm9eTpjXXsRhmw",
   productSelected: {
-  "id_article": 121889,
-  "id_category": "97",
-  "name": "16 de octubre",
-  "upc": "1828292212",
-  "sku": "443234424",
-  "timestamp": "2025-10-16T15:14:22.000Z",
-  "active": 1,
-  "company_id": 1015,
-  "company_name": "72uheudehf",
-  "country": "México",
-  "id_order": 15509,
-  "id_datasheet_especialist": 442,
-  "id_datasheet_facilitator": null,
-  "id_description_especialist": 442,
-  "id_description_facilitator": null,
-  "id_images_especialist": 443,
-  "id_images_facilitator": null,
-  "id_auditor": 444,
-  "id_recepcionist": null,
-  "category": "Bebés|Carriolas y Autoasientos|Autoasientos",
-  "categoryRetailer": [
+  "articleId": 121906,
+  "services": {
+    "datasheets": 1,
+    "descriptions": 1,
+    "images": 1
+  },
+  "orderId": 15514,
+  "status": "AS",
+  "datasheet_status": "AS",
+  "prio": "none",
+  "version": 3,
+  "description_status": "AS",
+  "images_status": "AS",
+  "statusByRetailer": [
+    {
+      "status": "AS",
+      "service": "datasheet",
+      "retailer_id": 9,
+      "task_user_group_id": 2
+    },
+    {
+      "status": "AS",
+      "service": "description",
+      "retailer_id": 9,
+      "task_user_group_id": 2
+    },
+    {
+      "status": "AS",
+      "service": "images",
+      "retailer_id": 9,
+      "task_user_group_id": 2
+    },
+    {
+      "status": "AS",
+      "service": "datasheet",
+      "retailer_id": 17,
+      "task_user_group_id": 2
+    },
+    {
+      "status": "AS",
+      "service": "description",
+      "retailer_id": 17,
+      "task_user_group_id": 2
+    },
+    {
+      "status": "AS",
+      "service": "images",
+      "retailer_id": 17,
+      "task_user_group_id": 2
+    },
+    {
+      "status": "AS",
+      "service": "datasheet",
+      "retailer_id": 1011,
+      "task_user_group_id": 2
+    },
+    {
+      "status": "AS",
+      "service": "description",
+      "retailer_id": 1011,
+      "task_user_group_id": 2
+    },
+    {
+      "status": "AS",
+      "service": "images",
+      "retailer_id": 1011,
+      "task_user_group_id": 2
+    }
+  ],
+  "article": {
+    "id_article": 121906,
+    "id_category": "120",
+    "name": "Prueba Flujo Serna 22 Oct",
+    "upc": "1234321234",
+    "sku": "1243454321",
+    "timestamp": "2025-10-22T17:11:32.000Z",
+    "active": 1,
+    "company_id": 1015,
+    "company_name": "72uheudehf",
+    "country": "México",
+    "id_order": 15514,
+    "id_datasheet_especialist": 442,
+    "id_datasheet_facilitator": null,
+    "id_description_especialist": 442,
+    "id_description_facilitator": null,
+    "id_images_especialist": 443,
+    "id_images_facilitator": null,
+    "id_auditor": null,
+    "id_recepcionist": null,
+    "category": "Congelados|Cárnicos|Carnes Granel",
+    "categoryRetailer": [
+      {
+        "id_category": 4,
+        "id_retailer": 17,
+        "category_name": "Abarrotes|Abarrotes Secos|Alimentos Deshidratados",
+        "retailer_name": "Genérico"
+      },
+      {
+        "id_category": 120,
+        "id_retailer": 9,
+        "category_name": "Congelados|Cárnicos|Carnes Granel",
+        "retailer_name": "Amazon"
+      },
+      {
+        "id_category": 157,
+        "id_retailer": 1011,
+        "category_name": "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
+        "retailer_name": "Farmatodo"
+      }
+    ]
+  },
+  "retailers": [
+    {
+      "id": 9,
+      "name": "Amazon"
+    },
     {
-      "id_category": 6,
-      "id_retailer": 12,
-      "category_name": "Abarrotes|Abarrotes Secos|Azúcar, Endulzantes y Sustitutos",
-      "retailer_name": "La Comer"
+      "id": 17,
+      "name": "Genérico"
     },
     {
-      "id_category": 97,
-      "id_retailer": 9,
-      "category_name": "Bebés|Carriolas y Autoasientos|Autoasientos",
-      "retailer_name": "Amazon"
+      "id": 1011,
+      "name": "Farmatodo"
     }
-  ]
+  ],
+  "country": "México",
+  "upc": "1234321234"
 },
   // location: {
   //   product: { articleId: 126855, versionId: 3 },
@@ -95,5 +188,42 @@ RetailerProductEditionDefault.args = {
     "type": "PyMES"
   },
   "src": "https://content-management-profile.s3.amazonaws.com/id-442/442.png?1760636567736"
-}
+},
+
+  // user: {
+  //   "id_user": 443,
+  //   "name": "Especialista",
+  //   "last_name": "Edición",
+  //   "email": "especialistaimagenesdev@allfreemail.net",
+  //   "position": "Especialista de edición",
+  //   "telephone": null,
+  //   "country": null,
+  //   "id_company": 2,
+  //   "id_role": 8,
+  //   "about_me": null,
+  //   "address": null,
+  //   "job": null,
+  //   "id_stripe": null,
+  //   "active": 1,
+  //   "email_notify": 1,
+  //   "id_cognito": "1d1394ce-4e30-4fef-8fdc-f53cf11be408",
+  //   "birth_Date": null,
+  //   "zip_code": null,
+  //   "is_retailer": 0,
+  //   "is_onboarding": 0,
+  //   "is_user_tech": null,
+  //   "profile_picture_ext": null,
+  //   "membership": {
+  //     "id": 2,
+  //     "start_date": "2021-11-05T02:35:12.000Z",
+  //     "end_date": "2022-11-05T02:34:49.000Z",
+  //     "planID": 1,
+  //     "plan": "prod_KtkvuFFLpOdP6e",
+  //     "name": "Plan Free",
+  //     "user_limit": "1",
+  //     "products_limit": "3",
+  //     "type": "PyMES"
+  //   },
+  //   "src": "https://content-management-profile.s3.amazonaws.com/id-443/443.png?1761067566391"
+  // }
 };

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

@@ -400,6 +400,7 @@ export const RetailerProductEdition = ({
   }, [checkAll]);
 
   const loadData = async () => {
+
     try {
 
       const categoryRetailer = (
@@ -461,8 +462,10 @@ export const RetailerProductEdition = ({
       getPercentage({ data, headers }).then((res) => {
         setPercentages(JSON.parse(res?.[0]?.body));
       });
+
       setLoading(false);
     } catch (error) {
+      setLoading(false);
       console.log(error);
     }
   };
@@ -547,6 +550,7 @@ export const RetailerProductEdition = ({
         break;
     }
     setStatusArray(arr);
+    setLoading(false);
   }, [product, version]);
 
   const loadAssignations = (currentProduct) => {
@@ -710,6 +714,8 @@ export const RetailerProductEdition = ({
         }
       } catch (error) {
         console.log(error);
+      } finally {
+        setLoading(false);
       }
     }
   };
@@ -751,6 +757,8 @@ export const RetailerProductEdition = ({
         }
       } catch (error) {
         console.log(error);
+      } finally {
+        setLoading(false);
       }
     }
   };
@@ -846,6 +854,8 @@ export const RetailerProductEdition = ({
       } catch (err) {
         console.log(err);
         // setMainLoading(false);
+      } finally {
+        setLoading(false);
       }
     } else {
       // setMainLoading(false);
@@ -1021,7 +1031,7 @@ export const RetailerProductEdition = ({
   };
 
   const sendToFacilitator = async (result) => {
-    setLoading(true);
+    if(!loading) setLoading(true);
     try {
       let concept = getConcept(activeTab);
 
@@ -1098,9 +1108,9 @@ export const RetailerProductEdition = ({
         setProduct(productTemp);
       }
     } catch (error) {
+      setLoading(false);
       console.log(error);
     }
-    setLoading(false);
   };
 
   const userAssigned = (tab, rol) => {
@@ -1196,36 +1206,44 @@ export const RetailerProductEdition = ({
 
           }
         );
-        console.log({dsInputsRequired})
       });
 
       objetcTemp["Ficha técnica"] = dsInputsRequired.length;
 
       const regex = /(<\/?p>)|(<\/?strong>)|(<br>)/gm;
       descriptionsServicesArray.forEach((description) => {
+
+        if(description.id != activeRetailer.id) return;
+
         const [requested] = servicesData.filter(
           (srv) =>
             srv.id_retailer === description.id &&
             srv.service === getConcept(activeTab)
         );
+
         if (requested) {
           description.inputs.forEach((input) => {
+
             if (
               input.required &&
               (!input.value || input.value?.replace(regex, "") === "")
             ) {
               desInputsRequired++;
             }
+
           });
+
         }
       });
 
       objetcTemp["Descripción"] = desInputsRequired;
 
       const retailersRequested = [];
+
       services[2]?.retailerMandatories?.forEach((retMan) =>
         retMan.forEach((rm) => retailersRequested.push(rm))
       );
+
       const requiredImages = services[2]?.inputs?.filter(
         (e) =>
           e.required === 1 &&
@@ -1239,11 +1257,15 @@ export const RetailerProductEdition = ({
 
       let requiredCounter = 0;
       requiredImages?.forEach(
-        (req) =>
-          services[2].values.filter((img) => img.image_id === req.id).length ===
+        (req) => {
+
+          return services[2].values.filter((img) => img.image_id === req.id).length ===
             0 && requiredCounter++
+
+        }
       );
       objetcTemp["Imágenes"] = requiredCounter;
+      console.log({requiredCounter})
       setRequiredNull(objetcTemp);
     } catch (error) {
       console.log(error);
@@ -1325,7 +1347,7 @@ export const RetailerProductEdition = ({
         });
   };
 
-  const deleteImages = () => {
+  const deleteImages = async () => {
     setLoading(true);
     const { values } = images;
     const imgsInBack = [];
@@ -1345,7 +1367,7 @@ export const RetailerProductEdition = ({
         orderId: product.orderId,
       };
       try {
-        axios.put(
+        await axios.put(
           `${process.env.REACT_APP_ARTICLE_DATA_ENDPOINT}?image=true&version=${version}`,
           data,
           {
@@ -1368,9 +1390,7 @@ export const RetailerProductEdition = ({
       { ...services[2], values: imgsLeft },
     ]);
 
-    setTimeout(() => {
-      setLoading(false);
-    }, 500);
+    setLoading(false);
 
     setMessage("");
     setComponentsArray([]);
@@ -1487,6 +1507,8 @@ export const RetailerProductEdition = ({
       await loadData();
     } catch (error) {
       console.log(error);
+    } finally {
+      setLoading(false);
     }
   };