contentoh-components-library 21.4.69 → 21.4.71

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

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CompleteServices = void 0;
+
+var _styles = require("./styles");
+
+var _variables = require("../../../global-files/variables");
+
+var _react = require("react");
+
+var _ServiceDataValidator = require("../../molecules/ServiceDataValidator");
+
+var _GeneralButton = require("../../atoms/GeneralButton");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var CompleteServices = function CompleteServices(_ref) {
+  var headerData = _ref.headerData,
+      activeRetailer = _ref.activeRetailer,
+      setActiveRetailer = _ref.setActiveRetailer,
+      showValidationButtons = _ref.showValidationButtons,
+      showApproveRejectAll = _ref.showApproveRejectAll,
+      approveAll = _ref.approveAll,
+      rejectAll = _ref.rejectAll,
+      approve = _ref.approve,
+      reject = _ref.reject,
+      _ref$complete = _ref.complete,
+      complete = _ref$complete === void 0 ? false : _ref$complete,
+      _ref$missingData = _ref.missingData,
+      missingData = _ref$missingData === void 0 ? 1 : _ref$missingData,
+      onClick = _ref.onClick;
+  var headerTop = (0, _react.useRef)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    fontFamily: _variables.FontFamily.Raleway,
+    color: _variables.GlobalColors.original_magenta,
+    ref: headerTop,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "service-cont",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ServiceDataValidator.ServiceDataValidator, {
+        headerData: headerData,
+        activeRetailer: activeRetailer,
+        setActiveRetailer: setActiveRetailer,
+        showValidationButtons: showValidationButtons,
+        showApproveRejectAll: showApproveRejectAll,
+        approveAll: approveAll,
+        rejectAll: rejectAll,
+        approve: approve,
+        reject: reject,
+        text: "Descripción",
+        showValidation: true,
+        complete: complete,
+        missingData: missingData
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ServiceDataValidator.ServiceDataValidator, {
+        headerData: headerData,
+        activeRetailer: activeRetailer,
+        setActiveRetailer: setActiveRetailer,
+        showValidationButtons: showValidationButtons,
+        showApproveRejectAll: showApproveRejectAll,
+        approveAll: approveAll,
+        rejectAll: rejectAll,
+        approve: approve,
+        reject: reject,
+        text: "Ficha Técnica",
+        showValidation: false,
+        complete: complete,
+        missingData: missingData
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ServiceDataValidator.ServiceDataValidator, {
+        headerData: headerData,
+        activeRetailer: activeRetailer,
+        setActiveRetailer: setActiveRetailer,
+        showValidationButtons: showValidationButtons,
+        showApproveRejectAll: showApproveRejectAll,
+        approveAll: approveAll,
+        rejectAll: rejectAll,
+        approve: approve,
+        reject: reject,
+        text: "Imágenes",
+        showValidation: false,
+        complete: complete,
+        missingData: missingData
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+      onClick: onClick,
+      buttonType: "general-button-sol",
+      label: "Solicitar a Content-oh!"
+    })]
+  });
+};
+
+exports.CompleteServices = CompleteServices;

package/dist/components/organisms/CompleteServices/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)(["\ndisplay:flex;\npadding: 15px 15px;\nborder:0.6px solid ", ";\nwidth: 100%;\nalign-items: center;\njustify-content: space-between;\n\n  * + * {\n    margin-left: 10px;\n  }\n\n  .btn-gral{\n    min-width: 34px;\n    min-height:34px;\n  }\n  .images-buttons{\n    display:flex;\n  }\n  .service-cont{\n    display:flex;\n  }\n  .service-text{\n    font-family:", ", sans-serif;\n    font-size:12px;\n    font-weight: 500;\n    color:", ";\n  }\n  .service-complete {\n    color:", "!important;\n  }\n"])), _variables.GlobalColors.gray_light, _variables.FontFamily.RobotoMedium, _variables.GlobalColors.gray, _variables.GlobalColors.black);
+
+exports.Container = Container;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DragAndDropPhasesDefault = 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/DragAndDropPhases",
+  component: _index.DragAndDropPhases
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DragAndDropPhases, (0, _objectSpread2.default)({}, args));
+};
+
+var DragAndDropPhasesDefault = Template.bind({});
+exports.DragAndDropPhasesDefault = DragAndDropPhasesDefault;
+DragAndDropPhasesDefault.args = {};

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

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DragAndDropPhases = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styles = require("./styles");
+
+var _Phase = require("../../molecules/Phase");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var DragAndDropPhases = function DragAndDropPhases() {
+  var _useState = (0, _react.useState)([{
+    grupos: ["Impuestos", "Legal"]
+  }, {
+    grupos: ["Legal", "Jefe comercial"]
+  }, {
+    grupos: ["Finanzas", "Datos maestros"]
+  }]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      items = _useState2[0],
+      setItems = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      draggedItem = _useState4[0],
+      setDraggedItem = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(items),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      tempItems = _useState6[0],
+      setTempItems = _useState6[1];
+
+  var _onDragStart = function onDragStart(e, idx) {
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/html", e.target.parentNode);
+    e.dataTransfer.setDragImage(e.target.parentNode, 20, 20);
+    setDraggedItem(items[idx]);
+  };
+
+  var _onDragOver = function onDragOver(index) {
+    if (!draggedItem) {
+      return;
+    }
+
+    if (draggedItem === tempItems[index]) {
+      return;
+    }
+
+    var draggedIndex = tempItems.findIndex(function (item) {
+      return item === draggedItem;
+    });
+    var updatedItems = (0, _toConsumableArray2.default)(tempItems);
+
+    if (draggedIndex > index) {
+      updatedItems[draggedIndex] = tempItems[index];
+      updatedItems[index] = draggedItem;
+    } else {
+      updatedItems.splice(draggedIndex, 1);
+      updatedItems.splice(index, 0, draggedItem);
+    }
+
+    setTempItems(updatedItems);
+  };
+
+  var onDragEnd = function onDragEnd() {
+    setItems(tempItems);
+    setDraggedItem(null);
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      children: tempItems.map(function (item, idx) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          className: "item",
+          onDragOver: function onDragOver() {
+            return _onDragOver(idx);
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "drag",
+            draggable: true,
+            onDragStart: function onDragStart(e) {
+              return _onDragStart(e, idx);
+            },
+            onDragEnd: onDragEnd,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Phase.Phase, {
+              id: idx + 1,
+              grupos: item.grupos,
+              phases: tempItems
+            })
+          })
+        }, idx);
+      })
+    })
+  });
+};
+
+exports.DragAndDropPhases = DragAndDropPhases;

package/dist/components/organisms/DragAndDropPhases/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)(["\ndisplay:flex;\nwidth:100%;\nul{\n  display:flex;\n  flex-direction:column;\n  width:100%;\n  gap:10px;\n}\n  .item{\n    display:flex;\n    width:100%;\n  }\n  .drag{\n    width:100%;\n  }\n"])));
+
+exports.Container = Container;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DragPruebaDefault = 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/DragPrueba",
+  component: _index.DragPrueba
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DragPrueba, (0, _objectSpread2.default)({}, args));
+};
+
+var DragPruebaDefault = Template.bind({});
+exports.DragPruebaDefault = DragPruebaDefault;
+DragPruebaDefault.args = {};

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

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DragPrueba = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectDestructuringEmpty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styles = require("./styles");
+
+var _variables = require("../../../global-files/variables");
+
+var _ServiceDataValidator = require("../../molecules/ServiceDataValidator");
+
+var _GeneralButton = require("../../atoms/GeneralButton");
+
+var _uiReact = require("@aws-amplify/ui-react");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var DragPrueba = function DragPrueba(_ref) {
+  (0, _objectDestructuringEmpty2.default)(_ref);
+
+  var _useState = (0, _react.useState)(["🍰 Cake", "🍩 Donut", "🍎 Apple", "🍕 Pizza"]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      items = _useState2[0],
+      setItems = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      draggedItem = _useState4[0],
+      setDraggedItem = _useState4[1];
+
+  var _onDragStart = function onDragStart(e, idx) {
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/html", e.target.parentNode);
+    e.dataTransfer.setDragImage(e.target.parentNode, 20, 20);
+    setDraggedItem(items[idx]);
+  };
+
+  var _onDragOver = function onDragOver(index) {
+    if (!draggedItem) {
+      return;
+    }
+
+    if (draggedItem === items[index]) {
+      return;
+    }
+
+    var updatedItems = items.filter(function (item) {
+      return item !== draggedItem;
+    });
+    updatedItems.splice(index, 0, draggedItem);
+    setItems(updatedItems);
+  };
+
+  var onDragEnd = function onDragEnd() {
+    setDraggedItem(null);
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+      children: "List of items"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      children: items.map(function (item, idx) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          className: "item",
+          onDragOver: function onDragOver() {
+            return _onDragOver(idx);
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "drag",
+            draggable: true,
+            onDragStart: function onDragStart(e) {
+              return _onDragStart(e, idx);
+            },
+            onDragEnd: onDragEnd,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uiReact.IconInfo, {})
+          }), item]
+        }, item);
+      })
+    })]
+  });
+};
+
+exports.DragPrueba = DragPrueba;

package/dist/components/organisms/DragPrueba/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  .item{\n    display:flex;\n  }\n"])));
+
+exports.Container = Container;

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

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FullProductNamev2Default = 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/FullProductNamev2",
+  component: _index.FullProductNamev2
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FullProductNamev2, (0, _objectSpread2.default)({}, args));
+};
+
+var FullProductNamev2Default = Template.bind({});
+exports.FullProductNamev2Default = FullProductNamev2Default;
+FullProductNamev2Default.args = {
+  headerData: {
+    name: "Nombre del producto",
+    status: "P",
+    percent: 20,
+    backgroundColor: "in_progress",
+    priority: "low",
+    date: new Date().toLocaleDateString(),
+    features: [{
+      feature: "Prov",
+      value: "Unilever"
+    }, {
+      feature: "Vendor",
+      value: "1234567890"
+    }, {
+      feature: "SKU",
+      value: "1234567890"
+    }, {
+      feature: "UPC",
+      value: "1234567890"
+    }, {
+      feature: "Categoría",
+      value: "Desodorantes Caballero y Dama"
+    }],
+    validation: "null-button"
+  }
+};

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

@@ -0,0 +1,112 @@
+"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

@@ -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    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

@@ -0,0 +1,39 @@
+"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
+  }
+};