npm-pkg-hook 1.11.3 → 1.11.7

package/src/hooks/useDessertWithPrice/index.js

@@ -6,7 +6,7 @@ import {
   useState,
   createRef
 } from 'react'
-import { useUpdateMultipleExtProductFoods } from '../useUpdateMultipleExtProductFoods'
+import { useUpdateMultipleExtProduct } from '../useUpdateMultipleExtProduct'
 import { useMutation } from '@apollo/client'
 import { EDIT_EXTRA_PRODUCT_FOODS } from './queries'
 import { findNumbersExceedingRange, transformData, updateErrorFieldByIndex } from './helpers'
@@ -82,7 +82,10 @@ export const useDessertWithPrice = ({
     setLine(Array.isArray(dataExtra) && dataExtra.length > 0 ? { Lines: transformedData } : initialLineItems)
   }, [initialLineItems])
 
-  const [updateMultipleExtProductFoods, { loading }] = useUpdateMultipleExtProductFoods({ handleCleanLines: () => { return } })
+  const [updateMultipleExtProduct, { loading }] = useUpdateMultipleExtProduct({
+    handleCleanLines: () => { },
+    sendNotification
+  })
   /**
    * Handles the addition of two new lines to the Lines array in LineItems state.
    */
@@ -151,51 +154,82 @@ export const useDessertWithPrice = ({
  * @param {number} index - Index of the line to be filtered out.
  */
   const filterOneLine = (index) => {
-  // Use optional chaining to safely access nested properties.
+    // 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) {
-        const findDataExtra = dataExtra?.find(x => { return x?.exPid === exPid })
-        if (findDataExtra) {
-          const data = await deleteExtraProductFoods({
-            variables: {
-              state: 1,
-              id: exPid
-            },
-            update: (cache) => {
-              cache.modify({
-                fields: {
-                  ExtProductFoodsAll: (dataOld = []) => {
-                    const { success } = data?.data?.deleteextraproductfoods || {}
-                    if (success && Array.isArray(dataOld)) {
-                      const transformedData = transformData(dataOld)
-                      const Lines = transformedData.filter((_, index) => { return index !== i })
-                      const newCache = dataOld.filter((_, index) => { return index !== i })
-                      setLine({ ...LineItems, Lines })
-                      return newCache
-                    }
-                  }
-                }
-              })
-            }
-          })
-        }
-      }
       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',
+        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])
@@ -219,36 +253,11 @@ export const useDessertWithPrice = ({
     return dataArr
   }, [LineItems])
 
-  /**
- * Convierte un string con números y puntos en un número entero.
- * @param {string} str - El string a convertir.
- * @returns {number} El número entero resultante.
- */
-  function stringToInt (str) {
-    try {
-      // Verifica si el string es válido
-      if (!str || typeof str !== 'string') {
-        throw new Error('Input must be a valid string.')
-      }
-
-      // Elimina los puntos y convierte a número
-      const num = parseInt(str.replace(/\./g, ''), 10)
-
-      // Verifica si el resultado es un número válido
-      if (isNaN(num)) {
-        throw new Error('The string must contain only numbers and dots.')
-      }
-
-      return num
-    } catch (_error) {
-      return 0
-    }
-  }
   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 = stringToInt(price)
+    const extraPrice = price
     const { data } = await editExtraProductFoods({
       variables: {
         exPid,
@@ -281,6 +290,7 @@ export const useDessertWithPrice = ({
       })
     }
   }
+
   function filterItemsWithValidExPid (items, pId) {
     // Primero, filtrar los elementos basados en exPid
     const filteredItems = items.filter(({ exPid }) => {
@@ -308,7 +318,7 @@ export const useDessertWithPrice = ({
 
       if (!prepareAndValidateData(pId)) return
       const dataArr = LineItems?.Lines?.map(x => {
-        const extraPrice = stringToInt(x.extraPrice)
+        const extraPrice = x.extraPrice
         const extraName = x.extraName
         return {
           extraPrice,
@@ -319,7 +329,7 @@ export const useDessertWithPrice = ({
       })
       const filteredItems = filterItemsWithValidExPid(LineItems?.Lines, pId)
 
-      return updateMultipleExtProductFoods({
+      return updateMultipleExtProduct({
         variables: {
           inputLineItems: {
             setData: filteredItems

package/src/hooks/useDessertWithPrice/queries.js

@@ -1,8 +1,8 @@
 import { gql } from '@apollo/client'
 
 export const DELETE_EXTRA_PRODUCTS = gql`
-  mutation  deleteextraproductfoods($id: ID, $state: Int){
-    deleteextraproductfoods(id: $id, state: $state){
+  mutation  deleteExtraProduct($id: ID, $state: Int){
+    deleteExtraProduct(id: $id, state: $state){
       success,
       message
   }

package/src/hooks/useDevices/queries.js

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

package/src/hooks/useDevices/useGetDevices.js

@@ -1,4 +1,3 @@
-import { useState, useEffect } from 'react'
 import { useQuery } from '@apollo/client'
 import { GET_ALL_DEVICES } from './queries'
 import { useFormatDate } from '../useFormatDate'
@@ -9,27 +8,21 @@ export const useDevices = () => {
       console.error(error)
     }
   })
-  const [deviceId, setDeviceId] = useState(false)
-  const [date, setDate] = useState('')
-
-  useEffect(() => {
-    if (window) {
-      setDeviceId(window.localStorage.getItem('deviceid'))
-    }
-  }, [])
 
   // Función para formatear la fecha
-  const formatDate = useFormatDate({ date })
+  const { formatDateInTimeZone } = useFormatDate({})
 
-  const updateDate = (newDate) => {
-    setDate(newDate)
-  }
+  const listDevices = Array.isArray(data?.getDeviceUsers)
+    ? data?.getDeviceUsers.map((device) => {
+      // const formattedDate = formatDateInTimeZone(device.createdAt)
+      return {
+        ...device
+        // createdAt: formattedDate
+      }
+    })
+    : []
   return {
-    data: data?.getDeviceUsers || [],
-    date,
-    deviceId,
-    formatDate,
-    loading,
-    updateDate
+    data: listDevices,
+    loading
   }
 }

package/src/hooks/useDevices/useRegisterDevices.js

@@ -15,12 +15,12 @@ const REGISTER_DEVICE_USER = gql`
         deviceName
         locationFormat
         type
-        short_name
+        shortName
         platform
         version
         dState
-        DatCre
-        DatMod
+        createdAt
+        dState
       }
       errors {
         path

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

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

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

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

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

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

@@ -0,0 +1,115 @@
+import { useLazyQuery } from '@apollo/client'
+import { gql } from '@apollo/client'
+import { downloadFileFromResponse } from '../helpers/downloadFileFromResponse'
+import { useState } from 'react'
+
+/**
+ * GraphQL query to get report by date range
+ */
+const GET_REPORT_BY_DATE_RANGE = gql`
+  query getReportByDateRange($startDate: DateTime!, $endDate: DateTime!) {
+    getReportBydateRange(startDate: $startDate, endDate: $endDate) {
+      success
+      message
+      errors {
+        path
+        message
+        type
+      }
+      data {
+        id
+        name
+        description
+        url
+        createdAt
+      }
+    }
+  }
+`
+
+/**
+ * Custom hook to fetch report by a date range
+ * @param {Object} options
+ * @param {Function} options.sendNotification - Function to notify user
+ * @returns {[Function, { loading: boolean, error: any, data: any }]}
+ */
+export const useGetReportByDateRange = ({
+  sendNotification = ({ description = '', title = '', backgroundColor = 'info' } = {}) => {
+    return { description, title, backgroundColor }
+  }
+} = {}) => {
+  const [loading, setLoading] = useState(false)
+  const [finished, setFinished] = useState(false)
+
+  const [getReportQuery, { data, error }] = useLazyQuery(GET_REPORT_BY_DATE_RANGE, {
+    onCompleted: () => {
+      setFinished(true)
+    }
+  })
+
+  /**
+   * Triggers the report generation and handles download
+   * @param {string} startDate - Start date in YYYY-MM-DD format
+   * @param {string} endDate - End date in YYYY-MM-DD format
+   * @returns {Promise<any>}
+   */
+  const getReport = async (startDate, endDate) => {
+    try {
+      setLoading(true)
+      const response = await getReportQuery({
+        variables: { startDate, endDate },
+        fetchPolicy: 'network-only'
+      })
+
+      const reportResult = response?.data?.getReportBydateRange ?? {
+        success: false,
+        message: 'No report data found',
+        data: null
+      }
+
+      if (!reportResult) {
+        setLoading(false)
+        return {
+          success: false,
+          message: 'No report data found',
+          data: null
+        }
+      }
+
+      const {
+        success,
+        message,
+        data
+      } = reportResult
+
+      sendNotification({
+        description: message,
+        title: success ? 'Success' : 'Error',
+        backgroundColor: success ? 'success' : 'error'
+      })
+
+      if (success && data?.url && data?.name) {
+        setLoading(true)
+        const res = await fetch(`/api/files/${encodeURIComponent(data.url)}`)
+        await downloadFileFromResponse(res, data.name)
+        setLoading(false)
+      }
+      return reportResult
+    } catch (err) {
+      setLoading(false)
+      sendNotification({
+        description: err.message || 'Unexpected error',
+        title: 'Error',
+        backgroundColor: 'error'
+      })
+      return { success: false, message: err.message, data: null }
+    }
+  }
+
+  return [getReport, {
+    loading,
+    error,
+    finished,
+    data: data?.getReportBydateRange
+  }]
+}

package/src/hooks/useEditCategory/index.js

@@ -1,4 +1,4 @@
-import { gql, useMutation } from '@apollo/client';
+import { gql, useMutation } from '@apollo/client'
 
 const EDIT_CATEGORY_PRODUCT = gql`
   mutation EditOneCategoryProduct($pName: String!, $ProDescription: String, $carProId: ID!) {
@@ -7,35 +7,35 @@ const EDIT_CATEGORY_PRODUCT = gql`
       message
     }
   }
-`;
+`
 
-export const useEditCategoryProduct = ({ sendNotification = () => { return } } = {}) => {
-  const [editCategoryProductMutation] = useMutation(EDIT_CATEGORY_PRODUCT);
+export const useEditCategoryProduct = ({ sendNotification = () => { } } = {}) => {
+  const [editCategoryProductMutation] = useMutation(EDIT_CATEGORY_PRODUCT)
 
   const editCategoryProduct = async (pName, ProDescription, carProId) => {
     try {
       const { data } = await editCategoryProductMutation({
         variables: { pName, ProDescription, carProId }
-      });
+      })
 
       if (data.editOneCategoryProduct.success) {
         return {
           success: true,
           message: 'Categoría de producto editada correctamente'
-        };
+        }
       } else {
         return {
           success: false,
           message: data.editOneCategoryProduct.message || 'Error al editar la categoría de producto'
-        };
+        }
       }
     } catch (error) {
       return {
         success: false,
         message: error.message || 'Error al editar la categoría de producto'
-      };
+      }
     }
-  };
+  }
 
   return { editCategoryProduct }
-};
+}

package/src/hooks/useFormTools/index.js

@@ -10,6 +10,7 @@ import { validationSubmitHooks } from '../../utils'
  * @return {Array} devuelve la función onChange a ejecutar y el estado de error de cada input
  */
 export const useFormTools = ({
+  initialValues = {},
   sendNotification = ({
     title = '',
     description = '',
@@ -17,7 +18,7 @@ export const useFormTools = ({
   }) => { }
 }
 = {}) => {
-  const [dataForm, setDataForm] = useState({})
+  const [dataForm, setDataForm] = useState({ ...initialValues })
   const [errorForm, setErrorForm] = useState({})
   const [errorSubmit, setErrorSubmit] = useState(false)
   const [calledSubmit, setCalledSubmit] = useState(false)