contentoh-components-library 21.4.102 → 21.4.104

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

@@ -1,15 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GroupRow = exports.Container = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _variables = require("../../../global-files/variables");
+
 var _templateObject, _templateObject2, _templateObject3;
-const fadeIn = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
-const Container = exports.Container = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  display: grid;\n  place-items: center;\n  .header {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n  }\n  .close-edit-button {\n    min-width: 24px;\n    height: 24px;\n    background-color: transparent;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: background-color 0.3s ease, opacity 0.3s ease;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    -webkit-filter: grayscale(100%);\n    filter: grayscale(100%);\n    opacity:0.4;\n    img {\n      width: 10px;\n      height: 10px;\n    }\n\n    &:hover {\n      background-color: ", ";\n      -webkit-filter: grayscale(0);\n      filter: grayscale(0);\n      opacity:1;\n    }\n  }\n  .Modal-edit-group {\n    position: absolute;\n    top: 10%;\n    z-index: 20;\n    width: fit-content;\n    max-width: 80%;\n    min-width: 80px;\n    height: fit-content;\n    max-height: 100%;\n    min-height: 120px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: white;\n    border-radius: 10px;\n    border: 1px solid ", ";\n    padding: 25px 25px 20px 25px;\n    box-shadow: 0px 2px 4px 0px #00000040;\n  }\n\n  .title-edit {\n    width: 100%;\n    font-family: ", ", sans-serif;\n    font-size: 17px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0em;\n    text-align: left;\n    color: ", ";\n  }\n\n  .details-edit {\n    width: 100%;\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0em;\n    text-align: left;\n    color: ", ";\n    margin: 5px 0 10px;\n  }\n  .container-save-add {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    margin-top: 20px;\n  }\n  .button-group-add {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0em;\n    text-align: left;\n    color: ", ";\n    text-transform: capitalize;\n    border: none;\n    background: transparent;\n    border-radius: 20px;\n    &:hover {\n      background-color: ", ";\n    }\n  }\n  .table-groups-edit {\n    width: 100%;\n    min-width: 288px;\n    border: 1px solid ", ";\n    border-radius: 5px;\n  }\n  .table-groups-max {\n    min-width: 288px;\n    border: 1px solid ", ";\n    border-radius: 5px;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .modal-save {\n    .contentModal {\n      width: 25%;\n    }\n  }\n"])), _variables.GlobalColors.blue_light, _variables.GlobalColors.gray_light, _variables.FontFamily.RobotoMedium, _variables.GlobalColors.black, _variables.FontFamily.RobotoMedium, _variables.GlobalColors.gray, _variables.FontFamily.RobotoRegular, _variables.GlobalColors.magenta_s2, _variables.GlobalColors.blue_light, _variables.GlobalColors.gray_light, _variables.GlobalColors.gray_light);
-const GroupRow = exports.GroupRow = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 34px;\n  margin: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-family: Roboto;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 14px;\n  letter-spacing: 0em;\n  text-align: left;\n  text-decoration: none;\n  border-bottom: 1px solid ", ";\n  padding: 0 8px 0 0;\n  input {\n    width:100%;\n    min-width: 215px;\n    background: transparent;\n    color: ", ";\n    border: 0;\n    font-size: 12px;\n    font-family:", ", sans-serif;\n    padding: 5px 20px;\n    ::placeholder {\n      color: #CBCBCB;\n    }\n  }\n\n  input:focus {\n    border: 0;\n  }\n  &.editing {\n    background-color: ", "; \n    color: black;\n    input{\n      color: ", ";\n    }\n  }\n\n  .save-group-button,\n  .edit-group-button,\n  .delete-group-button {\n    min-width: 24px;\n    height: 24px;\n    background-color: transparent;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: background-color 0.3s ease, opacity 0.3s ease;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  \n    img {\n      width: 12px;\n      height: 12px;\n    }\n  \n    &:hover {\n      background-color: ", ";\n    }\n  }\n  .edit-group-button,\n  .delete-group-button {\n    display: none;\n  }\n\n  .visible {\n    display: flex;\n    animation: ", " 0.3s ease-in-out forwards;\n  }\n"])), _variables.GlobalColors.gray_light, _variables.GlobalColors.gray, _variables.FontFamily.RobotoRegular, _variables.GlobalColors.blue_light, _variables.GlobalColors.black, _variables.GlobalColors.blue_light, fadeIn);
+
+var fadeIn = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  display: grid;\n  place-items: center;\n  .header {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n  }\n  .close-edit-button {\n    min-width: 24px;\n    height: 24px;\n    background-color: transparent;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: background-color 0.3s ease, opacity 0.3s ease;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    -webkit-filter: grayscale(100%);\n    filter: grayscale(100%);\n    opacity:0.4;\n    img {\n      width: 10px;\n      height: 10px;\n    }\n\n    &:hover {\n      background-color: ", ";\n      -webkit-filter: grayscale(0);\n      filter: grayscale(0);\n      opacity:1;\n    }\n  }\n  .Modal-edit-group {\n    position: absolute;\n    top: 10%;\n    z-index: 20;\n    width: fit-content;\n    max-width: 80%;\n    min-width: 80px;\n    height: fit-content;\n    max-height: 100%;\n    min-height: 120px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: white;\n    border-radius: 10px;\n    border: 1px solid ", ";\n    padding: 25px 25px 20px 25px;\n    box-shadow: 0px 2px 4px 0px #00000040;\n  }\n\n  .title-edit {\n    width: 100%;\n    font-family: ", ", sans-serif;\n    font-size: 17px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0em;\n    text-align: left;\n    color: ", ";\n  }\n\n  .details-edit {\n    width: 100%;\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0em;\n    text-align: left;\n    color: ", ";\n    margin: 5px 0 10px;\n  }\n  .container-save-add {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    margin-top: 20px;\n  }\n  .button-group-add {\n    font-family: ", ", sans-serif;\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0em;\n    text-align: left;\n    color: ", ";\n    text-transform: capitalize;\n    border: none;\n    background: transparent;\n    border-radius: 20px;\n    &:hover {\n      background-color: ", ";\n    }\n  }\n  .table-groups-edit {\n    width: 100%;\n    min-width: 288px;\n    border: 1px solid ", ";\n    border-radius: 5px;\n  }\n  .table-groups-max {\n    min-width: 288px;\n    border: 1px solid ", ";\n    border-radius: 5px;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .modal-save {\n    .contentModal {\n      width: 25%;\n    }\n  }\n"])), _variables.GlobalColors.blue_light, _variables.GlobalColors.gray_light, _variables.FontFamily.RobotoMedium, _variables.GlobalColors.black, _variables.FontFamily.RobotoMedium, _variables.GlobalColors.gray, _variables.FontFamily.RobotoRegular, _variables.GlobalColors.magenta_s2, _variables.GlobalColors.blue_light, _variables.GlobalColors.gray_light, _variables.GlobalColors.gray_light);
+
+exports.Container = Container;
+
+var GroupRow = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 34px;\n  margin: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-family: Roboto;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 14px;\n  letter-spacing: 0em;\n  text-align: left;\n  text-decoration: none;\n  border-bottom: 1px solid ", ";\n  padding: 0 8px 0 0;\n  input {\n    width:100%;\n    min-width: 215px;\n    background: transparent;\n    color: ", ";\n    border: 0;\n    font-size: 12px;\n    font-family:", ", sans-serif;\n    padding: 5px 20px;\n    ::placeholder {\n      color: #CBCBCB;\n    }\n  }\n\n  input:focus {\n    border: 0;\n  }\n  &.editing {\n    background-color: ", "; \n    color: black;\n    input{\n      color: ", ";\n    }\n  }\n\n  .save-group-button,\n  .edit-group-button,\n  .delete-group-button {\n    min-width: 24px;\n    height: 24px;\n    background-color: transparent;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: background-color 0.3s ease, opacity 0.3s ease;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  \n    img {\n      width: 12px;\n      height: 12px;\n    }\n  \n    &:hover {\n      background-color: ", ";\n    }\n  }\n  .edit-group-button,\n  .delete-group-button {\n    display: none;\n  }\n\n  .visible {\n    display: flex;\n    animation: ", " 0.3s ease-in-out forwards;\n  }\n"])), _variables.GlobalColors.gray_light, _variables.GlobalColors.gray, _variables.FontFamily.RobotoRegular, _variables.GlobalColors.blue_light, _variables.GlobalColors.black, _variables.GlobalColors.blue_light, fadeIn);
+
+exports.GroupRow = GroupRow;

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

@@ -1,19 +1,30 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FullProductNameHeaderDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/organisms/FullProductNameHeader",
   component: _index.FullProductNameHeader
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FullProductNameHeader, {
-  ...args
-});
-const FullProductNameHeaderDefault = exports.FullProductNameHeaderDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FullProductNameHeader, (0, _objectSpread2.default)({}, args));
+};
+
+var FullProductNameHeaderDefault = Template.bind({});
+exports.FullProductNameHeaderDefault = FullProductNameHeaderDefault;
 FullProductNameHeaderDefault.args = {
   headerData: {
     name: "Nombre del producto",

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

@@ -1,53 +1,70 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FullProductNameHeader = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _ProductNameHeader = require("../../molecules/ProductNameHeader");
+
 var _FeaturesBar = require("../../molecules/FeaturesBar");
+
 var _AvatarAndValidation = require("../../molecules/AvatarAndValidation");
+
 var _react = require("react");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const FullProductNameHeader = _ref => {
+
+var FullProductNameHeader = function FullProductNameHeader(_ref) {
   var _headerData$article, _headerData$article2, _headerData$article3, _headerData$article4, _headerData$article5;
-  let {
-    headerData,
-    percent,
-    activeRetailer,
-    setActiveRetailer,
-    showValidationButtons,
-    approve,
-    reject,
-    approveAll,
-    rejectAll,
-    servicesData,
-    showApproveRejectAll,
-    productObservation,
-    isObservationVisible,
-    toggleObservation,
-    // handleClickOutside,
-    hideObservation
-  } = _ref;
-  const [retailers, setRetailers] = (0, _react.useState)([]);
-  (0, _react.useEffect)(() => {
-    const 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(rt => {
-      const element = [];
-      servicesData.forEach(sd => {
+
+  var headerData = _ref.headerData,
+      percent = _ref.percent,
+      activeRetailer = _ref.activeRetailer,
+      setActiveRetailer = _ref.setActiveRetailer,
+      showValidationButtons = _ref.showValidationButtons,
+      approve = _ref.approve,
+      reject = _ref.reject,
+      approveAll = _ref.approveAll,
+      rejectAll = _ref.rejectAll,
+      servicesData = _ref.servicesData,
+      showApproveRejectAll = _ref.showApproveRejectAll,
+      productObservation = _ref.productObservation,
+      isObservationVisible = _ref.isObservationVisible,
+      toggleObservation = _ref.toggleObservation,
+      hideObservation = _ref.hideObservation;
+
+  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]);
-  const getTime = date => {
+
+  var getTime = function getTime(date) {
     if (!date) return "";
     return new Date(date).toLocaleDateString();
   };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductNameHeader.ProductNameHeader, {
       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),
@@ -59,8 +76,7 @@ const FullProductNameHeader = _ref => {
       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)),
       dataProduct: headerData,
       isObservationVisible: isObservationVisible,
-      toggleObservation: toggleObservation
-      // handleClickOutside ={handleClickOutside}
+      toggleObservation: toggleObservation // handleClickOutside ={handleClickOutside}
       ,
       hideObservation: hideObservation
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -92,4 +108,5 @@ const FullProductNameHeader = _ref => {
     })]
   });
 };
+
 exports.FullProductNameHeader = FullProductNameHeader;

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

@@ -1,11 +1,18 @@
 "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;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .features-bar-container {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  & + * {\n    margin-top: 17px;\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .features-bar-container {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  & + * {\n    margin-top: 17px;\n  }\n"])));
+
+exports.Container = Container;

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

@@ -1,19 +1,30 @@
 "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 = exports.default = {
+
+var _default = {
   title: "Components/organisms/FullProductNamev2",
   component: _index.FullProductNamev2
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FullProductNamev2, {
-  ...args
-});
-const FullProductNamev2Default = exports.FullProductNamev2Default = Template.bind({});
+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",

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

@@ -1,44 +1,64 @@
 "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");
-const FullProductNamev2 = _ref => {
+
+var FullProductNamev2 = function FullProductNamev2(_ref) {
   var _headerData$article, _headerData$article2, _headerData$article3, _headerData$article4, _headerData$article5, _headerData$article6;
-  let {
-    headerData,
-    percent,
-    servicesData,
-    version,
-    setShowVersionSelector
-  } = _ref;
-  const [retailers, setRetailers] = (0, _react.useState)([]);
-  (0, _react.useEffect)(() => {
-    const 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(rt => {
-      const element = [];
-      servicesData.forEach(sd => {
+
+  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]);
-  const getTime = date => {
+
+  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",
@@ -46,7 +66,7 @@ const FullProductNamev2 = _ref => {
         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: () => {
+        onClick: function onClick() {
           window.location.href = "/products";
         }
       })]
@@ -88,4 +108,5 @@ const FullProductNamev2 = _ref => {
     })]
   });
 };
+
 exports.FullProductNamev2 = FullProductNamev2;

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

@@ -1,12 +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;
-const Container = exports.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);
+
+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/FullTabsMenu/FullTabsMenu.stories.js

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

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

@@ -1,42 +1,56 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FullTabsMenu = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _index = require("../../molecules/TabsMenu/index");
+
 var _index2 = require("../../molecules/StatusAsignationInfo/index");
+
 var _react = require("react");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const FullTabsMenu = _ref => {
-  let {
-    tabsSections,
-    status = "",
-    activeTab,
-    setActiveTab,
-    setImageLayout,
-    assig,
-    setAssignation,
-    isRetailer,
-    downloadImages,
-    askToDeleteImages,
-    onClickSave,
-    showSaveButton,
-    canAssign,
-    version,
-    setShowVersionSelector,
-    images,
-    updatedDescriptions,
-    updatedDatasheets,
-    selectedImages,
-    setSelectedImages,
-    setUpdatedDescriptions,
-    setUpdatedDatasheets,
-    setImages,
-    user
-  } = _ref;
-  const [imagesSection, setImagesSection] = (0, _react.useState)(false);
+
+var FullTabsMenu = function FullTabsMenu(_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,
+      user = _ref.user;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      imagesSection = _useState2[0],
+      setImagesSection = _useState2[1];
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TabsMenu, {
       tabsSections: tabsSections,
@@ -70,4 +84,5 @@ const FullTabsMenu = _ref => {
     })]
   });
 };
+
 exports.FullTabsMenu = FullTabsMenu;

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

@@ -1,11 +1,18 @@
 "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;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n\n  & + * {\n    margin-top: 14px;\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n\n  & + * {\n    margin-top: 14px;\n  }\n"])));
+
+exports.Container = Container;

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

@@ -1,19 +1,30 @@
 "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 = exports.default = {
+
+var _default = {
   title: "Components/organisms/FullTabsMenuv2",
   component: _index.FullTabsMenuv2
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FullTabsMenuv2, {
-  ...args
-});
-const FullTabsMenuv2Default = exports.FullTabsMenuv2Default = Template.bind({});
+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: {