contentoh-components-library 21.0.20 → 21.0.21

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

@@ -33,6 +33,8 @@ var _LoginPasswordStrength = require("../../molecules/LoginPasswordStrength");
 
 var _LogoImage = require("../../atoms/LogoImage");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var RegistrationLoginSecondStep = function RegistrationLoginSecondStep(_ref) {
   var _ref$imageArrayCarous = _ref.imageArrayCarousel,
       imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
@@ -87,79 +89,88 @@ var RegistrationLoginSecondStep = function RegistrationLoginSecondStep(_ref) {
     };
   }();
 
-  var loginRight = [/*#__PURE__*/React.createElement(_LogoImage.LogoImage, {
-    key: "1"
-  }), /*#__PURE__*/React.createElement("div", {
+  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "credenciales",
-    key: "2"
-  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    fontFamily: _variables.FontFamily.AvenirNext,
-    color: _variables.GlobalColors.s5,
-    text: textHeaderRight
-  })), /*#__PURE__*/React.createElement(_LoginPasswordStrength.LoginPasswordStrength, {
-    key: "3",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      fontFamily: _variables.FontFamily.AvenirNext,
+      color: _variables.GlobalColors.s5,
+      text: textHeaderRight
+    })
+  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoginPasswordStrength.LoginPasswordStrength, {
     emptyPassword: emptyPassword,
     emptyConfirmPassword: emptyConfirmPassword,
     matchPasswords: matchPasswords,
     textTittle: textHeaderRight
-  }), /*#__PURE__*/React.createElement("label", {
-    className: "label-terms"
-  }, "T\xE9rminos y condiciones"), /*#__PURE__*/React.createElement("div", {
-    className: "checkbox-terms"
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox"
-  }), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    text: "Conoce nuestros termnios y condiciones de cada uno de nuestros servicios. Si tienes algunda duda o comentario escríbenos.",
-    headerType: "date-header"
-  })), /*#__PURE__*/React.createElement("label", {
-    className: "label-terms"
-  }, "Aviso de privacidad"), /*#__PURE__*/React.createElement("div", {
-    className: "checkbox-terms"
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox"
-  }), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    text: "Todos los datos estan protegidos.",
-    headerType: "date-header"
-  })), /*#__PURE__*/React.createElement("div", {
+  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+    className: "label-terms",
+    children: "T\xE9rminos y condiciones"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "checkbox-terms",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "checkbox"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      text: "Conoce nuestros termnios y condiciones de cada uno de nuestros servicios. Si tienes algunda duda o comentario escríbenos.",
+      headerType: "date-header"
+    })]
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+    className: "label-terms",
+    children: "Aviso de privacidad"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "checkbox-terms",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "checkbox"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      text: "Todos los datos estan protegidos.",
+      headerType: "date-header"
+    })]
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "button-end",
-    key: "6"
-  }, /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "general-default-button",
-    label: "Enviar",
-    onClick: function onClick(e) {
-      return validate(e);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "progress-bar"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "progress-bar-first-step-check"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "progress-bar-second-step"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "progress-bar-registration"
-  })), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+      buttonType: "general-default-button",
+      label: "Enviar",
+      onClick: function onClick(e) {
+        return validate(e);
+      }
+    })
+  }, "6"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "progress-bar",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "progress-bar-first-step-check"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "progress-bar-second-step"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "progress-bar-registration"
+    })]
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
     text: "Paso 2",
     headerType: "date-header",
     color: _variables.GlobalColors.s4
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "new-login",
-    key: "7"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "pre-registro"
-  }, "\xBFA\xFAn no tienes cuenta?", /*#__PURE__*/React.createElement("span", null, " Reg\xEDstrate")))];
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "home-retailer"
-  }, /*#__PURE__*/React.createElement(_CarouselImagesLogin.CarouselImagesLogin, {
-    panelImg: imageArrayCarousel,
-    panelText: textCarousel,
-    panelColor: backogroundColorCarousel
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "home-login-retailer"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    panelColor: _variables.GlobalColors.white,
-    componentsArray: loginRight,
-    panelType: "home-login"
-  })));
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+      className: "pre-registro",
+      children: ["\xBFA\xFAn no tienes cuenta?", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: " Reg\xEDstrate"
+      })]
+    })
+  }, "7")];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CarouselImagesLogin.CarouselImagesLogin, {
+        panelImg: imageArrayCarousel,
+        panelText: textCarousel,
+        panelColor: backogroundColorCarousel
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-login-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        panelColor: _variables.GlobalColors.white,
+        componentsArray: loginRight,
+        panelType: "home-login"
+      })
+    })]
+  });
 };
 
 exports.RegistrationLoginSecondStep = RegistrationLoginSecondStep;

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.RegistrationLoginThirdStepDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
 var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
@@ -15,6 +17,8 @@ var _login = _interopRequireDefault(require("../../../assets/images/carouselImag
 
 var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/pages/RegistrationLoginThirdStep",
   component: _index.RegistrationLoginThirdStep
@@ -22,7 +26,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.RegistrationLoginThirdStep, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RegistrationLoginThirdStep, (0, _objectSpread2.default)({}, args));
 };
 
 var RegistrationLoginThirdStepDefault = Template.bind({});

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

@@ -31,6 +31,8 @@ var _TagAndInput = require("../../molecules/TagAndInput");
 
 var _GeneralButton = require("../../atoms/GeneralButton");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var RegistrationLoginThirdStep = function RegistrationLoginThirdStep(_ref) {
   var _ref$imageArrayCarous = _ref.imageArrayCarousel,
       imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
@@ -87,78 +89,90 @@ var RegistrationLoginThirdStep = function RegistrationLoginThirdStep(_ref) {
     };
   }();
 
-  var loginRight = [/*#__PURE__*/React.createElement(_LogoImage.LogoImage, {
-    key: "1"
-  }), /*#__PURE__*/React.createElement("div", {
+  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "credenciales",
-    key: "2"
-  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    fontFamily: _variables.FontFamily.AvenirNext,
-    color: _variables.GlobalColors.s5,
-    text: "Ingresa tus credenciales"
-  })), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      fontFamily: _variables.FontFamily.AvenirNext,
+      color: _variables.GlobalColors.s5,
+      text: "Ingresa tus credenciales"
+    })
+  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "user",
-    key: "3"
-  }, /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-    inputType: "text",
-    inputId: "commercialNameInput",
-    label: "Nombre comercial",
-    inputPlaceHolder: "Nombre comercial"
-  }), emptyCommercialName && /*#__PURE__*/React.createElement("label", null, "Ingrese el nombre comercial de la empresa"), /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-    inputType: "text",
-    inputId: "bussinesNameInput",
-    label: "Razón social",
-    inputPlaceHolder: "Razón social"
-  }), emptyBussinesName && /*#__PURE__*/React.createElement("label", null, "Ingrese la raz\xF3n social de la empresa"), /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-    inputType: "text",
-    inputId: "rfcInput",
-    label: "RFC",
-    inputPlaceHolder: "RFC"
-  }), emptyRFC && /*#__PURE__*/React.createElement("label", null, "El RFC es requerido"), /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-    inputType: "text",
-    inputId: "fiscalAddressInput",
-    label: "Direccion fiscal",
-    inputPlaceHolder: "Dirección fiscal"
-  }), emptyFiscalAddress && /*#__PURE__*/React.createElement("label", null, "Ingrese la direccion fiscal de la empresa")), /*#__PURE__*/React.createElement("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+      inputType: "text",
+      inputId: "commercialNameInput",
+      label: "Nombre comercial",
+      inputPlaceHolder: "Nombre comercial"
+    }), emptyCommercialName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Ingrese el nombre comercial de la empresa"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+      inputType: "text",
+      inputId: "bussinesNameInput",
+      label: "Razón social",
+      inputPlaceHolder: "Razón social"
+    }), emptyBussinesName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Ingrese la raz\xF3n social de la empresa"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+      inputType: "text",
+      inputId: "rfcInput",
+      label: "RFC",
+      inputPlaceHolder: "RFC"
+    }), emptyRFC && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "El RFC es requerido"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+      inputType: "text",
+      inputId: "fiscalAddressInput",
+      label: "Direccion fiscal",
+      inputPlaceHolder: "Dirección fiscal"
+    }), emptyFiscalAddress && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Ingrese la direccion fiscal de la empresa"
+    })]
+  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "button-end",
-    key: "4"
-  }, /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "general-default-button",
-    label: "Enviar",
-    onClick: function onClick(e) {
-      return validate(e);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+      buttonType: "general-default-button",
+      label: "Enviar",
+      onClick: function onClick(e) {
+        return validate(e);
+      }
+    })
+  }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "progress-bar",
-    key: "5"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "progress-bar-step-check"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "progress-bar-registration"
-  })), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "progress-bar-step-check"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "progress-bar-registration"
+    })]
+  }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
     text: "Paso 3",
     headerType: "date-header",
-    color: _variables.GlobalColors.s4,
-    key: "6"
-  }), /*#__PURE__*/React.createElement("div", {
+    color: _variables.GlobalColors.s4
+  }, "6"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "new-login",
-    key: "7"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "pre-registro"
-  }, "\xBFYa tienes una cuenta?", /*#__PURE__*/React.createElement("span", null, " Inicia Sesi\xF3n")))];
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "home-retailer"
-  }, /*#__PURE__*/React.createElement(_CarouselImagesLogin.CarouselImagesLogin, {
-    panelImg: imageArrayCarousel,
-    panelText: textCarousel,
-    panelColor: backogroundColorCarousel
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "home-login-retailer"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    componentsArray: loginRight,
-    panelType: "home-login",
-    panelColor: _variables.GlobalColors.white
-  })));
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+      className: "pre-registro",
+      children: ["\xBFYa tienes una cuenta?", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: " Inicia Sesi\xF3n"
+      })]
+    })
+  }, "7")];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CarouselImagesLogin.CarouselImagesLogin, {
+        panelImg: imageArrayCarousel,
+        panelText: textCarousel,
+        panelColor: backogroundColorCarousel
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-login-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        componentsArray: loginRight,
+        panelType: "home-login",
+        panelColor: _variables.GlobalColors.white
+      })
+    })]
+  });
 };
 
 exports.RegistrationLoginThirdStep = RegistrationLoginThirdStep;

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

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RetailerPlanDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
@@ -15,6 +19,8 @@ var _variables = require("../../../global-files/variables");
 
 var _Fullplan = require("../../organisms/Fullplan");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/pages/RetailerPlan",
   Component: _index.RetailerPlan
@@ -22,25 +28,23 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.RetailerPlan, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RetailerPlan, (0, _objectSpread2.default)({}, args));
 };
 
 var RetailerPlanDefault = Template.bind({});
 exports.RetailerPlanDefault = RetailerPlanDefault;
 RetailerPlanDefault.args = {
   retailerLeft: {
-    componentsArray: [/*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-      key: "1",
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       fontFamily: _variables.FontFamily.Raleway_600,
       color: _variables.GlobalColors.white,
       text: "Benficios de crear productos"
-    }), /*#__PURE__*/React.createElement(_AtomList.AtomList, {
-      key: "2",
+    }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AtomList.AtomList, {
       content: ["Crea productos", "Solicita actualización", "Revisa, valida o rechaza productos", "Comparte con colaboradores"]
-    })]
+    }, "2")]
   },
   planRetailerData: {
-    componentsArray: [/*#__PURE__*/React.createElement(_Fullplan.FullPlan, {
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Fullplan.FullPlan, {
       title: "Elige el n\xFAmero de proveedores",
       textGeneral: "Bienvido a nuestra plataforma de cadena, para continuar elige el n\xFAmero de proveedores que tiene tu cadena",
       containerData: [{
@@ -52,8 +56,7 @@ RetailerPlanDefault.args = {
       }, {
         number: "+3000",
         name: "Proveedores"
-      }],
-      key: "1"
-    })]
+      }]
+    }, "1")]
   }
 };

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

@@ -11,21 +11,27 @@ var _GradientPanel = require("../../atoms/GradientPanel");
 
 var _Fullplan = require("../../organisms/Fullplan");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var RetailerPlan = function RetailerPlan(_ref) {
   var retailerLeft = _ref.retailerLeft,
       planRetailerData = _ref.planRetailerData;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "left-retailer"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    componentsArray: retailerLeft.componentsArray,
-    panelType: "home-panel"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "righ-retailer"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    panelColor: true,
-    componentsArray: planRetailerData.componentsArray,
-    panelType: "home-plan"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "left-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        componentsArray: retailerLeft.componentsArray,
+        panelType: "home-panel"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "righ-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        panelColor: true,
+        componentsArray: planRetailerData.componentsArray,
+        panelType: "home-plan"
+      })
+    })]
+  });
 };
 
 exports.RetailerPlan = RetailerPlan;

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

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

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

@@ -37,6 +37,8 @@ var _GalleryHeader = require("../../molecules/GalleryHeader");
 
 var _ProductImageModal = require("../../organisms/ProductImageModal");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var RetailerProductEdition = function RetailerProductEdition(_ref) {
   var _datasheets$, _datasheets$$data, _images$values;
 
@@ -131,55 +133,58 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       }
     }, _callee2);
   })), []);
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    headerTop: headerTop
-  }, /*#__PURE__*/React.createElement(_HeaderTop.HeaderTop, {
-    setHeaderTop: setHeaderTop
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "data-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "image-data-panel"
-  }, /*#__PURE__*/React.createElement(_ImagePreviewer.ImagePreviewer, {
-    activeImage: activeImage,
-    imagesArray: images,
-    setActiveImage: setActiveImage,
-    setShowModal: setShowModal
-  }), /*#__PURE__*/React.createElement(_ImageDataTable.ImageDataTable, {
-    imageData: activeImage === null || activeImage === void 0 ? void 0 : activeImage.data,
-    activeImage: activeImage
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "product-information"
-  }, /*#__PURE__*/React.createElement(_FullProductNameHeader.FullProductNameHeader, {
-    headerData: productData.headerData
-  }), /*#__PURE__*/React.createElement(_FullTabsMenu.FullTabsMenu, {
-    tabsSections: tabsSections,
-    status: productData.status,
-    profileImage: productData.asigned,
-    setActiveTab: setActiveTab,
-    setImageLayout: setImageLayout
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "services-information-container " + (imageLayout && activeTab === "Imágenes" && "image-services")
-  }, !imageLayout && /*#__PURE__*/React.createElement(_GalleryHeader.GalleryHeader, null), activeTab === "Ficha técnica" && ((_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map(function (dataGroup, index) {
-    return /*#__PURE__*/React.createElement(_InputGroup.InputGroup, {
-      key: index,
-      activeSection: activeTab,
-      inputGroup: dataGroup,
-      dataInputs: datasheets[1]
-    });
-  })), activeTab === "Descripción" && /*#__PURE__*/React.createElement(_InputGroup.InputGroup, {
-    activeSection: activeTab,
-    inputGroup: descriptions[0]
-  }), activeTab === "Imágenes" && (images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map(function (image, index) {
-    return /*#__PURE__*/React.createElement(_GalleryElement.GalleryElement, {
-      key: index,
-      image: (0, _data.getImage)(image, 179, 179),
-      gridLayout: imageLayout,
-      id: "gallery-element-" + index
-    });
-  }))))), showModal && /*#__PURE__*/React.createElement(_ProductImageModal.ProductImageModal, {
-    images: images,
-    setShowModal: setShowModal
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    headerTop: headerTop,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
+      setHeaderTop: setHeaderTop
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "data-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "image-data-panel",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreviewer.ImagePreviewer, {
+          activeImage: activeImage,
+          imagesArray: images,
+          setActiveImage: setActiveImage,
+          setShowModal: setShowModal
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageDataTable.ImageDataTable, {
+          imageData: activeImage === null || activeImage === void 0 ? void 0 : activeImage.data,
+          activeImage: activeImage
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "product-information",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FullProductNameHeader.FullProductNameHeader, {
+          headerData: productData.headerData
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
+          tabsSections: tabsSections,
+          status: productData.status,
+          profileImage: productData.asigned,
+          setActiveTab: setActiveTab,
+          setImageLayout: setImageLayout
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "services-information-container " + (imageLayout && activeTab === "Imágenes" && "image-services"),
+          children: [!imageLayout && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {}), activeTab === "Ficha técnica" && ((_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map(function (dataGroup, index) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
+              activeSection: activeTab,
+              inputGroup: dataGroup,
+              dataInputs: datasheets[1]
+            }, index);
+          })), activeTab === "Descripción" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
+            activeSection: activeTab,
+            inputGroup: descriptions[0]
+          }), activeTab === "Imágenes" && (images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map(function (image, index) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryElement.GalleryElement, {
+              image: (0, _data.getImage)(image, 179, 179),
+              gridLayout: imageLayout,
+              id: "gallery-element-" + index
+            }, index);
+          }))]
+        })]
+      })]
+    }), showModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImageModal.ProductImageModal, {
+      images: images,
+      setShowModal: setShowModal
+    })]
+  });
 };
 
 exports.RetailerProductEdition = RetailerProductEdition;