contentoh-components-library 21.4.82 → 21.4.83

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

@@ -15,8 +15,6 @@ var _index3 = require("../../atoms/ProgressBar/index");
 
 var _index4 = require("../../atoms/PriorityFlag/index");
 
-var _index5 = require("../../atoms/ObservationFlag/index");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var ProductNameHeader = function ProductNameHeader(_ref) {
@@ -24,9 +22,7 @@ var ProductNameHeader = function ProductNameHeader(_ref) {
       statusType = _ref.statusType,
       priority = _ref.priority,
       date = _ref.date,
-      percentRequired = _ref.percentRequired,
-      productObservation = _ref.productObservation;
-  var typeFlag = productObservation !== null && productObservation !== "" ? "high" : "low";
+      percentRequired = _ref.percentRequired;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       headerType: "product-name-header",
@@ -37,9 +33,8 @@ var ProductNameHeader = function ProductNameHeader(_ref) {
       percent: percentRequired,
       progressBarType: statusType,
       percentRequired: percentRequired
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.ObservationFlag, {
-      observation: typeFlag,
-      contentObservation: productObservation
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.PriorityFlag, {
+      priority: priority
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       headerType: "date-header",
       text: date

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

@@ -135,7 +135,6 @@ var EditGroup = function EditGroup(_ref) {
       shouldClose = _useState20[0],
       setShouldClose = _useState20[1];
 
-  var modalRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {}, [groups]);
   (0, _react.useEffect)(function () {
     loadData();
@@ -457,8 +456,6 @@ var EditGroup = function EditGroup(_ref) {
       in: show,
       timeout: 400,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-        ref: modalRef,
-        open: show,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "contentModal",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

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

@@ -34,8 +34,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
       approveAll = _ref.approveAll,
       rejectAll = _ref.rejectAll,
       servicesData = _ref.servicesData,
-      showApproveRejectAll = _ref.showApproveRejectAll,
-      productObservation = _ref.productObservation;
+      showApproveRejectAll = _ref.showApproveRejectAll;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -69,7 +68,6 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
       percentRequired: percent,
       percent: percent === null || percent === void 0 ? void 0 : percent.toFixed(0),
       priority: headerData === null || headerData === void 0 ? void 0 : headerData.prio,
-      productObservation: productObservation,
       date: getTime((headerData === null || headerData === void 0 ? void 0 : (_headerData$article2 = headerData.article) === null || _headerData$article2 === void 0 ? void 0 : _headerData$article2.timestamp) || (headerData === null || headerData === void 0 ? void 0 : headerData.timestamp))
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "features-bar-container",

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

@@ -1,101 +1,169 @@
-// import { Container } from "./styles";
-// import axios from "axios";
-// import { useEffect, useState } from "react";
-// import { ScreenHeader } from "../../atoms/ScreenHeader";
-// import { Button } from "../../atoms/GeneralButton";
-// import addVersion from "../../../assets/images/versionSelector/addVersion.svg";
-// import closeIcon from "../../../assets/images/versionSelector/closeVersionSelector.svg";
-// import { GlobalColors } from "../../../../dist/global-files/variables";
-// import { FontFamily } from "../../../global-files/variables";
-// import { VersionItem } from "../../molecules/VersionItem";
-// import { CreateVersion } from "../../organisms/CreateVersion";
-// import { useCloseModal } from "../../../global-files/customHooks";
-// export const VersionSelector = ({
-//   modalId,
-//   articleId,
-//   setVersion,
-//   companyName,
-//   currentVersion,
-//   setShowVersionSelector,
-//   jwt,
-// }) => {
-//   const [versions, setVersions] = useState([]);
-//   const [showCreateVersion, setShowCreateVersion] =
-//     useCloseModal("create-version");
-//   const [reload, setReload] = useState(false);
-//   const loadProductVersions = async (articleId) => {
-//     try {
-//       const response = await axios.get(
-//         `${process.env.REACT_APP_VERSIONS_ENDPOINT}?articleId=${articleId}&provider=true`,
-//         {
-//           headers: {
-//             Authorization: jwt,
-//           },
-//         }
-//       );
-//       const versionList = JSON.parse(response.data.body).data;
-//       setVersions(versionList);
-//     } catch (error) {
-//       console.log(error);
-//     }
-//   };
-//   useEffect(() => {
-//     const ac = new AbortController();
-//     loadProductVersions(articleId);
-//     return () => {
-//       setVersions([]);
-//       setShowCreateVersion(false);
-//       return () => ac.abort(); // Abort both fetches on unmount
-//     };
-//   }, [reload]);
-//   return (
-//     <Container id={modalId}>
-//       <div className="versions-header">
-//         <ScreenHeader
-//           text={"Versión del producto"}
-//           headerType={"input-name-header"}
-//           color={GlobalColors.white}
-//           fontFamily={FontFamily.Lato}
-//         />
-//         <div className="buttons-container">
-//           <Button
-//             image={addVersion}
-//             buttonType={"circular-button"}
-//             onClick={() => setShowCreateVersion(true)}
-//             id="add-version"
-//           />
-//           <Button
-//             image={closeIcon}
-//             buttonType={"circular-button"}
-//             onClick={() => setShowVersionSelector(false)}
-//             id="close-button"
-//           />
-//         </div>
-//       </div>
-//       <div className="versions-container">
-//         {versions?.map((item) => (
-//           <VersionItem
-//             key={item.version}
-//             version={item.version}
-//             articleStatus={item.article_status}
-//             currentVersion={item.version === currentVersion}
-//             productOwner={companyName}
-//             setVersion={setVersion}
-//             timestamp={item.timestamp}
-//           />
-//         ))}
-//       </div>
-//       {showCreateVersion && (
-//         <CreateVersion
-//           articleId={articleId}
-//           version={currentVersion}
-//           versionsList={versions}
-//           setShowCreateVersion={setShowCreateVersion}
-//           realoadVersion={() => setReload(!reload)}
-//           jwt={jwt}
-//         />
-//       )}
-//     </Container>
-//   );
-// };
-"use strict";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VersionSelector = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _styles = require("./styles");
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _react = require("react");
+
+var _ScreenHeader = require("../../atoms/ScreenHeader");
+
+var _GeneralButton = require("../../atoms/GeneralButton");
+
+var _addVersion = _interopRequireDefault(require("../../../assets/images/versionSelector/addVersion.svg"));
+
+var _closeVersionSelector = _interopRequireDefault(require("../../../assets/images/versionSelector/closeVersionSelector.svg"));
+
+var _variables = require("../../../../dist/global-files/variables");
+
+var _variables2 = require("../../../global-files/variables");
+
+var _VersionItem = require("../../molecules/VersionItem");
+
+var _CreateVersion = require("../../organisms/CreateVersion");
+
+var _customHooks = require("../../../global-files/customHooks");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var VersionSelector = function VersionSelector(_ref) {
+  var modalId = _ref.modalId,
+      articleId = _ref.articleId,
+      setVersion = _ref.setVersion,
+      companyName = _ref.companyName,
+      currentVersion = _ref.currentVersion,
+      setShowVersionSelector = _ref.setShowVersionSelector,
+      jwt = _ref.jwt;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      versions = _useState2[0],
+      setVersions = _useState2[1];
+
+  var _useCloseModal = (0, _customHooks.useCloseModal)("create-version"),
+      _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
+      showCreateVersion = _useCloseModal2[0],
+      setShowCreateVersion = _useCloseModal2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      reload = _useState4[0],
+      setReload = _useState4[1];
+
+  var loadProductVersions = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId) {
+      var response, versionList;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return _axios.default.get("".concat(process.env.REACT_APP_VERSIONS_ENDPOINT, "?articleId=").concat(articleId, "&provider=true"), {
+                headers: {
+                  Authorization: jwt
+                }
+              });
+
+            case 3:
+              response = _context.sent;
+              versionList = JSON.parse(response.data.body).data;
+              setVersions(versionList);
+              _context.next = 11;
+              break;
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+              console.log(_context.t0);
+
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+
+    return function loadProductVersions(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    var ac = new AbortController();
+    loadProductVersions(articleId);
+    return function () {
+      setVersions([]);
+      setShowCreateVersion(false);
+      return function () {
+        return ac.abort();
+      }; // Abort both fetches on unmount
+    };
+  }, [reload]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    id: modalId,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "versions-header",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        text: "Versión del producto",
+        headerType: "input-name-header",
+        color: _variables.GlobalColors.white,
+        fontFamily: _variables2.FontFamily.Lato
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "buttons-container",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+          image: _addVersion.default,
+          buttonType: "circular-button",
+          onClick: function onClick() {
+            return setShowCreateVersion(true);
+          },
+          id: "add-version"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+          image: _closeVersionSelector.default,
+          buttonType: "circular-button",
+          onClick: function onClick() {
+            return setShowVersionSelector(false);
+          },
+          id: "close-button"
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "versions-container",
+      children: versions === null || versions === void 0 ? void 0 : versions.map(function (item) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionItem.VersionItem, {
+          version: item.version,
+          articleStatus: item.article_status,
+          currentVersion: item.version === currentVersion,
+          productOwner: companyName,
+          setVersion: setVersion,
+          timestamp: item.timestamp
+        }, item.version);
+      })
+    }), showCreateVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CreateVersion.CreateVersion, {
+      articleId: articleId,
+      version: currentVersion,
+      versionsList: versions,
+      setShowCreateVersion: setShowCreateVersion,
+      realoadVersion: function realoadVersion() {
+        return setReload(!reload);
+      },
+      jwt: jwt
+    })]
+  });
+};
+
+exports.VersionSelector = VersionSelector;

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

@@ -36,45 +36,43 @@ ProviderProductEditionDefault.args = {
   category: 287,
   version: 1,
   productSelected: {
-    category: "Accesorios Decorativos|Accesorios Decorativos",
-    company_name: "Demo",
-    company_id: 923,
-    id_category: "2028",
-    id_article: 118465,
-    name: "VELA AROMA 18 OZ MAN/CAN",
-    upc: "Modelo6",
-    isVisible: 1,
-    retailers: [{
-      id: 68,
-      name: "The Home Depot Onboarding"
-    }],
+    id_article: 39550,
+    upc: 43654697,
+    name: "Campana de Cocina",
+    timestamp: "2023-08-04T22:23:40.000Z",
+    categoryName: "Ferretería|Ferretería General|Tornillos, Tuercas y Arandelas",
+    id_category: 287,
     version: 1,
     retailersAvailable: [{
-      id: 68,
-      name: "The Home Depot Onboarding"
-    }]
+      name: "The Home Depot Golden",
+      id: 58
+    }, {
+      name: "The Home Depot Onboarding",
+      id: 68
+    }],
+    percentage: "89"
   },
   productToEdit: {
-    idCategory: "2028",
-    ArticleId: 118465,
+    idCategory: 287,
+    ArticleId: 39550,
     product: [{
-      category: "Accesorios Decorativos|Accesorios Decorativos",
-      company_name: "Demo",
-      company_id: 923,
-      id_category: "2028",
-      id_article: 118465,
-      name: "VELA AROMA 18 OZ MAN/CAN",
-      upc: "Modelo6",
-      isVisible: 1,
-      retailers: [{
-        id: 68,
-        name: "The Home Depot Onboarding"
-      }],
+      id_article: 39550,
+      upc: 43654697,
+      name: "Campana de Cocina",
+      timestamp: "2023-08-04T22:23:40.000Z",
+      categoryName: "Ferretería|Ferretería General|Tornillos, Tuercas y Arandelas",
+      id_category: 287,
       version: 1,
       retailersAvailable: [{
+        name: "The Home Depot Golden",
+        id: 58,
+        percentage: 100
+      }, {
+        name: "The Home Depot Onboarding",
         id: 68,
-        name: "The Home Depot Onboarding"
-      }]
+        percentage: 78
+      }],
+      percentage: "89"
     }]
   },
   location: {
@@ -120,7 +118,7 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-191/191.png?1701729602068"
+    src: "https://content-management-profile.s3.amazonaws.com/id-191/191.png?1697171804447"
   },
   company: {
     id_company: 923,
@@ -138,12 +136,18 @@ ProviderProductEditionDefault.args = {
     financedRetailers: [{
       id: 68,
       name: "The Home Depot Onboarding",
-      country: "México"
+      country: "México",
+      id_region: 1,
+      active: 1,
+      flow: 1
     }],
     retailers: [{
       id: 68,
       name: "The Home Depot Onboarding",
-      country: "México"
+      country: "México",
+      id_region: 1,
+      active: 1,
+      flow: 1
     }]
   },
   showSurvey: function showSurvey(v) {