npm-pkg-hook 1.12.7 → 1.12.8

package/src/hooks/useEmployee/useCreateEmployee.ts

@@ -0,0 +1,90 @@
+import { useMutation } from '@apollo/client'
+import { useState } from 'react'
+
+import { CREATE_ONE_EMPLOYEE_STORE_AND_USER } from './queries'
+
+/**
+ * Custom hook to handle the createOneEmployeeStoreAndUser mutation.
+ *
+ * @param root0
+ * @param {Object}
+ * @param root0.sendNotification
+ * @param root0.onCompleted
+ * @param root0.onError
+ * @returns {{
+ *   createEmployeeStoreAndUser: (input: IEmployeeStore) => Promise<void>,
+ *   loading: boolean,
+ *   error: Error | null,
+ *   data: Object | null
+ * }} An object containing the mutation function, loading status, error, and data.
+ */
+export const useCreateEmployeeStoreAndUser = ({
+  sendNotification = () => {
+    return {
+      description: '',
+      title: '',
+      backgroundColor: ''
+    }
+  },
+  onCompleted = () => {
+    return {
+    }
+  },
+  onError = () => {
+    return {
+    }
+  }
+} = {}) => {
+  const [createEmployeeStoreAndUserMutation, { loading, error, data }] = useMutation(CREATE_ONE_EMPLOYEE_STORE_AND_USER, {
+    onError: () => {
+      sendNotification({
+        description: 'Error creando empleado',
+        title: 'Error',
+        backgroundColor: 'error'
+      })
+    },
+    onCompleted: (response) => {
+      console.log(response)
+      const { createOneEmployeeStoreAndUser } = response ?? {}
+      const { message, success } = createOneEmployeeStoreAndUser ?? {}
+      if (success === false) {
+        onError(response)
+      }
+      if (success) {
+        onCompleted(response)
+      }
+      sendNotification({
+        description: message,
+        title: success ? 'Exito' : 'Error',
+        backgroundColor: success ? 'success' : 'error'
+      })
+    }
+  })
+  const [errors, setErrors] = useState([])
+
+  /**
+   * Calls the createOneEmployeeStoreAndUser mutation.
+   *
+   * @param {Object} input - The input data for the mutation.
+   * @returns {Promise<void>}
+   */
+  const createEmployeeStoreAndUser = async (input) => {
+    try {
+      const response = await createEmployeeStoreAndUserMutation({ variables: { input } })
+      if (response.data.createOneEmployeeStoreAndUser.errors) {
+        setErrors(response.data.createOneEmployeeStoreAndUser.errors)
+      } else {
+        setErrors([])
+      }
+    } catch (err) {
+      setErrors([{ message: err.message }])
+    }
+  }
+
+  return [createEmployeeStoreAndUser, {
+    loading,
+    error,
+    data,
+    errors
+  }]
+}

package/src/hooks/useEvent/index.ts

@@ -0,0 +1,34 @@
+import { useEffect } from 'react'
+
+export const on = ({ eventType, callBack }) => {
+  document.addEventListener(eventType, callBack)
+}
+export const off = ({ eventType, callBack }) => {
+  document.removeEventListener(eventType, callBack)
+}
+export const once = ({ eventType, callBack }) => {
+  const handleEventOnce = (event) => {
+    callBack(event)
+    off({ eventType, callBack: handleEventOnce })
+  }
+  on({ eventType, callBack: handleEventOnce })
+}
+export const trigger = ({ eventType, data }) => {
+  const event = new CustomEvent(eventType, { detail: data })
+  document.dispatchEvent(event)
+}
+// This function is used to subscribe components an any event
+export const useEvents = ({ eventType, callBack }) => {
+  useEffect(() => {
+    on({ eventType, callBack })
+    return () => {
+      off({ eventType, callBack })
+    }
+  }, [eventType, callBack])
+}
+// This function create and dispatch event
+export const useTrigerEvent = () => {
+  return {
+    trigger
+  }
+}

package/src/hooks/useFavoriteStores/index.ts

@@ -0,0 +1,31 @@
+import { useQuery } from '@apollo/client'
+
+import { filterAndSortByDate } from '../useRestaurant/helpers'
+import { getStatusForStores } from '../useRestaurant/helpers/manageStatusOpen'
+
+import { GET_ALL_FAV_STORE } from './queries'
+
+export const useFavoriteStores = () => {
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(GET_ALL_FAV_STORE, {
+    fetchPolicy: 'cache-and-network',
+    onError: () => {
+      console.log('')
+    }
+  })
+  const newArray = data?.getFavorite?.map(store => {
+    return {
+      ...store.getOneStore
+    }
+  }) || []
+  const dataSort = filterAndSortByDate(newArray)
+
+  const statuses = getStatusForStores(dataSort)
+
+  const favoriteStores = statuses || []
+
+  return [loading ? [] : favoriteStores, { loading, error }]
+}

package/src/hooks/useFavoriteStores/queries.ts

@@ -0,0 +1,54 @@
+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.ts

@@ -0,0 +1,25 @@
+/**
+ * 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

@@ -0,0 +1,39 @@
+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]) => {return 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/useFilterConfigs/index.ts

@@ -0,0 +1,173 @@
+// useFilterConfigs.ts
+import { gql, useQuery } from '@apollo/client'
+
+/**
+ * GraphQL query: expects the backend to return a JSON (or custom scalar) containing filterTabs
+ */
+const GET_FILTER_CONFIGS = gql`
+  query GetFilterConfigs($idStore: String) {
+    filterConfigs(idStore: $idStore) {
+      id
+      idStore
+      filterTabs
+      active
+      priority
+      createdAt
+      updatedAt
+    }
+  }
+`
+
+/**
+ * Type definitions matching DB/json structure
+ */
+
+/**
+ * @typedef {Object} FilterValue
+ * @property {string} [id]
+ * @property {string} description
+ * @property {number|string|null} [value]
+ * @property {string|null} [imageUrn]
+ */
+export type FilterValue = {
+    id?: string
+    description: string
+    value?: number | string | null
+    imageUrn?: string | null
+}
+
+/**
+ * @typedef {Object} FilterGroup
+ * @property {string} id
+ * @property {string} description
+ * @property {string} displayType
+ * @property {FilterValue[]} values
+ */
+export type FilterGroup = {
+    id: string
+    description: string
+    displayType: string
+    values: FilterValue[]
+}
+
+/**
+ * @typedef {Object} FilterTab
+ * @property {string} id
+ * @property {string} name
+ * @property {FilterGroup[]} filterGroups
+ */
+export type FilterTab = {
+    id: string
+    name: string
+    filterGroups: FilterGroup[]
+}
+
+/**
+ * @typedef {Object} FilterConfigRecord
+ * @property {string} id
+ * @property {string|null} idStore
+ * @property {FilterTab[]} filterTabs
+ * @property {boolean} active
+ * @property {number} priority
+ */
+export type FilterConfigRecord = {
+    id: string
+    idStore: string | null
+    filterTabs: FilterTab[]
+    active: boolean
+    priority: number
+}
+
+/**
+ * Runtime guard to ensure shape is roughly correct
+ * @param anyData any
+ * @returns boolean
+ */
+const isFilterTabs = (anyData: any): any is FilterTab[] => {
+  if (!Array.isArray(anyData)) return false
+  for (const tab of anyData) {
+    if (typeof tab?.id !== 'string' || typeof tab?.name !== 'string') return false
+    if (!Array.isArray(tab.filterGroups)) return false
+    for (const g of tab.filterGroups) {
+      if (typeof g?.id !== 'string') return false
+      if (!Array.isArray(g.values)) return false
+    }
+  }
+  return true
+}
+
+/**
+ * Hook options
+ */
+export type UseFilterConfigsOptions = {
+    idStore?: string | null
+    pollIntervalMs?: number
+    skip?: boolean
+    onError?: (err: Error) => void
+}
+
+/**
+ * Hook return
+ */
+export type UseFilterConfigsResult = {
+    data: FilterTab[]
+    rawRecords: FilterConfigRecord[] | null
+    loading: boolean
+    error: Error | null
+    refetch: () => Promise<void>
+}
+
+/**
+ * Custom hook to fetch filter configs from GraphQL and expose typed, validated tabs.
+ * - Returns empty array when data is invalid (defensive).
+ * - Accepts idStore and poll interval as parameters for flexibility.
+ *
+ * @param {UseFilterConfigsOptions} options
+ * @returns {UseFilterConfigsResult}
+ */
+export const useFilterConfigs = ({
+  skip = false,
+  onError
+}: UseFilterConfigsOptions = {}): UseFilterConfigsResult => {
+  const { data, loading, error, refetch } = useQuery(
+    GET_FILTER_CONFIGS,
+    {
+      skip
+    }
+  )
+
+  if (error && onError) onError(error as Error)
+
+  const rawRecords =
+        Array.isArray((data as any)?.filterConfigs) ? (data as any).filterConfigs as FilterConfigRecord[] : null
+
+  let tabs: FilterTab[] = []
+
+  if (rawRecords && rawRecords.length > 0) {
+    // pick the active config with highest priority (lowest number)
+    const active = rawRecords
+      .filter(r => {return r.active !== false})
+      .sort((a, b) => {return (a.priority ?? 9999) - (b.priority ?? 9999)})[0]
+
+    const candidate = active ?? rawRecords[0]
+
+    if (candidate && isFilterTabs(candidate.filterTabs)) {
+      tabs = candidate.filterTabs
+    } else {
+      // defensive logging — don't throw to avoid crashing UI, return empty array
+       
+      console.warn('useFilterConfigs: invalid filterTabs structure', candidate?.filterTabs)
+      tabs = []
+    }
+  }
+
+  return {
+    data: [{ 'id': 'BASIC', 'name': 'Básicos', 'filterGroups': [{ 'id': 'DELIVERY_MODE', 'description': 'Modo de entrega', 'displayType': 'WORD_CLOUD_SINGLE', 'values': [{ 'id': 'DELIVERY', 'description': 'Entrega' }, { 'id': 'TAKEOUT', 'description': 'Pra retirar' }] }, { 'id': 'SORTING', 'description': 'Ordenar por', 'displayType': 'GRID', 'values': [{ 'id': 'DEFAULT', 'description': 'Ordenação Padrão' }, { 'id': 'PRICE_RANGE:ASC', 'description': 'Preço' }, { 'id': 'USER_RATING:DESC', 'description': 'Avaliação' }, { 'id': 'DELIVERY_TIME:ASC', 'description': 'Tempo de Entrega' }, { 'id': 'DELIVERY_FEE:ASC', 'description': 'Taxa de Entrega' }, { 'id': 'DISTANCE:ASC', 'description': 'Menor distância' }] }, { 'id': 'DISTANCE', 'description': 'Distância', 'displayType': 'SLIDER', 'values': [{ 'id': 'MIN_VALUE', 'description': '1' }, { 'id': 'MAX_VALUE', 'description': '10' }] }, { 'id': 'DELIVERY_FEE', 'description': 'Taxa de entrega', 'displayType': 'WORD_CLOUD_SINGLE', 'values': [{ 'id': 'FREE', 'description': 'Grátis', 'value': 0 }, { 'id': 'MAX_FIVE', 'description': 'até R$ 5,00', 'value': 5 }, { 'id': 'MAX_TEN', 'description': 'até R$ 10,00', 'value': 10 }] }, { 'id': 'TAGS', 'description': 'Filtros especiais', 'displayType': 'CHECKBOX', 'values': [{ 'id': 'SUPER_RESTAURANT', 'imageUrn': 'SUPER_RESTAURANT.png', 'description': 'Super-Restaurantes' }, { 'id': 'SUPPORTS_ORDER_TRACKING', 'imageUrn': 'SUPPORTS_ORDER_TRACKING.png', 'description': 'Entrega Parceira' }, { 'id': 'SUPPORTS_ANY_TRACKING', 'imageUrn': 'SUPPORTS_ANY_TRACKING.png', 'description': 'Entrega Rastreável' }, { 'id': 'SUPPORTS_SCHEDULING', 'imageUrn': 'SUPPORTS_SCHEDULING.png', 'description': 'Aceita agendamento' }] }] }, { 'id': 'CATEGORY', 'name': 'Categorias', 'filterGroups': [{ 'id': 'MERCHANT_TYPE', 'description': 'Tipo de loja', 'displayType': 'GRID', 'values': [{ 'id': 'ALL', 'description': 'Todas as lojas' }, { 'id': 'RESTAURANT', 'description': 'Restaurante' }, { 'id': 'MARKET', 'description': 'Mercado' }] }, { 'id': 'AVAILABLE_CATEGORIES', 'description': 'Categorias', 'displayType': 'WORD_CLOUD', 'values': [{ 'description': 'Africana', 'id': 'AF1' }, { 'description': 'Alemã', 'id': 'ALE' }, { 'description': 'Árabe', 'id': 'ARA' }, { 'description': 'Argentina', 'id': 'AR1' }, { 'description': 'Asiática', 'id': 'ASI' }, { 'description': 'Açaí', 'id': 'AC1' }, { 'description': 'Baiana', 'id': 'BA1' }, { 'description': 'Bebidas', 'id': 'BEB' }, { 'description': 'Brasileira', 'id': 'BRA' }, { 'description': 'Cafeteria', 'id': 'CA1' }, { 'description': 'Carnes', 'id': 'CAR' }, { 'description': 'Casa de Sucos', 'id': 'CS1' }, { 'description': 'Chinesa', 'id': 'CHI' }, { 'description': 'Colombiana', 'id': 'CO1' }, { 'description': 'Congelados Fit', 'id': 'CF1' }, { 'description': 'Congelados', 'id': 'CN1' }, { 'description': 'Contemporânea', 'id': 'CNT' }, { 'description': 'Conveniência', 'id': 'CV1' }, { 'description': 'Coreana', 'id': 'CR1' }, { 'description': 'Cozinha rápida', 'id': 'CRP' }, { 'description': 'Crepe', 'id': 'CP1' }, { 'description': 'Doces & Bolos', 'id': 'DCE' }, { 'description': 'Espanhola', 'id': 'ES1' }, { 'description': 'Francesa', 'id': 'FRA' }, { 'description': 'Frangos', 'id': 'FR1' }, { 'description': 'Frutos do mar', 'id': 'FRU' }, { 'description': 'Gaúcha', 'id': 'GA1' }, { 'description': 'Grega', 'id': 'GRC' }, { 'description': 'Hambúrguer', 'id': 'BUR' }, { 'description': 'Indiana', 'id': 'IND' }, { 'description': 'Italiana', 'id': 'ITA' }, { 'description': 'Japonesa', 'id': 'JAP' }, { 'description': 'Lanches', 'id': 'LCH' }, { 'description': 'Marmita', 'id': 'MA1' }, { 'description': 'Marroquina', 'id': 'MAR' }, { 'description': 'Mediterrânea', 'id': 'MED' }, { 'description': 'Mercado 🛒', 'id': 'MER' }, { 'description': 'Mexicana', 'id': 'MEX' }, { 'description': 'Mineira', 'id': 'MI1' }, { 'description': 'Nordestina', 'id': 'NO1' }, { 'description': 'Padaria', 'id': 'PA1' }, { 'description': 'Panqueca', 'id': 'PQC' }, { 'description': 'Paranaense', 'id': 'PR1' }, { 'description': 'Pastel', 'id': 'PAS' }, { 'description': 'Peixes', 'id': 'PX1' }, { 'description': 'Peruana', 'id': 'PER' }, { 'description': 'Pizza', 'id': 'PIZ' }, { 'description': 'Portuguesa', 'id': 'POR' }, { 'description': 'Presentes', 'id': 'PRE' }, { 'description': 'Salgados', 'id': 'SAG' }, { 'description': 'Saudável', 'id': 'SAU' }, { 'description': 'Sopas & Caldos', 'id': 'SP1' }, { 'description': 'Sorvetes', 'id': 'SOR' }, { 'description': 'Tailandesa', 'id': 'THA' }, { 'description': 'Tapioca', 'id': 'TA1' }, { 'description': 'Típica do Norte', 'id': 'TN1' }, { 'description': 'Variada', 'id': 'VAR' }, { 'description': 'Vegana', 'id': 'VE1' }, { 'description': 'Vegetariana', 'id': 'VEG' }, { 'description': 'Xis', 'id': 'XI1' }, { 'description': 'Yakisoba', 'id': 'YA1' }] }] }, { 'id': 'PAYMENT', 'name': 'Pagamentos', 'filterGroups': [{ 'id': 'MEDIUM_PRICE', 'description': 'Preço médio', 'displayType': 'WORD_CLOUD_SINGLE', 'values': [{ 'id': 'CHEAPEST', 'description': '$' }, { 'id': 'CHEAP', 'description': '$$' }, { 'id': 'MODERATE', 'description': '$$$' }, { 'id': 'EXPENSIVE', 'description': '$$$$' }, { 'id': 'MOST_EXPENSIVE', 'description': '$$$$$' }] }, { 'id': 'ONLINE_PAYMENTS', 'description': 'Pagamento pelo app', 'displayType': 'WORD_CLOUD', 'values': [{ 'id': 'PIX', 'description': 'pix' }, { 'id': 'ELO', 'description': 'Elo' }, { 'id': 'MC', 'description': 'Mastercard' }, { 'id': 'MCMA', 'description': 'Mastercard Maestro' }, { 'id': 'VIS', 'description': 'Visa' }, { 'id': 'VISE', 'description': 'Visa Electron' }, { 'id': 'AM', 'description': 'Amex' }, { 'id': 'DNR', 'description': 'Diners' }] }, { 'id': 'ONLINE_PAYMENTS_VR', 'description': 'Vale-refeição/alimentação pelo app', 'displayType': 'WORD_CLOUD', 'values': [{ 'id': 'IMV', 'description': 'iFood Refeição' }, { 'id': 'VRO', 'description': 'VR Refeição' }, { 'id': 'SRP', 'description': 'Sodexo Refeição' }, { 'id': 'ALR', 'description': 'Alelo Refeição' }, { 'id': 'TRO', 'description': 'Ticket' }, { 'id': 'BENRON', 'description': 'Ben Refeição' }] }, { 'id': 'OFFLINE_PAYMENTS', 'description': 'Pagamento na entrega', 'displayType': 'WORD_CLOUD', 'values': [{ 'id': 'DIN', 'description': 'Dinheiro' }, { 'id': 'RSODEX', 'description': 'Sodexo' }, { 'id': 'VVREST', 'description': 'Vale Alelo Refeição' }, { 'id': 'VR_SMA', 'description': 'VR Refeição' }, { 'id': 'BENVVR', 'description': 'Ben Refeição' }, { 'id': 'TRE', 'description': 'Ticket' }, { 'id': 'RDREST', 'description': 'Mastercard - Crédito' }, { 'id': 'MEREST', 'description': 'Mastercard' }, { 'id': 'VSREST', 'description': 'Visa - Crédito' }, { 'id': 'VIREST', 'description': 'Visa' }, { 'id': 'REC', 'description': 'Elo - Crédito' }, { 'id': 'RED', 'description': 'Elo' }, { 'id': 'RHIP', 'description': 'Hipercard' }, { 'id': 'TVER', 'description': 'Verocard' }, { 'id': 'RAM', 'description': 'American Express' }, { 'id': 'CPRCAR', 'description': 'Cooper Card' }, { 'id': 'GRNCAR', 'description': 'Green Card' }, { 'id': 'GRNCPL', 'description': 'Green Card (papel)' }, { 'id': 'RSELE', 'description': 'Refeisul' }, { 'id': 'VALECA', 'description': 'Vale Card' }, { 'id': 'BANRC', 'description': 'Banricompras - Crédito' }, { 'id': 'BANRD', 'description': 'Banricompras' }, { 'id': 'DNREST', 'description': 'Diners' }, { 'id': 'GOODC', 'description': 'Goodcard' }, { 'id': 'VERDEC', 'description': 'Verdecard' }, { 'id': 'CHE', 'description': 'Cheque' }] }] }],
+    rawRecords,
+    loading,
+    error: error ? (error as Error) : null,
+    refetch: async () => {
+      await refetch()
+    }
+  }
+}

package/src/hooks/useFingerprintjs/index.ts

@@ -0,0 +1,197 @@
+// 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 => {return 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 fingerprint
+}
+
+// Función para generar huella digital del audio
+/**
+ *
+ * @param audioContext
+ */
+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
+/**
+ *
+ * @param 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 fingerprint
+}