contentoh-components-library 21.3.40 → 21.3.41

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

@@ -395,105 +395,85 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       productEdit = _useState38[0],
       setProductEdit = _useState38[1];
 
-  var _useState39 = (0, _react.useState)(null),
+  var _useState39 = (0, _react.useState)(product === null || product === void 0 ? void 0 : product.version),
       _useState40 = (0, _slicedToArray2.default)(_useState39, 2),
-      icon = _useState40[0],
-      setIcon = _useState40[1];
+      version = _useState40[0],
+      setVersion = _useState40[1];
 
-  var _useState41 = (0, _react.useState)(product === null || product === void 0 ? void 0 : product.version),
-      _useState42 = (0, _slicedToArray2.default)(_useState41, 2),
-      version = _useState42[0],
-      setVersion = _useState42[1];
+  var _useState41 = (0, _react.useState)({}),
+      _useState42 = (0, _slicedToArray2.default)(_useState41, 1),
+      comments = _useState42[0];
 
-  var _useState43 = (0, _react.useState)({}),
-      _useState44 = (0, _slicedToArray2.default)(_useState43, 1),
-      comments = _useState44[0];
+  var _useState43 = (0, _react.useState)(""),
+      _useState44 = (0, _slicedToArray2.default)(_useState43, 2),
+      comment = _useState44[0],
+      setComment = _useState44[1];
 
-  var _useState45 = (0, _react.useState)(""),
+  var _useState45 = (0, _react.useState)(false),
       _useState46 = (0, _slicedToArray2.default)(_useState45, 2),
-      comment = _useState46[0],
-      setComment = _useState46[1];
+      crossComment = _useState46[0],
+      setCrossComment = _useState46[1];
 
-  var _useState47 = (0, _react.useState)(false),
+  var _useState47 = (0, _react.useState)([]),
       _useState48 = (0, _slicedToArray2.default)(_useState47, 2),
-      crossComment = _useState48[0],
-      setCrossComment = _useState48[1];
+      userGroups = _useState48[0],
+      setUserGroups = _useState48[1];
 
-  var _useState49 = (0, _react.useState)([]),
+  var _useState49 = (0, _react.useState)({}),
       _useState50 = (0, _slicedToArray2.default)(_useState49, 2),
-      userGroups = _useState50[0],
-      setUserGroups = _useState50[1];
+      assig = _useState50[0],
+      setAssig = _useState50[1];
 
-  var _useState51 = (0, _react.useState)({}),
+  var _useState51 = (0, _react.useState)([]),
       _useState52 = (0, _slicedToArray2.default)(_useState51, 2),
-      assig = _useState52[0],
-      setAssig = _useState52[1];
+      selectedImages = _useState52[0],
+      setSelectedImages = _useState52[1];
 
   var _useState53 = (0, _react.useState)([]),
       _useState54 = (0, _slicedToArray2.default)(_useState53, 2),
-      selectedImages = _useState54[0],
-      setSelectedImages = _useState54[1];
+      componentsArray = _useState54[0],
+      setComponentsArray = _useState54[1];
 
-  var _useState55 = (0, _react.useState)([]),
+  var _useState55 = (0, _react.useState)(false),
       _useState56 = (0, _slicedToArray2.default)(_useState55, 2),
-      componentsArray = _useState56[0],
-      setComponentsArray = _useState56[1];
-
-  var _useState57 = (0, _react.useState)(false),
-      _useState58 = (0, _slicedToArray2.default)(_useState57, 2),
-      checkAll = _useState58[0],
-      setCheckAll = _useState58[1];
+      checkAll = _useState56[0],
+      setCheckAll = _useState56[1];
 
   var isRetailer = user === null || user === void 0 ? void 0 : user.is_retailer;
 
-  var _useState59 = (0, _react.useState)(true),
-      _useState60 = (0, _slicedToArray2.default)(_useState59, 2),
-      loading = _useState60[0],
-      setLoading = _useState60[1];
+  var _useState57 = (0, _react.useState)(true),
+      _useState58 = (0, _slicedToArray2.default)(_useState57, 2),
+      loading = _useState58[0],
+      setLoading = _useState58[1];
 
-  var _useState61 = (0, _react.useState)(false),
-      _useState62 = (0, _slicedToArray2.default)(_useState61, 2),
-      validatedAll = _useState62[0],
-      setValidatedAll = _useState62[1];
+  var _useState59 = (0, _react.useState)(false),
+      _useState60 = (0, _slicedToArray2.default)(_useState59, 2),
+      validatedAll = _useState60[0],
+      setValidatedAll = _useState60[1];
 
   var originProp = location === null || location === void 0 ? void 0 : (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.origin;
 
-  var _useState63 = (0, _react.useState)({
+  var _useState61 = (0, _react.useState)({
     "Ficha técnica": originProp,
     Descripción: originProp,
     Imágenes: originProp
   }),
-      _useState64 = (0, _slicedToArray2.default)(_useState63, 2),
-      origin = _useState64[0],
-      setOrigin = _useState64[1];
-
-  var _useState65 = (0, _react.useState)(false),
-      _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
-      inCart = _useState66[0],
-      setInCart = _useState66[1];
-
-  var _useState67 = (0, _react.useState)(false),
-      _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
-      modalSent = _useState68[0],
-      setModalSent = _useState68[1];
-
-  var _useState69 = (0, _react.useState)(false),
-      _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
-      modalViewError = _useState70[0],
-      setModalViewError = _useState70[1];
+      _useState62 = (0, _slicedToArray2.default)(_useState61, 2),
+      origin = _useState62[0],
+      setOrigin = _useState62[1];
 
-  var _useState71 = (0, _react.useState)(false),
-      _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
-      showGenericModal = _useState72[0],
-      setShowGenericModal = _useState72[1];
+  var _useState63 = (0, _react.useState)(false),
+      _useState64 = (0, _slicedToArray2.default)(_useState63, 2),
+      inCart = _useState64[0],
+      setInCart = _useState64[1];
 
-  var _useState73 = (0, _react.useState)({
+  var _useState65 = (0, _react.useState)({
     message: "¿Estás seguro de continuar?",
     detail: " ".concat(user.is_retailer ? "Asegurate de haber revisado las tres secciones" : "Envíar el producto a la cadena"),
     button1: {
       name: "Cerrar",
       action: function action() {
-        return setModalViewTextArea(false);
+        return setGlobalModal();
       }
     },
     button2: {
@@ -504,35 +484,145 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     },
     img: _defaultProfileImage.default
   }),
-      _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
-      dataGenericModal = _useState74[0],
-      setDataGenericModal = _useState74[1];
-
-  var _useState75 = (0, _react.useState)(false),
-      _useState76 = (0, _slicedToArray2.default)(_useState75, 2),
-      modalViewTextArea = _useState76[0],
-      setModalViewTextArea = _useState76[1];
+      _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
+      dataGenericModal = _useState66[0],
+      setDataGenericModal = _useState66[1];
 
-  var _useState77 = (0, _react.useState)(null),
-      _useState78 = (0, _slicedToArray2.default)(_useState77, 2),
-      socketType = _useState78[0],
-      setSocketType = _useState78[1];
+  var _useState67 = (0, _react.useState)(null),
+      _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
+      socketType = _useState68[0],
+      setSocketType = _useState68[1];
 
-  var _useState79 = (0, _react.useState)(loading),
-      _useState80 = (0, _slicedToArray2.default)(_useState79, 2),
-      saving = _useState80[0],
-      setSaving = _useState80[1];
+  var _useState69 = (0, _react.useState)(loading),
+      _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
+      saving = _useState70[0],
+      setSaving = _useState70[1];
 
-  var _useState81 = (0, _react.useState)(product.statusByRetailer),
-      _useState82 = (0, _slicedToArray2.default)(_useState81, 2),
-      retailerStatus = _useState82[0],
-      setRetailerStatus = _useState82[1];
+  var _useState71 = (0, _react.useState)(product.statusByRetailer),
+      _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
+      retailerStatus = _useState72[0],
+      setRetailerStatus = _useState72[1];
 
   var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
       _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
       showVersionSelector = _useCloseModal2[0],
       setShowVersionSelector = _useCloseModal2[1];
 
+  var _useState73 = (0, _react.useState)(),
+      _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
+      globalModal = _useState74[0],
+      setGlobalModal = _useState74[1];
+
+  var showGlobalModal = (0, _react.useCallback)(function (type) {
+    var formatter = new Intl.ListFormat("es", {
+      type: "conjunction"
+    });
+
+    switch (type) {
+      case "error":
+        setGlobalModal({
+          message: "".concat(activeTab, " rechazada"),
+          detail: "Agrega tu comentarios para enviar el rechazo",
+          img: _errorModal.default,
+          textArea: true,
+          button1: {
+            name: "Enviar",
+            action: function action(e) {
+              var textArea = document.querySelector("#area");
+
+              if (textArea.value) {
+                textArea.style.border = "none";
+                createComment(e, textArea.value);
+                showGlobalModal("commentsSent");
+                validatedAll ? validateAll("R") : sendEvaluation("R");
+              } else {
+                textArea.style.border = "2px solid red";
+              }
+            }
+          }
+        });
+        break;
+
+      case "generic":
+        setGlobalModal(dataGenericModal);
+        break;
+
+      case "commentsSent":
+        setGlobalModal({
+          message: "Gracias, tus comentarios fueron entregados.",
+          detail: "Trabajaremos en conjunto para resolverlo.",
+          button1: {
+            name: "Cerrar",
+            action: function action() {
+              return setGlobalModal();
+            }
+          },
+          img: _defaultProfileImage.default,
+          textArea: false
+        });
+        break;
+
+      case "RAC":
+        var servicesRejected = [];
+        var translateServices = {
+          datasheet: '"ficha técnica"',
+          description: '"descripción"',
+          images: '"imágenes"'
+        };
+        Object.keys(translateServices).forEach(function (service) {
+          if (product["".concat(service, "_status")] === "RAC") {
+            servicesRejected.push(translateServices[service]);
+          }
+        });
+        var plural = ["Los servicios", "cumplen"];
+        var singular = ["El servicio", "cumple"];
+        var grammar = servicesRejected.length > 1 ? plural : singular;
+        var formatted = formatter.format(servicesRejected);
+        var text1 = "".concat(grammar[0], " de ").concat(formatted, " no ").concat(grammar[1], " con lo que la cadena necesita.");
+        var text2 = "\xA1Solicita el servicio de Content-oh! para completarlo!";
+        setGlobalModal({
+          message: "Tu producto no cumple con los requerimientos de la cadena",
+          customComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+              className: "generic-text",
+              children: [text1, /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), text2]
+            })
+          }),
+          button1: {
+            name: "Continuar",
+            action: function action() {
+              return setGlobalModal();
+            }
+          },
+          button2: {
+            name: "Solicitar a Content-oh!",
+            action: function action() {
+              return setGlobalModal();
+            }
+          },
+          img: _defaultProfileImage.default
+        });
+        break;
+
+      case "AAC":
+        setGlobalModal({
+          message: "Felicidades",
+          detail: "Tu producto cumple con los requerimientos de la cadena.",
+          button1: {
+            name: "Continuar",
+            action: function action() {
+              return setGlobalModal();
+            }
+          },
+          img: _defaultProfileImage.default
+        });
+        break;
+
+      default:
+        setGlobalModal();
+        break;
+    }
+  }, [activeTab, dataGenericModal]);
   (0, _react.useEffect)(function () {
     checkAll && setSelectedImages(images.values);
   }, [checkAll]);
@@ -709,6 +799,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       action: "orderImages",
       retailerId: activeRetailer.id
     });
+    if (["RAC", "AAC"].includes(product.article_status)) showGlobalModal(product.article_status);
   }, [product, version]);
   (0, _react.useEffect)(function () {
     setImages({
@@ -1117,25 +1208,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }
   };
 
-  var getSectionIcon = function getSectionIcon() {
-    switch (activeTab) {
-      case "Ficha técnica":
-        setIcon(_attributesSent.default);
-        break;
-
-      case "Descripción":
-        setIcon(_descriptionSent.default);
-        break;
-
-      case "Imágenes0,,":
-        setIcon(_uploadingImages.default);
-        break;
-
-      default:
-        break;
-    }
-  };
-
   var createComment = /*#__PURE__*/function () {
     var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(e, body, tab) {
       var concept, data;
@@ -1287,24 +1359,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     };
   }();
 
-  var evaluationComplete = function evaluationComplete(tab) {
-    var concept = getConcept(tab);
-    var serv = servicesData.filter(function (item) {
-      return item.service === concept;
-    });
-
-    if (["RequestWithContentoh", "RequestWithoutContentoh"].includes(origin[tab])) {
-      serv = serv.filter(function (f) {
-        return f.id_retailer === activeRetailer.id;
-      });
-    }
-
-    var statusArray = user.is_retailer === 1 ? ["ACA", "RCA"] : ["AP", "RP", "ACA"];
-    return serv.length > 0 && serv.every(function (item) {
-      return statusArray.includes(item.status);
-    });
-  };
-
   var downloadImages = function downloadImages() {
     var _images$values3;
 
@@ -1384,18 +1438,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }
   };
 
-  var confirmStatusComplete = function confirmStatusComplete() {
-    var datasheet_status = product.datasheet_status,
-        description_status = product.description_status,
-        images_status = product.images_status;
-    var completionStates = user.is_retailer === 1 ? ["ACA", "Evaluated", "NS"] : ["AP", "Evaluated", "NS"];
-    var dsEvaluated = completionStates.includes(datasheet_status);
-    var descsEvaluated = completionStates.includes(description_status);
-    var imgsEvaluated = completionStates.includes(images_status);
-    var AllEvaluated = dsEvaluated && descsEvaluated && imgsEvaluated;
-    return AllEvaluated;
-  };
-
   var sendEvaluation = /*#__PURE__*/function () {
     var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12(result) {
       var _productTemp$id_order;
@@ -1627,7 +1669,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               prod.product.services_status = "[\"".concat(statusComplete, "\",\"").concat(statusComplete, "\",\"").concat(statusComplete, "\"]");
               sessionStorage.setItem("productEdit", JSON.stringify(prod));
               setProduct(prod);
-              setShowGenericModal && setShowGenericModal(false);
+              showGlobalModal("generic");
               _context14.next = 15;
               return loadData();
 
@@ -1698,7 +1740,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
             }
           });
         });
-        setShowGenericModal(true);
+        showGlobalModal("generic");
       } else if (user.is_retailer) {
         if (product.id_order || product.orderId) {
           sendEvaluation("A");
@@ -1713,7 +1755,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               }
             });
           });
-          setShowGenericModal(true);
+          showGlobalModal("generic");
         }
       } else {
         sendEvaluation("A");
@@ -1724,7 +1766,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       } else if (user.is_retailer) {
         if (product.id_order || product.orderId) {
           setValidatedAll(true);
-          setModalViewError(true);
+          showGlobalModal("error");
         } else {
           setDataGenericModal(function (prev) {
             return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
@@ -1736,11 +1778,11 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               }
             });
           });
-          setShowGenericModal(true);
+          showGlobalModal("generic");
         }
       } else {
         setValidatedAll(true);
-        setModalViewError(true);
+        showGlobalModal("error");
       }
     }
   };
@@ -1801,7 +1843,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                   }
                 });
               });
-              setShowGenericModal(true);
+              showGlobalModal("generic");
             } else if (user.is_retailer) {
               if (product.id_order || product.orderId) {
                 validateAll("A");
@@ -1816,7 +1858,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                     }
                   });
                 });
-                setShowGenericModal(true);
+                showGlobalModal("generic");
               }
             } else {
               validateAll("A");
@@ -1828,7 +1870,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
             } else if (user.is_retailer) {
               if (product.id_order || product.orderId) {
                 setValidatedAll(true);
-                setModalViewError(true);
+                showGlobalModal("error");
               } else {
                 setDataGenericModal(function (prev) {
                   return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
@@ -1840,11 +1882,11 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                     }
                   });
                 });
-                setShowGenericModal(true);
+                showGlobalModal("generic");
               }
             } else {
               setValidatedAll(true);
-              setModalViewError(true);
+              showGlobalModal("error");
             }
           },
           approve: function approve() {
@@ -2026,64 +2068,11 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       onClick: function onClick() {
         return setMessage("");
       }
-    }), modalSent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlobalModal, {
-      close: function close() {
-        return setModalSent(false);
-      },
-      message: message,
-      detail: "",
-      bold: !evaluationComplete(activeTab) && "Aprueba / Rechaza",
-      widthImg: !evaluationComplete(activeTab) ? "160px" : "354px",
-      heightImg: !evaluationComplete(activeTab) ? "84px" : "354px",
-      img: getSectionIcon()
-    }), modalViewError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlobalModal, {
+    }), globalModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlobalModal, (0, _objectSpread3.default)({
       close: function close() {
-        return setModalViewError(false);
-      },
-      message: "".concat(activeTab, " rechazada"),
-      detail: "Agrega tu comentarios para enviar el rechazo",
-      button1: {
-        name: "Enviar",
-        action: function action(e) {
-          var textArea = document.querySelector("#area");
-
-          if (textArea.value) {
-            textArea.style.border = "none";
-            createComment(e, textArea.value);
-            setModalViewError(false);
-            setModalViewTextArea(true);
-            validatedAll ? validateAll("R") : sendEvaluation("R");
-          } else {
-            textArea.style.border = "2px solid red";
-          }
-        }
-      },
-      img: _errorModal.default,
-      textArea: true
-    }), showGenericModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlobalModal, {
-      close: function close() {
-        return setShowGenericModal(false);
-      },
-      message: dataGenericModal.message,
-      detail: dataGenericModal.detail,
-      button1: dataGenericModal.button1,
-      button2: dataGenericModal.button2,
-      img: dataGenericModal.img
-    }), modalViewTextArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlobalModal, {
-      close: function close() {
-        return setModalViewTextArea(false);
-      },
-      message: "Gracias, tus comentarios fueron entregados.",
-      detail: "Trabajaremos en conjunto para resolverlo.",
-      button1: {
-        name: "Cerrar",
-        action: function action() {
-          return setModalViewTextArea(false);
-        }
-      },
-      img: _defaultProfileImage.default,
-      textArea: false
-    }), showVersionSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionSelector.VersionSelector, {
+        return setGlobalModal();
+      }
+    }, globalModal)), showVersionSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionSelector.VersionSelector, {
       modalId: "version-selector",
       articleId: product.id_article,
       setVersion: setVersion,