contentoh-components-library 21.0.41 → 21.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13,6 +13,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
13
13
 
14
14
  var _templateObject;
15
15
 
16
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n justify-content: center;\n align-items: center;\n height: 100vh;\n width: 50%;\n position: relative;\n img {\n width: 70%;\n position: absolute;\n bottom: 55%;\n left: 10%;\n }\n .loader {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 10%;\n width: 50%;\n position: absolute;\n bottom: 45%;\n left:15%;\n span {\n display: inline-block;\n border-radius: 100%;\n margin-left: 5px;\n opacity: 1;\n }\n .first {\n background-color: #ff75cf;\n }\n .second {\n background-color: #e33aa9;\n }\n .third {\n background-color: #b12d84;\n }\n span:nth-child(1) {\n width: 16px;\n height: 16px;\n animation: opacitychange 1s ease-in-out infinite;\n }\n span:nth-child(2) {\n width: 18px;\n height: 18px;\n\n animation: opacitychange 1s ease-in-out 0.33s infinite;\n }\n span:nth-child(3) {\n width: 20px;\n height: 20px;\n\n animation: opacitychange 1s ease-in-out 0.66s infinite;\n }\n @keyframes opacitychange {\n 0%,\n 100% {\n opacity: 0;\n }\n 60% {\n opacity: 1;\n }\n }\n }\n"])));
16
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n justify-content: center;\n align-items: center;\n height: 100vh;\n width: 50%;\n position: relative;\n img {\n width: 60%;\n position: absolute;\n bottom: 55%;\n left: 10%;\n }\n .loader {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 10%;\n width: 50%;\n position: absolute;\n bottom: 45%;\n left:10%;\n span {\n display: inline-block;\n border-radius: 100%;\n margin-left: 5px;\n opacity: 1;\n }\n .first {\n background-color: #ff75cf;\n }\n .second {\n background-color: #e33aa9;\n }\n .third {\n background-color: #b12d84;\n }\n span:nth-child(1) {\n width: 16px;\n height: 16px;\n animation: opacitychange 1s ease-in-out infinite;\n }\n span:nth-child(2) {\n width: 18px;\n height: 18px;\n\n animation: opacitychange 1s ease-in-out 0.33s infinite;\n }\n span:nth-child(3) {\n width: 20px;\n height: 20px;\n\n animation: opacitychange 1s ease-in-out 0.66s infinite;\n }\n @keyframes opacitychange {\n 0%,\n 100% {\n opacity: 0;\n }\n 60% {\n opacity: 1;\n }\n }\n }\n"])));
17
17
 
18
18
  exports.Container = Container;
@@ -121,6 +121,7 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
121
121
  };
122
122
 
123
123
  var validateForm = function validateForm(evt, valid) {
124
+ var countryCode = document.querySelector("#countryCodeSelect").value;
124
125
  evt.preventDefault();
125
126
  var nuevoUsuario = JSON.parse(sessionStorage.getItem("nuevoRegistro"));
126
127
 
@@ -13,6 +13,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
13
13
 
14
14
  var _templateObject;
15
15
 
16
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 50%;\n height: 100vh;\n .button-center {\n //text-align: center;\n position: absolute;\n bottom: 5%;\n left: 14%;\n .general-default-button {\n width: 160px;\n }\n }\n"])));
16
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 50%;\n height: 100vh;\n .button-center {\n position: absolute;\n bottom: 5%;\n left: 75%;\n .general-default-button {\n width: 160px;\n }\n }\n"])));
17
17
 
18
18
  exports.Container = Container;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.0.41",
3
+ "version": "21.0.42",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
@@ -7,7 +7,7 @@ export const Container = styled.div`
7
7
  width: 50%;
8
8
  position: relative;
9
9
  img {
10
- width: 70%;
10
+ width: 60%;
11
11
  position: absolute;
12
12
  bottom: 55%;
13
13
  left: 10%;
@@ -20,7 +20,7 @@ export const Container = styled.div`
20
20
  width: 50%;
21
21
  position: absolute;
22
22
  bottom: 45%;
23
- left:15%;
23
+ left:10%;
24
24
  span {
25
25
  display: inline-block;
26
26
  border-radius: 100%;
@@ -81,6 +81,7 @@ export const RegistrationFirstStep = (props) => {
81
81
  return valid;
82
82
  };
83
83
  const validateForm = (evt, valid) => {
84
+ const countryCode = document.querySelector("#countryCodeSelect").value;
84
85
  evt.preventDefault();
85
86
  let nuevoUsuario = JSON.parse(sessionStorage.getItem("nuevoRegistro"));
86
87
  if (valid) {
@@ -5,10 +5,9 @@ export const Container = styled.div`
5
5
  width: 50%;
6
6
  height: 100vh;
7
7
  .button-center {
8
- //text-align: center;
9
8
  position: absolute;
10
9
  bottom: 5%;
11
- left: 14%;
10
+ left: 75%;
12
11
  .general-default-button {
13
12
  width: 160px;
14
13
  }