contentoh-components-library 21.4.69 → 21.4.71

package/dist/components/organisms/RenameImagesBar/RenameImagesBar.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RenameImagesBarDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _index = require("./index");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/organisms/RenameImagesBar",
+  component: _index.RenameImagesBar,
+  argTypes: {}
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RenameImagesBar, (0, _objectSpread2.default)({}, args));
+};
+
+var RenameImagesBarDefault = Template.bind({});
+exports.RenameImagesBarDefault = RenameImagesBarDefault;
+RenameImagesBarDefault.args = {
+  RenameImagesBar: {}
+};

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RenameImagesBar = void 0;
+
+var _InputImages = require("../../atoms/InputImages");
+
+var _NumberMandatory = require("../../atoms/NumberMandatory");
+
+var _InputGroupv = require("../InputGroupv2");
+
+var _styles = require("./styles");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var RenameImagesBar = function RenameImagesBar(_ref) {
+  var description = _ref.description,
+      number = _ref.number;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputImages.InputImages, {
+      required: true,
+      description_small: "Descripción del campo.",
+      placeHolder: "UPC"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputImages.InputImages, {
+      required: false,
+      description_small: "Descripción del campo.",
+      placeHolder: "Modelo"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputImages.InputImages, {
+      required: true,
+      description_small: "Descripción del campo.",
+      placeHolder: "Item"
+    })]
+  });
+};
+
+exports.RenameImagesBar = RenameImagesBar;

package/dist/components/organisms/RenameImagesBar/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  width: fit-content;\n  height:60px;\n  display: flex;\n  gap: 10px;\n  padding:22px 15px;\n  border:1px solid ", ";\n  border-radius:10px;\n"])), _variables.GlobalColors.gray_light);
+
+exports.Container = Container;

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

@@ -27,9 +27,7 @@ var _addVersion = _interopRequireDefault(require("../../../assets/images/version
 
 var _closeVersionSelector = _interopRequireDefault(require("../../../assets/images/versionSelector/closeVersionSelector.svg"));
 
-var _variables = require("../../../../dist/global-files/variables");
-
-var _variables2 = require("../../../global-files/variables");
+var _variables = require("../../../global-files/variables");
 
 var _VersionItem = require("../../molecules/VersionItem");
 
@@ -122,7 +120,7 @@ var VersionSelector = function VersionSelector(_ref) {
         text: "Versión del producto",
         headerType: "input-name-header",
         color: _variables.GlobalColors.white,
-        fontFamily: _variables2.FontFamily.Lato
+        fontFamily: _variables.FontFamily.Lato
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "buttons-container",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {

package/dist/components/organisms/VersionSelectorv2/VersionSelectorv2.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VersionSelectorv2Default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _index = require("./index");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/organisms/VersionSelectorv2",
+  component: _index.VersionSelectorv2
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.VersionSelectorv2, (0, _objectSpread2.default)({}, args));
+};
+
+var VersionSelectorv2Default = Template.bind({});
+exports.VersionSelectorv2Default = VersionSelectorv2Default;
+VersionSelectorv2Default.args = {
+  articleId: 35707,
+  companyName: "COMPANY DEV",
+  currentVersion: 7
+};

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

@@ -0,0 +1,166 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VersionSelectorv2 = 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("../../../global-files/variables");
+
+var _VersionItemv = require("../../molecules/VersionItemv2");
+
+var _CreateVersion = require("../../organisms/CreateVersion");
+
+var _customHooks = require("../../../global-files/customHooks");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var VersionSelectorv2 = function VersionSelectorv2(_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: "Versiones",
+        headerType: "input-name-header",
+        color: _variables.GlobalColors.gray,
+        fontFamily: _variables.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, {
+          buttonType: "general-white-button close-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)(_VersionItemv.VersionItemv2, {
+          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.VersionSelectorv2 = VersionSelectorv2;

package/dist/components/organisms/VersionSelectorv2/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  width: 300px;\n  height: 100%;\n  background-color: ", ";\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);\n  overflow: auto;\n  position: absolute;\n  right: 20px;\n  top: 0;\n  z-index: 500;\n\n  .versions-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    height: 44px;\n    border-radius: 10px 10px 0 0;\n    background: #F9F9F9;\n    padding:5px 10px;\n\n    .buttons-container {\n      display: flex;\n      align-items: center;\n\n      button + * {\n        margin-left: 10px;\n        width: 24px;\n        height: 24px;\n        border: 1px solid ", ";\n        background-size: 12px;\n        padding: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    }\n  }\n  .versions-container{\n    padding:5px 10px;\n  }\n    \n"])), _variables.GlobalColors.white, _variables.GlobalColors.magenta_s2);
+
+exports.Container = Container;

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

@@ -0,0 +1,222 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ProductEditionv2Default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _index = require("./index");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/pages/ProductEditionv2",
+  component: _index.ProductEditionv2
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductEditionv2, (0, _objectSpread2.default)({}, args));
+};
+
+var ProductEditionv2Default = Template.bind({});
+exports.ProductEditionv2Default = ProductEditionv2Default;
+ProductEditionv2Default.args = {
+  tabsSections: {
+    Descripción: true,
+    "Ficha técnica": false,
+    Imágenes: false
+  },
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyM2Q1NTlmYi1jMzIwLTRhMjItYjJmNy1lOThhYTFhZGEyNmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MzkyNjgyMSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODM5MzA0MjEsImlhdCI6MTY4MzkyNjgyMSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.TvCoaKoctj5mypXWMz3NyV1Vm1ToBV0vJmpVyZSQw4-ikTChkxcZ5tFYvqhk1GdvNCFttfSQIqM-14dAYYBc28YwwKP86gqOuzB1fG41rN5x1Yx3tkJq6hiVRgiBbSHWtThA9c8VnxNQbrJiaRTvvkDiM5KNTEst1oxQHL5Ct9_iKQMJMRFie7Xv0xnyS0qZ6QHK4Q2A9OHsnDkAuumALZJcE19Zh6VgSitgWrZiz3x5Text4Q-U-R48NUAzUFirAzYZzJN_fCme5pGf1AnUaZjeUjPsmrV5TBVzPEYwXO0KG8lYjL8id80D7tbGs28ZIK6B4rf3-eqI_ngmBB4CjQ",
+  articleId: 238,
+  category: 846,
+  version: 2,
+  productSelected: {
+    orderId: 15275,
+    status: "AA",
+    datasheet_status: "AA",
+    prio: "none",
+    version: 3,
+    description_status: "AA",
+    images_status: "AA",
+    brand: null,
+    retailerOrder: 0,
+    missing: {
+      datasheet: null,
+      descriptions: null,
+      images: null
+    },
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1
+    },
+    article: {
+      category: "Abarrotes|Abarrotes Secos|Frutos Secos",
+      company_name: "GRUPO BRAHMA",
+      country: "México",
+      id_category: "11",
+      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_order: 15275,
+      id_article: 39485,
+      id_auditor: 37,
+      name: "Mix de nueces",
+      timestamp: "2023-07-14T21:03:19.000Z",
+      upc: "7543453453"
+    },
+    retailers: [{
+      id: 34,
+      name: "San Pablo"
+    }],
+    statusByRetailer: {
+      34: {
+        datasheet: "AA",
+        description: "AA",
+        images: "AA"
+      }
+    },
+    retailersAvailable: [{
+      id: 34,
+      name: "San Pablo"
+    }],
+    categoryName: "Abarrotes|Abarrotes Secos|Frutos Secos",
+    upc: "7543453453",
+    id_article: 39485,
+    id_order: 15275
+  },
+  productToEdit: {
+    ArticleId: 39485,
+    idCategory: "11",
+    product: {
+      orderId: 15275,
+      status: "AA",
+      datasheet_status: "AA",
+      prio: "none",
+      version: 3,
+      description_status: "AA",
+      images_status: "AA",
+      brand: null,
+      retailerOrder: 0,
+      missing: {
+        datasheet: null,
+        descriptions: null,
+        images: null
+      },
+      services: {
+        datasheets: 1,
+        descriptions: 1,
+        images: 1
+      },
+      article: {
+        category: "Abarrotes|Abarrotes Secos|Frutos Secos",
+        company_name: "GRUPO BRAHMA",
+        country: "México",
+        id_category: "11",
+        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_order: 15275,
+        id_article: 39485,
+        id_auditor: 37,
+        name: "Mix de nueces",
+        timestamp: "2023-07-14T21:03:19.000Z",
+        upc: "7543453453"
+      },
+      retailers: [{
+        id: 34,
+        name: "San Pablo"
+      }],
+      statusByRetailer: {
+        34: {
+          datasheet: "AA",
+          description: "AA",
+          images: "AA"
+        }
+      },
+      retailersAvailable: [{
+        id: 34,
+        name: "San Pablo"
+      }],
+      categoryName: "Abarrotes|Abarrotes Secos|Frutos Secos",
+      upc: "7543453453",
+      id_article: 39485,
+      id_order: 15275
+    }
+  },
+  location: {
+    pathname: "/EditProducts",
+    search: "",
+    hash: "",
+    state: {
+      withChat: true,
+      chatType: "product_status",
+      origin: "RequestWithContentoh"
+    },
+    key: "24vwut"
+  },
+  user: {
+    id_user: 28,
+    name: "Ismael",
+    last_name: "López",
+    email: "ilopez@contentoh.com",
+    position: "Test States",
+    telephone: "+523111366336",
+    country: "México",
+    id_company: 1,
+    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
+    birth_Date: 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: "ADMIN-AS",
+    membership: {
+      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",
+      user_limit: "50",
+      products_limit: "5000",
+      type: "Enterprise"
+    },
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1693338334183"
+  },
+  company: {
+    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: "",
+    is_retailer: 0,
+    financedRetailers: [],
+    retailers: []
+  },
+  showSurvey: function showSurvey(v) {
+    return v && alert("se muestra");
+  }
+};