npm-pkg-hook 1.12.4 → 1.12.7

package/src/hooks/useDessertWithPrice/index.js

@@ -1,373 +0,0 @@
-import {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-  createRef
-} from 'react'
-import { useUpdateMultipleExtProduct } from '../useUpdateMultipleExtProduct'
-import { useMutation } from '@apollo/client'
-import { EDIT_EXTRA_PRODUCT_FOODS } from './queries'
-import { findNumbersExceedingRange, transformData, updateErrorFieldByIndex } from './helpers'
-import { useDeleteExtraProductFoods } from '../useDeleteExtraProductFoods'
-
-export const useDessertWithPrice = ({
-  dataExtra = [],
-  sendNotification = ({
-    title,
-    description,
-    backgroundColor
-  }) => {
-    return {
-      title,
-      description,
-      backgroundColor
-    }
-  },
-  setAlertBox = ({ message, duration = 10000, success = true }) => { return { message, duration, success } }
-} = {}) => {
-  const [selected, setSelected] = useState({
-    loading: false,
-    exPid: null
-  })
-  const [editExtraProductFoods] = useMutation(EDIT_EXTRA_PRODUCT_FOODS)
-
-  const initialLine = useMemo(() => {
-    return {
-      extraName: '',
-      extraPrice: '',
-      exState: false
-    }
-  }, [])
-
-  const initialLineItems = useMemo(() => {
-    return {
-      Lines: [
-        {
-          extraName: '',
-          extraPrice: '',
-          exState: false
-        },
-        (initialLine)
-      ]
-    }
-  }, [initialLine])
-  const transformedData = transformData(dataExtra)
-
-  const [LineItems, setLine] = useState(
-    Array.isArray(dataExtra) && dataExtra.length > 0 ? { Lines: transformedData } : initialLineItems
-  )
-
-  const inputRefs = useRef(LineItems.Lines.map(() => createRef()))
-
-  const handleSelect = (item, index) => {
-    try {
-      const { exPid } = item || {}
-      setSelected({ exPid, loading: false })
-      if (inputRefs?.current[index]) {
-        inputRefs.current[index].current.focus()
-      }
-    } catch (error) {
-      return null
-    }
-  }
-
-  useEffect(() => {
-    // Asegurándote de que las referencias se actualicen si LineItems cambia
-    inputRefs.current = LineItems.Lines.map((_, i) => inputRefs.current[i] || createRef())
-  }, [LineItems])
-
-  const handleCleanLines = useCallback(() => {
-    setLine(Array.isArray(dataExtra) && dataExtra.length > 0 ? { Lines: transformedData } : initialLineItems)
-  }, [initialLineItems])
-
-  const [updateMultipleExtProduct, { loading }] = useUpdateMultipleExtProduct({
-    handleCleanLines: () => { },
-    sendNotification
-  })
-  /**
-   * Handles the addition of two new lines to the Lines array in LineItems state.
-   */
-  const handleAdd = useCallback(() => {
-    try {
-      // Ensure that LineItems and initialLine are not null or undefined
-      if (!LineItems || !initialLine) {
-        throw new Error('Han ocurrido un error.')
-      }
-
-      // Ensure that LineItems.Lines is an array
-      if (!Array.isArray(LineItems.Lines)) {
-        throw new Error('Han ocurrido un error.')
-      }
-
-      // Clone the existing Lines array and add two new objects (clones of initialLine) to it
-      const Lines = [...LineItems.Lines, { ...initialLine }]
-
-      // Update the LineItems state with the new Lines array
-      setLine((prevLineItems) => { return { ...prevLineItems, Lines } })
-    } catch (error) {
-      sendNotification({
-        title: error.message,
-        description: 'Error',
-        backgroundColor: 'error'
-      })
-    }
-  }, [LineItems, initialLine, setLine])
-
-  const handleFocusChange = (index) => {
-    const lastItem = LineItems.Lines.length - 1
-    if (lastItem === index) {
-      handleAdd()
-    }
-  }
-
-  /**
- * Handles changes in line items, updating the state accordingly.
- * @param {number} index - The index of the line item being updated.
- * @param {string} name - The name of the attribute being changed.
- * @param {any} value - The new value of the attribute.
- */
-  const handleLineChange = (index, name, value) => {
-    const newLines = LineItems.Lines.map((line, i) => {
-      if (i !== index) return { ...line }
-
-      const newLine = { ...line }
-
-      if (name === 'extraName' || name === 'extraPrice') {
-        newLine[name] = value
-      } else if (name === 'exState') {
-        newLine[name] = value.target.checked
-      } else {
-        newLine[name] = value
-      }
-
-      return newLine
-    })
-
-    setLine({ ...LineItems, Lines: newLines })
-  }
-  const { deleteExtraProductFoods } = useDeleteExtraProductFoods()
-
-  /**
- * Filter out a specific line from the LineItems array.
- * @param {number} index - Index of the line to be filtered out.
- */
-  const filterOneLine = (index) => {
-    // Use optional chaining to safely access nested properties.
-    const Lines = LineItems?.Lines?.filter((_, i) => { return i !== index })
-    // Use spread operator to create a new object with the filtered Lines array.
-    return setLine({ ...LineItems, Lines })
-  }
-
-  /**
-   * Removes a product extra by index or external product ID.
-   *
-   * @param {number} i - Index of the item in the list.
-   * @param {string} [exPid] - External product ID to remove (optional).
-   * @returns {Promise<void>}
-   */
-  const handleRemove = async (i, exPid) => {
-    try {
-      if (!exPid) {
-        return filterOneLine(i)
-      }
-
-      const findDataExtra = dataExtra?.find(x => x?.exPid === exPid)
-      if (!findDataExtra) return
-
-      await deleteExtraProductFoods({
-        variables: {
-          state: 1,
-          id: exPid
-        },
-        update: (cache, { data }) => {
-          const res = data?.deleteExtraProduct
-          const success = res?.success
-          const message = res?.message || ''
-
-          if (!success) {
-            return sendNotification({
-              title: 'Error',
-              description: message,
-              backgroundColor: 'error'
-            })
-          }
-
-          sendNotification({
-            title: 'Producto eliminado',
-            description: message,
-            backgroundColor: 'success'
-          })
-
-          cache.modify({
-            fields: {
-              ExtProductFoodsAll: (dataOld = []) => {
-                if (!Array.isArray(dataOld)) return dataOld
-
-                const transformedData = transformData(dataOld)
-                const Lines = transformedData.filter((_, index) => index !== i)
-                const newCache = dataOld.filter((_, index) => index !== i)
-
-                setLine(prev => ({
-                  ...prev,
-                  Lines
-                }))
-
-                return newCache
-              }
-            }
-          })
-        }
-      })
-    } catch (error) {
-      console.log('🚀 ~ handleRemove ~ error:', error)
-      sendNotification({
-        title: 'Error',
-        description: 'Ocurrió un error al eliminar el producto',
-        backgroundColor: 'error'
-      })
-    }
-  }
-
-  useEffect(() => {
-    setLine(Array.isArray(dataExtra) && dataExtra.length > 0 ? { Lines: transformedData } : initialLineItems)
-  }, [dataExtra.length])
-
-  const prepareAndValidateData = useCallback((pId) => {
-    const dataArr = LineItems?.Lines?.map(({ extraPrice, exState, extraName }) => ({
-      extraPrice,
-      exState: exState === true ? 1 : 0,
-      extraName,
-      pId
-    }))
-    console.log(dataArr)
-    const message = 'Complete los campos vacíos'
-    const findInputEmpty = dataArr?.find(({ extraName }) => extraName === '')
-    const findInputEmptyPrice = dataArr?.find(({ extraPrice }) => isNaN(extraPrice) || extraPrice === '')
-
-    if (findInputEmpty || findInputEmptyPrice) {
-      setAlertBox({ message })
-      return null
-    }
-    return dataArr
-  }, [LineItems])
-
-  const handleEdit = async (i, exPid) => {
-    setSelected({ exPid: null, loading: true })
-    const findOneExtra = LineItems?.Lines?.find((x, i) => { return x?.exPid === exPid })
-    const { extraName, extraPrice: price } = findOneExtra || {}
-    const extraPrice = price
-    const { data } = await editExtraProductFoods({
-      variables: {
-        exPid,
-        extraName,
-        extraPrice
-      },
-      update: (cache) => {
-        cache.modify({
-          fields: {
-            ExtProductFoodsAll: () => {
-              return LineItems?.Lines || []
-            }
-          }
-        })
-      }
-    })
-    if (!data?.editExtraProductFoods?.success) {
-      return sendNotification({
-        title: 'Error',
-        description: data?.editExtraProductFoods?.message || '',
-        backgroundColor: 'error'
-      })
-    }
-
-    if (data?.editExtraProductFoods?.success) {
-      return sendNotification({
-        title: 'Producto actualizado',
-        description: data?.editExtraProductFoods?.message || '',
-        backgroundColor: 'success'
-      })
-    }
-  }
-
-  function filterItemsWithValidExPid (items, pId) {
-    // Primero, filtrar los elementos basados en exPid
-    const filteredItems = items.filter(({ exPid }) => {
-      const isExPidValid = !exPid
-      return isExPidValid
-    })
-
-    // Luego, transformar los elementos filtrados
-    return filteredItems.map(({ exPid, extraPrice, exState, extraName }) => ({
-      exPid,
-      extraPrice,
-      exState: exState === true ? 1 : 0,
-      extraName,
-      pId
-    }))
-  }
-
-  const handleSubmit = ({ pId }) => {
-    try {
-      const checkNumberRange = findNumbersExceedingRange(LineItems?.Lines)
-      updateErrorFieldByIndex({ checkNumberRange, setLine })
-      if (checkNumberRange?.length > 0) {
-        return setAlertBox({ message: 'El precio no puede ser tan alto', duration: 10000 })
-      }
-
-      if (!prepareAndValidateData(pId)) return
-      const dataArr = LineItems?.Lines?.map(x => {
-        const extraPrice = x.extraPrice
-        const extraName = x.extraName
-        return {
-          extraPrice,
-          exState: x.exState === true ? 1 : 0,
-          extraName,
-          pId
-        }
-      })
-      const filteredItems = filterItemsWithValidExPid(LineItems?.Lines, pId)
-
-      return updateMultipleExtProduct({
-        variables: {
-          inputLineItems: {
-            setData: filteredItems
-          }
-        },
-        update: (cache) => {
-          cache.modify({
-            fields: {
-              ExtProductFoodsAll: () => {
-                return dataArr
-              }
-            }
-          })
-        }
-      }).then((res) => {
-        setAlertBox({ message: 'Se ha creado correctamente', duration: 7000, success: true })
-      })
-    } catch (error) {
-      setAlertBox({ message: `${error}`, duration: 7000 })
-    }
-  }
-  const isLoading = loading
-
-  return {
-    initialLine,
-    inputRefs,
-    selected,
-    loading: isLoading,
-    initialLineItems,
-    LineItems,
-    handleCleanLines,
-    handleLineChange,
-    handleSelect,
-    handleFocusChange,
-    setLine,
-    handleEdit,
-    handleRemove,
-    handleAdd,
-    handleSubmit
-  }
-}

package/src/hooks/useDessertWithPrice/queries.js

@@ -1,18 +0,0 @@
-import { gql } from '@apollo/client'
-
-export const DELETE_EXTRA_PRODUCTS = gql`
-  mutation  deleteExtraProduct($id: ID, $state: Int){
-    deleteExtraProduct(id: $id, state: $state){
-      success,
-      message
-  }
-}
-`
-export const EDIT_EXTRA_PRODUCT_FOODS = gql`
-  mutation EditExtraProductFoods($exPid: ID, $state: Int, $extraName: String, $extraPrice: Float) {
-    editExtraProductFoods(exPid: $exPid, state: $state, extraName: $extraName, extraPrice: $extraPrice) {
-      success
-      message
-    }
-  }
-`

package/src/hooks/useDevWS/index.ts

@@ -1,53 +0,0 @@
-'use client'
-import { useEffect, useRef, useState } from 'react'
-
-export const useDevWS = () => {
-    const [status, setStatus] = useState("loading")
-    const wsRef = useRef<WebSocket | null>(null)
-
-    useEffect(() => {
-        let reconnectTimer: any
-
-        const connect = async () => {
-            try {
-                const r = await fetch('/api/ws-port')
-                const { port } = await r.json()
-
-                if (!port) {
-                    setStatus("down")
-                    reconnectTimer = setTimeout(connect, 2000)
-                    return
-                }
-
-                const ws = new WebSocket(`ws://localhost:${port}`)
-                wsRef.current = ws
-
-                ws.onopen = () => {
-                    setStatus("up")
-                }
-
-                ws.onerror = () => {
-                    setStatus("down")
-                    ws.close()
-                }
-
-                ws.onclose = () => {
-                    setStatus("down")
-                    reconnectTimer = setTimeout(connect, 2000)
-                }
-            } catch {
-                setStatus("down")
-                reconnectTimer = setTimeout(connect, 2000)
-            }
-        }
-
-        connect()
-
-        return () => {
-            wsRef.current?.close()
-            clearTimeout(reconnectTimer)
-        }
-    }, [])
-
-    return status
-}

package/src/hooks/useDevices/index.js

@@ -1,2 +0,0 @@
-export * from './useGetDevices'
-export * from './useRegisterDevices'

package/src/hooks/useDevices/queries.js

@@ -1,28 +0,0 @@
-import { gql } from '@apollo/client'
-
-/**
- * Query to fetch all device users with extended fields
- */
-export const GET_ALL_DEVICES = gql`
-  query getDeviceUsers {
-    getDeviceUsers {
-      dId
-      id
-      deviceId
-      deviceName
-      locationFormat
-      type
-      shortName
-      platform
-      version
-      family
-      os
-      model
-      ip
-      isBot
-      dState
-      createdAt
-      updatedAt
-    }
-  }
-`

package/src/hooks/useDevices/useGetDevices.js

@@ -1,28 +0,0 @@
-import { useQuery } from '@apollo/client'
-import { GET_ALL_DEVICES } from './queries'
-import { useFormatDate } from '../useFormatDate'
-
-export const useDevices = () => {
-  const { data, loading } = useQuery(GET_ALL_DEVICES, {
-    onError: (error) => {
-      console.error(error)
-    }
-  })
-
-  // Función para formatear la fecha
-  const { formatDateInTimeZone } = useFormatDate({})
-
-  const listDevices = Array.isArray(data?.getDeviceUsers)
-    ? data?.getDeviceUsers.map((device) => {
-      // const formattedDate = formatDateInTimeZone(device.createdAt)
-      return {
-        ...device
-        // createdAt: formattedDate
-      }
-    })
-    : []
-  return {
-    data: listDevices,
-    loading
-  }
-}

package/src/hooks/useDevices/useRegisterDevices.js

@@ -1,75 +0,0 @@
-import { useMutation, gql } from '@apollo/client'
-
-/**
- * GraphQL mutation para registrar un nuevo dispositivo
- */
-const REGISTER_DEVICE_USER = gql`
-  mutation RegisterDeviceUser($input: DeviceUserInput!) {
-    newRegisterDeviceUser(input: $input) {
-      success
-      message
-      data {
-        dId
-        id
-        deviceId
-        deviceName
-        locationFormat
-        type
-        shortName
-        platform
-        version
-        dState
-        createdAt
-        dState
-      }
-      errors {
-        path
-        message
-        type
-        context {
-          limit
-          value
-          label
-          key
-        }
-      }
-    }
-  }
-`
-
-/**
- * Custom hook para la mutación RegisterDeviceUser
- * @returns {Object} - Función para registrar el dispositivo y el estado de la operación
- */
-export const useRegisterDeviceUser = () => {
-  const [registerDeviceUser, { loading, error, data }] = useMutation(REGISTER_DEVICE_USER)
-
-  /**
-   * Función para manejar la mutación
-   * @param {Object} input - Datos del dispositivo a registrar
-   * @returns {Promise<Object>} - Resultado de la operación
-   */
-  const handleRegisterDeviceUser = async (input) => {
-    try {
-      const result = await registerDeviceUser({ variables: { input } })
-
-      if (result.data?.newRegisterDeviceUser?.success) {
-        return { success: true, data: result.data.newRegisterDeviceUser.data }
-      } else {
-        return {
-          success: false,
-          errors: result.data?.newRegisterDeviceUser?.errors || []
-        }
-      }
-    } catch (err) {
-      console.error('Error while registering device user:', err)
-      return { success: false, errors: [{ message: err.message }] }
-    }
-  }
-
-  return [handleRegisterDeviceUser, {
-    loading,
-    error,
-    data
-  }]
-}

package/src/hooks/useDownloadReports/helpers/downloadFileFromResponse.ts

@@ -1,21 +0,0 @@
-export const downloadFileFromResponse = async (response, fileName) => {
-    try {
-        if (!response.ok) {
-            throw new Error(`Failed to download file: ${response.statusText}`)
-        }
-
-        const blob = await response.blob()
-        const url = window.URL.createObjectURL(blob)
-        const link = document.createElement('a')
-        link.href = url
-        link.setAttribute('download', fileName)
-        document.body.appendChild(link)
-        link.click()
-        document.body.removeChild(link)
-        window.URL.revokeObjectURL(url)
-    } catch (error) {
-        console.error('Error downloading file:', error)
-        throw error
-    }
-
-}

package/src/hooks/useDownloadReports/index.ts

@@ -1,2 +0,0 @@
-export * from './useDownloadReportByDay'
-export * from './useGetReportByDateRange'

package/src/hooks/useDownloadReports/useDownloadReportByDay/index.ts

@@ -1,103 +0,0 @@
-import { useLazyQuery } from '@apollo/client'
-import { gql } from '@apollo/client'
-import { useState } from 'react'
-import { downloadFileFromResponse } from '../helpers/downloadFileFromResponse'
-
-
-
-/**
- * GraphQL query to get the report for a specific day.
- */
-const GET_REPORT_DAY_NUMBER = gql`
-  query getReportDayNumber($day: Int!) {
-    getReportDayNumber(day: $day) {
-      success
-      message
-      errors {
-        path
-        message
-        type
-      }
-      data {
-        id
-        name
-        description
-        url
-        createdAt
-      }
-    }
-  }
-`
-
-/**
- * Custom hook to trigger the report download when the GraphQL query resolves.
- *
- * @returns {{
- *   downloadReport: (day: number) => void,
- *   loading: boolean,
- *   error: Error | undefined
- * }} Object containing the trigger function, loading state and error.
- */
-export const useDownloadReportByDay = ({
-  sendNotification = (
-    { description = '', title = '', backgroundColor = 'info' } = {}
-  ) => {
-    return {
-      description,
-      title,
-      backgroundColor
-    }
-  }
-} = {}) => {
-  const [finished, setFinished] = useState(false)
-  const [fetchReport, { loading, error }] = useLazyQuery(GET_REPORT_DAY_NUMBER, {
-    fetchPolicy: 'network-only',
-    onCompleted: async ({ getReportDayNumber }) => {
-      setFinished(false)
-      try {
-        const {
-          success,
-          data,
-          message
-        } = getReportDayNumber || {}
-        if (!success || !data) {
-          setFinished(true)
-          return sendNotification({
-            description: message,
-            title: 'Error al descargar reporte',
-            backgroundColor: 'error'
-          })
-        }
-        const { url = '', name = '' } = data
-        const response = await fetch(`/api/files/${encodeURIComponent(url)}`)
-        await downloadFileFromResponse(response, name)
-        setFinished(true)
-        return sendNotification({
-          description: message ?? 'Reporte descargado exitosamente',
-          title: 'Reporte descargado',
-          backgroundColor: 'success'
-        })
-      } catch (e) {
-        setFinished(false)
-      }
-    },
-    onError: () => {
-      setFinished(true)
-    }
-  })
-
-  /**
-   * Triggers the report download process.
-   * @param {number} day - The report day number to fetch.
-   */
-  const downloadReport = (day: number) => {
-    setFinished(false)
-    if (!day || typeof day !== 'number') {
-      console.warn('Invalid day for report download')
-      return
-    }
-    fetchReport({ variables: { day } })
-  }
-
-  return [downloadReport, { loading, error, finished }] as const
-}