contentoh-components-library 21.4.102 → 21.4.104

package/dist/components/pages/MultipleEdition/utils.js

@@ -0,0 +1,539 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.columnsBase = void 0;
+exports.dataReducer = dataReducer;
+exports.initData = initData;
+exports.modalReducer = modalReducer;
+exports.optionsSelect = void 0;
+exports.setDataColumns = setDataColumns;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _ImageVisor = require("./components/ImageVisor");
+
+var _ButtonV = require("../../atoms/ButtonV2");
+
+var _saveData = require("./saveData");
+
+var _material = require("@mui/material");
+
+var _ValidationPanel = require("../../atoms/ValidationPanel");
+
+var _TagAndInput = require("../../molecules/TagAndInput");
+
+var _acceptIcon = _interopRequireDefault(require("../../../assets/images/generalButton/acceptIcon.svg"));
+
+var _rejectIcon = _interopRequireDefault(require("../../../assets/images/generalButton/rejectIcon.svg"));
+
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+// variables
+var optionsSelect = [{
+  label: "item 1",
+  value: 1
+}, {
+  label: "item 2",
+  value: 2
+}, {
+  label: "item 3",
+  value: 3
+}, {
+  label: "item 4",
+  value: 4
+}];
+exports.optionsSelect = optionsSelect;
+var columnsBase = [{
+  Header: "UPC",
+  accessor: "upc",
+  width: "100px",
+  fixedToLeft: 0,
+  style: {
+    textAlign: "left"
+  }
+}, {
+  Header: "Nombre",
+  accessor: "name",
+  width: "100px",
+  fixedToLeft: 100
+}, {
+  Header: "Categoría",
+  accessor: "category",
+  width: "100px",
+  fixedToLeft: 200
+}, {
+  Header: "Est.",
+  accessor: "status",
+  width: "30px",
+  fixedToLeft: 300
+}, {
+  Header: "Ver.",
+  accessor: "version",
+  width: "30px",
+  fixedToLeft: 330,
+  style: {
+    borderRight: "1px solid #f0f0f0"
+  }
+}]; // data
+
+exports.columnsBase = columnsBase;
+
+function getData(_x, _x2, _x3) {
+  return _getData.apply(this, arguments);
+} // functions
+
+
+function _getData() {
+  _getData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(service, articles, versions) {
+    var encodedArticles, encodedVersion, params, res;
+    return _regenerator.default.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            encodedArticles = encodeURIComponent(articles.join(","));
+            encodedVersion = encodeURIComponent(versions.join(","));
+            params = "?articles=".concat(encodedArticles, "&versions=").concat(encodedVersion);
+            _context3.next = 5;
+            return _axios.default.get("".concat(process.env.REACT_APP_BASE_MULTIPLE_EDITION_ENDPOINT, "/").concat(service).concat(params));
+
+          case 5:
+            res = _context3.sent;
+            return _context3.abrupt("return", JSON.parse(res.data.body));
+
+          case 7:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+  return _getData.apply(this, arguments);
+}
+
+function dataReducer(state, action) {
+  if (action.type === "init") {
+    return action.payload;
+  }
+
+  if (action.type === "updateImage") {
+    var _newImageData$article, _newImageData$article2, _newImageData$article3;
+
+    var _action$payload = action.payload,
+        articleId = _action$payload.articleId,
+        imageId = _action$payload.imageId;
+    var newImageData = state.images.data.slice();
+    var articleIndex = newImageData.findIndex(function (f) {
+      return f.id === articleId;
+    });
+    var id = (_newImageData$article = newImageData[articleIndex]) === null || _newImageData$article === void 0 ? void 0 : (_newImageData$article2 = _newImageData$article.images[imageId]) === null || _newImageData$article2 === void 0 ? void 0 : (_newImageData$article3 = _newImageData$article2.value) === null || _newImageData$article3 === void 0 ? void 0 : _newImageData$article3.id;
+    newImageData[articleIndex].images[imageId].value = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, action.payload), {}, {
+      id: id
+    });
+    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
+      images: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.images), {}, {
+        data: newImageData
+      })
+    });
+  }
+
+  if (action.type === "deleteImage") {
+    var _newImageData$_articl, _newImageData$_articl2, _newImageData$_articl3, _newImageData$_articl4, _newImageData$_articl5;
+
+    var _action$payload2 = action.payload,
+        _articleId = _action$payload2.articleId,
+        _imageId = _action$payload2.imageId,
+        token = _action$payload2.token;
+
+    var _newImageData = state.images.data.slice();
+
+    var _articleIndex = _newImageData.findIndex(function (f) {
+      return f.id === _articleId;
+    });
+
+    var _id = (_newImageData$_articl = _newImageData[_articleIndex]) === null || _newImageData$_articl === void 0 ? void 0 : (_newImageData$_articl2 = _newImageData$_articl.images[_imageId]) === null || _newImageData$_articl2 === void 0 ? void 0 : (_newImageData$_articl3 = _newImageData$_articl2.value) === null || _newImageData$_articl3 === void 0 ? void 0 : _newImageData$_articl3.id;
+
+    (_newImageData$_articl4 = _newImageData[_articleIndex]) === null || _newImageData$_articl4 === void 0 ? true : (_newImageData$_articl5 = _newImageData$_articl4.images[_imageId]) === null || _newImageData$_articl5 === void 0 ? true : delete _newImageData$_articl5.value;
+    console.log(_newImageData[_articleIndex]);
+    var data = {
+      articleId: _articleId,
+      deleteImages: [{
+        id: _id
+      }]
+    };
+    (0, _saveData.deleteImage)(data, _newImageData[_articleIndex].version, token);
+    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
+      images: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.images), {}, {
+        data: _newImageData
+      })
+    });
+  }
+
+  return state;
+}
+
+function initData(_x4, _x5, _x6) {
+  return _initData.apply(this, arguments);
+}
+
+function _initData() {
+  _initData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(setDataServices, articles, versions) {
+    var _yield$Promise$all, _yield$Promise$all2, description, datasheet, images, dataDescription, rulesDescription, dataDatasheet, rulesDatasheet, dataImage, rulesImage, payload;
+
+    return _regenerator.default.wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return Promise.all([getData("description", articles, versions), getData("datasheet", articles, versions), getData("images", articles, versions)]);
+
+          case 2:
+            _yield$Promise$all = _context4.sent;
+            _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 3);
+            description = _yield$Promise$all2[0];
+            datasheet = _yield$Promise$all2[1];
+            images = _yield$Promise$all2[2];
+            dataDescription = description.data, rulesDescription = description.attributes;
+            dataDatasheet = datasheet.data, rulesDatasheet = datasheet.attributes;
+            dataImage = images.data, rulesImage = images.typesShot;
+            payload = {
+              description: {
+                data: Object.values(dataDescription),
+                rules: rulesDescription
+              },
+              datasheet: {
+                data: Object.values(dataDatasheet),
+                rules: rulesDatasheet
+              },
+              images: {
+                data: Object.values(dataImage),
+                rules: rulesImage.reduce(function (prev, curr) {
+                  return prev = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, curr.id, curr.name));
+                }, {})
+              }
+            };
+            setDataServices({
+              type: "init",
+              payload: payload
+            });
+
+          case 12:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  }));
+  return _initData.apply(this, arguments);
+}
+
+function setDataColumns(section, dataService, token, setModalFromTable, setDataServices, setModal, setShowValidationPanel, setAttributeSelected, setShowRejectModal, setAttributesReviewed, showValidationPanel, attributeSelected, attributesReviewed) {
+  var data = dataService.data,
+      rules = dataService.rules;
+  var columns = [].concat(columnsBase);
+  var values = [];
+  var styleRetailer = {
+    borderRight: "1px solid #f0f0f0",
+    borderLeft: "1px solid #f0f0f0"
+  };
+  var styleData = {
+    textAlign: "center",
+    display: "flex",
+    justifyContent: "center"
+  };
+  var retailersAdded = {
+    id: [],
+    attr: []
+  };
+  data.forEach(function (item) {
+    var currentData = {};
+    ["upc", "name", "accessor", "category", "status", "version"].forEach(function (key) {
+      currentData[key] = /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "content",
+        children: item[key]
+      });
+    });
+
+    if (section === "images") {
+      var images = item.images;
+      item.retailer.forEach(function (ret) {
+        if (!retailersAdded.id.includes(ret.id)) {
+          retailersAdded.id.push(ret.id);
+          columns.push({
+            Header: "Cadena",
+            accessor: "retailer".concat(ret.id),
+            width: "100px",
+            style: styleRetailer
+          });
+        }
+
+        currentData["retailer".concat(ret.id)] = /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: ret.name
+        });
+        ret.images.forEach(function (imgId) {
+          if (!retailersAdded.attr.includes("img".concat(imgId))) {
+            retailersAdded.attr.push("img".concat(imgId));
+            columns.push({
+              Header: rules[imgId],
+              accessor: "img".concat(imgId),
+              width: "115px",
+              style: styleData
+            });
+          }
+        });
+        Object.values(images).forEach(function (_ref) {
+          var value = _ref.value,
+              imageId = _ref.imageId;
+          var props = {
+            name: rules[imageId],
+            value: value,
+            setModalFromTable: setModalFromTable,
+            articleId: item.id,
+            setDataServices: setDataServices,
+            imageId: imageId,
+            setModal: setModal,
+            token: token
+          };
+          currentData["img".concat(imageId)] = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageVisor.ImageVisor, (0, _objectSpread3.default)({}, props));
+        });
+      });
+    }
+
+    if (section === "datasheet") {
+      item.retailer.forEach(function (ret) {
+        if (!retailersAdded.id.includes(ret.id)) {
+          retailersAdded.id.push(ret.id);
+          columns.push({
+            Header: "Cadena",
+            accessor: "retailer".concat(ret.id),
+            width: "100px",
+            style: styleRetailer
+          });
+        }
+
+        currentData["retailer".concat(ret.id)] = /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: ret.name
+        });
+        console.log(rules);
+        console.log(ret.attributes);
+        ret.attributes.forEach(function (attributeId) {
+          if (!retailersAdded.attr.includes("".concat(attributeId + '-' + ret.id))) {
+            retailersAdded.attr.push("".concat(attributeId + '-' + ret.id));
+            columns.push({
+              Header: rules[attributeId].name,
+              accessor: "".concat(attributeId + '-' + ret.id),
+              width: "200px",
+              style: styleData
+            });
+          }
+        });
+        Object.values(item.attributes).forEach(function (des) {
+          var props = {
+            name: rules[des.attributeId].attributeId + ret.id,
+            value: des.name
+          };
+          currentData["".concat(des.attributeId + '-' + ret.id)] = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ValidationPanel.ValidationPanel, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, (0, _objectSpread3.default)({}, props))]
+          });
+        });
+      });
+    }
+
+    if (section === "description") {
+      item.retailer.forEach(function (ret) {
+        if (!retailersAdded.id.includes(ret.id)) {
+          retailersAdded.id.push(ret.id);
+          columns.push({
+            Header: "Cadena",
+            accessor: "retailer".concat(ret.id),
+            width: "100px",
+            style: styleRetailer
+          });
+        }
+
+        currentData["retailer".concat(ret.id)] = /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: ret.name
+        });
+        ret.descriptions.forEach(function (descriptionId) {
+          if (!retailersAdded.attr.includes("".concat(descriptionId))) {
+            retailersAdded.attr.push("".concat(descriptionId));
+            columns.push({
+              Header: rules[ret.id][descriptionId].name,
+              accessor: "".concat(descriptionId),
+              width: "250px",
+              style: styleData
+            });
+          }
+        });
+        Object.values(item.descriptions).forEach(function (des) {
+          var props = {
+            name: rules[des.attributeId],
+            value: des.name
+          };
+          if (!attributesReviewed.find(function (e) {
+            return e.articleId === item.id && e.attributeId === des.attributeId && e.retailerId === ret.id;
+          })) attributesReviewed.push({
+            articleId: item.id,
+            attributeId: des.attributeId,
+            retailerId: ret.id,
+            validated: false,
+            reviewed: false,
+            message: ""
+          });
+          currentData["".concat(des.attributeId)] = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+              onClick: function onClick() {
+                setShowValidationPanel(true);
+                setAttributeSelected({
+                  articleId: item.id,
+                  attributeId: des.attributeId,
+                  retailerId: ret.id
+                });
+              },
+              className: "validation-option",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                src: _acceptIcon.default,
+                alt: "accept button"
+              })
+            }), showValidationPanel && attributeSelected.articleId === item.id && attributeSelected.attributeId === des.attributeId && attributeSelected.retailerId === ret.id && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "buttons-container",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+                onClick: function onClick() {
+                  console.log(attributesReviewed);
+                  setShowValidationPanel(false);
+                },
+                className: "validation-option",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                  src: _acceptIcon.default,
+                  alt: "accept button"
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+                  children: "Validar"
+                })]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+                onClick: function onClick() {
+                  setShowValidationPanel(false);
+                  setShowRejectModal(true);
+                },
+                className: "validation-option",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                  src: _rejectIcon.default,
+                  alt: "reject button"
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+                  children: "Rechazar"
+                })]
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, (0, _objectSpread3.default)({}, props))]
+          });
+        });
+      });
+    }
+
+    values.push(currentData);
+  });
+  return [columns, values];
+}
+
+function modalReducer(state, action) {
+  if (action.type === "close") {
+    return {
+      show: false
+    };
+  }
+
+  var _action$functions = action === null || action === void 0 ? void 0 : action.functions,
+      setModal = _action$functions.setModal,
+      setDataServices = _action$functions.setDataServices;
+
+  var buttons = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
+    type: "white",
+    label: "Cancelar",
+    onClick: function onClick() {
+      return setModal({
+        type: "close"
+      });
+    }
+  }, "btn-Cancelar")];
+
+  if (action.type === "saved successfully") {
+    var _action$payload3;
+
+    buttons[0] = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
+      type: "pink",
+      label: "Aceptar",
+      onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                return _context.abrupt("return", setModal({
+                  type: "close"
+                }));
+
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))
+    }, "btn-Aceptar");
+    return {
+      show: true,
+      title: "Servicio guardado con éxito",
+      message: "El servicio de ".concat((_action$payload3 = action.payload) === null || _action$payload3 === void 0 ? void 0 : _action$payload3.service, " se ha guardado con \xE9xito."),
+      icon: "success",
+      buttons: buttons
+    };
+  }
+
+  if (action.type === "delete") {
+    buttons.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
+      type: "pink",
+      label: "Aceptar",
+      onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                setDataServices({
+                  type: "deleteImage",
+                  payload: action.payload
+                });
+                setModal({
+                  type: "close"
+                });
+
+              case 2:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }))
+    }, "btn-Aceptar"));
+    return {
+      show: true,
+      title: "Eliminar imagen",
+      message: "¿Está seguro de eliminar la imagen seleccionada?",
+      icon: "warning",
+      buttons: buttons
+    };
+  }
+
+  return state;
+}

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

@@ -1,23 +1,38 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.OnboardPlanDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _ScreenHeader = require("../../atoms/ScreenHeader");
+
 var _AtomList = require("../../atoms/AtomList");
+
 var _variables = require("../../../global-files/variables");
+
 var _Fullplan = require("../../organisms/Fullplan");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/pages/OnboardPlan",
   Component: _index.OnboardPlan
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OnboardPlan, {
-  ...args
-});
-const OnboardPlanDefault = exports.OnboardPlanDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OnboardPlan, (0, _objectSpread2.default)({}, args));
+};
+
+var OnboardPlanDefault = Template.bind({});
+exports.OnboardPlanDefault = OnboardPlanDefault;
 OnboardPlanDefault.args = {
   leftPanel: {
     componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {

package/dist/components/pages/OnboardPlan/index.js

@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OnboardPlan = void 0;
+
 var _styles = require("./styles");
+
 var _GradientPanel = require("../../atoms/GradientPanel");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const OnboardPlan = _ref => {
-  let {
-    leftPanel,
-    planContainerData
-  } = _ref;
+
+var OnboardPlan = function OnboardPlan(_ref) {
+  var leftPanel = _ref.leftPanel,
+      planContainerData = _ref.planContainerData;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "left",
@@ -29,4 +31,5 @@ const OnboardPlan = _ref => {
     })]
   });
 };
+
 exports.OnboardPlan = OnboardPlan;

package/dist/components/pages/OnboardPlan/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  width: 100%;\n  height: 100vh;\n  \n  .left,\n  .rigth {\n    width: 50%;\n  }\n  .left {\n    .title {\n      & + * {\n        margin-top: 35px;\n      }\n    }\n  }\n  .rigth {\ndisplay: flex;\nalign-items: center;\n    .title {\n      & + * {\n        margin-top: 30px;\n      }\n    }\n    .general-text {\n      & + * {\n        margin-top: 50px;\n      }\n    }\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  height: 100vh;\n  \n  .left,\n  .rigth {\n    width: 50%;\n  }\n  .left {\n    .title {\n      & + * {\n        margin-top: 35px;\n      }\n    }\n  }\n  .rigth {\ndisplay: flex;\nalign-items: center;\n    .title {\n      & + * {\n        margin-top: 30px;\n      }\n    }\n    .general-text {\n      & + * {\n        margin-top: 50px;\n      }\n    }\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/pages/ProductEditionv2/ProductEditionv2.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.ProductEditionv2Default = 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/pages/ProductEditionv2",
   component: _index.ProductEditionv2
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductEditionv2, {
-  ...args
-});
-const ProductEditionv2Default = exports.ProductEditionv2Default = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductEditionv2, (0, _objectSpread2.default)({}, args));
+};
+
+var ProductEditionv2Default = Template.bind({});
+exports.ProductEditionv2Default = ProductEditionv2Default;
 ProductEditionv2Default.args = {
   tabsSections: {
     Descripción: true,
@@ -205,5 +216,7 @@ ProductEditionv2Default.args = {
     financedRetailers: [],
     retailers: []
   },
-  showSurvey: v => v && alert("se muestra")
+  showSurvey: function showSurvey(v) {
+    return v && alert("se muestra");
+  }
 };