contentoh-components-library 21.1.66 → 21.1.69

package/dist/components/organisms/VersionSelector/index.js

@@ -84,9 +84,21 @@ var VersionSelector = function VersionSelector(_ref) {
     };
   }();
 
-  (0, _react.useEffect)(function () {
-    loadProductVersions(articleId);
-  }, []);
+  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return loadProductVersions(articleId);
+
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })), []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     id: modalId,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -120,7 +132,7 @@ var VersionSelector = function VersionSelector(_ref) {
           currentVersion: item.version === currentVersion,
           productOwner: companyName,
           setVersion: setVersion
-        });
+        }, item.version);
       })
     })]
   });

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

@@ -99,6 +99,8 @@ var _VersionSelector = require("../../organisms/VersionSelector");
 
 var _customHooks = require("../../../global-files/customHooks");
 
+var _CreateVersion = require("../../organisms/CreateVersion");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var reducerImages = function reducerImages(state, action) {
@@ -478,6 +480,11 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       saving = _useState82[0],
       setSaving = _useState82[1];
 
+  var _useState83 = (0, _react.useState)(false),
+      _useState84 = (0, _slicedToArray2.default)(_useState83, 2),
+      showCreateVersion = _useState84[0],
+      setShowCreateVersion = _useState84[1];
+
   var _closeModals = (0, _customHooks.closeModals)("version-selector"),
       _closeModals2 = (0, _slicedToArray2.default)(_closeModals, 2),
       showVersionSelector = _closeModals2[0],
@@ -1981,7 +1988,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       articleId: product.id_article,
       setVersion: setVersion,
       companyName: company.company_name,
-      currentVersion: version
+      currentVersion: version,
+      setShowCreateVersion: setShowCreateVersion
+    }), showCreateVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CreateVersion.CreateVersion, {
+      idArticle: product.id_article,
+      version: version,
+      setShowCreateVersion: setShowCreateVersion
     })]
   });
 };

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

@@ -389,16 +389,16 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var isAuditor = user.id_role === 6;
 
-  var _closeModals = (0, _customHooks.closeModals)("version-selector"),
-      _closeModals2 = (0, _slicedToArray2.default)(_closeModals, 2),
-      showVersionSelector = _closeModals2[0],
-      setShowVersionSelector = _closeModals2[1];
-
   var _useState71 = (0, _react.useState)(false),
       _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
       showCreateVersion = _useState72[0],
       setShowCreateVersion = _useState72[1];
 
+  var _closeModals = (0, _customHooks.closeModals)("version-selector"),
+      _closeModals2 = (0, _slicedToArray2.default)(_closeModals, 2),
+      showVersionSelector = _closeModals2[0],
+      setShowVersionSelector = _closeModals2[1];
+
   (0, _react.useEffect)(function () {
     checkAll && setSelectedImages(images.values);
   }, [checkAll]);

package/dist/global-files/customHooks.js

@@ -18,6 +18,8 @@ var closeModals = function closeModals(id) {
       setShowModal = _useState2[1];
 
   var closeModal = function closeModal(e) {
+    e.stopPropagation();
+
     if ((!e.target.closest("#".concat(id)) || e.target.closest("#close-button") || e.target.closest("#add-version")) && showModal) {
       document.removeEventListener("click", closeModal);
       setShowModal(false);

package/package.json

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

package/src/components/organisms/VersionSelector/index.js

@@ -32,8 +32,8 @@ export const VersionSelector = ({
     }
   };
 
-  useEffect(() => {
-    loadProductVersions(articleId);
+  useEffect(async () => {
+    await loadProductVersions(articleId);
   }, []);
 
   return (
@@ -62,6 +62,7 @@ export const VersionSelector = ({
       <div className="versions-container">
         {versions?.map((item) => (
           <VersionItem
+            key={item.version}
             version={item.version}
             articleStatus={item.article_status}
             currentVersion={item.version === currentVersion}

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

@@ -42,6 +42,7 @@ 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 { CreateVersion } from "../../organisms/CreateVersion";
 
 const reducerImages = (state, action) => {
   let { values, attrForImgs } = state;
@@ -211,6 +212,7 @@ export const ProviderProductEdition = ({
   const [modalViewTextArea, setModalViewTextArea] = useState(false);
   const [socketType, setSocketType] = useState(null);
   const [saving, setSaving] = useState(loading);
+  const [showCreateVersion, setShowCreateVersion] = useState(false);
   const [showVersionSelector, setShowVersionSelector] =
     closeModals("version-selector");
 
@@ -1454,6 +1456,14 @@ export const ProviderProductEdition = ({
           setVersion={setVersion}
           companyName={company.company_name}
           currentVersion={version}
+          setShowCreateVersion={setShowCreateVersion}
+        />
+      )}
+      {showCreateVersion && (
+        <CreateVersion
+          idArticle={product.id_article}
+          version={version}
+          setShowCreateVersion={setShowCreateVersion}
         />
       )}
     </Container>

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

@@ -168,9 +168,9 @@ export const RetailerProductEdition = ({
   const [servicesStatus, setServicesStatus] = useState([]);
   const [saving, setSaving] = useState(loading);
   const isAuditor = user.id_role === 6;
+  const [showCreateVersion, setShowCreateVersion] = useState(false);
   const [showVersionSelector, setShowVersionSelector] =
     closeModals("version-selector");
-  const [showCreateVersion, setShowCreateVersion] = useState(false);
 
   useEffect(() => {
     checkAll && setSelectedImages(images.values);

package/src/global-files/customHooks.js

@@ -5,6 +5,7 @@ export const closeModals = (id) => {
   const [showModal, setShowModal] = useState(false);
 
   const closeModal = (e) => {
+    e.stopPropagation();
     if (
       (!e.target.closest(`#${id}`) ||
         e.target.closest("#close-button") ||
@@ -15,7 +16,6 @@ export const closeModals = (id) => {
       setShowModal(false);
     }
   };
-
   useEffect(() => {
     if (showModal) {
       document.addEventListener("click", closeModal);