contentoh-components-library 21.4.83 → 21.4.84

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

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

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

@@ -130,20 +130,10 @@ var EditGroup = function EditGroup(_ref) {
       inputValue = _useState18[0],
       setInputValue = _useState18[1];
 
-  var _useState19 = (0, _react.useState)(false),
-      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      shouldClose = _useState20[0],
-      setShouldClose = _useState20[1];
-
   (0, _react.useEffect)(function () {}, [groups]);
   (0, _react.useEffect)(function () {
     loadData();
   }, []);
-  (0, _react.useEffect)(function () {
-    if (shouldClose) {
-      onClose && onClose();
-    }
-  }, [shouldClose, onClose]);
 
   var loadData = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
@@ -451,7 +441,6 @@ var EditGroup = function EditGroup(_ref) {
       backgroundColor: "transparent",
       zIndex: 10
     },
-    onClick: onClose,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Fade, {
       in: show,
       timeout: 400,

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

@@ -34,7 +34,8 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
       approveAll = _ref.approveAll,
       rejectAll = _ref.rejectAll,
       servicesData = _ref.servicesData,
-      showApproveRejectAll = _ref.showApproveRejectAll;
+      showApproveRejectAll = _ref.showApproveRejectAll,
+      productObservation = _ref.productObservation;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -68,6 +69,7 @@ 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,169 +1,101 @@
-"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;
+// 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";

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

@@ -36,43 +36,45 @@ ProviderProductEditionDefault.args = {
   category: 287,
   version: 1,
   productSelected: {
-    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,
+    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"
+    }],
     version: 1,
     retailersAvailable: [{
-      name: "The Home Depot Golden",
-      id: 58
-    }, {
-      name: "The Home Depot Onboarding",
-      id: 68
-    }],
-    percentage: "89"
+      id: 68,
+      name: "The Home Depot Onboarding"
+    }]
   },
   productToEdit: {
-    idCategory: 287,
-    ArticleId: 39550,
+    idCategory: "2028",
+    ArticleId: 118465,
     product: [{
-      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,
+      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"
+      }],
       version: 1,
       retailersAvailable: [{
-        name: "The Home Depot Golden",
-        id: 58,
-        percentage: 100
-      }, {
-        name: "The Home Depot Onboarding",
         id: 68,
-        percentage: 78
-      }],
-      percentage: "89"
+        name: "The Home Depot Onboarding"
+      }]
     }]
   },
   location: {
@@ -118,7 +120,7 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-191/191.png?1697171804447"
+    src: "https://content-management-profile.s3.amazonaws.com/id-191/191.png?1701729602068"
   },
   company: {
     id_company: 923,
@@ -136,18 +138,12 @@ ProviderProductEditionDefault.args = {
     financedRetailers: [{
       id: 68,
       name: "The Home Depot Onboarding",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      flow: 1
+      country: "México"
     }],
     retailers: [{
       id: 68,
       name: "The Home Depot Onboarding",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      flow: 1
+      country: "México"
     }]
   },
   showSurvey: function showSurvey(v) {