contentoh-components-library 21.0.70 → 21.0.73

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 (261) hide show
  1. package/.env.development +20 -5
  2. package/.env.production +18 -3
  3. package/CHANGELOG.md +31 -33
  4. package/dist/assets/images/generalButton/downloadIcon.svg +3 -0
  5. package/dist/assets/images/genericModal/closeWhite.svg +3 -0
  6. package/dist/assets/images/genericModal/errorModal.svg +3 -0
  7. package/dist/assets/images/genericModal/yellowAlert.svg +12 -0
  8. package/dist/assets/images/modalsSVGs/attributesSent.svg +208 -0
  9. package/dist/assets/images/modalsSVGs/descriptionSent.svg +237 -0
  10. package/dist/assets/images/modalsSVGs/providerSent.svg +445 -0
  11. package/dist/assets/images/modalsSVGs/uploadingImages.svg +148 -0
  12. package/dist/components/atoms/AsignationOption/index.js +9 -5
  13. package/dist/components/atoms/AsignationOption/styles.js +1 -1
  14. package/dist/components/{molecules/SignInLogin/SignInLogin.stories.js → atoms/CharCounter/CharCounter.stories.js} +10 -7
  15. package/dist/components/atoms/CharCounter/index.js +22 -0
  16. package/dist/components/{molecules/LogoLoading → atoms/CharCounter}/styles.js +3 -1
  17. package/dist/components/atoms/CheckBox/index.js +4 -2
  18. package/dist/components/atoms/Commentary/Commentary.stories.js +1 -0
  19. package/dist/components/atoms/Commentary/index.js +23 -0
  20. package/dist/components/{organisms/ChangePassword → atoms/Commentary}/styles.js +6 -1
  21. package/dist/components/atoms/GeneralButton/index.js +5 -0
  22. package/dist/components/atoms/GeneralButton/styles.js +4 -2
  23. package/dist/components/atoms/GeneralInput/index.js +72 -25
  24. package/dist/components/atoms/GeneralInput/styles.js +7 -1
  25. package/dist/components/atoms/GenericModal/index.js +4 -2
  26. package/dist/components/atoms/GenericModal/styles.js +1 -1
  27. package/dist/components/atoms/GradientPanel/styles.js +1 -1
  28. package/dist/components/atoms/Input/index.js +26 -0
  29. package/dist/components/atoms/Input/style.js +26 -0
  30. package/dist/components/{organisms/ChangePassword/ChangePassword.stories.js → atoms/InputFormatter/Wysiwyg.stories.js} +9 -7
  31. package/dist/components/atoms/InputFormatter/index.js +184 -0
  32. package/dist/components/atoms/InputFormatter/styles.js +33 -0
  33. package/dist/components/atoms/LabelToInput/index.js +53 -0
  34. package/dist/components/atoms/LabelToInput/style.js +22 -0
  35. package/dist/components/atoms/Loading/index.js +0 -1
  36. package/dist/components/atoms/LogoImage/index.js +0 -1
  37. package/dist/components/atoms/Percent/Percent.stories.js +39 -0
  38. package/dist/components/atoms/Percent/index.js +39 -0
  39. package/dist/components/atoms/Percent/styles.js +20 -0
  40. package/dist/components/atoms/PriorityFlag/index.js +1 -1
  41. package/dist/components/atoms/ProductImage/styles.js +1 -1
  42. package/dist/components/atoms/ProgressBar/index.js +2 -2
  43. package/dist/components/atoms/ProgressBar/styles.js +3 -5
  44. package/dist/components/atoms/ScreenHeader/index.js +1 -1
  45. package/dist/components/atoms/ScreenHeader/styles.js +1 -1
  46. package/dist/components/atoms/Select/index.js +39 -0
  47. package/dist/components/atoms/Select/style.js +32 -0
  48. package/dist/components/atoms/StatusTag/index.js +37 -2
  49. package/dist/components/atoms/StatusTag/styles.js +1 -1
  50. package/dist/components/atoms/ValidationPanel/index.js +5 -3
  51. package/dist/components/molecules/AvatarAndValidation/index.js +17 -7
  52. package/dist/components/molecules/AvatarAndValidation/styles.js +1 -1
  53. package/dist/components/molecules/CarouselImagesLogin/index.js +42 -40
  54. package/dist/components/molecules/FeaturesBar/index.js +1 -1
  55. package/dist/components/molecules/GalleryElement/index.js +80 -21
  56. package/dist/components/molecules/GalleryElement/styles.js +1 -1
  57. package/dist/components/molecules/GalleryHeader/index.js +28 -6
  58. package/dist/components/molecules/GalleryHeader/styles.js +1 -1
  59. package/dist/components/molecules/ImageSelector/index.js +2 -4
  60. package/dist/components/molecules/LoginPasswordStrength/index.js +6 -6
  61. package/dist/components/molecules/LoginPasswordStrength/styles.js +1 -1
  62. package/dist/components/molecules/ProductNameHeader/index.js +1 -2
  63. package/dist/components/molecules/RetailerSelector/RetailerSelector.stories.js +48 -0
  64. package/dist/components/molecules/RetailerSelector/index.js +74 -0
  65. package/dist/components/{atoms/MenuCommercialRetailers → molecules/RetailerSelector}/styles.js +1 -1
  66. package/dist/components/molecules/StatusAsignationInfo/index.js +46 -28
  67. package/dist/components/molecules/StatusAsignationInfo/styles.js +1 -1
  68. package/dist/components/molecules/TableHeader/index.js +12 -5
  69. package/dist/components/molecules/TableHeader/styles.js +1 -1
  70. package/dist/components/molecules/TagAndInput/index.js +24 -2
  71. package/dist/components/molecules/TextAndGradient/TextAndGradient.stories.js +31 -0
  72. package/dist/components/molecules/TextAndGradient/index.js +36 -0
  73. package/dist/components/molecules/TextAndGradient/styles.js +18 -0
  74. package/dist/components/organisms/FullProductNameHeader/index.js +31 -9
  75. package/dist/components/organisms/FullTabsMenu/index.js +18 -5
  76. package/dist/components/organisms/GlobalModal/index.js +73 -0
  77. package/dist/components/organisms/GlobalModal/styles.js +66 -0
  78. package/dist/components/organisms/ImageDataTable/index.js +90 -14
  79. package/dist/components/organisms/InputGroup/index.js +34 -13
  80. package/dist/components/organisms/InputGroup/styles.js +1 -1
  81. package/dist/components/organisms/ProductImageModal/index.js +13 -10
  82. package/dist/components/organisms/ProductImageModal/styles.js +1 -1
  83. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +135 -0
  84. package/dist/components/pages/ProviderProductEdition/index.js +1979 -0
  85. package/dist/components/pages/ProviderProductEdition/styles.js +23 -0
  86. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +91 -347
  87. package/dist/components/pages/RetailerProductEdition/index.js +1610 -60
  88. package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
  89. package/dist/global-files/data.js +213 -53
  90. package/dist/global-files/global-styles.css +1 -0
  91. package/dist/global-files/variables.js +1 -0
  92. package/dist/index.js +30 -277
  93. package/package.json +17 -18
  94. package/src/assets/images/generalButton/downloadIcon.svg +3 -0
  95. package/src/assets/images/genericModal/closeWhite.svg +3 -0
  96. package/src/assets/images/genericModal/errorModal.svg +3 -0
  97. package/src/assets/images/genericModal/yellowAlert.svg +12 -0
  98. package/src/assets/images/modalsSVGs/attributesSent.svg +208 -0
  99. package/src/assets/images/modalsSVGs/descriptionSent.svg +237 -0
  100. package/src/assets/images/modalsSVGs/providerSent.svg +445 -0
  101. package/src/assets/images/modalsSVGs/uploadingImages.svg +148 -0
  102. package/src/components/atoms/AsignationOption/index.js +7 -5
  103. package/src/components/atoms/AsignationOption/styles.js +9 -1
  104. package/src/components/atoms/CharCounter/CharCounter.stories.js +11 -0
  105. package/src/components/atoms/CharCounter/index.js +13 -0
  106. package/src/components/atoms/CharCounter/styles.js +10 -0
  107. package/src/components/atoms/CheckBox/index.js +8 -2
  108. package/src/components/atoms/Commentary/Commentary.stories.js +0 -0
  109. package/src/components/atoms/Commentary/index.js +9 -0
  110. package/src/components/atoms/Commentary/styles.js +16 -0
  111. package/src/components/atoms/GeneralButton/index.js +9 -2
  112. package/src/components/atoms/GeneralButton/styles.js +23 -0
  113. package/src/components/atoms/GeneralInput/index.js +71 -23
  114. package/src/components/atoms/GeneralInput/styles.js +11 -1
  115. package/src/components/atoms/GenericModal/index.js +2 -2
  116. package/src/components/atoms/GenericModal/styles.js +10 -2
  117. package/src/components/atoms/GradientPanel/styles.js +0 -1
  118. package/src/components/atoms/Input/index.js +15 -0
  119. package/src/components/atoms/Input/style.js +31 -0
  120. package/src/components/atoms/InputFormatter/Wysiwyg.stories.js +12 -0
  121. package/src/components/atoms/InputFormatter/index.js +144 -0
  122. package/src/components/atoms/InputFormatter/styles.js +40 -0
  123. package/src/components/atoms/LabelToInput/index.js +26 -0
  124. package/src/components/atoms/LabelToInput/style.js +41 -0
  125. package/src/components/atoms/Loading/index.js +2 -3
  126. package/src/components/atoms/LogoImage/index.js +1 -1
  127. package/src/components/atoms/PriorityFlag/index.js +1 -1
  128. package/src/components/atoms/ProductImage/styles.js +1 -1
  129. package/src/components/atoms/ProgressBar/index.js +2 -2
  130. package/src/components/atoms/ProgressBar/styles.js +54 -3
  131. package/src/components/atoms/ScreenHeader/index.js +7 -3
  132. package/src/components/atoms/ScreenHeader/styles.js +9 -2
  133. package/src/components/atoms/Select/index.js +35 -0
  134. package/src/components/atoms/Select/style.js +76 -0
  135. package/src/components/atoms/StatusTag/index.js +30 -2
  136. package/src/components/atoms/StatusTag/styles.js +15 -3
  137. package/src/components/atoms/ValidationPanel/index.js +4 -3
  138. package/src/components/molecules/AvatarAndValidation/index.js +23 -6
  139. package/src/components/molecules/AvatarAndValidation/styles.js +1 -1
  140. package/src/components/molecules/CarouselImagesLogin/index.js +37 -34
  141. package/src/components/molecules/FeaturesBar/index.js +10 -7
  142. package/src/components/molecules/GalleryElement/index.js +75 -36
  143. package/src/components/molecules/GalleryElement/styles.js +38 -11
  144. package/src/components/molecules/GalleryHeader/index.js +14 -8
  145. package/src/components/molecules/GalleryHeader/styles.js +16 -0
  146. package/src/components/molecules/ImageSelector/index.js +2 -3
  147. package/src/components/molecules/LoginPasswordStrength/index.js +3 -8
  148. package/src/components/molecules/LoginPasswordStrength/styles.js +0 -3
  149. package/src/components/molecules/ProductNameHeader/index.js +1 -2
  150. package/src/components/molecules/RetailerSelector/RetailerSelector.stories.js +35 -0
  151. package/src/components/molecules/RetailerSelector/index.js +63 -0
  152. package/src/components/molecules/RetailerSelector/styles.js +18 -0
  153. package/src/components/molecules/StatusAsignationInfo/index.js +64 -39
  154. package/src/components/molecules/StatusAsignationInfo/styles.js +12 -2
  155. package/src/components/molecules/TableHeader/index.js +16 -3
  156. package/src/components/molecules/TableHeader/styles.js +5 -0
  157. package/src/components/molecules/TagAndInput/index.js +24 -2
  158. package/src/components/organisms/FullProductNameHeader/index.js +38 -8
  159. package/src/components/organisms/FullTabsMenu/index.js +15 -3
  160. package/src/components/organisms/GlobalModal/index.js +68 -0
  161. package/src/components/organisms/GlobalModal/styles.js +113 -0
  162. package/src/components/organisms/ImageDataTable/index.js +89 -11
  163. package/src/components/organisms/InputGroup/index.js +46 -11
  164. package/src/components/organisms/InputGroup/styles.js +3 -0
  165. package/src/components/organisms/ProductImageModal/index.js +19 -12
  166. package/src/components/organisms/ProductImageModal/styles.js +3 -0
  167. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +123 -0
  168. package/src/components/pages/ProviderProductEdition/index.js +1493 -0
  169. package/src/components/pages/ProviderProductEdition/styles.js +118 -0
  170. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +91 -343
  171. package/src/components/pages/RetailerProductEdition/index.js +1245 -48
  172. package/src/components/pages/RetailerProductEdition/styles.js +67 -4
  173. package/src/global-files/data.js +158 -57
  174. package/src/global-files/global-styles.css +1 -0
  175. package/src/global-files/variables.js +1 -0
  176. package/src/index.js +1 -20
  177. package/dist/assets/images/editField/showPassword.png +0 -0
  178. package/dist/assets/images/sliderToolTip/infoIcon.svg +0 -4
  179. package/dist/assets/images/sliderToolTip/slide1.svg +0 -5
  180. package/dist/assets/images/sliderToolTip/slide2.svg +0 -9
  181. package/dist/assets/images/sliderToolTip/slide3.svg +0 -9
  182. package/dist/assets/images/sliderToolTip/slide4.svg +0 -9
  183. package/dist/assets/images/sliderToolTip/slide5.svg +0 -40
  184. package/dist/components/atoms/ListCommercialRetailers/ListCommercialRetailers.stories.js +0 -36
  185. package/dist/components/atoms/ListCommercialRetailers/index.js +0 -64
  186. package/dist/components/atoms/ListCommercialRetailers/styles.js +0 -20
  187. package/dist/components/atoms/Loading/Loading.stories.js +0 -28
  188. package/dist/components/atoms/MenuCommercialRetailers/MenuCommercialRetailers.stories.js +0 -37
  189. package/dist/components/atoms/MenuCommercialRetailers/index.js +0 -25
  190. package/dist/components/atoms/MenuProductImage/MenuProductImage.stories.js +0 -28
  191. package/dist/components/atoms/MenuProductImage/index.js +0 -88
  192. package/dist/components/atoms/MenuProductImage/styles.js +0 -20
  193. package/dist/components/atoms/SliderToolTip/SliderToolTip.stories.js +0 -47
  194. package/dist/components/atoms/SliderToolTip/index.js +0 -200
  195. package/dist/components/atoms/SliderToolTip/styles.js +0 -24
  196. package/dist/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +0 -22
  197. package/dist/components/atoms/VerticalSideMenuMainPage/index.js +0 -49
  198. package/dist/components/atoms/VerticalSideMenuMainPage/styles.js +0 -18
  199. package/dist/components/molecules/ApproveRejetPanel/ApproveRejetPanel.stories.js +0 -25
  200. package/dist/components/molecules/ApproveRejetPanel/index.js +0 -49
  201. package/dist/components/molecules/ApproveRejetPanel/styles.js +0 -18
  202. package/dist/components/molecules/EmailResetPasswordLogin/EmailResetPasswordLogin.stories.js +0 -28
  203. package/dist/components/molecules/EmailResetPasswordLogin/index.js +0 -153
  204. package/dist/components/molecules/EmailResetPasswordLogin/styles.js +0 -20
  205. package/dist/components/molecules/LogoLoading/Loading.stories.js +0 -28
  206. package/dist/components/molecules/LogoLoading/index.js +0 -22
  207. package/dist/components/molecules/RegistrationFirstStep/RegistrationFirstStep.stories.js +0 -28
  208. package/dist/components/molecules/RegistrationFirstStep/index.js +0 -308
  209. package/dist/components/molecules/RegistrationFirstStep/styles.js +0 -20
  210. package/dist/components/molecules/RegistrationSecondStep/RegistrationSecondStep.stories.js +0 -28
  211. package/dist/components/molecules/RegistrationSecondStep/index.js +0 -169
  212. package/dist/components/molecules/RegistrationSecondStep/styles.js +0 -20
  213. package/dist/components/molecules/RegistrationThirdStep/RegistrationThirdStep.stories.js +0 -28
  214. package/dist/components/molecules/RegistrationThirdStep/index.js +0 -155
  215. package/dist/components/molecules/RegistrationThirdStep/styles.js +0 -20
  216. package/dist/components/molecules/SignInLogin/index.js +0 -321
  217. package/dist/components/molecules/SignInLogin/styles.js +0 -20
  218. package/dist/components/molecules/SignInLoginCreationApp/SignInLogin.stories.js +0 -28
  219. package/dist/components/molecules/SignInLoginCreationApp/index.js +0 -270
  220. package/dist/components/molecules/SignInLoginCreationApp/styles.js +0 -20
  221. package/dist/components/molecules/VerificationCodeResetPasswordLogin/VerificationCodeResetPasswordLogin.stories.js +0 -28
  222. package/dist/components/molecules/VerificationCodeResetPasswordLogin/index.js +0 -210
  223. package/dist/components/molecules/VerificationCodeResetPasswordLogin/styles.js +0 -20
  224. package/dist/components/molecules/VerificationCodeResetPasswordLogin/utils.js +0 -69
  225. package/dist/components/organisms/ChangePassword/index.js +0 -123
  226. package/src/assets/images/editField/showPassword.png +0 -0
  227. package/src/assets/images/sliderToolTip/infoIcon.svg +0 -4
  228. package/src/assets/images/sliderToolTip/slide1.svg +0 -5
  229. package/src/assets/images/sliderToolTip/slide2.svg +0 -9
  230. package/src/assets/images/sliderToolTip/slide3.svg +0 -9
  231. package/src/assets/images/sliderToolTip/slide4.svg +0 -9
  232. package/src/assets/images/sliderToolTip/slide5.svg +0 -40
  233. package/src/components/atoms/Loading/Loading.stories.js +0 -10
  234. package/src/components/atoms/SliderToolTip/SliderToolTip.stories.js +0 -23
  235. package/src/components/atoms/SliderToolTip/index.js +0 -182
  236. package/src/components/atoms/SliderToolTip/styles.js +0 -168
  237. package/src/components/molecules/EmailResetPasswordLogin/EmailResetPasswordLogin.stories.js +0 -11
  238. package/src/components/molecules/EmailResetPasswordLogin/index.js +0 -85
  239. package/src/components/molecules/EmailResetPasswordLogin/styles.js +0 -23
  240. package/src/components/molecules/LogoLoading/Loading.stories.js +0 -10
  241. package/src/components/molecules/LogoLoading/index.js +0 -12
  242. package/src/components/molecules/LogoLoading/styles.js +0 -16
  243. package/src/components/molecules/RegistrationFirstStep/RegistrationFirstStep.stories.js +0 -11
  244. package/src/components/molecules/RegistrationFirstStep/index.js +0 -227
  245. package/src/components/molecules/RegistrationFirstStep/styles.js +0 -87
  246. package/src/components/molecules/RegistrationSecondStep/RegistrationSecondStep.stories.js +0 -11
  247. package/src/components/molecules/RegistrationSecondStep/index.js +0 -130
  248. package/src/components/molecules/RegistrationSecondStep/styles.js +0 -59
  249. package/src/components/molecules/RegistrationThirdStep/RegistrationThirdStep.stories.js +0 -11
  250. package/src/components/molecules/RegistrationThirdStep/index.js +0 -130
  251. package/src/components/molecules/RegistrationThirdStep/styles.js +0 -44
  252. package/src/components/molecules/SignInLogin/SignInLogin.stories.js +0 -11
  253. package/src/components/molecules/SignInLogin/index.js +0 -226
  254. package/src/components/molecules/SignInLogin/styles.js +0 -120
  255. package/src/components/molecules/VerificationCodeResetPasswordLogin/VerificationCodeResetPasswordLogin.stories.js +0 -11
  256. package/src/components/molecules/VerificationCodeResetPasswordLogin/index.js +0 -170
  257. package/src/components/molecules/VerificationCodeResetPasswordLogin/styles.js +0 -51
  258. package/src/components/molecules/VerificationCodeResetPasswordLogin/utils.js +0 -54
  259. package/src/components/organisms/ChangePassword/ChangePassword.stories.js +0 -11
  260. package/src/components/organisms/ChangePassword/index.js +0 -76
  261. package/src/components/organisms/ChangePassword/styles.js +0 -13
@@ -1,155 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.RegistrationThirdStep = void 0;
9
-
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
-
12
- var _styles = require("./styles");
13
-
14
- var _GradientPanel = require("../../atoms/GradientPanel");
15
-
16
- var _react = require("react");
17
-
18
- var _LogoImage = require("../../atoms/LogoImage");
19
-
20
- var _ScreenHeader = require("../../atoms/ScreenHeader");
21
-
22
- var _variables = require("../../../global-files/variables");
23
-
24
- var _TagAndInput = require("../../molecules/TagAndInput");
25
-
26
- var _GeneralButton = require("../../atoms/GeneralButton");
27
-
28
- var _jsxRuntime = require("react/jsx-runtime");
29
-
30
- var RegistrationThirdStep = function RegistrationThirdStep(props) {
31
- var _useState = (0, _react.useState)(false),
32
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
33
- emptyCommercialName = _useState2[0],
34
- setEmptyCommercialName = _useState2[1];
35
-
36
- var _useState3 = (0, _react.useState)(false),
37
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
38
- emptyBussinesName = _useState4[0],
39
- setEmptyBussinesName = _useState4[1];
40
-
41
- var _useState5 = (0, _react.useState)(false),
42
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
43
- emptyRFC = _useState6[0],
44
- setEmptyRFC = _useState6[1];
45
-
46
- var _useState7 = (0, _react.useState)(false),
47
- _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
48
- emptyFiscalAddress = _useState8[0],
49
- setEmptyFiscalAddress = _useState8[1];
50
-
51
- var nuevoRegistro = JSON.parse(sessionStorage.getItem("nuevoRegistro"));
52
-
53
- var validate = function validate(e) {
54
- e.preventDefault();
55
- var valid = true;
56
- var commercialName = document.querySelector("#commercialNameInput").value;
57
- var bussinesName = document.querySelector("#bussinesNameInput").value;
58
- var RFC = document.querySelector("#rfcInput").value;
59
- var FiscalAddress = document.querySelector("#fiscalAddressInput").value;
60
- commercialName === "" ? setEmptyCommercialName(true) : setEmptyCommercialName(false);
61
- bussinesName === "" ? setEmptyBussinesName(true) : setEmptyBussinesName(false);
62
- RFC === "" ? setEmptyRFC(true) : setEmptyRFC(false);
63
- FiscalAddress === "" ? setEmptyFiscalAddress(true) : setEmptyFiscalAddress(false);
64
-
65
- if (commercialName === "" || bussinesName === "" || RFC === "" || FiscalAddress === "") {
66
- valid = false;
67
- }
68
-
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
- }
77
- };
78
-
79
- var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
80
- className: "credenciales",
81
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
82
- fontFamily: _variables.FontFamily.AvenirNext,
83
- color: _variables.GlobalColors.s5,
84
- text: "Ingresa tus credenciales"
85
- })
86
- }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
87
- className: "user",
88
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
89
- inputType: "text",
90
- inputId: "commercialNameInput",
91
- label: "Nombre comercial",
92
- inputPlaceHolder: "Nombre comercial"
93
- }), emptyCommercialName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
94
- children: "Ingrese el nombre comercial de la empresa"
95
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
96
- inputType: "text",
97
- inputId: "bussinesNameInput",
98
- label: "Razón social",
99
- inputPlaceHolder: "Razón social"
100
- }), emptyBussinesName && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
101
- children: "Ingrese la raz\xF3n social de la empresa"
102
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
103
- inputType: "text",
104
- inputId: "rfcInput",
105
- label: "RFC",
106
- inputPlaceHolder: "RFC"
107
- }), emptyRFC && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
108
- children: "El RFC es requerido"
109
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
110
- inputType: "text",
111
- inputId: "fiscalAddressInput",
112
- label: "Direccion fiscal",
113
- inputPlaceHolder: "Dirección fiscal"
114
- }), emptyFiscalAddress && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
115
- children: "Ingrese la direccion fiscal de la empresa"
116
- })]
117
- }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
118
- className: "button-end",
119
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
120
- buttonType: "general-default-button",
121
- label: "Enviar",
122
- onClick: function onClick(e) {
123
- return validate(e);
124
- }
125
- })
126
- }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
127
- className: "progress-bar",
128
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
129
- className: "progress-bar-step-check"
130
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
131
- className: "progress-bar-registration"
132
- })]
133
- }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
134
- text: "Paso 3",
135
- headerType: "date-header",
136
- color: _variables.GlobalColors.s4
137
- }, "6"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
138
- className: "new-login",
139
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
140
- className: "pre-registro",
141
- children: ["\xBFYa tienes una cuenta?", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
142
- children: " Inicia Sesi\xF3n"
143
- })]
144
- })
145
- }, "7")];
146
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
147
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
148
- componentsArray: loginRight,
149
- panelType: "home-login",
150
- panelColor: _variables.GlobalColors.white
151
- })
152
- });
153
- };
154
-
155
- exports.RegistrationThirdStep = RegistrationThirdStep;
@@ -1,20 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.Container = void 0;
9
-
10
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
11
-
12
- var _styledComponents = _interopRequireDefault(require("styled-components"));
13
-
14
- var _variables = require("../../../global-files/variables");
15
-
16
- var _templateObject;
17
-
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 50%;\n height: 100%;\n .user {\n .input-name-header {\n margin-top: 10px;\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-step-check {\n width: 66.66%;\n background-color: ", ";\n }\n .progress-bar-registration {\n background-color: rgb(196, 196, 196);\n width: 33.33%;\n }\n }\n .date-header {\n margin-left: 66.66%;\n .new-login {\n & + * {\n margin-top: 20px;\n }\n }\n }\n"])), _variables.GlobalColors.exported);
19
-
20
- exports.Container = Container;
@@ -1,321 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.SignInLogin = void 0;
9
-
10
- var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
11
-
12
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
13
-
14
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
15
-
16
- var _styles = require("./styles");
17
-
18
- var _index = require("../../atoms/LogoImage/index");
19
-
20
- var _index2 = require("../../atoms/ScreenHeader/index");
21
-
22
- var _index3 = require("../../atoms/GeneralButton/index");
23
-
24
- var _index4 = require("../../atoms/CheckBox/index");
25
-
26
- var _TagAndInput = require("../TagAndInput");
27
-
28
- var _variables = require("../../../global-files/variables");
29
-
30
- var _react = require("react");
31
-
32
- var _LogoLoading = require("../LogoLoading");
33
-
34
- var _reactRouterDom = require("react-router-dom");
35
-
36
- var _showPassword = _interopRequireDefault(require("../../../assets/images/editField/showPassword.png"));
37
-
38
- var _axios = _interopRequireDefault(require("axios"));
39
-
40
- var _jsxRuntime = require("react/jsx-runtime");
41
-
42
- var SignInLogin = function SignInLogin(props) {
43
- var _useState = (0, _react.useState)(false),
44
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
45
- emptyEmail = _useState2[0],
46
- setEmptyEmail = _useState2[1];
47
-
48
- var _useState3 = (0, _react.useState)(false),
49
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
50
- invalidEmail = _useState4[0],
51
- setInvalidEmail = _useState4[1];
52
-
53
- var _useState5 = (0, _react.useState)(false),
54
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
55
- emptyPassword = _useState6[0],
56
- setEmptyPassword = _useState6[1];
57
-
58
- var _useState7 = (0, _react.useState)(true),
59
- _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
60
- showErrors = _useState8[0],
61
- setShowErrors = _useState8[1];
62
-
63
- var _useState9 = (0, _react.useState)(""),
64
- _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
65
- signInError = _useState10[0],
66
- setSignInError = _useState10[1];
67
-
68
- var _useState11 = (0, _react.useState)(false),
69
- _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
70
- loading = _useState12[0],
71
- setLoading = _useState12[1];
72
-
73
- var _useState13 = (0, _react.useState)(false),
74
- _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
75
- upgradePlanRedirect = _useState14[0],
76
- setUpgradePlanRedirect = _useState14[1];
77
-
78
- var _useState15 = (0, _react.useState)(false),
79
- _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
80
- showEye = _useState16[0],
81
- setShowEye = _useState16[1];
82
-
83
- var validate = /*#__PURE__*/function () {
84
- var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
85
- var valid, email, password, session, userGroup, response, user, company;
86
- return _regenerator.default.wrap(function _callee$(_context) {
87
- while (1) {
88
- switch (_context.prev = _context.next) {
89
- case 0:
90
- setSignInError("");
91
- setShowErrors(true);
92
- e.preventDefault();
93
- valid = true;
94
- email = document.querySelector("#emailInput").value.trim();
95
- password = document.querySelector("#passwordInput").value;
96
- !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) ? setInvalidEmail(true) : setInvalidEmail(false);
97
-
98
- if (email === "") {
99
- valid = false;
100
- setEmptyEmail(true);
101
- } else {
102
- setEmptyEmail(false);
103
- }
104
-
105
- if (password === "") {
106
- valid = false;
107
- setEmptyPassword(true);
108
- } else {
109
- setEmptyPassword(false);
110
- }
111
-
112
- if (!valid) {
113
- _context.next = 32;
114
- break;
115
- }
116
-
117
- _context.prev = 10;
118
- setLoading(true);
119
- _context.next = 14;
120
- return props.Auth.signIn(email, password);
121
-
122
- case 14:
123
- session = _context.sent;
124
-
125
- if (!(session.challengeName === "NEW_PASSWORD_REQUIRED")) {
126
- _context.next = 20;
127
- break;
128
- }
129
-
130
- props.setUser(session);
131
- props.setPaso(8);
132
- _context.next = 25;
133
- break;
134
-
135
- case 20:
136
- userGroup = session.signInUserSession.accessToken.payload["cognito:groups"];
137
- _context.next = 23;
138
- return _axios.default.get(process.env.REACT_APP_USER_ENDPOINT, {
139
- headers: {
140
- Authorization: session.signInUserSession.idToken.jwtToken
141
- }
142
- });
143
-
144
- case 23:
145
- response = _context.sent;
146
-
147
- if (userGroup[0] === props.users) {
148
- sessionStorage.setItem("auth", true);
149
- sessionStorage.setItem("jwt", session.signInUserSession.idToken.jwtToken);
150
- user = JSON.parse(response.data.body).data[0];
151
- company = JSON.parse(response.data.body).data[1];
152
- caches.keys().then(function (names) {
153
- names.forEach(function (name) {
154
- caches.delete(name);
155
- });
156
- });
157
- user.src = "https://".concat(process.env.REACT_APP_IMAGES_PROFILE_BUCKET, ".s3.amazonaws.com/id-").concat(user.id_user, "/").concat(user.id_user, ".png?").concat(new Date().getTime());
158
- sessionStorage.setItem("user", JSON.stringify(user));
159
- sessionStorage.setItem("company", JSON.stringify(company));
160
- setUpgradePlanRedirect(true);
161
- } else {
162
- setSignInError("NotAuthorizedException");
163
- setLoading(false);
164
- }
165
-
166
- case 25:
167
- _context.next = 32;
168
- break;
169
-
170
- case 27:
171
- _context.prev = 27;
172
- _context.t0 = _context["catch"](10);
173
- console.log(_context.t0.code);
174
- setLoading(false);
175
-
176
- if (_context.t0.code === "NotAuthorizedException") {
177
- setSignInError("NotAuthorizedException");
178
- } else if (_context.t0.code === "UserNotConfirmedException") {
179
- sessionStorage.setItem("email", JSON.stringify(email));
180
- props.setPaso(5);
181
- } else {
182
- setSignInError("Error");
183
- }
184
-
185
- case 32:
186
- case "end":
187
- return _context.stop();
188
- }
189
- }
190
- }, _callee, null, [[10, 27]]);
191
- }));
192
-
193
- return function validate(_x) {
194
- return _ref.apply(this, arguments);
195
- };
196
- }();
197
-
198
- (0, _react.useEffect)(function () {
199
- sessionStorage.getItem("resetPasswordProcess") && sessionStorage.removeItem("resetPasswordProcess");
200
- }, []);
201
- (0, _react.useEffect)(function () {
202
- if (upgradePlanRedirect) setLoading(false);
203
- }, [upgradePlanRedirect]);
204
-
205
- var closeEye = function closeEye(e) {
206
- var input = document.getElementById("passwordInput");
207
- var eye = document.getElementById("Eye");
208
-
209
- if (input.type === "password") {
210
- input.type = "text";
211
- eye.style.opacity = 0.8;
212
- } else {
213
- input.type = "password";
214
- eye.style.opacity = 0.2;
215
- }
216
- };
217
-
218
- return loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoLoading.LogoLoading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
219
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
220
- className: "home-login",
221
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
222
- className: "main-container",
223
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LogoImage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
224
- className: "credenciales",
225
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.ScreenHeader, {
226
- fontFamily: _variables.FontFamily.AvenirNext,
227
- color: _variables.GlobalColors.s5,
228
- text: "Ingresa tus credenciales"
229
- })
230
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
231
- className: "user",
232
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
233
- inputType: "text",
234
- label: "Nombre de usuario",
235
- inputPlaceHolder: "username@contentoh.com",
236
- inputId: "emailInput"
237
- })
238
- }), showErrors && emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
239
- children: "Ingrese su correo"
240
- }), invalidEmail && !emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
241
- children: "Ingrese un correo v\xE1lido"
242
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
243
- className: "password",
244
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
245
- inputType: "password",
246
- label: "Contraseña",
247
- inputPlaceHolder: "Escribe tu contraseña",
248
- inputId: "passwordInput"
249
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
250
- src: _showPassword.default,
251
- alt: "show password",
252
- className: "icon",
253
- id: "Eye",
254
- onClick: function onClick(e) {
255
- setShowEye(!showEye);
256
- closeEye(e);
257
- }
258
- })]
259
- }), showErrors && emptyPassword && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
260
- children: "Ingrese su contrase\xF1a"
261
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
262
- className: "select",
263
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.CheckBox, {
264
- label: "Mantener sesión activada",
265
- id: "chk-default",
266
- className: "active-left"
267
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
268
- onClick: function onClick() {
269
- return props.setPaso(10);
270
- },
271
- className: "active-right",
272
- children: "Olvide mi contrase\xF1a"
273
- })]
274
- }), showErrors && signInError === "NotAuthorizedException" && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
275
- children: "Correo o contrase\xF1a incorrectos"
276
- }), showErrors && signInError === "Error" && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
277
- children: "Ha habido un problema al iniciar sesi\xF3n"
278
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
279
- className: "button-right",
280
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Button, {
281
- buttonType: "general-default-button",
282
- label: "Iniciar sesión",
283
- onClick: function onClick(e) {
284
- return validate(e);
285
- }
286
- })
287
- }), props.registration && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
288
- className: "new-login",
289
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
290
- className: "pre-registro",
291
- onClick: function onClick() {
292
- props.setPaso(1);
293
- sessionStorage.setItem("nuevoRegistro", JSON.stringify({
294
- name: "",
295
- lastName: "",
296
- email: "",
297
- position: "",
298
- country: "",
299
- phone: "",
300
- commercialName: "",
301
- companyName: "",
302
- rfc: "",
303
- adress: ""
304
- }));
305
- sessionStorage.setItem("countryCode", JSON.stringify("+52"));
306
- },
307
- children: ["\xBFA\xFAn no tienes cuenta?", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
308
- children: " Reg\xEDstrate"
309
- })]
310
- })
311
- })]
312
- })
313
- }), upgradePlanRedirect && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Redirect, {
314
- to: {
315
- pathname: "/dashboard"
316
- }
317
- })]
318
- });
319
- };
320
-
321
- exports.SignInLogin = SignInLogin;
@@ -1,20 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.Container = void 0;
9
-
10
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
11
-
12
- var _styledComponents = _interopRequireDefault(require("styled-components"));
13
-
14
- var _variables = require("../../../global-files/variables");
15
-
16
- var _templateObject;
17
-
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background: \"white\";\n display: flex;\n height: 100vh;\n width: 50%;\n justify-content: center;\n align-items: center;\n label {\n color: red;\n margin-top: 3px;\n margin-left: 15px;\n font-family: ", ";\n font-size: 11px;\n & + * {\n margin-top: 12px;\n }\n }\n\n &.home-login {\n .credenciales {\n & + * {\n margin-top: 30px;\n }\n }\n .user {\n & + * {\n margin-top: 45px;\n }\n }\n .password {\n & + * {\n margin-top: 20px;\n }\n &:hover {\n border: 1px solid ", ";\n }\n display: flex;\n justify-content: center;\n align-items: center;\n height: 40px;\n position: relative;\n width: 100%;\n border: 1px solid ", ";\n .input-container {\n h2 {\n position: absolute;\n top: -25px;\n left: 0;\n }\n }\n #passwordInput {\n width: 100%;\n background-color: white;\n position: absolute;\n top: 8px;\n left: 0;\n right: 0;\n bottom: 8px;\n box-sizing: border-box;\n border: none;\n }\n .icon {\n position: absolute;\n height: 60%;\n position: absolute;\n top: 50%;\n right: 8px;\n transform: translateY(-50%);\n opacity: 0.3;\n cursor: pointer;\n }\n .icon:hover {\n opacity: 0.8;\n }\n }\n .select {\n display: flex;\n justify-content: space-between;\n .active-right {\n font-family: ", ";\n font-weight: 500;\n font-size: 13px;\n line-height: 24px;\n letter-spacing: -0.015em;\n color: ", ";\n cursor: pointer;\n }\n & + * {\n margin-top: 50px;\n }\n }\n .button-right {\n text-align: right;\n & + * {\n margin-top: 55px;\n }\n }\n .new-login {\n p {\n font-family: ", ";\n text-align: right;\n font-weight: 500;\n font-size: 13px;\n line-height: 24px;\n color: ", ";\n cursor: pointer;\n span {\n color: ", ";\n }\n }\n }\n }\n .main-container {\n max-width: 80%;\n max-height: 80%;\n }\n"])), _variables.FontFamily.Raleway_700, _variables.GlobalColors.magenta_s2, _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.secondary_magenta);
19
-
20
- exports.Container = Container;
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.SignInLoginCreationAppDefault = void 0;
9
-
10
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
-
12
- var _index = require("./index");
13
-
14
- var _jsxRuntime = require("react/jsx-runtime");
15
-
16
- var _default = {
17
- title: "Components/molecules/SignInLoginCreationApp",
18
- component: _index.SignInLoginCreationApp
19
- };
20
- exports.default = _default;
21
-
22
- var Template = function Template(args) {
23
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SignInLoginCreationApp, (0, _objectSpread2.default)({}, args));
24
- };
25
-
26
- var SignInLoginCreationAppDefault = Template.bind({});
27
- exports.SignInLoginCreationAppDefault = SignInLoginCreationAppDefault;
28
- SignInLoginCreationAppDefault.args = {};