contentoh-components-library 21.1.64 → 21.1.67

package/dist/assets/images/versionSelector/acceptIcon.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 4.48578 4.48578 0 10 0C15.5142 0 20 4.48578 20 10C20 15.5142 15.5142 20 10 20C4.48578 20 0 15.5142 0 10ZM9.65054 13.2973L15.0673 7.88074C15.393 7.55481 15.393 7.02823 15.0673 6.70245C14.7413 6.37653 14.2148 6.37653 13.889 6.70245L9.0614 11.5299L6.94226 9.41074C6.61633 9.08481 6.08975 9.08481 5.76398 9.41074C5.43805 9.73651 5.43805 10.2632 5.76398 10.589L8.47226 13.2973C8.63477 13.4598 8.84808 13.5416 9.0614 13.5416C9.27472 13.5416 9.48804 13.4598 9.65054 13.2973Z" fill="#71DE56"/>
+</svg>

package/dist/assets/images/versionSelector/addVersion.svg

@@ -0,0 +1,5 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line x1="6.72461" y1="10" x2="14.7246" y2="10" stroke="#E33AA9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<line x1="10.7246" y1="6" x2="10.7246" y2="14" stroke="#E33AA9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="1.22461" y="0.5" width="19.2749" height="19" rx="9.5" stroke="#D4D1D7"/>
+</svg>

package/dist/assets/images/versionSelector/closeVersionSelector.svg

@@ -0,0 +1,4 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line x1="0.707107" y1="1" x2="16" y2="16.2929" stroke="#E33AA9" stroke-linecap="round" stroke-linejoin="round"/>
+<line x1="16" y1="1.70711" x2="1.70711" y2="16" stroke="#E33AA9" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/images/versionSelector/createVersion.svg

@@ -0,0 +1,3 @@
+<svg width="73" height="73" viewBox="0 0 73 73" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1666 18.2497H6.08325V60.833C6.08325 64.1788 8.82075 66.9163 12.1666 66.9163H54.7499V60.833H12.1666V18.2497ZM60.8332 6.08301H24.3333C20.9874 6.08301 18.2499 8.82051 18.2499 12.1663V48.6663C18.2499 52.0122 20.9874 54.7497 24.3333 54.7497H60.8332C64.1791 54.7497 66.9166 52.0122 66.9166 48.6663V12.1663C66.9166 8.82051 64.1791 6.08301 60.8332 6.08301ZM57.7916 33.458H45.6249V45.6247H39.5416V33.458H27.3749V27.3747H39.5416V15.208H45.6249V27.3747H57.7916V33.458Z" fill="#817393"/>
+</svg>

package/dist/assets/images/versionSelector/nullIcon.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM15 11H5V9H15V11Z" fill="#817393"/>
+</svg>

package/dist/assets/images/versionSelector/versionSelected.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 0C6 0 1.73 3.11 0 7.5C1.73 11.89 6 15 11 15C16 15 20.27 11.89 22 7.5C20.27 3.11 16 0 11 0ZM11 12.5C8.24 12.5 6 10.26 6 7.5C6 4.74 8.24 2.5 11 2.5C13.76 2.5 16 4.74 16 7.5C16 10.26 13.76 12.5 11 12.5ZM11 4.5C9.34 4.5 8 5.84 8 7.5C8 9.16 9.34 10.5 11 10.5C12.66 10.5 14 9.16 14 7.5C14 5.84 12.66 4.5 11 4.5Z" fill="#D4D1D7"/>
+</svg>

package/dist/components/organisms/CreateVersion/RenderChilds.js

@@ -28,7 +28,7 @@ var Children = function Children(step, setStep, versions, selectedVersions, _onC
     case "version-options":
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.VersionOptions, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          src: createVersion,
+          src: _createVersion.default,
           alt: "create version icon"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
           fontFamily: _variables.FontFamily.Raleway_500,

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

@@ -146,9 +146,21 @@ var CreateVersion = function CreateVersion(_ref) {
     setSelectedVersions((0, _objectSpread3.default)((0, _objectSpread3.default)({}, selectedVersions), {}, (0, _defineProperty2.default)({}, e.target.name, parseInt(e.target.value.slice(-1)))));
   };
 
-  (0, _react.useEffect)(function () {
-    getVersions();
-  }, []);
+  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+    return _regenerator.default.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return getVersions();
+
+          case 2:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  })), []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "modal-container",

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/global-styles.css

@@ -12,6 +12,7 @@ body.sb-main-padded.sb-show-main {
   padding: 0;
   height: 100vh;
   overflow: hidden;
+  position: relative;
 }
 
 .sb-main-padded.sb-show-main #root {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.1.64",
+  "version": "21.1.67",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
@@ -34,7 +34,7 @@
   },
   "scripts": {
     "start": "start-storybook  -p 6006",
-    "build": "cross-env BABEL_ENV=production babel src -d dist",
+    "build": "cross-env BABEL_ENV=production babel src -d dist && cp -a src/assets dist/ && cp -a src/global-files/*.css dist/global-files",
     "chromatic": "npx chromatic --project-token=d7bb0c8ba831",
     "release": "auto shipit --base-branch=main"
   },

package/src/components/organisms/CreateVersion/RenderChilds.js

@@ -2,7 +2,7 @@ import { GlobalColors, FontFamily } from "../../../global-files/variables";
 import { Button } from "../../atoms/GeneralButton";
 import { ScreenHeader } from "../../atoms/ScreenHeader";
 import { VersionOptions, EmptyVersion, CreateVersion } from "./styles";
-import createVersion from "../../../assets/images/versionSelector/createVersion.svg";
+import createVersionImg from "../../../assets/images/versionSelector/createVersion.svg";
 import genericModalWarning from "../../../assets/images/genericModal/genericModalWarning.svg";
 import { VersionSelect } from "../../atoms/Select/VersionSelect";
 
@@ -18,7 +18,7 @@ export const Children = (
     case "version-options":
       return (
         <VersionOptions>
-          <img src={createVersion} alt="create version icon" />
+          <img src={createVersionImg} alt="create version icon" />
           <ScreenHeader
             fontFamily={FontFamily.Raleway_500}
             headerType={"product-name-header"}

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

@@ -33,7 +33,7 @@ export const CreateVersion = ({ idArticle, version, setShowCreateVersion }) => {
     try {
       let data = {
         articleId: idArticle,
-        isEmpty
+        isEmpty,
       };
 
       isEmpty && (data["version"] = selectedVersions);
@@ -59,8 +59,8 @@ export const CreateVersion = ({ idArticle, version, setShowCreateVersion }) => {
     });
   };
 
-  useEffect(() => {
-    getVersions();
+  useEffect(async () => {
+    await getVersions();
   }, []);
 
   return (

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