contentoh-components-library 21.1.83 → 21.1.86

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

@@ -13,6 +13,8 @@ var _styles = require("./styles");
 
 var _react = require("react");
 
+var _customHooks = require("../../../global-files/customHooks");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var SliderToolTip = function SliderToolTip(_ref) {
@@ -21,23 +23,10 @@ var SliderToolTip = function SliderToolTip(_ref) {
       iconSize = _ref.iconSize,
       slidePosition = _ref.slidePosition;
 
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showMenu = _useState2[0],
-      setShowMenu = _useState2[1];
-
-  var closeMenu = function closeMenu(e) {
-    if (!e.target.closest("#div-slider") && showMenu) {
-      document.removeEventListener("click", closeMenu, false);
-      setShowMenu(false);
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    if (showMenu) {
-      document.addEventListener("click", closeMenu, false);
-    }
-  }, [showMenu]);
+  var _useCloseModal = (0, _customHooks.useCloseModal)("div-slider"),
+      _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
+      showMenu = _useCloseModal2[0],
+      setShowMenu = _useCloseModal2[1];
 
   var color = function color(id) {
     for (var i = 1; i <= slidefront.length; i++) {
@@ -62,11 +51,9 @@ var SliderToolTip = function SliderToolTip(_ref) {
         alt: "info icon",
         className: iconSize,
         onClick: function onClick(e) {
-          setShowMenu(!showMenu);
-
-          if (showMenu) {
-            document.removeEventListener("click", closeMenu, false);
-          }
+          e.stopPropagation();
+          e.preventDefault();
+          setShowMenu(true);
         }
       }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Slider, {
         id: "div-slider",
@@ -92,7 +79,6 @@ var SliderToolTip = function SliderToolTip(_ref) {
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
                   id: "button-slide",
                   onClick: function onClick(e) {
-                    document.removeEventListener("click", closeMenu, false);
                     setShowMenu(false);
                   },
                   children: "Cerrar"

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

@@ -13,9 +13,9 @@ var Status = function Status(_ref) {
   var statusType = _ref.statusType,
       ovalForm = _ref.ovalForm;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: "status-".concat(statusType.replace(/\/.*/, ""), " ").concat(ovalForm && "oval-form"),
+    className: "status-".concat(statusType === null || statusType === void 0 ? void 0 : statusType.replace(/\/.*/, ""), " ").concat(ovalForm && "oval-form"),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: statusType
+      children: statusType !== null && statusType !== void 0 ? statusType : 'NS'
     })
   });
 };

package/dist/components/molecules/StatusAsignationInfo/index.js

@@ -146,7 +146,10 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
           imageType: "small-image",
           image: (0, _data.getProfilePicture)(assignation.id, 20, 20),
           altText: "user profile image",
-          onClick: function onClick() {
+          onClick: function onClick(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            console.log(e.target);
             setShowAsignationPanel(true);
             setAssignationType(assignation === null || assignation === void 0 ? void 0 : assignation.collaboratorType);
           }

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

@@ -348,8 +348,9 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       setIcon = _useState40[1];
 
   var _useState41 = (0, _react.useState)(product === null || product === void 0 ? void 0 : product.version),
-      _useState42 = (0, _slicedToArray2.default)(_useState41, 1),
-      version = _useState42[0];
+      _useState42 = (0, _slicedToArray2.default)(_useState41, 2),
+      version = _useState42[0],
+      setVersion = _useState42[1];
 
   var _useState43 = (0, _react.useState)({}),
       _useState44 = (0, _slicedToArray2.default)(_useState43, 1),
@@ -474,10 +475,10 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       showCreateVersion = _useState82[0],
       setShowCreateVersion = _useState82[1];
 
-  var _closeModals = (0, _customHooks.closeModals)("version-selector"),
-      _closeModals2 = (0, _slicedToArray2.default)(_closeModals, 2),
-      showVersionSelector = _closeModals2[0],
-      setShowVersionSelector = _closeModals2[1];
+  var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
+      _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
+      showVersionSelector = _useCloseModal2[0],
+      setShowVersionSelector = _useCloseModal2[1];
 
   (0, _react.useEffect)(function () {
     checkAll && setSelectedImages(images.values);
@@ -1765,7 +1766,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
           }
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
           tabsSections: tabsSections,
-          status: activeRetailer.id && retailerStatus ? retailerStatus[activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id][getConcept(activeTab)] || "NS" : "-",
+          status: activeRetailer.id ? retailerStatus[activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id][getConcept(activeTab)] || "NS" : "-",
           activeTab: activeTab,
           setActiveTab: setActiveTab,
           setImageLayout: setImageLayout,

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

@@ -1791,7 +1791,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               default:
                 break;
             }
-          }
+          },
+          canAssign: ![7, 8].includes(user.id_role)
         }), /*#__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, {

package/package.json

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

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

@@ -1,5 +1,6 @@
 import { Container, Slider } from "./styles";
 import { useEffect, useState } from "react";
+import { useCloseModal } from "../../../global-files/customHooks";
 
 export const SliderToolTip = ({
   infoIcon,
@@ -7,19 +8,8 @@ export const SliderToolTip = ({
   iconSize,
   slidePosition,
 }) => {
-  const [showMenu, setShowMenu] = useState(false);
- 
-  const closeMenu = (e) => {
-    if (!e.target.closest("#div-slider") && showMenu) {
-      document.removeEventListener("click", closeMenu, false);
-      setShowMenu(false);
-    }
-  };
-  useEffect(() => {
-    if (showMenu) {
-      document.addEventListener("click", closeMenu, false);
-    }
-  }, [showMenu]);
+  const [showMenu, setShowMenu] = useCloseModal("div-slider");
+
   const color = (id) => {
     for (let i = 1; i <= slidefront.length; i++) {
       if (id === `slidea${i}`) {
@@ -43,10 +33,9 @@ export const SliderToolTip = ({
           alt="info icon"
           className={iconSize}
           onClick={(e) => {
-            setShowMenu(!showMenu);
-            if (showMenu) {
-              document.removeEventListener("click", closeMenu, false);
-            }
+            e.stopPropagation();
+            e.preventDefault();
+            setShowMenu(true);
           }}
         />
         {showMenu && (
@@ -73,11 +62,6 @@ export const SliderToolTip = ({
                       <button
                         id="button-slide"
                         onClick={(e) => {
-                          document.removeEventListener(
-                            "click",
-                            closeMenu,
-                            false
-                          );
                           setShowMenu(false);
                         }}
                       >

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

@@ -3,11 +3,11 @@ import { Container } from "./styles";
 export const Status = ({ statusType, ovalForm }) => {
   return (
     <Container
-      className={`status-${statusType.replace(/\/.*/, "")} ${
+      className={`status-${statusType?.replace(/\/.*/, "")} ${
         ovalForm && "oval-form"
       }`}
     >
-      <p>{statusType}</p>
+      <p>{statusType ?? 'NS'}</p>
     </Container>
   );
 };

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

@@ -122,7 +122,10 @@ export const StatusAsignationInfo = ({
             imageType={"small-image"}
             image={getProfilePicture(assignation.id, 20, 20)}
             altText="user profile image"
-            onClick={() => {
+            onClick={(e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              console.log(e.target);
               setShowAsignationPanel(true);
               setAssignationType(assignation?.collaboratorType);
             }}

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

@@ -41,7 +41,7 @@ import Slide1_3 from "../../../assets/images/sliderToolTip/slide3.svg";
 import Slide1_4 from "../../../assets/images/sliderToolTip/slide4.svg";
 import Slide1_5 from "../../../assets/images/sliderToolTip/slide5.svg";
 import { VersionSelector } from "../../organisms/VersionSelector";
-import { closeModals } from "../../../global-files/customHooks";
+import { useCloseModal } from "../../../global-files/customHooks";
 import { CreateVersion } from "../../organisms/CreateVersion";
 
 const reducerImages = (state, action) => {
@@ -164,7 +164,7 @@ export const ProviderProductEdition = ({
       : productToEdit
   );
   const [icon, setIcon] = useState(null);
-  const [version] = useState(product?.version);
+  const [version, setVersion] = useState(product?.version);
   const [comments] = useState({});
   const [comment, setComment] = useState("");
   const [crossComment, setCrossComment] = useState(false);
@@ -211,7 +211,7 @@ export const ProviderProductEdition = ({
   );
   const [showCreateVersion, setShowCreateVersion] = useState(false);
   const [showVersionSelector, setShowVersionSelector] =
-    closeModals("version-selector");
+    useCloseModal("version-selector");
 
   useEffect(() => {
     checkAll && setSelectedImages(images.values);
@@ -1170,7 +1170,7 @@ export const ProviderProductEdition = ({
           <FullTabsMenu
             tabsSections={tabsSections}
             status={
-              activeRetailer.id && retailerStatus
+              activeRetailer.id
                 ? retailerStatus[activeRetailer?.id][getConcept(activeTab)] ||
                   "NS"
                 : "-"

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

@@ -1267,6 +1267,7 @@ export const RetailerProductEdition = ({
                   break;
               }
             }}
+            canAssign={![7, 8].includes(user.id_role)}
           />
           <div
             className={