@lideralia/alife-uikit 1.2.21 → 1.2.23

package/dist/atoms/Input/Input.js

@@ -23,7 +23,7 @@ var _styles = require("./styles");
 
 var _Layout = require("../Layout");
 
-var _excluded = ["borderless", "hasError", "placeholderMessage", "onChange"];
+var _excluded = ["borderless", "hasError", "placeholderMessage", "onChange", "onKeyUp"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -179,6 +179,7 @@ var InputMono = (0, _react.forwardRef)(function (props, ref) {
       hasError = props.hasError,
       placeholderMessage = props.placeholderMessage,
       _onChange2 = props.onChange,
+      onKeyUp = props.onKeyUp,
       rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_styles.InputMonoContainerStyled, (0, _extends2.default)({
     borderless: false,
@@ -194,11 +195,13 @@ var InputMono = (0, _react.forwardRef)(function (props, ref) {
     marginX: "auto",
     onChange: function onChange(e) {
       return _onChange2 && _onChange2(e.target.name, e.target.value);
-    }
+    },
+    onKeyUp: onKeyUp
   }))));
 });
 exports.InputMono = InputMono;
 InputMono.defaultProps = {
   borderless: false,
-  hasError: false
+  hasError: false,
+  onKeyUp: null
 };

package/dist/organisms/Cards/PersonalData.js

@@ -200,8 +200,8 @@ CardPersonalData.Body = function (_ref3) {
     onChange: function onChange(id, content) {
       return handleChange(id, content);
     },
-    id: "first_name",
-    name: "first_name",
+    id: "name",
+    name: "name",
     sizeInput: "big",
     defaultValue: name,
     iconLeft: _react.default.createElement(_IconUser.default, null),
@@ -303,8 +303,8 @@ CardPersonalData.BodyEditMode = function (_ref4) {
     onChange: function onChange(id, content) {
       return handleChange(id, content);
     },
-    id: "first_name",
-    name: "first_name",
+    id: "name",
+    name: "name",
     sizeInput: "big",
     defaultValue: name,
     iconLeft: _react.default.createElement(_IconUser.default, null)

package/dist/organisms/Modals/Cookies.js

@@ -122,6 +122,7 @@ var ModalCookies = function ModalCookies(_ref) {
     gridTemplateRows: "1fr",
     gridColumnGap: 3
   }, _react.default.createElement(_Button.Button, {
+    id: "cookies-accept-button",
     colorType: "orange",
     action: function action() {
       return onSubmit();

package/dist/organisms/Modals/Login.js

@@ -136,6 +136,7 @@ var ModalLogin = function ModalLogin(_ref) {
     size: "invisible",
     onChange: onChangeCaptcha
   }), _react.default.createElement(_Button.Button, {
+    id: "main-login-button",
     sizeButton: "big",
     backgroundColor: customColor,
     colorType: customColor || 'green',

package/dist/organisms/Modals/LoginPassCode.js

@@ -60,8 +60,9 @@ var ModalLoginPassCode = function ModalLoginPassCode(_ref) {
       onSubmit = _ref.onSubmit,
       tokenCaptcha = _ref.tokenCaptcha,
       onModalClose = _ref.onModalClose,
-      onModalBack = _ref.onModalBack;
-  var seconds = 30;
+      onModalBack = _ref.onModalBack,
+      seconds = _ref.seconds,
+      hasWrongCodeError = _ref.hasWrongCodeError;
   var pass1Ref = (0, _react.useRef)(null);
   var pass2Ref = (0, _react.useRef)(null);
   var pass3Ref = (0, _react.useRef)(null);
@@ -86,6 +87,11 @@ var ModalLoginPassCode = function ModalLoginPassCode(_ref) {
     actionRetry(valueToken);
   };
 
+  (0, _react.useEffect)(function () {
+    setIsCountdown(false);
+    setCountdown(seconds);
+    setIsCountdown(true);
+  }, [seconds]);
   (0, _react.useEffect)(function () {
     var timer = countdown > 0 && isCountdown && setInterval(function () {
       return setCountdown(countdown - 1);
@@ -206,6 +212,7 @@ var ModalLoginPassCode = function ModalLoginPassCode(_ref) {
       display: 'none'
     }
   }, "send")), hasError && errorMessage && _react.default.createElement(_Typography.Text, {
+    textAlign: "center",
     sizeText: "display14",
     color: "red",
     marginY: 1
@@ -217,15 +224,15 @@ var ModalLoginPassCode = function ModalLoginPassCode(_ref) {
     sitekey: tokenCaptcha,
     size: "invisible",
     onChange: onChangeCaptcha
-  }), _react.default.createElement(_Layout.Box, {
+  }), !hasWrongCodeError && _react.default.createElement(_Layout.Box, {
     width: "100%",
     textAlign: "center"
-  }, _react.default.createElement(_Typography.Text, {
+  }, labelRetry && _react.default.createElement(_Typography.Text, {
     sizeText: "display13",
     textAlign: "center",
     color: "black60",
     marginY: 2
-  }, labelRetry), isCountdown ? _react.default.createElement(_Typography.Text, {
+  }, labelRetry.replace('{countdown}', seconds)), isCountdown ? _react.default.createElement(_Typography.Text, {
     sizeText: "display13",
     textAlign: "center",
     color: "black60",
@@ -287,5 +294,7 @@ ModalLoginPassCode.defaultProps = {
   errorMessage: '',
   title: 'Verifica tu cuenta',
   onModalClose: function onModalClose() {},
-  onModalBack: function onModalBack() {}
+  onModalBack: function onModalBack() {},
+  seconds: 60,
+  hasWrongCodeError: false
 };

package/dist/organisms/Modals/Register.js

@@ -232,7 +232,8 @@ var ModalRegister = function ModalRegister(_ref) {
     color: "black60",
     underline: true,
     onClick: (_footer$action = footer.action) === null || _footer$action === void 0 ? void 0 : _footer$action.to,
-    href: null
+    href: null,
+    id: "login-link-from-register"
   }, (_footer$action2 = footer.action) === null || _footer$action2 === void 0 ? void 0 : _footer$action2.label))));
 };
 

package/dist/organisms/Navbar/Default/Navbar.js

@@ -63,6 +63,7 @@ var Navbar = function Navbar(props) {
     "data-testid": "test-Navbar"
   }, props), navItems === null || navItems === void 0 ? void 0 : navItems.map(function (element, key) {
     return _react.default.createElement(_Button.Button, {
+      id: "navbar-".concat(element.id),
       key: "".concat(element.id, "-").concat(key),
       action: function action(e) {
         if (history && element.path) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lideralia/alife-uikit",
-  "version": "1.2.21",
+  "version": "1.2.23",
   "description": "Librería y documentación de componentes, basada en el Design System de Alife.",
   "homepage": "https://github.com/lideralia/alife-frontend-components#readme",
   "bugs": {