contentoh-components-library 21.0.19 → 21.0.22

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

@@ -33,6 +33,8 @@ 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,
@@ -102,117 +104,166 @@ var RegistrationLoginFirstStep = function RegistrationLoginFirstStep(_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("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", {
+    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", {
     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-first-step"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "progress-bar-registration"
-  })), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    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, {
     text: "Paso 1",
     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.RegistrationLoginFirstStep = RegistrationLoginFirstStep;

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

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

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({});