contentoh-components-library 21.0.47 → 21.0.50

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.
Files changed (17) hide show
  1. package/dist/components/atoms/Loading/styles.js +1 -1
  2. package/dist/components/molecules/EmailResetPasswordLogin/index.js +1 -1
  3. package/dist/components/molecules/RegistrationFirstStep/index.js +1 -0
  4. package/dist/components/molecules/RegistrationFirstStep/styles.js +1 -1
  5. package/dist/components/molecules/RegistrationThirdStep/index.js +10 -2
  6. package/dist/components/molecules/SignInLogin/index.js +1 -1
  7. package/dist/components/molecules/SignInLoginCreationApp/index.js +10 -36
  8. package/dist/index.js +28 -15
  9. package/package.json +1 -1
  10. package/src/components/atoms/Loading/styles.js +2 -2
  11. package/src/components/molecules/EmailResetPasswordLogin/index.js +1 -1
  12. package/src/components/molecules/RegistrationFirstStep/index.js +9 -7
  13. package/src/components/molecules/RegistrationFirstStep/styles.js +3 -0
  14. package/src/components/molecules/RegistrationThirdStep/index.js +10 -2
  15. package/src/components/molecules/SignInLogin/index.js +1 -1
  16. package/src/components/molecules/SignInLoginCreationApp/index.js +7 -36
  17. package/src/index.js +1 -0
package/dist/components/atoms/Loading/styles.js CHANGED
@@ -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: 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"])));
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: 75% !important;\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:25%;\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;
package/dist/components/molecules/EmailResetPasswordLogin/index.js CHANGED
@@ -62,7 +62,7 @@ var EmailResetPasswordLogin = function EmailResetPasswordLogin(props) {
62
62
  valid = true;
63
63
  setShowErrors(true);
64
64
  e.preventDefault();
65
- email = document.querySelector("#emailInput").value;
65
+ email = document.querySelector("#emailInput").value.trim();
66
66
  email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
67
67
  !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) ? setInvalidEmail(true) : setInvalidEmail(false);
68
68
  emptyEmail && (valid = false);
package/dist/components/molecules/RegistrationFirstStep/index.js CHANGED
@@ -163,6 +163,7 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
163
163
  }), emptyName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
164
164
  children: "Ingrese su nombre"
165
165
  }), emptyLastName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
166
+ className: "lastname",
166
167
  children: "Ingrese sus apellidos"
167
168
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
168
169
  inputType: "text",
package/dist/components/molecules/RegistrationFirstStep/styles.js CHANGED
@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
15
15
 
16
16
  var _templateObject;
17
17
 
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 50%;\n height: 100vh;\n .user {\n .name-registration-user {\n display: flex;\n justify-content: space-between;\n input {\n width: 160px;\n }\n }\n .input-name-header {\n margin-bottom: 4px;\n margin-top: 12px;\n }\n .phone-registration-user {\n display: flex;\n justify-content: space-between;\n .phone-options {\n width: 80px;\n }\n input {\n width: 100%;\n }\n & + * {\n margin-top: 10px;\n }\n }\n .country-options,\n .phone-options {\n width: 100%;\n border: 1px solid ", ";\n font-family: ", ";\n color: ", ";\n font-weight: normal;\n font-size: 12px;\n line-height: 15px;\n padding: 10px;\n outline: none;\n border-radius: 2px;\n resize: none;\n &:focus {\n border: 1px solid ", ";\n }\n }\n }\n .button-end {\n text-align: end;\n .general-default-button {\n width: 160px;\n }\n & + * {\n margin-top: 10px;\n }\n }\n .progress-bar {\n width: 100%;\n height: 8px;\n display: flex;\n justify-content: space-between;\n .progress-bar-first-step {\n width: 33.33%;\n background-color: rgb(196, 196, 196);\n }\n .progress-bar-registration {\n background-color: rgb(226, 226, 226);\n width: 66.66%;\n }\n }\n .date-header {\n .new-login {\n & + * {\n margin-top: 20px;\n }\n }\n }\n .pre-registro {\n cursor: pointer;\n }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.magenta_s2);
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 50%;\n height: 100vh;\n .user {\n .name-registration-user {\n display: flex;\n justify-content: space-between;\n input {\n width: 160px;\n }\n }\n .lastname {\n margin-left: 69%;\n }\n .input-name-header {\n margin-bottom: 4px;\n margin-top: 12px;\n }\n .phone-registration-user {\n display: flex;\n justify-content: space-between;\n .phone-options {\n width: 80px;\n }\n input {\n width: 100%;\n }\n & + * {\n margin-top: 10px;\n }\n }\n .country-options,\n .phone-options {\n width: 100%;\n border: 1px solid ", ";\n font-family: ", ";\n color: ", ";\n font-weight: normal;\n font-size: 12px;\n line-height: 15px;\n padding: 10px;\n outline: none;\n border-radius: 2px;\n resize: none;\n &:focus {\n border: 1px solid ", ";\n }\n }\n }\n .button-end {\n text-align: end;\n .general-default-button {\n width: 160px;\n }\n & + * {\n margin-top: 10px;\n }\n }\n .progress-bar {\n width: 100%;\n height: 8px;\n display: flex;\n justify-content: space-between;\n .progress-bar-first-step {\n width: 33.33%;\n background-color: rgb(196, 196, 196);\n }\n .progress-bar-registration {\n background-color: rgb(226, 226, 226);\n width: 66.66%;\n }\n }\n .date-header {\n .new-login {\n & + * {\n margin-top: 20px;\n }\n }\n }\n .pre-registro {\n cursor: pointer;\n }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.GlobalColors.magenta_s2);
19
19
 
20
20
  exports.Container = Container;
package/dist/components/molecules/RegistrationThirdStep/index.js CHANGED
@@ -48,6 +48,8 @@ var RegistrationThirdStep = function RegistrationThirdStep() {
48
48
  emptyFiscalAddress = _useState8[0],
49
49
  setEmptyFiscalAddress = _useState8[1];
50
50
 
51
+ var nuevoRegistro = JSON.parse(sessionStorage.getItem("nuevoRegistro"));
52
+
51
53
  var validate = function validate(e) {
52
54
  e.preventDefault();
53
55
  var valid = true;
@@ -64,8 +66,14 @@ var RegistrationThirdStep = function RegistrationThirdStep() {
64
66
  valid = false;
65
67
  }
66
68
 
67
- valid && sessionStorage.setItem("nuevoRegistro", JSON.stringify(nuevoRegistro));
68
- valid && props.setPaso(props.paso + 1);
69
+ if (valid) {
70
+ nuevoRegistro.commercialName = commercialName;
71
+ nuevoRegistro.companyName = bussinesName;
72
+ nuevoRegistro.rfc = RFC;
73
+ nuevoRegistro.adress = FiscalAddress;
74
+ sessionStorage.setItem("nuevoRegistro", JSON.stringify(nuevoRegistro));
75
+ props.setPaso(props.paso + 1);
76
+ }
69
77
  };
70
78
 
71
79
  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
package/dist/components/molecules/SignInLogin/index.js CHANGED
@@ -84,7 +84,7 @@ var SignInLogin = function SignInLogin(props) {
84
84
  setShowErrors(true);
85
85
  e.preventDefault();
86
86
  valid = true;
87
- email = document.querySelector("#emailInput").value;
87
+ email = document.querySelector("#emailInput").value.trim();
88
88
  password = document.querySelector("#passwordInput").value;
89
89
  !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) ? setInvalidEmail(true) : setInvalidEmail(false);
90
90
 
package/dist/components/molecules/SignInLoginCreationApp/index.js CHANGED
@@ -80,11 +80,11 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
80
80
  while (1) {
81
81
  switch (_context.prev = _context.next) {
82
82
  case 0:
83
+ e.preventDefault();
83
84
  setSignInError("");
84
85
  setShowErrors(true);
85
- e.preventDefault();
86
86
  valid = true;
87
- email = document.querySelector("#emailInput").value;
87
+ email = document.querySelector("#emailInput").value.trim();
88
88
  password = document.querySelector("#passwordInput").value;
89
89
  !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) ? setInvalidEmail(true) : setInvalidEmail(false);
90
90
 
@@ -103,14 +103,14 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
103
103
  }
104
104
 
105
105
  if (!valid) {
106
- _context.next = 34;
106
+ _context.next = 33;
107
107
  break;
108
108
  }
109
109
 
110
110
  _context.prev = 10;
111
111
  setLoading(true);
112
112
  _context.next = 14;
113
- return props.Auth.signIn(email, password);
113
+ return Auth.signIn(email, password);
114
114
 
115
115
  case 14:
116
116
  session = _context.sent;
@@ -138,11 +138,12 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
138
138
  response = _context.sent;
139
139
  userGroupValue = typeof userGroup === "string" ? userGroup : userGroup[0];
140
140
 
141
- if (userGroupValue === "usuario_contentoh") {
141
+ if (userGroupValue === "colaboradores_contentoh") {
142
142
  sessionStorage.setItem("auth", true);
143
143
  sessionStorage.setItem("jwt", session.signInUserSession.idToken.jwtToken);
144
144
  user = JSON.parse(response.data.body).data[0];
145
- company = JSON.parse(response.data.body).data[1];
145
+ company = JSON.parse(response.data.body).data[1]; // const picture = getProfilePicture(user.id_user, 83, 83);
146
+
146
147
  caches.keys().then(function (names) {
147
148
  names.forEach(function (name) {
148
149
  caches.delete(name);
@@ -158,7 +159,7 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
158
159
  }
159
160
 
160
161
  case 26:
161
- _context.next = 34;
162
+ _context.next = 33;
162
163
  break;
163
164
 
164
165
  case 28:
@@ -166,20 +167,17 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
166
167
  _context.t0 = _context["catch"](10);
167
168
  console.log(_context.t0);
168
169
  setLoading(false);
169
- console.log("error 1");
170
170
 
171
171
  if (_context.t0.code === "NotAuthorizedException") {
172
172
  setSignInError("NotAuthorizedException");
173
173
  } else if (_context.t0.code === "UserNotConfirmedException") {
174
- sessionStorage.setItem("email", JSON.stringify(document.querySelector("#usernameInput").value.trim()));
175
- sessionStorage.setItem("email", JSON.stringify(email));
174
+ sessionStorage.setItem("email", JSON.stringify(document.querySelector("#usernameInput").value));
176
175
  props.setPaso(5);
177
176
  } else {
178
177
  setSignInError("Error");
179
- console.log("error 2");
180
178
  }
181
179
 
182
- case 34:
180
+ case 33:
183
181
  case "end":
184
182
  return _context.stop();
185
183
  }
@@ -258,30 +256,6 @@ var SignInLoginCreationApp = function SignInLoginCreationApp(props) {
258
256
  return validate(e);
259
257
  }
260
258
  })
261
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
262
- className: "new-login",
263
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
264
- className: "pre-registro",
265
- onClick: function onClick() {
266
- props.setPaso(1);
267
- sessionStorage.setItem("nuevoRegistro", JSON.stringify({
268
- name: "",
269
- lastName: "",
270
- email: "",
271
- position: "",
272
- country: "",
273
- phone: "",
274
- commercialName: "",
275
- companyName: "",
276
- rfc: "",
277
- adress: ""
278
- }));
279
- sessionStorage.setItem("countryCode", JSON.stringify("+52"));
280
- },
281
- children: ["\xBFA\xFAn no tienes cuenta?", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
282
- children: " Reg\xEDstrate"
283
- })]
284
- })
285
259
  })]
286
260
  })
287
261
  }), upgradePlanRedirect && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Redirect, {
package/dist/index.js CHANGED
@@ -472,7 +472,7 @@ Object.keys(_index34).forEach(function (key) {
472
472
  });
473
473
  });
474
474
 
475
- var _index35 = require("./components/molecules/StatusAsignationInfo/index");
475
+ var _index35 = require("./components/molecules/SignInLoginCreationApp/index");
476
476
 
477
477
  Object.keys(_index35).forEach(function (key) {
478
478
  if (key === "default" || key === "__esModule") return;
@@ -485,7 +485,7 @@ Object.keys(_index35).forEach(function (key) {
485
485
  });
486
486
  });
487
487
 
488
- var _index36 = require("./components/molecules/TableHeader/index");
488
+ var _index36 = require("./components/molecules/StatusAsignationInfo/index");
489
489
 
490
490
  Object.keys(_index36).forEach(function (key) {
491
491
  if (key === "default" || key === "__esModule") return;
@@ -498,7 +498,7 @@ Object.keys(_index36).forEach(function (key) {
498
498
  });
499
499
  });
500
500
 
501
- var _index37 = require("./components/molecules/TableRow/index");
501
+ var _index37 = require("./components/molecules/TableHeader/index");
502
502
 
503
503
  Object.keys(_index37).forEach(function (key) {
504
504
  if (key === "default" || key === "__esModule") return;
@@ -511,7 +511,7 @@ Object.keys(_index37).forEach(function (key) {
511
511
  });
512
512
  });
513
513
 
514
- var _index38 = require("./components/molecules/TabsMenu/index");
514
+ var _index38 = require("./components/molecules/TableRow/index");
515
515
 
516
516
  Object.keys(_index38).forEach(function (key) {
517
517
  if (key === "default" || key === "__esModule") return;
@@ -524,7 +524,7 @@ Object.keys(_index38).forEach(function (key) {
524
524
  });
525
525
  });
526
526
 
527
- var _index39 = require("./components/molecules/TagAndInput/index");
527
+ var _index39 = require("./components/molecules/TabsMenu/index");
528
528
 
529
529
  Object.keys(_index39).forEach(function (key) {
530
530
  if (key === "default" || key === "__esModule") return;
@@ -537,7 +537,7 @@ Object.keys(_index39).forEach(function (key) {
537
537
  });
538
538
  });
539
539
 
540
- var _index40 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
540
+ var _index40 = require("./components/molecules/TagAndInput/index");
541
541
 
542
542
  Object.keys(_index40).forEach(function (key) {
543
543
  if (key === "default" || key === "__esModule") return;
@@ -550,7 +550,7 @@ Object.keys(_index40).forEach(function (key) {
550
550
  });
551
551
  });
552
552
 
553
- var _index41 = require("./components/organisms/ChangePassword/index");
553
+ var _index41 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
554
554
 
555
555
  Object.keys(_index41).forEach(function (key) {
556
556
  if (key === "default" || key === "__esModule") return;
@@ -563,7 +563,7 @@ Object.keys(_index41).forEach(function (key) {
563
563
  });
564
564
  });
565
565
 
566
- var _index42 = require("./components/organisms/Fullplan/index");
566
+ var _index42 = require("./components/organisms/ChangePassword/index");
567
567
 
568
568
  Object.keys(_index42).forEach(function (key) {
569
569
  if (key === "default" || key === "__esModule") return;
@@ -576,7 +576,7 @@ Object.keys(_index42).forEach(function (key) {
576
576
  });
577
577
  });
578
578
 
579
- var _index43 = require("./components/organisms/FullProductNameHeader/index");
579
+ var _index43 = require("./components/organisms/Fullplan/index");
580
580
 
581
581
  Object.keys(_index43).forEach(function (key) {
582
582
  if (key === "default" || key === "__esModule") return;
@@ -589,7 +589,7 @@ Object.keys(_index43).forEach(function (key) {
589
589
  });
590
590
  });
591
591
 
592
- var _index44 = require("./components/organisms/FullTabsMenu/index");
592
+ var _index44 = require("./components/organisms/FullProductNameHeader/index");
593
593
 
594
594
  Object.keys(_index44).forEach(function (key) {
595
595
  if (key === "default" || key === "__esModule") return;
@@ -602,7 +602,7 @@ Object.keys(_index44).forEach(function (key) {
602
602
  });
603
603
  });
604
604
 
605
- var _index45 = require("./components/organisms/ImageDataTable/index");
605
+ var _index45 = require("./components/organisms/FullTabsMenu/index");
606
606
 
607
607
  Object.keys(_index45).forEach(function (key) {
608
608
  if (key === "default" || key === "__esModule") return;
@@ -615,7 +615,7 @@ Object.keys(_index45).forEach(function (key) {
615
615
  });
616
616
  });
617
617
 
618
- var _index46 = require("./components/organisms/ImagePreviewer/index");
618
+ var _index46 = require("./components/organisms/ImageDataTable/index");
619
619
 
620
620
  Object.keys(_index46).forEach(function (key) {
621
621
  if (key === "default" || key === "__esModule") return;
@@ -628,7 +628,7 @@ Object.keys(_index46).forEach(function (key) {
628
628
  });
629
629
  });
630
630
 
631
- var _index47 = require("./components/organisms/ImagesGroup/index");
631
+ var _index47 = require("./components/organisms/ImagePreviewer/index");
632
632
 
633
633
  Object.keys(_index47).forEach(function (key) {
634
634
  if (key === "default" || key === "__esModule") return;
@@ -641,7 +641,7 @@ Object.keys(_index47).forEach(function (key) {
641
641
  });
642
642
  });
643
643
 
644
- var _index48 = require("./components/organisms/InputGroup/index");
644
+ var _index48 = require("./components/organisms/ImagesGroup/index");
645
645
 
646
646
  Object.keys(_index48).forEach(function (key) {
647
647
  if (key === "default" || key === "__esModule") return;
@@ -654,7 +654,7 @@ Object.keys(_index48).forEach(function (key) {
654
654
  });
655
655
  });
656
656
 
657
- var _index49 = require("./components/organisms/ProductImageModal/index");
657
+ var _index49 = require("./components/organisms/InputGroup/index");
658
658
 
659
659
  Object.keys(_index49).forEach(function (key) {
660
660
  if (key === "default" || key === "__esModule") return;
@@ -667,6 +667,19 @@ Object.keys(_index49).forEach(function (key) {
667
667
  });
668
668
  });
669
669
 
670
+ var _index50 = require("./components/organisms/ProductImageModal/index");
671
+
672
+ Object.keys(_index50).forEach(function (key) {
673
+ if (key === "default" || key === "__esModule") return;
674
+ if (key in exports && exports[key] === _index50[key]) return;
675
+ Object.defineProperty(exports, key, {
676
+ enumerable: true,
677
+ get: function get() {
678
+ return _index50[key];
679
+ }
680
+ });
681
+ });
682
+
670
683
  var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
671
684
 
672
685
  Object.keys(_ChangePasswordLogin).forEach(function (key) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.0.47",
3
+ "version": "21.0.50",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
package/src/components/atoms/Loading/styles.js CHANGED
@@ -7,7 +7,7 @@ export const Container = styled.div`
7
7
  width: 50%;
8
8
  position: relative;
9
9
  img {
10
- width: 60%;
10
+ width: 75% !important;
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:10%;
23
+ left:25%;
24
24
  span {
25
25
  display: inline-block;
26
26
  border-radius: 100%;
package/src/components/molecules/EmailResetPasswordLogin/index.js CHANGED
@@ -17,7 +17,7 @@ export const EmailResetPasswordLogin = (props) => {
17
17
  let valid = true;
18
18
  setShowErrors(true);
19
19
  e.preventDefault();
20
- const email = document.querySelector("#emailInput").value;
20
+ const email = document.querySelector("#emailInput").value.trim();
21
21
  email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
22
22
  !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(
23
23
  email
package/src/components/molecules/RegistrationFirstStep/index.js CHANGED
@@ -36,12 +36,12 @@ export const RegistrationFirstStep = (props) => {
36
36
  }, []);
37
37
  const validate = (evt) => {
38
38
  const name = document.querySelector("#nameInput").value;
39
- const lastName = document.querySelector("#lastNameInput").value;
40
- const email = document.querySelector("#emailInput").value;
41
- const job = document.querySelector("#jobInput").value;
42
- const phone = document.querySelector("#phoneInput").value;
43
- const country = document.querySelector("#countrySelect").value;
44
- const countryCode = document.querySelector("#countryCodeSelect").value;
39
+ const lastName = document.querySelector("#lastNameInput").value;
40
+ const email = document.querySelector("#emailInput").value;
41
+ const job = document.querySelector("#jobInput").value;
42
+ const phone = document.querySelector("#phoneInput").value;
43
+ const country = document.querySelector("#countrySelect").value;
44
+ const countryCode = document.querySelector("#countryCodeSelect").value;
45
45
  let valid = true;
46
46
  evt.preventDefault();
47
47
  name === "" ? setEmptyName(true) : setEmptyName(false);
@@ -122,7 +122,9 @@ export const RegistrationFirstStep = (props) => {
122
122
  />
123
123
  </div>
124
124
  {emptyName && <label>Ingrese su nombre</label>}
125
- {emptyLastName && <label>Ingrese sus apellidos</label>}
125
+ {emptyLastName && (
126
+ <label className="lastname">Ingrese sus apellidos</label>
127
+ )}
126
128
  <TagAndInput
127
129
  inputType={"text"}
128
130
  inputId={"emailInput"}
package/src/components/molecules/RegistrationFirstStep/styles.js CHANGED
@@ -13,6 +13,9 @@ export const Container = styled.div`
13
13
  width: 160px;
14
14
  }
15
15
  }
16
+ .lastname {
17
+ margin-left: 69%;
18
+ }
16
19
  .input-name-header {
17
20
  margin-bottom: 4px;
18
21
  margin-top: 12px;
package/src/components/molecules/RegistrationThirdStep/index.js CHANGED
@@ -13,6 +13,8 @@ export const RegistrationThirdStep = () => {
13
13
  const [emptyRFC, setEmptyRFC] = useState(false);
14
14
  const [emptyFiscalAddress, setEmptyFiscalAddress] = useState(false);
15
15
 
16
+ let nuevoRegistro = JSON.parse(sessionStorage.getItem("nuevoRegistro"));
17
+
16
18
  const validate = (e) => {
17
19
  e.preventDefault();
18
20
  let valid = true;
@@ -38,8 +40,14 @@ export const RegistrationThirdStep = () => {
38
40
  ) {
39
41
  valid = false;
40
42
  }
41
- valid && sessionStorage.setItem("nuevoRegistro", JSON.stringify(nuevoRegistro));
42
- valid && props.setPaso(props.paso + 1);
43
+ if (valid) {
44
+ nuevoRegistro.commercialName = commercialName;
45
+ nuevoRegistro.companyName = bussinesName;
46
+ nuevoRegistro.rfc = RFC;
47
+ nuevoRegistro.adress = FiscalAddress;
48
+ sessionStorage.setItem("nuevoRegistro", JSON.stringify(nuevoRegistro));
49
+ props.setPaso(props.paso + 1);
50
+ }
43
51
  };
44
52
 
45
53
  const loginRight = [
package/src/components/molecules/SignInLogin/index.js CHANGED
@@ -23,7 +23,7 @@ export const SignInLogin = (props) => {
23
23
  setShowErrors(true);
24
24
  e.preventDefault();
25
25
  let valid = true;
26
- const email = document.querySelector("#emailInput").value;
26
+ const email = document.querySelector("#emailInput").value.trim();
27
27
  const password = document.querySelector("#passwordInput").value;
28
28
  !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(
29
29
  email
package/src/components/molecules/SignInLoginCreationApp/index.js CHANGED
@@ -19,11 +19,11 @@ export const SignInLoginCreationApp = (props) => {
19
19
  const [loading, setLoading] = useState(false);
20
20
  const [upgradePlanRedirect, setUpgradePlanRedirect] = useState(false);
21
21
  const validate = async (e) => {
22
+ e.preventDefault();
22
23
  setSignInError("");
23
24
  setShowErrors(true);
24
- e.preventDefault();
25
25
  let valid = true;
26
- const email = document.querySelector("#emailInput").value;
26
+ const email = document.querySelector("#emailInput").value.trim();
27
27
  const password = document.querySelector("#passwordInput").value;
28
28
  !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(
29
29
  email
@@ -45,7 +45,7 @@ export const SignInLoginCreationApp = (props) => {
45
45
  if (valid) {
46
46
  try {
47
47
  setLoading(true);
48
- const session = await props.Auth.signIn(email, password);
48
+ const session = await Auth.signIn(email, password);
49
49
  if (session.challengeName === "NEW_PASSWORD_REQUIRED") {
50
50
  props.setUser(session);
51
51
  props.setPaso(8);
@@ -60,9 +60,10 @@ export const SignInLoginCreationApp = (props) => {
60
60
  },
61
61
  }
62
62
  );
63
+
63
64
  const userGroupValue =
64
65
  typeof userGroup === "string" ? userGroup : userGroup[0];
65
- if (userGroupValue === "usuario_contentoh") {
66
+ if (userGroupValue === "colaboradores_contentoh") {
66
67
  sessionStorage.setItem("auth", true);
67
68
  sessionStorage.setItem(
68
69
  "jwt",
@@ -70,6 +71,7 @@ export const SignInLoginCreationApp = (props) => {
70
71
  );
71
72
  const user = JSON.parse(response.data.body).data[0];
72
73
  const company = JSON.parse(response.data.body).data[1];
74
+ // const picture = getProfilePicture(user.id_user, 83, 83);
73
75
  caches.keys().then((names) => {
74
76
  names.forEach((name) => {
75
77
  caches.delete(name);
@@ -91,21 +93,16 @@ export const SignInLoginCreationApp = (props) => {
91
93
  } catch (error) {
92
94
  console.log(error);
93
95
  setLoading(false);
94
- console.log("error 1");
95
96
  if (error.code === "NotAuthorizedException") {
96
97
  setSignInError("NotAuthorizedException");
97
98
  } else if (error.code === "UserNotConfirmedException") {
98
99
  sessionStorage.setItem(
99
100
  "email",
100
- JSON.stringify(
101
- document.querySelector("#usernameInput").value.trim()
102
- )
101
+ JSON.stringify(document.querySelector("#usernameInput").value)
103
102
  );
104
- sessionStorage.setItem("email", JSON.stringify(email));
105
103
  props.setPaso(5);
106
104
  } else {
107
105
  setSignInError("Error");
108
- console.log("error 2");
109
106
  }
110
107
  }
111
108
  }
@@ -175,32 +172,6 @@ export const SignInLoginCreationApp = (props) => {
175
172
  onClick={(e) => validate(e)}
176
173
  />
177
174
  </div>
178
- <div className="new-login">
179
- <p
180
- className="pre-registro"
181
- onClick={() => {
182
- props.setPaso(1);
183
- sessionStorage.setItem(
184
- "nuevoRegistro",
185
- JSON.stringify({
186
- name: "",
187
- lastName: "",
188
- email: "",
189
- position: "",
190
- country: "",
191
- phone: "",
192
- commercialName: "",
193
- companyName: "",
194
- rfc: "",
195
- adress: "",
196
- })
197
- );
198
- sessionStorage.setItem("countryCode", JSON.stringify("+52"));
199
- }}
200
- >
201
- ¿Aún no tienes cuenta?<span> Regístrate</span>
202
- </p>
203
- </div>
204
175
  </div>
205
176
  </Container>
206
177
  {upgradePlanRedirect && <Redirect to={{ pathname: "/dashboard" }} />}
package/src/index.js CHANGED
@@ -37,6 +37,7 @@ export * from "./components/molecules/RegistrationFirstStep/index";
37
37
  export * from "./components/molecules/RegistrationSecondStep/index";
38
38
  export * from "./components/molecules/RegistrationThirdStep/index";
39
39
  export * from "./components/molecules/SignInLogin/index";
40
+ export * from "./components/molecules/SignInLoginCreationApp/index";
40
41
  export * from "./components/molecules/StatusAsignationInfo/index";
41
42
  export * from "./components/molecules/TableHeader/index";
42
43
  export * from "./components/molecules/TableRow/index";