ywana-core8 0.1.13 → 0.1.15

package/dist/index.umd.js

@@ -1810,6 +1810,8 @@
         title = _ref.title,
         _ref$userRequired = _ref.userRequired,
         userRequired = _ref$userRequired === void 0 ? true : _ref$userRequired,
+        _ref$oldPwdRequired = _ref.oldPwdRequired,
+        oldPwdRequired = _ref$oldPwdRequired === void 0 ? false : _ref$oldPwdRequired,
         _ref$lang = _ref.lang,
         lang = _ref$lang === void 0 ? "EN" : _ref$lang,
         children = _ref.children,
@@ -1826,9 +1828,10 @@
         setError = _useState3[1];
       React.useEffect(function () {
         setIsValid(validate());
-      }, [form.password1, form.password2]);
+      }, [form.password1, form.password2, form.oldPassword]);
       function validate() {
         var hasRequiredUser = userRequired ? form.user && form.user.length > 0 : true;
+        var hasRequiredOldPwd = oldPwdRequired ? form.oldPassword && form.oldPassword.length > 0 : true;
         var hasPassword1 = form.password1 && form.password1.length > 0;
         var _ref2 = hasPassword1 ? validatePassword(form.password1) : [false, "La contraseña es requerida."],
           isValid = _ref2[0],
@@ -1836,7 +1839,7 @@
         setError(error);
         var areEqual = form.password1 === form.password2;
         if (isValid && !areEqual) setError("Las contraseñas no coinciden.");
-        return hasRequiredUser && areEqual && isValid;
+        return hasRequiredUser && hasRequiredOldPwd && areEqual && isValid;
       }
       function changeField(id, value) {
         var _Object$assign;
@@ -1844,14 +1847,13 @@
         setForm(next);
       }
       function ok() {
-        if (onOK && canOK()) {
+        if (onOK) {
           onOK(form);
         }
       }
       function close() {
         if (onClose) onClose();
       }
-      var text = lang === "EN" ? "CHANGE PASSWORD" : "CAMBIO DE CLAVE";
       var userLabel = lang === "EN" ? "User" : "Usuario";
       var passwordLabel = lang === "EN" ? "New Password" : "Nueva Clave";
       var password2Label = lang === "EN" ? "Confirm New Password" : "Confirmar Nueva Clave";
@@ -1863,9 +1865,7 @@
         src: logo
       }) : null, title ? /*#__PURE__*/React__default["default"].createElement("div", {
         className: "title"
-      }, /*#__PURE__*/React__default["default"].createElement(Text, null, title)) : null, children), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Text, {
-        use: "headline6"
-      }, text), userRequired ? /*#__PURE__*/React__default["default"].createElement(TextField, {
+      }, /*#__PURE__*/React__default["default"].createElement(Text, null, title)) : null, children), /*#__PURE__*/React__default["default"].createElement("main", null, userRequired ? /*#__PURE__*/React__default["default"].createElement(TextField, {
         id: "user",
         outlined: true,
         icon: "person",
@@ -1873,6 +1873,15 @@
         lapse: 100,
         onChange: changeField,
         onEnter: ok
+      }) : null, oldPwdRequired ? /*#__PURE__*/React__default["default"].createElement(TextField, {
+        id: "oldPassword",
+        outlined: true,
+        icon: "lock",
+        type: "password",
+        label: "Old Password",
+        lapse: 100,
+        onChange: changeField,
+        onEnter: ok
       }) : null, /*#__PURE__*/React__default["default"].createElement(TextField, {
         id: "password1",
         outlined: true,