contentoh-components-library 21.4.83 → 21.4.85

package/dist/components/atoms/TabSection/styles.js

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-family: ", ";\n  color: ", ";\n  font-size: 14px;\n  line-height: 21px;\n  border-bottom: 2px solid ", ";\n  width: 149px;\n  padding-bottom: 5px;\n  transition: 0.1s all;\n  cursor: pointer;\n\n  &.active {\n    font-size: 18px;\n    border-bottom: 2px solid ", ";\n  }\n\n  & + * {\n    margin-left: 10px;\n  }\n"])), _variables.FontFamily.Raleway_500, _variables.GlobalColors.s5, _variables.GlobalColors.s3, _variables.GlobalColors.magenta_s2);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-family: ", ";\n  color: ", ";\n  font-size: 14px;\n  line-height: 21px;\n  border-bottom: 2px solid ", ";\n  width: 149px;\n  padding-bottom: 5px;\n  transition: 0.1s all;\n  cursor: pointer;\n  &.active {\n    font-size: 18px;\n    border-bottom: 2px solid ", ";\n  }\n  & + * {\n    margin-left: 10px;\n  }\n"])), _variables.FontFamily.Raleway_500, _variables.GlobalColors.s5, _variables.GlobalColors.s3, _variables.GlobalColors.magenta_s2);
 
 exports.Container = Container;

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

@@ -27,8 +27,8 @@ var ProviderProductEditionDefault = Template.bind({});
 exports.ProviderProductEditionDefault = ProviderProductEditionDefault;
 ProviderProductEditionDefault.args = {
   tabsSections: {
-    Descripción: true,
-    "Ficha técnica": false,
+    Descripción: false,
+    "Ficha técnica": true,
     Imágenes: false
   },
   token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyM2Q1NTlmYi1jMzIwLTRhMjItYjJmNy1lOThhYTFhZGEyNmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MzkyNjgyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODM5MzA0MjEsImlhdCI6MTY4MzkyNjgyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.TvCoaKoctj5mypXWMz3NyV1Vm1ToBV0vJmpVyZSQw4-ikTChkxcZ5tFYvqhk1GdvNCFttfSQIqM-14dAYYBc28YwwKP86gqOuzB1fG41rN5x1Yx3tkJq6hiVRgiBbSHWtThA9c8VnxNQbrJiaRTvvkDiM5KNTEst1oxQHL5Ct9_iKQMJMRFie7Xv0xnyS0qZ6QHK4Q2A9OHsnDkAuumALZJcE19Zh6VgSitgWrZiz3x5Text4Q-U-R48NUAzUFirAzYZzJN_fCme5pGf1AnUaZjeUjPsmrV5TBVzPEYwXO0KG8lYjL8id80D7tbGs28ZIK6B4rf3-eqI_ngmBB4CjQ",
@@ -36,43 +36,38 @@ 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,
+    id_article: 121067,
+    upc: "2342341",
+    name: "asd",
+    timestamp: "2024-01-03T19:42:59.000Z",
+    categoryName: "Abarrotes|Abarrotes Secos|Alimentos Deshidratados",
+    id_category: 4,
     version: 1,
+    value: null,
     retailersAvailable: [{
-      name: "The Home Depot Golden",
-      id: 58
-    }, {
-      name: "The Home Depot Onboarding",
-      id: 68
+      "name": "Walmart Marketplace",
+      "id": 75
     }],
-    percentage: "89"
+    percentage: 1.33
   },
   productToEdit: {
-    idCategory: 287,
-    ArticleId: 39550,
+    idCategory: 4,
+    ArticleId: 121067,
     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,
+      id_article: 121067,
+      upc: "2342341",
+      name: "asd",
+      timestamp: "2024-01-03T19:42:59.000Z",
+      categoryName: "Abarrotes|Abarrotes Secos|Alimentos Deshidratados",
+      id_category: 4,
       version: 1,
+      value: null,
       retailersAvailable: [{
-        name: "The Home Depot Golden",
-        id: 58,
-        percentage: 100
-      }, {
-        name: "The Home Depot Onboarding",
-        id: 68,
-        percentage: 78
+        name: "Walmart Marketplace",
+        id: 75,
+        percentage: 1.33
       }],
-      percentage: "89"
+      percentage: 1.33
     }]
   },
   location: {
@@ -87,30 +82,30 @@ ProviderProductEditionDefault.args = {
     key: "24vwut"
   },
   user: {
-    id_user: 191,
-    name: "Demo",
-    last_name: "Demo",
-    email: "merchants24feb@allfreemail.net",
-    position: "Test",
-    telephone: "+52123456789",
+    id_user: 28,
+    name: "Ismael",
+    last_name: "López",
+    email: "ilopez@contentoh.com",
+    position: "Test States",
+    telephone: "+523111366336",
     country: "México",
-    id_company: 923,
-    id_cognito: "c3cd160c-76c2-497c-9357-5ef949307e1e",
+    id_company: 1,
+    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
     birth_Date: null,
-    about_me: null,
-    zip_code: null,
-    address: null,
-    job: null,
-    id_stripe: null,
+    about_me: "",
+    zip_code: "",
+    address: "",
+    job: "",
+    id_stripe: "cus_KuEt6R6vwmN09f",
     id_role: 0,
     active: 1,
     is_retailer: 0,
     email_notify: 1,
-    is_user_tech: null,
+    is_user_tech: "ADMIN-AS",
     membership: {
-      id: 114,
-      start_date: "2023-02-24T18:14:43.000Z",
-      end_date: "2024-02-24T18:14:43.000Z",
+      id: 76,
+      start_date: "2022-01-18T17:25:35.000Z",
+      end_date: "2023-01-18T17:25:35.000Z",
       planID: 8,
       plan: "prod_KtlhECVSFG2iro",
       name: "Plan Pro",
@@ -118,37 +113,23 @@ 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-28/28.png?1704310718113"
   },
   company: {
-    id_company: 923,
-    trade_name: "Demo",
-    company_name: "Demo",
-    rfc: "Demo",
-    adress: "Demo",
-    about_company: null,
-    telephone: null,
-    web_site: null,
-    zip_code: null,
+    id_company: 1,
+    trade_name: "GRUPO BRAHMA",
+    company_name: "GRUPO BRAHMA",
+    rfc: "XAXX010101000",
+    adress: "AA",
+    about_company: "",
+    telephone: "",
+    web_site: "",
+    zip_code: "",
     email: null,
-    social_link: null,
+    social_link: "",
     is_retailer: 0,
-    financedRetailers: [{
-      id: 68,
-      name: "The Home Depot Onboarding",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      flow: 1
-    }],
-    retailers: [{
-      id: 68,
-      name: "The Home Depot Onboarding",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      flow: 1
-    }]
+    financedRetailers: [],
+    retailers: []
   },
   showSurvey: function showSurvey(v) {
     return v && alert("se muestra");