contentoh-components-library 21.1.63 → 21.1.66

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

@@ -0,0 +1,157 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Children = void 0;
+
+var _variables = require("../../../global-files/variables");
+
+var _GeneralButton = require("../../atoms/GeneralButton");
+
+var _ScreenHeader = require("../../atoms/ScreenHeader");
+
+var _styles = require("./styles");
+
+var _createVersion = _interopRequireDefault(require("../../../assets/images/versionSelector/createVersion.svg"));
+
+var _genericModalWarning = _interopRequireDefault(require("../../../assets/images/genericModal/genericModalWarning.svg"));
+
+var _VersionSelect = require("../../atoms/Select/VersionSelect");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var Children = function Children(step, setStep, versions, selectedVersions, _onChange, createVersion) {
+  switch (step) {
+    case "version-options":
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.VersionOptions, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: _createVersion.default,
+          alt: "create version icon"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+          fontFamily: _variables.FontFamily.Raleway_500,
+          headerType: "product-name-header",
+          color: _variables.GlobalColors.white,
+          text: "Crea una nueva versión"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+          fontFamily: _variables.FontFamily.Raleway,
+          headerType: "retailer-name-header",
+          color: _variables.GlobalColors.white,
+          text: "Puedes elegir el contenido de versiones anteriores o crear una versión desde cero"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "buttons-container",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+            label: "Versión desde cero",
+            buttonType: "general-transparent-button",
+            onClick: function onClick() {
+              return setStep("empty-version");
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+            label: "Versión personalizada",
+            buttonType: "general-default-button",
+            onClick: function onClick() {
+              return setStep("create-version");
+            }
+          })]
+        })]
+      });
+
+    case "empty-version":
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.EmptyVersion, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: _genericModalWarning.default,
+          alt: "warning icon"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+          fontFamily: _variables.FontFamily.Raleway_500,
+          headerType: "product-name-header",
+          color: _variables.GlobalColors.white,
+          text: "Si creas una versión desde cero perderas la información actual"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+          fontFamily: _variables.FontFamily.Raleway,
+          headerType: "retailer-name-header",
+          color: _variables.GlobalColors.white,
+          text: "¿Deseas Continuar?"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "buttons-container",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+            label: "Atrás",
+            buttonType: "general-transparent-button",
+            onClick: function onClick() {
+              return setStep("version-options");
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+            label: "Continuar",
+            buttonType: "general-default-button",
+            onClick: function onClick() {
+              return createVersion(true);
+            }
+          })]
+        })]
+      });
+
+    case "create-version":
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CreateVersion, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+          fontFamily: _variables.FontFamily.Raleway_500,
+          headerType: "retailer-name-header",
+          color: _variables.GlobalColors.white,
+          text: "Elige el contenido que deseas utilizar de versiones anteriores"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "version-selector",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "selector",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionSelect.VersionSelect, {
+              versions: versions,
+              label: "Ficha técnica",
+              id: "datasheet",
+              selectedVersions: selectedVersions,
+              onChange: function onChange(e) {
+                return _onChange(e);
+              }
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "selector",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionSelect.VersionSelect, {
+              versions: versions,
+              label: "Descripción",
+              id: "description",
+              selectedVersions: selectedVersions,
+              onChange: function onChange(e) {
+                return _onChange(e);
+              }
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "selector",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionSelect.VersionSelect, {
+              versions: versions,
+              label: "Imágenes",
+              id: "image",
+              selectedVersions: selectedVersions,
+              onChange: function onChange(e) {
+                return _onChange(e);
+              }
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "buttons-container",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+            label: "Atrás",
+            buttonType: "general-transparent-button",
+            onClick: function onClick() {
+              return setStep("version-options");
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+            label: "Continuar",
+            buttonType: "general-default-button",
+            onClick: function onClick() {
+              return createVersion();
+            }
+          })]
+        })]
+      });
+  }
+};
+
+exports.Children = Children;

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

@@ -0,0 +1,182 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CreateVersion = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _GeneralButton = require("../../atoms/GeneralButton");
+
+var _styles = require("./styles");
+
+var _closeVersionSelector = _interopRequireDefault(require("../../../assets/images/versionSelector/closeVersionSelector.svg"));
+
+var _react = require("react");
+
+var _RenderChilds = require("./RenderChilds");
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var CreateVersion = function CreateVersion(_ref) {
+  var idArticle = _ref.idArticle,
+      version = _ref.version,
+      setShowCreateVersion = _ref.setShowCreateVersion;
+
+  var _useState = (0, _react.useState)("version-options"),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      step = _useState2[0],
+      setStep = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      versions = _useState4[0],
+      setVersions = _useState4[1];
+
+  var _useState5 = (0, _react.useState)({
+    datasheet: version,
+    description: version,
+    image: version
+  }),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      selectedVersions = _useState6[0],
+      setSelectedVersions = _useState6[1];
+
+  var getVersions = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var response;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return (0, _axios.default)({
+                method: "get",
+                url: "".concat(process.env.REACT_APP_VERSIONS_ENDPOINT, "?articleId=").concat(idArticle, "&provider=true"),
+                headers: {
+                  Authorization: sessionStorage.getItem("jwt")
+                }
+              });
+
+            case 3:
+              response = _context.sent;
+              setVersions(JSON.parse(response.data.body).data);
+              _context.next = 10;
+              break;
+
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              console.log(_context.t0);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+
+    return function getVersions() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var createVersion = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(isEmpty) {
+      var data;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              data = {
+                articleId: idArticle,
+                isEmpty: isEmpty
+              };
+              isEmpty && (data["version"] = selectedVersions);
+              _context2.next = 5;
+              return (0, _axios.default)({
+                method: "post",
+                url: process.env.REACT_APP_VERSIONS_ENDPOINT,
+                data: data,
+                headers: {
+                  Authorization: sessionStorage.getItem("jwt")
+                }
+              });
+
+            case 5:
+              setShowCreateVersion(false);
+              _context2.next = 11;
+              break;
+
+            case 8:
+              _context2.prev = 8;
+              _context2.t0 = _context2["catch"](0);
+              console.log(_context2.t0);
+
+            case 11:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[0, 8]]);
+    }));
+
+    return function createVersion(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  var onChange = function onChange(e) {
+    setSelectedVersions((0, _objectSpread3.default)((0, _objectSpread3.default)({}, selectedVersions), {}, (0, _defineProperty2.default)({}, e.target.name, parseInt(e.target.value.slice(-1)))));
+  };
+
+  (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",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "button-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+          image: _closeVersionSelector.default,
+          buttonType: "circular-button",
+          id: "close-modal-button",
+          onClick: function onClick() {
+            return setShowCreateVersion(false);
+          }
+        })
+      }), (0, _RenderChilds.Children)(step, setStep, versions, selectedVersions, onChange, createVersion)]
+    })
+  });
+};
+
+exports.CreateVersion = CreateVersion;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VersionOptions = exports.EmptyVersion = exports.CreateVersion = 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, _templateObject2, _templateObject3;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1000;\n  background-color: #281f3366;\n  height: 100vh;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .modal-container {\n    position: relative;\n    padding: 40px 20px;\n    background: #281f33;\n    border-radius: 39px;\n\n    .button-container {\n      display: flex;\n      justify-content: flex-end;\n      padding-right: 15px;\n    }\n  }\n"])));
+
+exports.Container = Container;
+
+var VersionOptions = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  max-width: 560px;\n  text-align: center;\n\n  & > * + * {\n    margin-top: 20px;\n  }\n\n  img + * {\n    margin-top: 0;\n  }\n\n  .buttons-container {\n    display: flex;\n    justify-content: space-evenly;\n\n    button {\n      flex: 0.3 0 30%;\n    }\n\n    .general-transparent-button {\n      color: ", ";\n      border: 1px solid ", ";\n    }\n  }\n"])), _variables.GlobalColors.white, _variables.GlobalColors.white);
+
+exports.VersionOptions = VersionOptions;
+var EmptyVersion = VersionOptions;
+exports.EmptyVersion = EmptyVersion;
+var CreateVersion = (0, _styledComponents.default)(VersionOptions)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  .retailer-name-header {\n    margin: 30px 0;\n  }\n  .version-selector {\n    display: flex;\n    justify-content: space-evenly;\n\n    .selector {\n      flex: 0.1 1 20%;\n      font-family: ", ";\n      color: ", ";\n      font-size: 11px;\n      font-weight: normal;\n    }\n\n    & + * {\n      margin-top: 50px;\n    }\n  }\n"])), _variables.FontFamily.Lato, _variables.GlobalColors.white);
+exports.CreateVersion = CreateVersion;

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

@@ -47,7 +47,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
       var element = [];
       servicesData.forEach(function (sd) {
         if (sd.id_retailer === rt.id) {
-          element.push(sd.status ? sd.status : "R");
+          element.push(sd.status ? sd.status : "RECEIVED");
         } else element.push("NA");
 
         rt["services"] = element;

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

@@ -33,7 +33,9 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       askToDeleteImages = _ref.askToDeleteImages,
       onClickSave = _ref.onClickSave,
       showSaveButton = _ref.showSaveButton,
-      canAssign = _ref.canAssign;
+      canAssign = _ref.canAssign,
+      version = _ref.version,
+      setShowVersionSelector = _ref.setShowVersionSelector;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -57,7 +59,9 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       downloadImages: downloadImages,
       onClickSave: onClickSave,
       askToDeleteImages: askToDeleteImages,
-      showSaveButton: showSaveButton
+      showSaveButton: showSaveButton,
+      version: version,
+      setShowVersionSelector: setShowVersionSelector
     })]
   });
 };

package/dist/components/organisms/VersionSelector/VersionSelector.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.VersionSelectorDefault = 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/VersionSelector",
+  component: _index.VersionSelector
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.VersionSelector, (0, _objectSpread2.default)({}, args));
+};
+
+var VersionSelectorDefault = Template.bind({});
+exports.VersionSelectorDefault = VersionSelectorDefault;
+VersionSelectorDefault.args = {
+  articleId: 35707,
+  companyName: "COMPANY DEV",
+  currentVersion: 7
+};

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

@@ -0,0 +1,129 @@
+"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("contentoh-components-library/dist/global-files/variables");
+
+var _variables2 = require("../../../global-files/variables");
+
+var _VersionItem = require("../../molecules/VersionItem");
+
+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,
+      setShowCreateVersion = _ref.setShowCreateVersion;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      versions = _useState2[0],
+      setVersions = _useState2[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"));
+
+            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 () {
+    loadProductVersions(articleId);
+  }, []);
+  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: "Version 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",
+          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
+        });
+      })
+    })]
+  });
+};
+
+exports.VersionSelector = VersionSelector;

package/dist/components/organisms/VersionSelector/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  padding: 15px;\n  overflow: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n\n  .versions-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    .buttons-container {\n      display: flex;\n      align-items: center;\n\n      button + * {\n        margin-left: 10px;\n      }\n    }\n  }\n"])), _variables.GlobalColors.deep_gray);
+
+exports.Container = Container;