contentoh-components-library 21.1.84 → 21.1.87

package/dist/components/pages/RegistrationLoginFirstStep/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  height: 100vh;\n  .user {\n    .name-registration-user {\n      display: flex;\n      justify-content: space-between;\n      input {\n        width: 160px;\n      }\n    }\n    .input-name-header {\n      margin-bottom: 4px;\n      margin-top: 12px;\n    }\n    .phone-registration-user {\n      display: flex;\n      justify-content: space-between;\n      .phone-options {\n        width: 80px;\n      }\n      input {\n        width: 100%;\n      }\n      & + * {\n        margin-top: 10px;\n      }\n    }\n    .country-options,\n    .phone-options {\n      width: 100%;\n      border: 1px solid ", ";\n      font-family: ", ";\n      color: ", ";\n      font-weight: normal;\n      font-size: 12px;\n      line-height: 15px;\n      padding: 10px;\n      outline: none;\n      border-radius: 2px;\n      resize: none;\n      &:focus {\n        border: 1px solid ", ";\n      }\n    }\n  }\n  .button-end {\n    text-align: end;\n    .general-default-button {\n      width: 160px;\n    }\n    & + * {\n      margin-top: 10px;\n    }\n  }\n  .progress-bar {\n    width: 100%;\n    height: 8px;\n    display: flex;\n    justify-content: space-between;\n    .progress-bar-first-step {\n      width: 33.33%;\n      background-color: rgb(196, 196, 196);\n    }\n    .progress-bar-registration {\n      background-color: rgb(226, 226, 226);\n      width: 66.66%;\n    }\n  }\n  .date-header {\n    .new-login {\n      & + * {\n        margin-top: 20px;\n      }\n    }\n  }\n  .home-login-retailer,\n  .home-retailer {\n    width: 50%;\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.magenta_s2);
+
+exports.Container = Container;

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

@@ -38,45 +38,52 @@ RetailerProductEditionDefault.args = {
       descriptions: 1,
       images: 1
     },
-    orderId: 131,
-    status: "AA",
-    datasheet_status: "AA",
+    orderId: 2426,
+    status: "AS",
+    datasheet_status: "AS",
     prio: "none",
     version: 2,
-    description_status: "AA",
-    images_status: "AA",
+    description_status: "AS",
+    images_status: "AS",
     article: {
-      id_article: 76201,
-      id_category: "632",
-      name: "DEMO SB BAA PLAY CR SM FP PANDAS",
-      upc: "7501816169170",
-      timestamp: "2022-07-25T20:42:40.000Z",
-      id_user: 119,
+      id_article: 78738,
+      id_category: "2427",
+      name: "INTERRUPTOR TERMOMAGNETICO IUSA 2P 15A",
+      upc: "157126",
+      timestamp: "2022-08-01T18:28:05.000Z",
+      id_user: 651,
       status: "NULL",
       active: 1,
-      company_id: 841,
-      company_name: "Financiado Bodega",
-      country: "México",
-      id_order: 131,
-      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_auditor: 30,
+      company_id: 388,
+      SKU: null,
+      Descripcion: null,
+      Proveedor: null,
+      id_proveedor: 0,
+      company_name: "",
+      country: null,
+      id_order: 2426,
+      id_datasheet_especialist: 1248,
+      id_datasheet_facilitator: 1252,
+      id_description_especialist: 1248,
+      id_description_facilitator: 1252,
+      id_images_especialist: 1251,
+      id_images_facilitator: 1286,
+      id_auditor: 1254,
       id_recepcionist: null,
-      category: "Ropa, Accesorios, Fragancias y Joyería|Ropa Bebés|Bebé Niña",
-      missingAttributes: 0,
-      missingDescriptions: 0,
-      missingImages: 0
+      category: "Eléctrico|Centros de Carga e Interruptores|Interruptores de Seguridad",
+      missingAttributes: null,
+      missingDescriptions: null,
+      missingImages: null
     },
     retailers: [{
-      id: 13,
-      name: "Soriana"
+      id: 58,
+      name: "The Home Depot Golden",
+      country: "México",
+      id_region: 1,
+      active: 1
     }],
-    country: "México",
-    upc: "7501816169170"
+    country: null,
+    upc: "157126"
   },
   location: {
     product: {
@@ -85,16 +92,16 @@ RetailerProductEditionDefault.args = {
     }
   },
   user: {
-    id_user: 51,
-    name: "ADMIN PRUEBA",
-    last_name: "",
-    email: "etc@contentoh.com",
-    position: null,
+    id_user: 460,
+    name: "Ismael",
+    last_name: "López",
+    email: "ilopez@contentoh.com",
+    position: "Desarrollador",
     telephone: null,
-    country: null,
-    id_company: 2,
-    id_cognito: "a6c4d3d6-24a4-41d4-ad0f-d087438ab5b6",
-    birth_Date: null,
+    country: "México",
+    id_company: 254,
+    id_cognito: "9d0cc5c8-a89e-4bdd-9e2d-358a01cc9a62",
+    birth_Date: "1997-08-15T00:00:00.000Z",
     about_me: null,
     zip_code: null,
     address: null,
@@ -103,18 +110,18 @@ RetailerProductEditionDefault.args = {
     id_role: 1,
     active: 1,
     is_retailer: 0,
-    email_notify: 0,
+    email_notify: 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"
+      id: 750,
+      start_date: "2022-01-07T21:32:54.000Z",
+      end_date: "2023-01-07T21:32:54.000Z",
+      planID: 6,
+      plan: "prod_KvGd6YSTJyR3AP",
+      name: "Plan Small",
+      user_limit: "10",
+      products_limit: "1000",
+      type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-51/51.png?1658991766462"
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-460/460.png?1659463389000"
   }
 };

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

@@ -392,10 +392,10 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       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];
+  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);
@@ -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, {
@@ -1914,7 +1915,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       setVersion: setVersion,
       companyName: product.article.company_name,
       currentVersion: version,
-      setShowCreateVersion: setShowCreateVersion
+      setShowCreateVersion: setShowCreateVersion,
+      setShowVersionSelector: setShowVersionSelector
     }), showCreateVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CreateVersion.CreateVersion, {
       idArticle: product.article.id_article,
       version: version,

package/dist/global-files/customHooks.js

@@ -5,31 +5,38 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.closeModals = void 0;
+exports.useCloseModal = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
 var _react = require("react");
 
-var closeModals = function closeModals(id) {
+var useCloseModal = function useCloseModal(id) {
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       showModal = _useState2[0],
       setShowModal = _useState2[1];
 
-  (0, _react.useEffect)(function () {
-    var closeModal = function closeModal(e) {
-      if ((!e.target.closest("#".concat(id)) || e.target.closest("#close-button") || e.target.closest("#add-version")) && showModal) {
-        document.removeEventListener("click", closeModal);
-        setShowModal(false);
-      }
-    };
+  var closeModal = function closeModal(e) {
+    e.stopPropagation();
+    e.preventDefault();
+
+    if (!e.target.closest("#".concat(id)) && showModal) {
+      document.removeEventListener("click", closeModal, false);
+      setShowModal(false);
+    }
+  };
 
+  (0, _react.useEffect)(function () {
     if (showModal) {
-      document.addEventListener("click", closeModal);
+      document.addEventListener("click", closeModal, false);
     }
+
+    return function () {
+      document.removeEventListener("click", closeModal, false);
+    };
   }, [showModal]);
   return [showModal, setShowModal];
 };
 
-exports.closeModals = closeModals;
+exports.useCloseModal = useCloseModal;

package/dist/global-files/data.js

@@ -280,6 +280,7 @@ var getNewStatus = function getNewStatus(statusArray) {
   statusArray.forEach(function (element) {
     return lookupString += element + "/";
   });
+  if (lookupString.includes("AS")) return "AS";
   if (lookupString.includes("RCA")) return "RCA";
   if (lookupString.includes("RC")) return "RC";
   if (lookupString.includes("RA")) return "RA";

package/package.json

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

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

@@ -6,7 +6,7 @@ import requesToProvider from "../../../assets/images/asignationOptions/requestTo
 import requestToTeam from "../../../assets/images/asignationOptions/requestToTeam.svg";
 import availableIcon from "../../../assets/images/asignationOptions/availableIcon.svg";
 import { getNewStatus } from "../../../global-files/data";
-import { Status } from "../Status";
+import { Status } from "../../atoms/Status";
 
 export const AsignationOption = ({
   profileImage,

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

@@ -22,7 +22,10 @@ export const InputFormatter = ({
   const maxLength = maxChar ? maxChar : 999;
 
   const getValue = (value) => {
-    let temp = value.replace(/\n/gm, "<br>").replace(/&/gm, "&amp;");
+    let temp = value
+      .replace(/\n/gm, "<br>")
+      .replace(/&/gm, "&amp;")
+      .replace(/&nbsp;/gm, " ");
     return temp;
   };
 
@@ -37,7 +40,8 @@ export const InputFormatter = ({
     return value
       .replace(/<\/p><p>/gm, "\n")
       .replace(/<\/?br>|<\/?p>/gm, "")
-      .replace(/&amp;/gm, "&");
+      .replace(/&amp;/gm, "&")
+      .replace(/&nbsp;/gm, " ");
   };
 
   const onChange = (valueInput, delta, user, h) => {
@@ -48,7 +52,8 @@ export const InputFormatter = ({
           .replace(/<li.*?>/gm, "   - ")
           .replace(/<\/li>/gm, "\n")
           .replace(/<\/p><p>/gm, "\n")
-          .replaceAll(/<\/?(?!\/?strong).*?>/gm, "");
+          .replaceAll(/<\/?(?!\/?strong).*?>/gm, "")
+          .replace(/&nbsp;/gm, " ");
         setInputValue(valueInput);
         value = unformattedText;
       } else {

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

@@ -7,7 +7,7 @@ export const Status = ({ statusType, ovalForm }) => {
         ovalForm && "oval-form"
       }`}
     >
-      <p>{statusType ?? '-'}</p>
+      <p>{statusType ?? "NS"}</p>
     </Container>
   );
 };

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

@@ -76,7 +76,9 @@ export const StatusAsignationInfo = ({
       />
       <Button
         buttonType={"general circular-button version-button"}
-        onClick={() => {
+        onClick={(e) => {
+          e.stopPropagation();
+          e.preventDefault();
           setShowVersionSelector(true);
         }}
         label={`V${version}`}
@@ -120,7 +122,9 @@ export const StatusAsignationInfo = ({
             imageType={"small-image"}
             image={getProfilePicture(assignation.id, 20, 20)}
             altText="user profile image"
-            onClick={() => {
+            onClick={(e) => {
+              e.preventDefault();
+              e.stopPropagation();
               setShowAsignationPanel(true);
               setAssignationType(assignation?.collaboratorType);
             }}

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

@@ -16,8 +16,9 @@ export const VersionSelector = ({
   companyName,
   currentVersion,
   setShowCreateVersion,
+  setShowVersionSelector,
 }) => {
-  const [versions, setVersions] = useState();
+  const [versions, setVersions] = useState([]);
 
   const loadProductVersions = async (articleId) => {
     try {
@@ -32,8 +33,13 @@ export const VersionSelector = ({
     }
   };
 
-  useEffect(async () => {
-    await loadProductVersions(articleId);
+  useEffect(() => {
+    loadProductVersions(articleId);
+
+    return () => {
+      setVersions([]);
+      setShowCreateVersion(false);
+    };
   }, []);
 
   return (
@@ -55,6 +61,7 @@ export const VersionSelector = ({
           <Button
             image={closeIcon}
             buttonType={"circular-button"}
+            onClick={() => setShowVersionSelector(false)}
             id="close-button"
           />
         </div>

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

@@ -10,6 +10,7 @@ export const Container = styled.div`
   position: absolute;
   right: 0;
   top: 0;
+  z-index: 500;
 
   .versions-header {
     display: flex;

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);

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

@@ -23,62 +23,70 @@ RetailerProductEditionDefault.args = {
       descriptions: 1,
       images: 1,
     },
-    orderId: 131,
-    status: "AA",
-    datasheet_status: "AA",
+    orderId: 2426,
+    status: "AS",
+    datasheet_status: "AS",
     prio: "none",
     version: 2,
-    description_status: "AA",
-    images_status: "AA",
+    description_status: "AS",
+    images_status: "AS",
     article: {
-      id_article: 76201,
-      id_category: "632",
-      name: "DEMO SB BAA PLAY CR SM FP PANDAS",
-      upc: "7501816169170",
-      timestamp: "2022-07-25T20:42:40.000Z",
-      id_user: 119,
+      id_article: 78738,
+      id_category: "2427",
+      name: "INTERRUPTOR TERMOMAGNETICO IUSA 2P 15A",
+      upc: "157126",
+      timestamp: "2022-08-01T18:28:05.000Z",
+      id_user: 651,
       status: "NULL",
       active: 1,
-      company_id: 841,
-      company_name: "Financiado Bodega",
-      country: "México",
-      id_order: 131,
-      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_auditor: 30,
+      company_id: 388,
+      SKU: null,
+      Descripcion: null,
+      Proveedor: null,
+      id_proveedor: 0,
+      company_name: "",
+      country: null,
+      id_order: 2426,
+      id_datasheet_especialist: 1248,
+      id_datasheet_facilitator: 1252,
+      id_description_especialist: 1248,
+      id_description_facilitator: 1252,
+      id_images_especialist: 1251,
+      id_images_facilitator: 1286,
+      id_auditor: 1254,
       id_recepcionist: null,
-      category: "Ropa, Accesorios, Fragancias y Joyería|Ropa Bebés|Bebé Niña",
-      missingAttributes: 0,
-      missingDescriptions: 0,
-      missingImages: 0,
+      category:
+        "Eléctrico|Centros de Carga e Interruptores|Interruptores de Seguridad",
+      missingAttributes: null,
+      missingDescriptions: null,
+      missingImages: null,
     },
     retailers: [
       {
-        id: 13,
-        name: "Soriana",
+        id: 58,
+        name: "The Home Depot Golden",
+        country: "México",
+        id_region: 1,
+        active: 1,
       },
     ],
-    country: "México",
-    upc: "7501816169170",
+    country: null,
+    upc: "157126",
   },
   location: {
     product: { articleId: 109485, versionId: 3 },
   },
   user: {
-    id_user: 51,
-    name: "ADMIN PRUEBA",
-    last_name: "",
-    email: "etc@contentoh.com",
-    position: null,
+    id_user: 460,
+    name: "Ismael",
+    last_name: "López",
+    email: "ilopez@contentoh.com",
+    position: "Desarrollador",
     telephone: null,
-    country: null,
-    id_company: 2,
-    id_cognito: "a6c4d3d6-24a4-41d4-ad0f-d087438ab5b6",
-    birth_Date: null,
+    country: "México",
+    id_company: 254,
+    id_cognito: "9d0cc5c8-a89e-4bdd-9e2d-358a01cc9a62",
+    birth_Date: "1997-08-15T00:00:00.000Z",
     about_me: null,
     zip_code: null,
     address: null,
@@ -87,18 +95,18 @@ RetailerProductEditionDefault.args = {
     id_role: 1,
     active: 1,
     is_retailer: 0,
-    email_notify: 0,
+    email_notify: 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",
+      id: 750,
+      start_date: "2022-01-07T21:32:54.000Z",
+      end_date: "2023-01-07T21:32:54.000Z",
+      planID: 6,
+      plan: "prod_KvGd6YSTJyR3AP",
+      name: "Plan Small",
+      user_limit: "10",
+      products_limit: "1000",
+      type: "Enterprise",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-51/51.png?1658991766462",
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-460/460.png?1659463389000",
   },
 };

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

@@ -31,7 +31,7 @@ import { Loading } from "../../atoms/Loading";
 import succes from "../../../assets/images/genericModal/genericModalCheck.svg";
 import errorModal from "../../../assets/images/genericModal/errorModal.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) => {
@@ -169,7 +169,7 @@ export const RetailerProductEdition = ({
   const isAuditor = user.id_role === 6;
   const [showCreateVersion, setShowCreateVersion] = useState(false);
   const [showVersionSelector, setShowVersionSelector] =
-    closeModals("version-selector");
+    useCloseModal("version-selector");
 
   useEffect(() => {
     checkAll && setSelectedImages(images.values);
@@ -1267,6 +1267,7 @@ export const RetailerProductEdition = ({
                   break;
               }
             }}
+            canAssign={![7, 8].includes(user.id_role)}
           />
           <div
             className={
@@ -1440,6 +1441,7 @@ export const RetailerProductEdition = ({
           companyName={product.article.company_name}
           currentVersion={version}
           setShowCreateVersion={setShowCreateVersion}
+          setShowVersionSelector={setShowVersionSelector}
         />
       )}
       {showCreateVersion && (