npm-pkg-hook 1.1.5 → 1.1.8

package/src/hooks/useFingerprintjs/index.js

@@ -1,176 +1,172 @@
-import md5 from 'md5'
-
-async function getCPUInfo() {
-    if (navigator.hardwareConcurrency) {
-        try {
-            const logicalCores = navigator.hardwareConcurrency;
-            const agent = window.navigator.userAgent;
-            const hyperThreaded = /Intel|Apple/.test(agent) && /Win64|Linux x86_64|MacIntel/.test(agent);
-
-            // Ajustar el número de núcleos lógicos si se sospecha hiperprocesamiento
-            const physicalCores = hyperThreaded ? logicalCores / 2 : logicalCores;
-
-            const cpuInfo = {
-                logicalCores: logicalCores,
-                physicalCores: physicalCores,
-                hyperThreaded: hyperThreaded
-            };
-            return JSON.stringify(cpuInfo);
-        } catch (error) {
-            console.error('Error al obtener información de la CPU:', error);
-            return 'cpu-info-error';
-        }
-    } else {
-        return 'cpu-info-not-available';
-    }
-}
-
-async function generateFingerprint() {
-    const canvas = document.createElement('canvas');
-    const context = canvas.getContext('2d');
-    const audioContext = new (window.AudioContext || window.webkitAudioContext)();
-
-    const userAgent = navigator.userAgent;
-    const language = navigator.language;
-    const colorDepth = window.screen.colorDepth;
-    const availableScreenHeight = window.screen.availHeight;
-    const platform = navigator.platform;
-    const cpuClass = navigator.cpuClass || 'unknown';
-
-    const canvasFingerprint = await generateCanvasFingerprint(canvas);
-    const audioFingerprint = await generateAudioFingerprint(audioContext);
-
-    const cpuInfo = await getCPUInfo();
-    const webGLInfo = await getWebGLInfo();
-    const fonts = getInstalledFonts();
-    const touchscreenInfo = getTouchscreenInfo();
-
-    const fingerprintData = {
-        browser: {
-            userAgent,
-            language,
-            colorDepth,
-            availableScreenHeight,
-            plugins: Array.from(navigator.plugins).map(plugin => plugin.name).join(','),
-            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-            hardwareConcurrency: cpuInfo.logicalCores || 'unknown',
-            platformVersion: navigator.platformVersion || 'unknown',
-        },
-        device: {
-            platform,
-            cpuClass,
-        },
-        canvas: canvasFingerprint,
-        audio: audioFingerprint,
-        cpu: cpuInfo,
-        webgl: webGLInfo,
-        fonts,
-        touchscreen: touchscreenInfo,
-    };
-
-    const fingerprint = JSON.stringify(fingerprintData);
-    const uniqueID = md5(fingerprint);
-
-    return uniqueID;
-}
-
-// Función para generar huella digital del audio
-async function generateAudioFingerprint(audioContext) {
-    if (audioContext) {
-        try {
-            await audioContext.resume();
-
-            // Obtén propiedades del audio que puedas obtener en modo incógnito
-            const audioProperties = {
-                isAudioContextAvailable: true,
-                // Agrega más propiedades relevantes aquí
-            };
-
-            return audioProperties;
-        } catch (error) {
-            console.error('Error al generar huella digital de audio:', error);
-        }
-    }
-
-    return { isAudioContextAvailable: false };
-}
-
-// Función para generar huella digital del canvas
-async function generateCanvasFingerprint(canvas) {
-    if (canvas) {
-        try {
-            canvas.width = 200;
-            canvas.height = 200;
-            const context = canvas.getContext('2d');
-            context.clearRect(0, 0, canvas.width, canvas.height);
-            context.fillStyle = '#f60';
-            context.fillRect(125, 1, 62, 20);
-            context.fillStyle = '#069';
-            context.font = '16pt Arial';
-            context.fillText('Cwm fjordbank glyphs vext quiz', 125, 20);
-
-            // Obtén más propiedades del canvas que puedas obtener en modo incógnito
-            const canvasProperties = {
-                width: canvas.width,
-                height: canvas.height,
-                // Agrega más propiedades relevantes aquí
-            };
-
-            return canvasProperties;
-        } catch (error) {
-            console.error('Error al generar huella digital del canvas:', error);
-        }
-    }
-
-    return { width: 0, height: 0 };
-}
-
-
-
-async function getWebGLInfo() {
-    if ('WebGLRenderingContext' in window) {
-        const canvas = document.createElement('canvas');
-        const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
-
-        if (gl) {
-            const renderer = gl.getParameter(gl.RENDERER);
-            const version = gl.getParameter(gl.VERSION);
-
-            // Obtener más información sobre las capacidades WebGL si es necesario
-
-            return `${renderer}-${version}`;
-        }
-    }
-
-    return 'webgl-info-not-supported';
-}
-
-function getInstalledFonts() {
-    const fonts = [];
-
-    if ('fonts' in document) {
-        document.fonts.forEach(font => {
-            fonts.push(font.family);
-        });
-    }
-
-    return fonts.join(',');
-}
-
-function getTouchscreenInfo() {
-    if ('maxTouchPoints' in navigator) {
-        const maxTouchPoints = navigator.maxTouchPoints;
-        const touchEvent = 'ontouchstart' in window ? 'true' : 'false';
-
-        return `${maxTouchPoints}-${touchEvent}`;
-    }
-
-    return 'touchscreen-info-not-supported';
-}
-
-
-export async function fingerprintJs() {
-    const fingerprint = await generateFingerprint();
-    const uniqueID = md5(fingerprint)
-    return uniqueID;
-}
+import md5 from 'md5'
+
+async function getCPUInfo () {
+  if (navigator.hardwareConcurrency) {
+    try {
+      const logicalCores = navigator.hardwareConcurrency
+      const agent = window.navigator.userAgent
+      const hyperThreaded = /Intel|Apple/.test(agent) && /Win64|Linux x86_64|MacIntel/.test(agent)
+
+      // Ajustar el número de núcleos lógicos si se sospecha hiperprocesamiento
+      const physicalCores = hyperThreaded ? logicalCores / 2 : logicalCores
+
+      const cpuInfo = {
+        logicalCores,
+        physicalCores,
+        hyperThreaded
+      }
+      return JSON.stringify(cpuInfo)
+    } catch (error) {
+      console.error('Error al obtener información de la CPU:', error)
+      return 'cpu-info-error'
+    }
+  } else {
+    return 'cpu-info-not-available'
+  }
+}
+
+async function generateFingerprint () {
+  const canvas = document.createElement('canvas')
+  const audioContext = new (window.AudioContext || window.webkitAudioContext)()
+
+  const userAgent = navigator.userAgent
+  const language = navigator.language
+  const colorDepth = window.screen.colorDepth
+  const availableScreenHeight = window.screen.availHeight
+  const platform = navigator.platform
+  const cpuClass = navigator.cpuClass || 'unknown'
+
+  const canvasFingerprint = await generateCanvasFingerprint(canvas)
+  const audioFingerprint = await generateAudioFingerprint(audioContext)
+
+  const cpuInfo = await getCPUInfo()
+  const webGLInfo = await getWebGLInfo()
+  const fonts = getInstalledFonts()
+  const touchscreenInfo = getTouchscreenInfo()
+
+  const fingerprintData = {
+    browser: {
+      userAgent,
+      language,
+      colorDepth,
+      availableScreenHeight,
+      plugins: Array.from(navigator.plugins).map(plugin => plugin.name).join(','),
+      timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+      hardwareConcurrency: cpuInfo.logicalCores || 'unknown',
+      platformVersion: navigator.platformVersion || 'unknown'
+    },
+    device: {
+      platform,
+      cpuClass
+    },
+    canvas: canvasFingerprint,
+    audio: audioFingerprint,
+    cpu: cpuInfo,
+    webgl: webGLInfo,
+    fonts,
+    touchscreen: touchscreenInfo
+  }
+
+  const fingerprint = JSON.stringify(fingerprintData)
+  const uniqueID = md5(fingerprint)
+
+  return uniqueID
+}
+
+// Función para generar huella digital del audio
+async function generateAudioFingerprint (audioContext) {
+  if (audioContext) {
+    try {
+      await audioContext.resume()
+
+      // Obtén propiedades del audio que puedas obtener en modo incógnito
+      const audioProperties = {
+        isAudioContextAvailable: true
+        // Agrega más propiedades relevantes aquí
+      }
+
+      return audioProperties
+    } catch (error) {
+      console.error('Error al generar huella digital de audio:', error)
+    }
+  }
+
+  return { isAudioContextAvailable: false }
+}
+
+// Función para generar huella digital del canvas
+async function generateCanvasFingerprint (canvas) {
+  if (canvas) {
+    try {
+      canvas.width = 200
+      canvas.height = 200
+      const context = canvas.getContext('2d')
+      context.clearRect(0, 0, canvas.width, canvas.height)
+      context.fillStyle = '#f60'
+      context.fillRect(125, 1, 62, 20)
+      context.fillStyle = '#069'
+      context.font = '16pt Arial'
+      context.fillText('Cwm fjordbank glyphs vext quiz', 125, 20)
+
+      // Obtén más propiedades del canvas que puedas obtener en modo incógnito
+      const canvasProperties = {
+        width: canvas.width,
+        height: canvas.height
+        // Agrega más propiedades relevantes aquí
+      }
+
+      return canvasProperties
+    } catch (error) {
+      console.error('Error al generar huella digital del canvas:', error)
+    }
+  }
+
+  return { width: 0, height: 0 }
+}
+
+async function getWebGLInfo () {
+  if ('WebGLRenderingContext' in window) {
+    const canvas = document.createElement('canvas')
+    const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl')
+
+    if (gl) {
+      const renderer = gl.getParameter(gl.RENDERER)
+      const version = gl.getParameter(gl.VERSION)
+
+      // Obtener más información sobre las capacidades WebGL si es necesario
+
+      return `${renderer}-${version}`
+    }
+  }
+
+  return 'webgl-info-not-supported'
+}
+
+function getInstalledFonts () {
+  const fonts = []
+
+  if ('fonts' in document) {
+    document.fonts.forEach(font => {
+      fonts.push(font.family)
+    })
+  }
+
+  return fonts.join(',')
+}
+
+function getTouchscreenInfo () {
+  if ('maxTouchPoints' in navigator) {
+    const maxTouchPoints = navigator.maxTouchPoints
+    const touchEvent = 'ontouchstart' in window ? 'true' : 'false'
+
+    return `${maxTouchPoints}-${touchEvent}`
+  }
+
+  return 'touchscreen-info-not-supported'
+}
+
+export async function fingerprintJs () {
+  const fingerprint = await generateFingerprint()
+  const uniqueID = md5(fingerprint)
+  return uniqueID
+}

package/src/hooks/useFormTools/index.js

@@ -40,8 +40,8 @@ export const useFormTools = ({ sendNotification = () => { } } = {}) => {
     event,
     msgError = '',
     msgSuccess,
-    action = () => { return },
-    actionAfterSuccess = () => { return }
+    action = () => { },
+    actionAfterSuccess = () => { }
   }) => {
     event.preventDefault()
     setCalledSubmit(true)
@@ -60,8 +60,8 @@ export const useFormTools = ({ sendNotification = () => { } } = {}) => {
     }
     if (errors) {
       setErrorSubmit(true)
-    return setForcedError({ ...errorForm })
-  }
+      return setForcedError({ ...errorForm })
+    }
 
     if (errSub) return setErrorSubmit(errSub)
 
@@ -80,20 +80,21 @@ export const useFormTools = ({ sendNotification = () => { } } = {}) => {
           sendNotification({
             message: msgSuccess || 'Operación exitosa',
             description: 'Operación exitosa',
-            backgroundColor: 'success' })
+            backgroundColor: 'success'
+          })
           !!actionAfterSuccess && actionAfterSuccess()
-        }
-
-      }).catch(e => {return sendNotification({ title: msgError || e?.message || 'Ha ocurrido un error', backgroundColor: 'error' })})
+        }
+      }).catch(e => { return sendNotification({ title: msgError || e?.message || 'Ha ocurrido un error', backgroundColor: 'error' }) })
     }
 
     setErrorSubmit(errSub)
   }
 
-  useEffect(() => {return setCalledSubmit(false)}, [calledSubmit])
+  useEffect(() => { return setCalledSubmit(false) }, [calledSubmit])
   useEffect(() => {
-    return setCalledSubmit(false)},
+    return setCalledSubmit(false)
+  },
   [])
 
   return [handleChange, handleSubmit, handleForcedData, { dataForm, errorForm, errorSubmit, calledSubmit, setForcedError }]
-}
+}

package/src/hooks/useFormatDate/index.js

@@ -1,23 +1,23 @@
 export const useFormatDate = ({
-    date,
-    local = 'ES'
+  date,
+  local = 'ES'
 } = {}) => {
-    const dateToFormat = new Date(date ?? Date.now())
-    const fullDate = dateToFormat.toLocaleDateString(local, { year: 'numeric', month: '2-digit', day: '2-digit' })
-    const day = fullDate.split('/')[0]
-    const month = fullDate.split('/')[1]
-    const year = fullDate.split('/')[2]
-    const yearMonthDay = dateToFormat.toLocaleDateString('en-CA')
-    const numberDay = dateToFormat.getDay()
-    const shortDayName = dateToFormat.toLocaleDateString(local, { weekday: 'short' })
-    const longDayName = dateToFormat.toLocaleDateString(local, { weekday: 'long' })
-    const hourMinutes12 = dateToFormat.toLocaleTimeString('ES-CO', { hour: '2-digit', minute: '2-digit' })
-    const hourMinutes24 = dateToFormat.toLocaleTimeString('ES-CO', { hour: '2-digit', minute: '2-digit', hour12: false })
-    const handleHourPmAM = (hour) => {
-        const hourPmAm = new Date(`1/1/1999 ${hour}`).toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', hour12: true })
-        return hour ? hourPmAm : ''
-    }
-    return {
+  const dateToFormat = new Date(date ?? Date.now())
+  const fullDate = dateToFormat.toLocaleDateString(local, { year: 'numeric', month: '2-digit', day: '2-digit' })
+  const day = fullDate.split('/')[0]
+  const month = fullDate.split('/')[1]
+  const year = fullDate.split('/')[2]
+  const yearMonthDay = dateToFormat.toLocaleDateString('en-CA')
+  const numberDay = dateToFormat.getDay()
+  const shortDayName = dateToFormat.toLocaleDateString(local, { weekday: 'short' })
+  const longDayName = dateToFormat.toLocaleDateString(local, { weekday: 'long' })
+  const hourMinutes12 = dateToFormat.toLocaleTimeString('ES-CO', { hour: '2-digit', minute: '2-digit' })
+  const hourMinutes24 = dateToFormat.toLocaleTimeString('ES-CO', { hour: '2-digit', minute: '2-digit', hour12: false })
+  const handleHourPmAM = (hour) => {
+    const hourPmAm = new Date(`1/1/1999 ${hour}`).toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', hour12: true })
+    return hour ? hourPmAm : ''
+  }
+  return {
     day,
     fullDate,
     hourMinutes12,
@@ -28,7 +28,6 @@ export const useFormatDate = ({
     shortDayName,
     month,
     year,
-    handleHourPmAM,
-    }
+    handleHourPmAM
+  }
 }
-

package/src/hooks/useFormatNumberPhone/index.js

@@ -4,12 +4,12 @@
  * @returns {any}
  */
 export const formatPhoneNumber = (phoneNumber) => {
-    const cleaned = ('' + phoneNumber).replace(/\D/g, '');
-    const match = cleaned.match(/^(\d{3})(\d{3})(\d{4})$/);
-    if (match) {
-        return `(${match[1]}) ${match[2]}-${match[3]}`;
-    }
-    return phoneNumber;
+  const cleaned = ('' + phoneNumber).replace(/\D/g, '')
+  const match = cleaned.match(/^(\d{3})(\d{3})(\d{4})$/)
+  if (match) {
+    return `(${match[1]}) ${match[2]}-${match[3]}`
+  }
+  return phoneNumber
 }
 
 /**
@@ -18,6 +18,6 @@ export const formatPhoneNumber = (phoneNumber) => {
  * @returns {any}
  */
 export const validatePhoneNumber = (phoneNumber) => {
-    const regex = /^\(\d{3}\) \d{3}-\d{4}$/;
-    return regex.test(phoneNumber);
-};
+  const regex = /^\(\d{3}\) \d{3}-\d{4}$/
+  return regex.test(phoneNumber)
+}

package/src/hooks/useFullScreenMode/index.js

@@ -1,65 +1,65 @@
-import React, { useState, useRef, useEffect } from 'react'
-import styled from 'styled-components'
-
-export const useFullscreenMode = () => {
-  const [isFullscreen, setFullscreen] = useState(false)
-  const elementRef = useRef()
-
-  useEffect(() => {
-    const changeHandler = () => {return setFullscreen(mode => {return !mode})}
-
-    document.addEventListener('fullscreenchange', changeHandler, false)
-    document.addEventListener('mozfullscreenchange', changeHandler, false)
-    document.addEventListener('MSFullScreenChange', changeHandler, false)
-    document.addEventListener(
-      'webkitfullscreenchange',
-      changeHandler,
-      false
-    )
-
-    return () => {
-      document.removeEventListener('fullscreenchange', changeHandler)
-      document.removeEventListener('mozfullscreenchange', changeHandler)
-      document.removeEventListener('MSFullScreenChange', changeHandler)
-      document.removeEventListener(
-        'webkitfullscreenchange',
-        changeHandler
-      )
-    }
-  }, [])
-
-  const goFullscreen = () => {
-    if (elementRef.current.requestFullscreen) {
-      elementRef.current.requestFullscreen()
-    } else if (elementRef.current.mozRequestFullscreen) {
-      //Firefox
-      elementRef.current.mozRequestFullscreen()
-    } else if (elementRef.current.webkitRequestFullscreen) {
-      //Chrome, safari, opera
-      elementRef.current.webkitRequestFullscreen()
-    } else if (elementRef.current.msRequestFullscreen) {
-      //IE, edge
-      elementRef.current.msRequestFullscreen()
-    }
-  }
-
-  const exitFullScreen = () => {
-    if (document.exitFullscreen) {
-      document.exitFullscreen()
-    } else if (document.mozCancelFullScreen) {
-      document.mozCancelFullScreen()
-    } else if (document.webkitExitFullscreen) {
-      document.webkitExitFullscreen()
-    } else if (document.msExitFullscreen) {
-      document.msExitFullscreen()
-    }
-  }
-
-  const ToggleIcon = (
-    <Button onDoubleClick={() => {return (!isFullscreen ? goFullscreen() : exitFullScreen())}}>{!isFullscreen ? 'FullScreen' : 'Normal'}</Button>
-  )
-  return [elementRef, ToggleIcon] //Icon, ref
-}
-const Button = styled.button`
-
-`
+import React, { useState, useRef, useEffect } from 'react'
+import styled from 'styled-components'
+
+export const useFullscreenMode = () => {
+  const [isFullscreen, setFullscreen] = useState(false)
+  const elementRef = useRef()
+
+  useEffect(() => {
+    const changeHandler = () => { return setFullscreen(mode => { return !mode }) }
+
+    document.addEventListener('fullscreenchange', changeHandler, false)
+    document.addEventListener('mozfullscreenchange', changeHandler, false)
+    document.addEventListener('MSFullScreenChange', changeHandler, false)
+    document.addEventListener(
+      'webkitfullscreenchange',
+      changeHandler,
+      false
+    )
+
+    return () => {
+      document.removeEventListener('fullscreenchange', changeHandler)
+      document.removeEventListener('mozfullscreenchange', changeHandler)
+      document.removeEventListener('MSFullScreenChange', changeHandler)
+      document.removeEventListener(
+        'webkitfullscreenchange',
+        changeHandler
+      )
+    }
+  }, [])
+
+  const goFullscreen = () => {
+    if (elementRef.current.requestFullscreen) {
+      elementRef.current.requestFullscreen()
+    } else if (elementRef.current.mozRequestFullscreen) {
+      // Firefox
+      elementRef.current.mozRequestFullscreen()
+    } else if (elementRef.current.webkitRequestFullscreen) {
+      // Chrome, safari, opera
+      elementRef.current.webkitRequestFullscreen()
+    } else if (elementRef.current.msRequestFullscreen) {
+      // IE, edge
+      elementRef.current.msRequestFullscreen()
+    }
+  }
+
+  const exitFullScreen = () => {
+    if (document.exitFullscreen) {
+      document.exitFullscreen()
+    } else if (document.mozCancelFullScreen) {
+      document.mozCancelFullScreen()
+    } else if (document.webkitExitFullscreen) {
+      document.webkitExitFullscreen()
+    } else if (document.msExitFullscreen) {
+      document.msExitFullscreen()
+    }
+  }
+
+  const ToggleIcon = (
+    <Button onDoubleClick={() => { return (!isFullscreen ? goFullscreen() : exitFullScreen()) }}>{!isFullscreen ? 'FullScreen' : 'Normal'}</Button>
+  )
+  return [elementRef, ToggleIcon] // Icon, ref
+}
+const Button = styled.button`
+
+`

package/src/hooks/useGenerateNumberArray/index.js

@@ -1,17 +1,17 @@
-const addButtonValues = (values, max) => {
-    const value1 = values.splice(Math.floor(Math.random() * (max - 0)) + 0, 1)
-    return { max: max - 2, values: [value1] }
-}
-
-export const useGenerateNumberArray = () => {
-    const values = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
-    let max = 9
-    const buttons = Array.from(Array(10)).map(() => {
-        return Array.from(Array(1)).map(() => {
-            const buttonValues = addButtonValues(values, max)
-            max = buttonValues.max
-            return buttonValues.values
-        })
-    })
-    return buttons
-}
+const addButtonValues = (values, max) => {
+  const value1 = values.splice(Math.floor(Math.random() * (max - 0)) + 0, 1)
+  return { max: max - 2, values: [value1] }
+}
+
+export const useGenerateNumberArray = () => {
+  const values = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
+  let max = 9
+  const buttons = Array.from(Array(10)).map(() => {
+    return Array.from(Array(1)).map(() => {
+      const buttonValues = addButtonValues(values, max)
+      max = buttonValues.max
+      return buttonValues.values
+    })
+  })
+  return buttons
+}