contentoh-components-library 21.4.122 → 21.4.124

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

@@ -1,112 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FullProductNamev2 = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _ProductNameHeaderv = require("../../molecules/ProductNameHeaderv2");
-
-var _FeaturesBarv = require("../../molecules/FeaturesBarv2");
-
-var _index = require("../../atoms/GeneralButton/index");
-
-var _react = require("react");
-
-var _ProductSkuStatus = require("../../molecules/ProductSkuStatus");
-
-var _PriorityFlagv = require("../../atoms/PriorityFlagv2");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var FullProductNamev2 = function FullProductNamev2(_ref) {
-  var _headerData$article, _headerData$article2, _headerData$article3, _headerData$article4, _headerData$article5, _headerData$article6;
-
-  var headerData = _ref.headerData,
-      percent = _ref.percent,
-      servicesData = _ref.servicesData,
-      version = _ref.version,
-      setShowVersionSelector = _ref.setShowVersionSelector;
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      retailers = _useState2[0],
-      setRetailers = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var rtls = (headerData === null || headerData === void 0 ? void 0 : headerData.retailers) || (headerData === null || headerData === void 0 ? void 0 : headerData.retailersAvailable);
-    servicesData && (rtls === null || rtls === void 0 ? void 0 : rtls.forEach(function (rt) {
-      var element = [];
-      servicesData.forEach(function (sd) {
-        if (sd.id_retailer === rt.id) {
-          element.push(sd.status ? sd.status : "R");
-        } else element.push("NA");
-
-        rt["services"] = element;
-      });
-    }));
-    setRetailers(rtls);
-  }, [servicesData]);
-
-  var getTime = function getTime(date) {
-    if (!date) return "";
-    return new Date(date).toLocaleDateString();
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "top-product-close",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductNameHeaderv.ProductNameHeaderv2, {
-        productName: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article = headerData.article) === null || _headerData$article === void 0 ? void 0 : _headerData$article.name) || (headerData === null || headerData === void 0 ? void 0 : headerData.name)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
-        buttonType: "general-white-button close-buttonv2",
-        onClick: function onClick() {
-          window.location.href = "/products";
-        }
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "features-bar-container",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FeaturesBarv.FeaturesBarv2, {
-        containerClassName: "bar-container",
-        features: [{
-          feature: "Categoría",
-          value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article2 = headerData.article) === null || _headerData$article2 === void 0 ? void 0 : _headerData$article2.category) || (headerData === null || headerData === void 0 ? void 0 : headerData.categoryName)
-        }, {
-          feature: "Proveedor",
-          value: headerData === null || headerData === void 0 ? void 0 : (_headerData$article3 = headerData.article) === null || _headerData$article3 === void 0 ? void 0 : _headerData$article3.company_name
-        }]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "features-bar-sku",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PriorityFlagv.PriorityFlagv2, {
-        priority: headerData === null || headerData === void 0 ? void 0 : headerData.prio
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FeaturesBarv.FeaturesBarv2, {
-        containerClassName: "bar-sku",
-        contClassName: "bar-sku-cont",
-        features: [{
-          feature: "SKU",
-          value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article4 = headerData.article) === null || _headerData$article4 === void 0 ? void 0 : _headerData$article4.upc) || (headerData === null || headerData === void 0 ? void 0 : headerData.upc)
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductSkuStatus.ProductSkuStatus, {
-        productName: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article5 = headerData.article) === null || _headerData$article5 === void 0 ? void 0 : _headerData$article5.name) || (headerData === null || headerData === void 0 ? void 0 : headerData.name),
-        statusType: (headerData === null || headerData === void 0 ? void 0 : headerData.version_status) || (headerData === null || headerData === void 0 ? void 0 : headerData.status) || (headerData === null || headerData === void 0 ? void 0 : headerData.article_status),
-        setShowVersionSelector: setShowVersionSelector,
-        percentRequired: percent,
-        showShield: true,
-        percent: percent === null || percent === void 0 ? void 0 : percent.toFixed(0),
-        date: getTime((headerData === null || headerData === void 0 ? void 0 : (_headerData$article6 = headerData.article) === null || _headerData$article6 === void 0 ? void 0 : _headerData$article6.timestamp) || (headerData === null || headerData === void 0 ? void 0 : headerData.timestamp)),
-        containerClassName: "bar-sku",
-        contClassName: "bar-sku-cont",
-        version: version
-      })]
-    })]
-  });
-};
-
-exports.FullProductNamev2 = FullProductNamev2;

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

@@ -1,20 +0,0 @@
-"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    background: ", ";\n    padding: 16px 20px 15px 20px;\n    border-radius: 10px;\n    width: 100%;\n  .features-bar-container {\n    display: flex;\n    flex-direction:column;\n    justify-content: space-between;\n    margin:10px 0px;\n  }\n  .features-bar-sku {\n    margin:10px 5px;\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    \n  }\n\n  & + * {\n    margin-top: 0px;\n  }\n\n  .top-product-close{\n    display:flex;\n    justify-content:space-between;\n    button {\n      width: 34px;\n      height: 34px;\n      border: 1px solid #f0f0f0;\n      background-size: 20px;\n      padding: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      img {\n        height: 15px;\n      }\n  \n      & + * {\n        margin-left: 10px;\n      }\n    }\n  }\n}\n"])), _variables.GlobalColors.blue_light);
-
-exports.Container = Container;

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

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FullTabsMenuv2Default = 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/FullTabsMenuv2",
-  component: _index.FullTabsMenuv2
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FullTabsMenuv2, (0, _objectSpread2.default)({}, args));
-};
-
-var FullTabsMenuv2Default = Template.bind({});
-exports.FullTabsMenuv2Default = FullTabsMenuv2Default;
-FullTabsMenuv2Default.args = {
-  status: "AA",
-  image: {
-    src: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg"
-  },
-  tabsSections: {
-    Descripción: true,
-    "Ficha técnica": false,
-    Imágenes: false,
-    "Golden SKU": false
-  }
-};

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

@@ -1,168 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FullTabsMenuv2 = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _index = require("../../molecules/StatusAsignationInfo/index");
-
-var _react = require("react");
-
-var _BarButtons = require("../BarButtons");
-
-var _AsignationInfo = require("../../molecules/AsignationInfo");
-
-var _StatusRetailer = require("../../molecules/StatusRetailer");
-
-var _TabsMenuv = require("../../molecules/TabsMenuv2");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var FullTabsMenuv2 = function FullTabsMenuv2(_ref) {
-  var tabsSections = _ref.tabsSections,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? "" : _ref$status,
-      activeTab = _ref.activeTab,
-      setActiveTab = _ref.setActiveTab,
-      setImageLayout = _ref.setImageLayout,
-      assig = _ref.assig,
-      setAssignation = _ref.setAssignation,
-      isRetailer = _ref.isRetailer,
-      downloadImages = _ref.downloadImages,
-      askToDeleteImages = _ref.askToDeleteImages,
-      onClickSave = _ref.onClickSave,
-      showSaveButton = _ref.showSaveButton,
-      canAssign = _ref.canAssign,
-      version = _ref.version,
-      setShowVersionSelector = _ref.setShowVersionSelector,
-      images = _ref.images,
-      updatedDescriptions = _ref.updatedDescriptions,
-      updatedDatasheets = _ref.updatedDatasheets,
-      selectedImages = _ref.selectedImages,
-      setSelectedImages = _ref.setSelectedImages,
-      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
-      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
-      setImages = _ref.setImages,
-      activeRetailer = _ref.activeRetailer,
-      setActiveRetailer = _ref.setActiveRetailer,
-      servicesData = _ref.servicesData,
-      headerData = _ref.headerData,
-      statusType = _ref.statusType,
-      percentRequired = _ref.percentRequired,
-      withChat = _ref.withChat,
-      chatType = _ref.chatType,
-      productSelected = _ref.productSelected,
-      token = _ref.token;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      imagesSection = _useState2[0],
-      setImagesSection = _useState2[1];
-
-  var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      retailers = _useState4[0],
-      setRetailers = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    var rtls = (headerData === null || headerData === void 0 ? void 0 : headerData.retailers) || (headerData === null || headerData === void 0 ? void 0 : headerData.retailersAvailable);
-    servicesData && (rtls === null || rtls === void 0 ? void 0 : rtls.forEach(function (rt) {
-      var element = [];
-      servicesData.forEach(function (sd) {
-        if (sd.id_retailer === rt.id) {
-          element.push(sd.status ? sd.status : "R");
-        } else element.push("NA");
-
-        rt["services"] = element;
-      });
-    }));
-    setRetailers(rtls);
-  }, [servicesData]);
-
-  var getTabClass = function getTabClass() {
-    if (activeTab === "Descripción") {
-      return "izquierda";
-    } else if (activeTab === "Ficha Técnica") {
-      return "centro";
-    } else if (activeTab === "Imágenes") {
-      return "derecha";
-    }
-
-    return ""; // Si no coincide con ninguno de los valores anteriores
-  };
-
-  var classname = getTabClass();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "bars-cont",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "tabs-cont",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabsMenuv.TabsMenuv2, {
-          className: classname,
-          tabsSections: tabsSections,
-          setImagesSection: setImagesSection,
-          setActiveTab: setActiveTab,
-          activeTab: activeTab,
-          images: images,
-          updatedDescriptions: updatedDescriptions,
-          updatedDatasheets: updatedDatasheets,
-          selectedImages: selectedImages,
-          setUpdatedDescriptions: setUpdatedDescriptions,
-          setUpdatedDatasheets: setUpdatedDatasheets,
-          setImages: setImages,
-          setSelectedImages: setSelectedImages
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusRetailer.StatusRetailer, {
-        canAssign: canAssign,
-        status: status,
-        activeTab: activeTab,
-        setImageLayout: setImageLayout,
-        imagesSection: imagesSection,
-        assignationsImages: assig,
-        setAssignation: setAssignation,
-        isRetailer: isRetailer,
-        downloadImages: downloadImages,
-        onClickSave: onClickSave,
-        askToDeleteImages: askToDeleteImages,
-        showSaveButton: showSaveButton,
-        version: false,
-        setShowVersionSelector: false,
-        showProgressBar: true,
-        retailers: retailers,
-        activeRetailer: activeRetailer,
-        setActiveRetailer: setActiveRetailer,
-        showRetailer: true,
-        statusType: statusType,
-        headerData: headerData,
-        percent: percentRequired
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AsignationInfo.AsignationInfo, {
-        canAssign: canAssign,
-        status: status,
-        activeTab: activeTab,
-        assignationsImages: assig,
-        setAssignation: setAssignation,
-        isRetailer: isRetailer
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarButtons.BarButtons, {
-      showSaveButton: showSaveButton,
-      imagesSection: imagesSection,
-      onClickSave: onClickSave,
-      withChat: withChat,
-      chatType: chatType,
-      productSelected: productSelected,
-      token: token,
-      activeRetailer: activeRetailer,
-      setImageLayout: setImageLayout,
-      setShowVersionSelector: setShowVersionSelector
-    })]
-  });
-};
-
-exports.FullTabsMenuv2 = FullTabsMenuv2;

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

@@ -1,18 +0,0 @@
-"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 _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width:100%;\n  display: flex;\n  text-align: center;\n  align-self: center;\n  justify-content: space-between;\n  margin-top: 15px;\n  margin-right:auto;\n  gap:15px;\n  .bars-cont{\n    display: flex;\n    gap: 15px;\n  }\n  .tabs-cont {\n    background: #F0F0F0;\n    border-radius: 17px;\n    height: 34px;\n  }\n  .active {\n    height: 34px;\n    border-bottom: none;\n    font-size: 12px;\n    color: #FFFFFF;\n    background: #8A6CAA;\n    display:flex;\n    align-items: center;\n    justify-content: center;\n    &.izquierda{\n      border-top-left-radius: 17px;\n      border-bottom-left-radius: 17px;\n    }\n    &.centro{\n      border-radius: 0px;\n    }\n    &.derecha{\n      border-top-right-radius: 17px;\n      border-bottom-right-radius: 17px;\n    }\n}\n \n\n  & + * {\n    margin-top: 14px;\n  }\n"])));
-
-exports.Container = Container;