contentoh-components-library 21.0.9 → 21.0.13

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

@@ -33,8 +33,6 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _GeneralInput = require("../../atoms/GeneralInput");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var RegistrationLoginFirstStep = function RegistrationLoginFirstStep(_ref) {
   var _ref$imageArrayCarous = _ref.imageArrayCarousel,
       imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
@@ -104,166 +102,117 @@ var RegistrationLoginFirstStep = function RegistrationLoginFirstStep(_ref) {
     };
   }();
 
-  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  var loginRight = [/*#__PURE__*/React.createElement(_LogoImage.LogoImage, {
+    key: "1"
+  }), /*#__PURE__*/React.createElement("div", {
     className: "credenciales",
-    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", {
+    key: "2"
+  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    fontFamily: _variables.FontFamily.AvenirNext,
+    color: _variables.GlobalColors.s5,
+    text: "Ingresa tus credenciales"
+  })), /*#__PURE__*/React.createElement("div", {
     className: "user",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "name-registration-user",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-        inputType: "text",
-        inputId: "nameInput",
-        label: "Nombre",
-        inputPlaceHolder: "Nombre"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-        inputType: "text",
-        inputId: "lastNameInput",
-        label: "Apellido",
-        inputPlaceHolder: "Apellido"
-      })]
-    }), emptyName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese su nombre"
-    }), emptyLastName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese sus apellidos"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-      inputType: "text",
-      inputId: "emailInput",
-      label: "Correo electrónico",
-      inputPlaceHolder: "username@contentoh.com"
-    }), emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese su correo"
-    }), invalidEmail && !emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese un correo v\xE1lido"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-      inputType: "text",
-      inputId: "jobInput",
-      label: "Puesto laboral",
-      inputPlaceHolder: "Puesto dentro de la empresa"
-    }), emptyJob && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese su puesto"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      text: "Teléfono",
-      headerType: "input-name-header"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "phone-registration-user",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
-        name: "select",
-        className: "phone-options",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+52"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+54"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+57"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+506"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+593"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+503"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+504"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+507"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          children: "+51"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralInput.GeneralInput, {
-        inputId: "phoneInput",
-        inputType: "text",
-        inputPlaceholder: "Teléfono"
-      })]
-    }), emptyPhone && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese su n\xFAmero de tel\xE9fono"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      text: "País",
-      headerType: "input-name-header"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
-      name: "select",
-      className: "country-options",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value1",
-        selected: true,
-        children: "Selecciona tu pa\xEDs"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value2",
-        children: "Argentina"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value3",
-        children: "Colombia"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value2",
-        children: "Ecuador"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value3",
-        children: "El Salvador"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value2",
-        children: "Honduras"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value3",
-        children: "M\xE9xico"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value2",
-        children: "Panam\xE1"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "value3",
-        children: "Per\xFA"
-      })]
-    }), emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Seleccione su pa\xEDs"
-    })]
-  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    key: "3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "name-registration-user"
+  }, /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+    inputType: "text",
+    inputId: "nameInput",
+    label: "Nombre",
+    inputPlaceHolder: "Nombre"
+  }), /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+    inputType: "text",
+    inputId: "lastNameInput",
+    label: "Apellido",
+    inputPlaceHolder: "Apellido"
+  })), emptyName && /*#__PURE__*/React.createElement("label", null, "Ingrese su nombre"), emptyLastName && /*#__PURE__*/React.createElement("label", null, "Ingrese sus apellidos"), /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+    inputType: "text",
+    inputId: "emailInput",
+    label: "Correo electrónico",
+    inputPlaceHolder: "username@contentoh.com"
+  }), emptyEmail && /*#__PURE__*/React.createElement("label", null, "Ingrese su correo"), invalidEmail && !emptyEmail && /*#__PURE__*/React.createElement("label", null, "Ingrese un correo v\xE1lido"), /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
+    inputType: "text",
+    inputId: "jobInput",
+    label: "Puesto laboral",
+    inputPlaceHolder: "Puesto dentro de la empresa"
+  }), emptyJob && /*#__PURE__*/React.createElement("label", null, "Ingrese su puesto"), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    text: "Teléfono",
+    headerType: "input-name-header"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "phone-registration-user"
+  }, /*#__PURE__*/React.createElement("select", {
+    name: "select",
+    className: "phone-options"
+  }, /*#__PURE__*/React.createElement("option", null, "+52"), /*#__PURE__*/React.createElement("option", null, "+54"), /*#__PURE__*/React.createElement("option", null, "+57"), /*#__PURE__*/React.createElement("option", null, "+506"), /*#__PURE__*/React.createElement("option", null, "+593"), /*#__PURE__*/React.createElement("option", null, "+503"), /*#__PURE__*/React.createElement("option", null, "+504"), /*#__PURE__*/React.createElement("option", null, "+507"), /*#__PURE__*/React.createElement("option", null, "+51")), /*#__PURE__*/React.createElement(_GeneralInput.GeneralInput, {
+    inputId: "phoneInput",
+    inputType: "text",
+    inputPlaceholder: "Teléfono"
+  })), emptyPhone && /*#__PURE__*/React.createElement("label", null, "Ingrese su n\xFAmero de tel\xE9fono"), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    text: "País",
+    headerType: "input-name-header"
+  }), /*#__PURE__*/React.createElement("select", {
+    name: "select",
+    className: "country-options"
+  }, /*#__PURE__*/React.createElement("option", {
+    value: "value1",
+    selected: true
+  }, "Selecciona tu pa\xEDs"), /*#__PURE__*/React.createElement("option", {
+    value: "value2"
+  }, "Argentina"), /*#__PURE__*/React.createElement("option", {
+    value: "value3"
+  }, "Colombia"), /*#__PURE__*/React.createElement("option", {
+    value: "value2"
+  }, "Ecuador"), /*#__PURE__*/React.createElement("option", {
+    value: "value3"
+  }, "El Salvador"), /*#__PURE__*/React.createElement("option", {
+    value: "value2"
+  }, "Honduras"), /*#__PURE__*/React.createElement("option", {
+    value: "value3"
+  }, "M\xE9xico"), /*#__PURE__*/React.createElement("option", {
+    value: "value2"
+  }, "Panam\xE1"), /*#__PURE__*/React.createElement("option", {
+    value: "value3"
+  }, "Per\xFA")), emptyEmail && /*#__PURE__*/React.createElement("label", null, "Seleccione su pa\xEDs")), /*#__PURE__*/React.createElement("div", {
     className: "button-end",
-    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", {
+    key: "4"
+  }, /*#__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",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "progress-bar-first-step"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "progress-bar-registration"
-    })]
-  }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+    key: "5"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "progress-bar-first-step"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "progress-bar-registration"
+  })), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
     text: "Paso 1",
     headerType: "date-header",
-    color: _variables.GlobalColors.s4
-  }, "6"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    color: _variables.GlobalColors.s4,
+    key: "6"
+  }), /*#__PURE__*/React.createElement("div", {
     className: "new-login",
-    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
-      })
-    })]
-  });
+    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
+  })));
 };
 
 exports.RegistrationLoginFirstStep = RegistrationLoginFirstStep;

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

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.RegistrationLoginSecondStepDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
 var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
@@ -17,8 +15,6 @@ 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/RegistrationLoginSecondStep",
   component: _index.RegistrationLoginSecondStep
@@ -26,7 +22,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RegistrationLoginSecondStep, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.RegistrationLoginSecondStep, args);
 };
 
 var RegistrationLoginSecondStepDefault = Template.bind({});

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

@@ -33,8 +33,6 @@ 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,
@@ -89,88 +87,79 @@ var RegistrationLoginSecondStep = function RegistrationLoginSecondStep(_ref) {
     };
   }();
 
-  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  var loginRight = [/*#__PURE__*/React.createElement(_LogoImage.LogoImage, {
+    key: "1"
+  }), /*#__PURE__*/React.createElement("div", {
     className: "credenciales",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      fontFamily: _variables.FontFamily.AvenirNext,
-      color: _variables.GlobalColors.s5,
-      text: textHeaderRight
-    })
-  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoginPasswordStrength.LoginPasswordStrength, {
+    key: "2"
+  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    fontFamily: _variables.FontFamily.AvenirNext,
+    color: _variables.GlobalColors.s5,
+    text: textHeaderRight
+  })), /*#__PURE__*/React.createElement(_LoginPasswordStrength.LoginPasswordStrength, {
+    key: "3",
     emptyPassword: emptyPassword,
     emptyConfirmPassword: emptyConfirmPassword,
     matchPasswords: matchPasswords,
     textTittle: textHeaderRight
-  }, "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", {
+  }), /*#__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", {
     className: "button-end",
-    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, {
+    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, {
     text: "Paso 2",
     headerType: "date-header",
     color: _variables.GlobalColors.s4
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "new-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"
-      })
-    })]
-  });
+    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"
+  })));
 };
 
 exports.RegistrationLoginSecondStep = RegistrationLoginSecondStep;

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

@@ -7,8 +7,6 @@ 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"));
@@ -17,8 +15,6 @@ 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
@@ -26,7 +22,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RegistrationLoginThirdStep, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.RegistrationLoginThirdStep, args);
 };
 
 var RegistrationLoginThirdStepDefault = Template.bind({});