ywana-core8 0.0.986 → 0.0.988

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.986",
+  "version": "0.0.988",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",
@@ -11,7 +11,8 @@
   "module": "dist/index.modern.js",
   "scripts": {
     "build": "microbundle --no-compress --jsx React.createElement",
-    "dev": "microbundle watch --no-compress --jsx React.createElement"
+    "dev": "microbundle watch --no-compress --jsx React.createElement",
+    "test": "jest"
   },
   "bugs": {
     "url": "https://github.com/ywana/ywana-core8/issues"
@@ -25,6 +26,7 @@
   },
   "devDependencies": {
     "gh-pages": "^3.2.3",
+    "jest": "^29.7.0",
     "microbundle": "^0.14.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
@@ -33,7 +35,7 @@
     "axios": "^1.3.4",
     "crypto-js": "^4.1.1",
     "deep-equal": "^2.0.5",
-    "material-design-icons-iconfont": "^6.1.1",
+    "material-design-icons-iconfont": "^6.7.0",
     "moment": "^2.29.1",
     "moment-range": "^4.0.2",
     "react-datepicker": "^4.6.0",

package/src/incubator/task.js

@@ -18,6 +18,9 @@ export const TaskContextProvider = (props) => {
     const [ listeners, setListeners ] = useState({})
 
     useEffect(() => {
+        
+        if (Object.keys(listeners).length === 0) return
+
         const _interval = setInterval(async () => {
             const taskIDs = Object.keys(listeners)
             for (let i = 0; i < taskIDs.length; i++) {
@@ -80,13 +83,12 @@ export const TaskContextProvider = (props) => {
     }
 
     function addListener(taskID, listener) {
-        const next = Object.assign({}, listeners)
-        next[taskID] = listener
+        const next = { ...listeners, [taskID]: listener }
         setListeners(next)
     }
 
     function addListeners(newListeners) {
-        const next = Object.assign({}, listeners, newListeners)
+        const next = { ...listeners, ...newListeners }
         setListeners(next)
     }
 
@@ -124,7 +126,6 @@ export const TASK_STATES = {
     "COMPLETED": "COMPLETED",
     "FAULTED": "FAULTED",
     "CANCELED": "CANCELED",
-
     "QUEUED": "QUEUED",
 }
 

package/src/widgets/login/ResetPasswordBox.js

@@ -1,5 +1,6 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import { TextField, Text, Button } from '../../html'
+import { validatePassword } from './login_commons'
 import './ResetPasswordBox.css'
 
 /**
@@ -8,10 +9,21 @@ import './ResetPasswordBox.css'
 export const ResetPasswordBox = ({ logo, title, userRequired = true, lang = "EN", children, onOK, onClose }) => {
 
     const [form, setForm] = useState({})
+    const [isValid, setIsValid] = useState(false)
     const [error, setError] = useState()
 
-    function canOK() {
-        return form.password1 && form.password2
+    useEffect(() => {
+        setIsValid(validate())
+    }, [form.password1, form.password2])
+
+    function validate() {
+        const hasRequiredUser = userRequired ? form.user && form.user.length > 0 : true
+        const hasPassword1 = form.password1 && form.password1.length > 0
+        const [isValid, error] = hasPassword1 ? validatePassword(form.password1) : [false, "La contraseña es requerida."]
+        setError(error)
+        const areEqual = form.password1 === form.password2
+        if (isValid && !areEqual) setError("Las contraseñas no coinciden.")
+        return hasRequiredUser && areEqual && isValid
     }
 
     function changeField(id, value) {
@@ -21,14 +33,7 @@ export const ResetPasswordBox = ({ logo, title, userRequired = true, lang = "EN"
 
     function ok() {
         if (onOK && canOK()) {
-            if (form.password1 === form.password2) {
-                setError(null)
-                onOK(form)
-            } else {
-
-                const errorLabel = lang === "EN" ? "Passwords do not match" : "Las claves no coinciden"
-                setError(errorLabel)
-            }
+            onOK(form)
         }
     }
 
@@ -59,7 +64,7 @@ export const ResetPasswordBox = ({ logo, title, userRequired = true, lang = "EN"
             </main>
             <footer>
                 <Button label={cancelLabel} action={close} />
-                <Button label={okLabel} raised disabled={!canOK()} action={ok} />
+                <Button label={okLabel} raised disabled={!isValid} action={ok} />
             </footer>
         </div>
     )

package/src/widgets/login/ResetPasswordBoxTest.js

@@ -0,0 +1,24 @@
+import React, { useState } from 'react'
+import { Icon , Button, Text, TextField } from '../../html'
+import { ResetPasswordBox } from './ResetPasswordBox'
+
+/**
+ * Reset Password Box
+ */
+export const ResetPasswordBoxTest = (prop) => {
+
+    const config = {
+        title: 'Reset Password',
+        userRequired: false,
+        lang: 'EN',
+        onOK: (form) => {
+            console.log('onOK', form)
+        },
+        onClose: () => {
+            console.log('onClose')
+        }
+    }
+    return (
+        <ResetPasswordBox {...config} />
+    )
+}

package/src/widgets/login/login_commons.js

@@ -0,0 +1,45 @@
+export function validatePassword(contraseña) {
+
+    let error = ""
+
+    // Verificar longitud mínima y máxima
+    if (contraseña.length < 15 || contraseña.length > 50) {
+        error =  'La contraseña debe tener entre 15 y 50 caracteres.';
+        return [ false, error]
+    }
+
+    // Verificar al menos una letra (mayúscula o minúscula)
+    if (!/[A-Za-z]/.test(contraseña)) {
+        error =  'La contraseña debe contener al menos una letra (A-Z o a-z).';
+        return [ false, error]
+    }
+
+    // Verificar al menos un número
+    if (!/[0-9]/.test(contraseña)) {
+        error =  'La contraseña debe contener al menos un número (0-9).';
+        return [ false, error]
+    }
+
+    // Verificar al menos una minúscula
+    if (!/[a-z]/.test(contraseña)) {
+        error =  'La contraseña debe contener al menos una letra en minúscula (a-z).';
+        return [ false, error]
+    }
+
+    // Verificar al menos una mayúscula
+    if (!/[A-Z]/.test(contraseña)) {
+        error =  'La contraseña debe contener al menos una letra en mayúscula (A-Z).';
+        return [ false, error]
+    }
+
+    // Verificar al menos un carácter especial
+    if (!/[<>+&!?*\-_%\.:=]/.test(contraseña)) {
+        error =  'La contraseña debe contener al menos un carácter especial (< > + & ! ? * - _ % . : =).';
+        return [ false, error]
+    }
+
+    // Si todas las validaciones pasan
+    return [true, error];
+}
+
+//module.exports = { validatePassword }

package/src/widgets/login/login_commons.test.js

@@ -0,0 +1,51 @@
+const login_commons = require('./login_commons');
+const { validatePassword } = login_commons;
+
+describe('validatePassword', () => {
+    test('debería devolver un error si la longitud es menor a 15 caracteres', () => {
+        const [isValid, error] = validatePassword('Abc123!');
+        expect(isValid).toBe(false);
+        expect(error).toBe('La contraseña debe tener entre 15 y 50 caracteres.');
+    });
+
+    test('debería devolver un error si la longitud es mayor a 50 caracteres', () => {
+        const [isValid, error] = validatePassword('A'.repeat(51) + '1!aB');
+        expect(isValid).toBe(false);
+        expect(error).toBe('La contraseña debe tener entre 15 y 50 caracteres.');
+    });
+
+    test('debería devolver un error si no contiene letras', () => {
+        const [isValid, error] = validatePassword('1234567890!@#$%^&*()');
+        expect(isValid).toBe(false);
+        expect(error).toBe('La contraseña debe contener al menos una letra (A-Z o a-z).');
+    });
+
+    test('debería devolver un error si no contiene números', () => {
+        const [isValid, error] = validatePassword('Aaaaaaaa!aaaaaaa');
+        expect(isValid).toBe(false);
+        expect(error).toBe('La contraseña debe contener al menos un número (0-9).');
+    });
+
+    test('debería devolver un error si no contiene minúsculas', () => {
+        const [isValid, error] = validatePassword('AAAAAAAAAAAAA1!');
+        expect(isValid).toBe(false);
+        expect(error).toBe('La contraseña debe contener al menos una letra en minúscula (a-z).');
+    });
+
+    test('debería devolver un error si no contiene mayúsculas', () => {
+        const [isValid, error] = validatePassword('aaaaaaaaaaaaa1!');
+        expect(isValid).toBe(false);
+        expect(error).toBe('La contraseña debe contener al menos una letra en mayúscula (A-Z).');
+    });
+
+    test('debería devolver un error si no contiene un carácter especial', () => {
+        const [isValid, error] = validatePassword('Aaaaaaaa1Aaaaaaaa');
+        expect(isValid).toBe(false);
+        expect(error).toBe('La contraseña debe contener al menos un carácter especial (< > + & ! ? * - _ % . : =).');
+    });
+
+    test('debería devolver true si la contraseña es válida', () => {
+        const [isValid, error] = validatePassword('Aaaaaaaa1Aaaaa!a');
+        expect(isValid).toBe(true);
+    });
+});