npm-pkg-hook 1.12.3 → 1.12.7

package/src/hooks/useFavoriteStores/queries.js

@@ -1,54 +0,0 @@
-import { gql } from '@apollo/client'
-
-export const GET_ALL_FAV_STORE = gql`
-  query getFavorite {
-    getFavorite {
-      fIStoreId
-      fState
-      createAt
-      updateAt
-      idStore
-
-      getOneStore {
-        getStoreSchedules {
-          schId
-          idStore
-          schDay
-          schHoSta
-          schHoEnd
-          schState
-        }
-        deliveryTimeMinutes
-        scheduleOpenAll
-        idStore
-        cId
-        id
-        Image
-        open
-        cateStore {
-          catStore
-          cName
-        }
-        ctId
-        catStore
-        dId
-        storeName
-        Image
-        city {
-          ctId
-          dId
-          cName
-        }
-        department {
-          dId
-          cId
-          dName
-        }
-        pais {
-          cId
-          cName
-        }
-      }
-    }
-  }
-`

package/src/hooks/useFetchJson/index.js

@@ -1,25 +0,0 @@
-/**
- * It fetches a json response, and if the response is not ok, it throws an error with the response and
- * the data
- * @param args - The arguments to pass to fetch.
- */
-export const fetchJson = async (...args) => {
-  try {
-    const response = await fetch(...args)
-    // if the server replies, there's always some data in json
-    // if there's a network error, it will throw at the previous line
-    const data = await response.json()
-    if (response.ok) {
-      return data
-    }
-    const error = new Error(response.statusText)
-    error.response = response
-    error.data = data
-    throw error
-  } catch (error) {
-    if (!error.data) {
-      error.data = { message: error.message }
-    }
-    throw error
-  }
-}

package/src/hooks/useFetchMoreInteractions/index.jsx

@@ -1,39 +0,0 @@
-import React, {
-    useEffect,
-    useRef,
-    useState
-} from 'react'
-
-export const useFetchMoreInteractions = ({
-    render,
-    fetchMore = true,
-    callback = () => {}
-}) => {
-    const loadingRef = useRef()
-
-    const useOnScreen = ref => {
-        const [isIntersecting, setIsIntersecting] = useState(false)
-
-        const observer = new IntersectionObserver(
-            ([entry]) => setIsIntersecting(entry.isIntersecting)
-        )
-
-        useEffect(() => {
-            if (ref.current) observer.observe(ref.current)
-            // Remove the observer as soon as the component is unmounted
-            return () => { observer.disconnect() }
-        }, [ref, observer])
-
-        return isIntersecting
-    }
-
-    const isVisible = useOnScreen(loadingRef)
-
-    useEffect(() => {
-        if (isVisible && fetchMore) callback()
-    }, [isVisible, callback, fetchMore])
-
-    return <div ref={loadingRef}>
-        {isVisible && fetchMore ? render || <div style={{ background: 'red' }} >Loading...{isVisible && 'lol'}</div> : <></>}
-    </div>
-}

package/src/hooks/useFingerprintjs/index.js

@@ -1,172 +0,0 @@
-// 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 null
-}
-
-// 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 null
-}

package/src/hooks/useFormTools/index.js

@@ -1,116 +0,0 @@
-import {
-  useCallback,
-  useEffect,
-  useState
-} from 'react'
-import { validationSubmitHooks } from '../../utils'
-/**
- * @version 0.0.1
- * @description Hook con herramientas de validación y eventos de cambio
- * @return {Array} devuelve la función onChange a ejecutar y el estado de error de cada input
- */
-export const useFormTools = ({
-  initialValues = {},
-  sendNotification = ({
-    title = '',
-    description = '',
-    backgroundColor = ''
-  }) => { }
-}
-= {}) => {
-  const [dataForm, setDataForm] = useState({ ...initialValues })
-  const [errorForm, setErrorForm] = useState({})
-  const [errorSubmit, setErrorSubmit] = useState(false)
-  const [calledSubmit, setCalledSubmit] = useState(false)
-  // Handle Change
-  const handleChange = useCallback((e, error) => {
-    setDataForm({ ...dataForm, [e.target.name]: e.target.value })
-    setErrorForm({ ...errorForm, [e.target.name]: error })
-  }, [setDataForm, dataForm, errorForm, setErrorForm])
-
-  // Forzar datos desde una ventana externa
-  const handleForcedData = useCallback(data => {
-    setDataForm(data)
-  }, [setDataForm])
-
-  // Forzar datos de error desde una ventana externa
-  const setForcedError = useCallback(errors => {
-    setErrorForm(errors)
-  }, [setErrorForm])
-
-  // Handle submit, al enviar formulario
-  const listErrors = Object.values(errorForm)
-  const errors = listErrors.find((error) => {
-    return error === true
-  })
-
-  const handleSubmit = ({
-    event,
-    msgError = '',
-    msgSuccess,
-    action = () => { return Promise.resolve() },
-    actionAfterSuccess = () => { }
-  }) => {
-    event.preventDefault()
-    setCalledSubmit(true)
-    let errSub = false
-
-    // Valida los errores locales
-    for (const x in errorForm) {
-      if (errorForm[x]) errSub = true
-    }
-    if (errSub) {
-      sendNotification({
-        description: 'Completa los campos requeridos',
-        title: 'Error',
-        backgroundColor: 'error'
-      })
-    }
-    if (errors) {
-      setErrorSubmit(true)
-      return setForcedError({ ...errorForm })
-    }
-
-    if (errSub) return setErrorSubmit(errSub)
-
-    // Valida los errores desde el evento
-    const errores = validationSubmitHooks(event.target.elements)
-    setErrorForm(errores)
-    for (const x in errores) {
-      if (errores[x]) errSub = true
-    }
-    if (errSub) return setErrorSubmit(errSub)
-
-    // Ejecuta la accion si es válido
-    if (!errSub && typeof action === 'function') {
-      const result = action()
-      if (result && typeof result.then === 'function') {
-        result.then((res) => {
-          if (res) {
-            sendNotification({
-              message: msgSuccess ?? 'Operación exitosa',
-              description: 'Operación exitosa',
-              backgroundColor: 'success'
-            })
-            if (actionAfterSuccess) actionAfterSuccess()
-          }
-        }).catch((e) => {
-          sendNotification({
-            title: msgError || e?.message || 'Ha ocurrido un error',
-            backgroundColor: 'error'
-          })
-        })
-      }
-    }
-
-    setErrorSubmit(errSub)
-  }
-
-  useEffect(() => { return setCalledSubmit(false) }, [calledSubmit])
-  useEffect(() => {
-    return setCalledSubmit(false)
-  },
-  [])
-
-  return [handleChange, handleSubmit, handleForcedData, { dataForm, errorForm, errorSubmit, calledSubmit, setForcedError }]
-}

package/src/hooks/useFormatDate/index.js

@@ -1,86 +0,0 @@
-export const useFormatDate = ({
-  date,
-  local = 'ES-CO'
-} = {}) => {
-  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('ES-CO')
-  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 : ''
-  }
-  /**
-   * Formats a date into Colombian time zone and Spanish locale for POS display.
-   * Example output: "15 de mayo de 2025 a las 14:23"
-   *
-   * @param {string | number | Date} dateInput - Date to format (ISO string, timestamp or Date object)
-   * @returns {string} - Formatted date string in Colombian time
-   */
-  function formatDateInTimeZone (dateInput) {
-    const timeZone = 'America/Bogota'
-    const locale = 'es-CO'
-    const options = {
-      timeZone,
-      year: 'numeric',
-      month: 'long',
-      day: '2-digit',
-      hour: '2-digit',
-      minute: '2-digit',
-      hour12: false
-    }
-
-    const date = new Date(dateInput)
-    const formatted = new Intl.DateTimeFormat(locale, options).format(date)
-
-    // Cambiar coma por "a las" para mejor legibilidad
-    return formatted.replace(',', ' a las')
-  }
-  /**
-   * Formats a date into YYYY-MM-DD using a given IANA timezone.
-   *
-   * @param {string | number | Date} inputDate - The date to format.
-   * @param {string} timeZone - IANA timezone string (default is "America/Bogota").
-   * @returns {string} Formatted date string in YYYY-MM-DD.
-   * @throws {Error} If the input date is invalid.
-   */
-  const formatToLocalDateYMD = (inputDate, timeZone = 'America/Bogota') => {
-    const date = new Date(inputDate)
-
-    if (isNaN(date.getTime())) {
-      throw new Error('Invalid date input provided to formatToLocalDateYMD')
-    }
-
-    const localDateStr = date.toLocaleString('en-US', { timeZone })
-    const localDate = new Date(localDateStr)
-
-    const year = localDate.getFullYear()
-    const month = String(localDate.getMonth() + 1).padStart(2, '0')
-    const day = String(localDate.getDate()).padStart(2, '0')
-
-    return `${year}-${month}-${day}`
-  }
-
-  return {
-    day,
-    fullDate,
-    formatToLocalDateYMD,
-    hourMinutes12,
-    numberDay,
-    yearMonthDay,
-    hourMinutes24,
-    longDayName,
-    shortDayName,
-    month,
-    year,
-    handleHourPmAM,
-    formatDateInTimeZone
-  }
-}

package/src/hooks/useFormatNumberPhone/index.js

@@ -1,23 +0,0 @@
-/**
- * Description
- * @param {any} phoneNumber type number or string
- * @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
-}
-
-/**
- * Description
- * @param {any} phoneNumber type number or string
- * @returns {any}
- */
-export const validatePhoneNumber = (phoneNumber) => {
-  const regex = /^\(\d{3}\) \d{3}-\d{4}$/
-  return regex.test(phoneNumber)
-}

package/src/hooks/useFullScreenMode/index.js

@@ -1,65 +0,0 @@
-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 +0,0 @@
-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
-}

package/src/hooks/useGetAllLocationUser/index.js

@@ -1,12 +0,0 @@
-import { useQuery } from '@apollo/client'
-import { GET_ALL_LOCATIONS } from './queries'
-
-/**
- * useGetAllLocationUser
- * @returns {any}
- */
-export const useGetAllLocationUser = () => {
-  const { data, loading } = useQuery(GET_ALL_LOCATIONS)
-
-  return [data, { loading }]
-}

package/src/hooks/useGetAllLocationUser/queries.js

@@ -1,44 +0,0 @@
-import { gql } from '@apollo/client';
-
-export const GET_ALL_LOCATIONS = gql`
-
-query getUserLocations {
-  getUserLocations {
-    locationId
-    # id
-    cId
-    dId
-    ctId
-    uLatitud
-    uLongitude
-    uLocationKnow
-    uPiso
-    DatCre
-    DatMod
-       pais {
-        cId
-        cName
-        cCalCod
-        cState
-        cDatCre
-        cDatMod
-      }
-      city {
-        ctId
-        dId
-        cName
-        cState
-        cDatCre
-        cDatMod
-      } 
-      department {
-        dId
-        cId
-        dName
-        dState
-        dDatCre
-        dDatMod
-      }
-  }
-}
-`

package/src/hooks/useGetCookies/index.js

@@ -1,43 +0,0 @@
-import Cookies from 'js-cookie'
-
-export const useGetCookies = () => {
-  const getCookies = (cookieNames) => {
-    try {
-      if (!Array.isArray(cookieNames)) {
-        throw new Error('Input cookie names should be an array.')
-      }
-
-      const cookiesData = []
-
-      for (const cookieName of cookieNames) {
-        const cookieValue = Cookies.get(cookieName)
-        if (cookieValue) {
-          cookiesData.push({ name: cookieName, value: cookieValue })
-        }
-      }
-      return cookiesData
-    } catch (error) {
-      console.error('Error al traer las cookies:', error)
-      return []
-    }
-  }
-
-  const getCookie = (cookieName) => {
-    try {
-      if (typeof cookieName !== 'string') {
-        throw new Error('Input cookie name should be a string.')
-      }
-
-      const cookieValue = Cookies.get(cookieName)
-      if (cookieValue) {
-        return { name: cookieName, value: cookieValue }
-      }
-      return null
-    } catch (error) {
-      console.error('Error al traer la cookie:', error)
-      return null
-    }
-  }
-
-  return { getCookies, getCookie }
-}