contentoh-components-library 21.0.20 → 21.0.23

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

@@ -21,6 +21,8 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _react = require("react");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var FullPlan = function FullPlan(_ref) {
   var title = _ref.title,
       textGeneral = _ref.textGeneral,
@@ -31,21 +33,27 @@ var FullPlan = function FullPlan(_ref) {
       buttonActive = _useState2[0],
       setbuttonActive = _useState2[1];
 
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "title"
-  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "product-name-header",
-    text: title,
-    color: _variables.GlobalColors.original_purpura
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "general-text"
-  }, /*#__PURE__*/React.createElement("p", null, textGeneral)), /*#__PURE__*/React.createElement(_PlanSelection.PlanSelection, {
-    planSelection: containerData,
-    setbuttonActive: setbuttonActive
-  }), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: buttonActive ? "general-default-button" : "general-transparent-button",
-    label: "Continuar"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "title",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "product-name-header",
+        text: title,
+        color: _variables.GlobalColors.original_purpura
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "general-text",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: textGeneral
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlanSelection.PlanSelection, {
+      planSelection: containerData,
+      setbuttonActive: setbuttonActive
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+      buttonType: buttonActive ? "general-default-button" : "general-transparent-button",
+      label: "Continuar"
+    })]
+  });
 };
 
 exports.FullPlan = FullPlan;

package/dist/components/organisms/ImageDataTable/ImageDataTable.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.ImageDataTableDefault = 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/ImageDataTable",
   component: _index.ImageDataTable
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.ImageDataTable, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageDataTable, (0, _objectSpread2.default)({}, args));
 };
 
 var ImageDataTableDefault = Template.bind({});

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

@@ -11,24 +11,26 @@ var _TableHeader = require("../../molecules/TableHeader");
 
 var _TableRow = require("../../molecules/TableRow");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ImageDataTable = function ImageDataTable(_ref) {
   var headerInfo = _ref.headerInfo,
       imageData = _ref.imageData,
       activeImage = _ref.activeImage,
       darkMode = _ref.darkMode;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    darkMode: darkMode
-  }, /*#__PURE__*/React.createElement(_TableHeader.TableHeader, {
-    headerInfo: headerInfo,
-    activeImage: activeImage
-  }), imageData === null || imageData === void 0 ? void 0 : imageData.map(function (attribute, index) {
-    return /*#__PURE__*/React.createElement(_TableRow.TableRow, {
-      key: index,
-      feature: attribute.feature,
-      value: attribute.value,
-      valueType: index < 2
-    });
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    darkMode: darkMode,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeader.TableHeader, {
+      headerInfo: headerInfo,
+      activeImage: activeImage
+    }), imageData === null || imageData === void 0 ? void 0 : imageData.map(function (attribute, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow.TableRow, {
+        feature: attribute.feature,
+        value: attribute.value,
+        valueType: index < 2
+      }, index);
+    })]
+  });
 };
 
 exports.ImageDataTable = ImageDataTable;

package/dist/components/organisms/ImagePreviewer/ImagePreviewer.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.ImagePreviewerDefault = 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/ImagePreviewer",
   component: _index.ImagePreviewer
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.ImagePreviewer, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImagePreviewer, (0, _objectSpread2.default)({}, args));
 };
 
 var ImagePreviewerDefault = Template.bind({});

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

@@ -11,20 +11,24 @@ var _EditionActiveImage = require("../../molecules/EditionActiveImage");
 
 var _ImageSelector = require("../../molecules/ImageSelector");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ImagePreviewer = function ImagePreviewer(_ref) {
   var _ref$imagesArray = _ref.imagesArray,
       imagesArray = _ref$imagesArray === void 0 ? [] : _ref$imagesArray,
       activeImage = _ref.activeImage,
       setActiveImage = _ref.setActiveImage,
       setShowModal = _ref.setShowModal;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_EditionActiveImage.EditionActiveImage, {
-    img: activeImage === null || activeImage === void 0 ? void 0 : activeImage.src,
-    altText: activeImage === null || activeImage === void 0 ? void 0 : activeImage.name,
-    setShowModal: setShowModal
-  }), /*#__PURE__*/React.createElement(_ImageSelector.ImageSelector, {
-    images: imagesArray,
-    setActiveImage: setActiveImage
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_EditionActiveImage.EditionActiveImage, {
+      img: activeImage === null || activeImage === void 0 ? void 0 : activeImage.src,
+      altText: activeImage === null || activeImage === void 0 ? void 0 : activeImage.name,
+      setShowModal: setShowModal
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageSelector.ImageSelector, {
+      images: imagesArray,
+      setActiveImage: setActiveImage
+    })]
+  });
 };
 
 exports.ImagePreviewer = ImagePreviewer;

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

@@ -13,9 +13,13 @@ var _styles = require("./styles");
 
 var _GalleryElement = require("../../molecules/GalleryElement");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ImagesGroup = function ImagesGroup(_ref) {
   (0, _objectDestructuringEmpty2.default)(_ref);
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_GalleryElement.GalleryElement, null));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryElement.GalleryElement, {})
+  });
 };
 
 exports.ImagesGroup = ImagesGroup;

package/dist/components/organisms/InputGroup/InputGroup.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.InputGroupDefault = 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/InputGroup",
   component: _index.InputGroup,
@@ -22,7 +28,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.InputGroup, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.InputGroup, (0, _objectSpread2.default)({}, args));
 };
 
 var InputGroupDefault = Template.bind({});

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

@@ -11,6 +11,8 @@ var _ScreenHeader = require("../../atoms/ScreenHeader");
 
 var _TagAndInput = require("../../molecules/TagAndInput");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var InputGroup = function InputGroup(_ref) {
   var _inputGroup$inputs;
 
@@ -33,32 +35,32 @@ var InputGroup = function InputGroup(_ref) {
     }
   };
 
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout"
-  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "retailer-name-header",
-    text: inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "inputs-container"
-  }, inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs = inputGroup.inputs) === null || _inputGroup$inputs === void 0 ? void 0 : _inputGroup$inputs.map(function (input, index) {
-    var _dataInputs$input, _dataInputs$input2, _dataInputs$input3, _dataInputs$input4;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    className: activeSection === "Ficha técnica" ? "datasheets-layout" : "descriptions-layout",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      headerType: "retailer-name-header",
+      text: inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.dataGroup
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "inputs-container",
+      children: inputGroup === null || inputGroup === void 0 ? void 0 : (_inputGroup$inputs = inputGroup.inputs) === null || _inputGroup$inputs === void 0 ? void 0 : _inputGroup$inputs.map(function (input, index) {
+        var _dataInputs$input, _dataInputs$input2, _dataInputs$input3, _dataInputs$input4;
 
-    return activeSection === "Ficha técnica" ? /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-      key: index,
-      inputId: "datasheet-" + ((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.id) + "-" + index,
-      inputType: inputTypeValue((_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.type),
-      label: (_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.name,
-      value: (_dataInputs$input4 = dataInputs[input]) === null || _dataInputs$input4 === void 0 ? void 0 : _dataInputs$input4.value,
-      inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder
-    }) : /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-      key: index,
-      inputId: "description-" + (input === null || input === void 0 ? void 0 : input.id) + "-" + index,
-      inputType: "textarea",
-      label: input === null || input === void 0 ? void 0 : input.name,
-      value: input === null || input === void 0 ? void 0 : input.value,
-      inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder
-    });
-  })));
+        return activeSection === "Ficha técnica" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+          inputId: "datasheet-" + ((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.id) + "-" + index,
+          inputType: inputTypeValue((_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.type),
+          label: (_dataInputs$input3 = dataInputs[input]) === null || _dataInputs$input3 === void 0 ? void 0 : _dataInputs$input3.name,
+          value: (_dataInputs$input4 = dataInputs[input]) === null || _dataInputs$input4 === void 0 ? void 0 : _dataInputs$input4.value,
+          inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder
+        }, index) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+          inputId: "description-" + (input === null || input === void 0 ? void 0 : input.id) + "-" + index,
+          inputType: "textarea",
+          label: input === null || input === void 0 ? void 0 : input.name,
+          value: input === null || input === void 0 ? void 0 : input.value,
+          inputPlaceHolder: input === null || input === void 0 ? void 0 : input.placeholder
+        }, index);
+      })
+    })]
+  });
 };
 
 exports.InputGroup = InputGroup;

package/dist/components/organisms/ProductImageModal/ProductImageModal.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.ProductImageModalDefault = 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/ProductImageModal",
   component: _index.ProductImageModal
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.ProductImageModal, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductImageModal, (0, _objectSpread2.default)({}, args));
 };
 
 var ProductImageModalDefault = Template.bind({});

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

@@ -25,6 +25,8 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _data = require("../../../global-files/data");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ProductImageModal = function ProductImageModal(_ref) {
   var _ref$images = _ref.images,
       images = _ref$images === void 0 ? [] : _ref$images,
@@ -59,44 +61,51 @@ var ProductImageModal = function ProductImageModal(_ref) {
       document.addEventListener("click", closeValidationPanel, false);
     }
   }, [showValidationPanel]);
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "modal-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "modal-image-container"
-  }, /*#__PURE__*/React.createElement(_ProductImage.ProductImage, {
-    img: activeImage.src,
-    altText: activeImage === null || activeImage === void 0 ? void 0 : activeImage.name,
-    imageType: "expanded-modal-image"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "modal-data-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "validation-and-table-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "validation-panel"
-  }, /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "circular-button ".concat(buttonType),
-    onClick: function onClick() {
-      return setShowValidationPanel(true);
-    }
-  }), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "close-button",
-    onClick: function onClick() {
-      setShowModal(false);
-    }
-  }), showValidationPanel && /*#__PURE__*/React.createElement(_ValidationPanel.ValidationPanel, {
-    id: "validation-panel",
-    setOptionClicked: setButtonType,
-    setShowValidationPanel: setShowValidationPanel
-  })), /*#__PURE__*/React.createElement(_ImageDataTable.ImageDataTable, {
-    imageData: activeImage.data,
-    headerInfo: headerInfo,
-    activeImage: activeImage,
-    darkMode: true
-  })), /*#__PURE__*/React.createElement(_ImageSelector.ImageSelector, {
-    images: images,
-    setActiveImage: setActiveImage,
-    modalSelector: true
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "modal-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "modal-image-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImage.ProductImage, {
+          img: activeImage.src,
+          altText: activeImage === null || activeImage === void 0 ? void 0 : activeImage.name,
+          imageType: "expanded-modal-image"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "modal-data-container",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "validation-and-table-container",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "validation-panel",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+              buttonType: "circular-button ".concat(buttonType),
+              onClick: function onClick() {
+                return setShowValidationPanel(true);
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+              buttonType: "close-button",
+              onClick: function onClick() {
+                setShowModal(false);
+              }
+            }), showValidationPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ValidationPanel.ValidationPanel, {
+              id: "validation-panel",
+              setOptionClicked: setButtonType,
+              setShowValidationPanel: setShowValidationPanel
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageDataTable.ImageDataTable, {
+            imageData: activeImage.data,
+            headerInfo: headerInfo,
+            activeImage: activeImage,
+            darkMode: true
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageSelector.ImageSelector, {
+          images: images,
+          setActiveImage: setActiveImage,
+          modalSelector: true
+        })]
+      })]
+    })
+  });
 };
 
 exports.ProductImageModal = ProductImageModal;

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ChangePasswordLoginDefault = 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/ChangePasswordLogin",
   component: _index.ChangePasswordLogin
@@ -22,7 +26,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.ChangePasswordLogin, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChangePasswordLogin, (0, _objectSpread2.default)({}, args));
 };
 
 var ChangePasswordLoginDefault = Template.bind({});

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

@@ -31,6 +31,8 @@ var _variables = require("../../../global-files/variables");
 
 var _GradientPanel = require("../../atoms/GradientPanel");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ChangePasswordLogin = function ChangePasswordLogin(_ref) {
   var _ref$imageArrayCarous = _ref.imageArrayCarousel,
       imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
@@ -85,44 +87,45 @@ var ChangePasswordLogin = function ChangePasswordLogin(_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, {
+    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,
-    key: "3"
-  }), /*#__PURE__*/React.createElement("div", {
+    textTittle: textHeaderRight
+  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "button-center",
-    key: "4"
-  }, /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "general-default-button",
-    label: "Enviar",
-    onClick: function onClick(e) {
-      return validate(e);
-    }
-  }))];
-  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.jsx)(_GeneralButton.Button, {
+      buttonType: "general-default-button",
+      label: "Enviar",
+      onClick: function onClick(e) {
+        return validate(e);
+      }
+    })
+  }, "4")];
+  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.ChangePasswordLogin = ChangePasswordLogin;