npm-pkg-hook 1.3.8 → 1.4.0

package/src/hooks/useCategoriesProduct/{queries.js → queries.ts}

@@ -9,8 +9,8 @@ query catProductsAll($search: String, $min: Int, $max: Int, $gender: [String], $
     ProDescription
     ProImage
     pState
-    pDatCre
-    pDatMod
+    createdAt
+    updatedAt
   }
 }
 `

package/src/hooks/useCategoryInStore/index.ts

@@ -0,0 +1,167 @@
+import { useMutation, useQuery, ApolloError } from '@apollo/client'
+import { useState } from 'react'
+
+import {
+  DELETE_ONE_CAT_PRODUCTS,
+  GET_ULTIMATE_CATEGORY_PRODUCTS,
+  UPDATE_CAT_IN_PRODUCT
+} from '../useProductsFood/queriesStore'
+
+import { GET_ONE_STORE_IN_CATEGORY } from './queries'
+
+/**
+ * Generic alert box handler
+ */
+interface AlertBoxPayload {
+  title?: string
+  message: string
+  color: 'error' | 'success' | 'warning' | 'info'
+}
+
+type SetAlertBox = (payload: AlertBoxPayload) => void
+
+/**
+ * Category entity
+ */
+interface Category {
+  idPc: string
+  pState: string
+  [key: string]: unknown
+}
+
+/**
+ * Hook params
+ */
+interface UseCategoryInStoreParams {
+  catStoreId?: string
+  setAlertBox?: SetAlertBox
+}
+
+/**
+ * Hook return shape
+ */
+interface UseCategoryInStoreResult {
+  categories: Category[]
+  data: Category[]
+  loading: boolean
+  error?: ApolloError
+  handlerDeleteCategoryInStore: (category?: Category) => Promise<unknown> | void
+  handleUpdateCatInProduct: (params: { data?: Array<{ pId: string }> }) => Promise<void>
+}
+
+/**
+ * Custom hook to manage categories in store
+ * @param root0
+ * @param root0.catStoreId
+ * @param root0.setAlertBox
+ */
+export const useCategoryInStore = ({
+  catStoreId,
+  setAlertBox = () => {}
+}: UseCategoryInStoreParams = {}): UseCategoryInStoreResult => {
+  const [categories, setOneCategoryInStore] = useState<Category[]>([])
+
+  const [deleteCatOfProducts] = useMutation(DELETE_ONE_CAT_PRODUCTS, {
+    onError: (e: ApolloError) => {
+      setAlertBox({
+        title: '',
+        message: e.graphQLErrors?.[0]?.message || 'Unexpected error',
+        color: 'error'
+      })
+    },
+    update: (cache) => {
+      cache.modify({
+        fields: {
+          catProductsAll (dataOld = []) {
+            return cache.writeQuery({
+              query: GET_ULTIMATE_CATEGORY_PRODUCTS,
+              data: dataOld
+            })
+          }
+        }
+      })
+    }
+  })
+
+  const [updatedCatWithProducts] = useMutation(UPDATE_CAT_IN_PRODUCT, {
+    onError: (e: ApolloError) => {
+      console.error({
+        message: e.graphQLErrors?.[0]?.message || 'Unexpected error',
+        color: 'error'
+      })
+    },
+    update: (cache) => {
+      cache.modify({
+        fields: {
+          catProductsAll (dataOld = []) {
+            return cache.writeQuery({
+              query: GET_ULTIMATE_CATEGORY_PRODUCTS,
+              data: dataOld
+            })
+          }
+        }
+      })
+    }
+  })
+
+  const { data } = useQuery(GET_ULTIMATE_CATEGORY_PRODUCTS)
+
+  const { loading, error } = useQuery(GET_ONE_STORE_IN_CATEGORY, {
+    variables: {
+      catStore: catStoreId
+    },
+    skip: !catStoreId,
+    onError: () => {
+      console.warn({ message: 'Failed loading category store', duration: 5000 })
+    },
+    onCompleted: (response) => {
+      if (response?.getOneCatStore) {
+        setOneCategoryInStore(response.getOneCatStore)
+      }
+    }
+  })
+
+  /**
+   * Delete category from products
+   * @param category
+   */
+  const handlerDeleteCategoryInStore = (category?: Category) => {
+    const { pState, idPc } = category || {}
+    if (!idPc || !pState) return
+
+    return deleteCatOfProducts({
+      variables: { idPc, pState }
+    })
+  }
+
+  /**
+   * Update category in products
+   * @param root0
+   * @param root0.data
+   */
+  const handleUpdateCatInProduct = async ({
+    data
+  }: {
+    data?: Array<{ pId: string }>
+  }): Promise<void> => {
+    if (!data?.length) return
+
+    await updatedCatWithProducts({
+      variables: {
+        input: {
+          setData: data.map(({ pId }) => {return { idProduct: pId }}),
+          idCat: ''
+        }
+      }
+    })
+  }
+
+  return {
+    categories,
+    data: data?.catProductsAll ?? [],
+    loading,
+    error,
+    handlerDeleteCategoryInStore,
+    handleUpdateCatInProduct
+  }
+}

package/src/hooks/useCategoryInStore/{queries.js → queries.ts}

@@ -7,9 +7,9 @@ getOneCatStore(catStore: $catStore){
   idUser
   cName
   cState
-  cDatCre
+  createdAt
   cPathImage
-  cDatMod
+  updatedAt
   csDescription
   getAllStore {
       idStore

package/src/hooks/useCategoryStore/{index.js → index.ts}

@@ -1,7 +1,8 @@
-import { useQuery } from '@apollo/client'
+import { useQuery } from '@apollo/client'
+
 import { GET_ALL_CAT_STORE } from './queries'
 
 export const useCategoryStore = () => {
-  const { data } = useQuery(GET_ALL_CAT_STORE)
-  return [data]
+  const { data, loading } = useQuery(GET_ALL_CAT_STORE)
+  return [data, { loading }]
 }

package/src/hooks/useCategoryStore/{queries.js → queries.ts}

@@ -8,8 +8,8 @@ getAllCatStore{
   cPathImage
   cName
   cState
-  cDatCre
-  cDatMod
+  createdAt
+  updatedAt
   csDescription
   }
 }

package/src/hooks/useChartData/{index.js → index.ts}

@@ -1,40 +1,36 @@
 import { useQuery } from '@apollo/client'
-import { useState } from 'react'
+import { useState } from 'react'
+
 import { SPANISH_MONTHS } from '../../utils/index'
 import { GET_ALL_SALES } from '../useReport/queries'
 export * from './useChartDataAllOrders'
 
 export const useChartData = ({ year }) => {
-  // Construcción del nuevo array:
   const { data, loading } = useQuery(GET_ALL_SALES)
-  const [chartType, setChartType] = useState('bar')
+  const [chartType, setChartType] = useState('line')
   const [chartTypeYear, setChartTypeYear] = useState(new Date().getFullYear())
   const [asFilter, setFilter] = useState(false)
   const [newResult, setNewResult] = useState([])
   const result = []
-  data?.getAllSalesStore?.length > 0 && data?.getAllSalesStore.reduce(function (res, value) {
-    // Creamos la posición del array para cada mes
-    const mes = new Date(value.pDatCre).getMonth()
-    const Year = new Date(value.pDatCre).getFullYear()
-    if (!res[mes]) {
-      res[mes] = { Mes: mes, Year }
-      // Inicializamos a 0 el valor de cada key
-      Object.keys(value).forEach((key) => {
-        if (key !== 'pDatCre') {
-          res[mes][key] = 0
-        }
-      })
+  const sumByMonth = {}
 
-      result.push(res[mes])
-    }
-    // Sumamos el valor de cada clave dentro de un bucle
-    Object.keys(value).forEach(function (key) {
-      if (key !== 'pDatCre') {
-        res[mes].totalProductsPrice += value.totalProductsPrice
+  data?.getAllSalesStore?.forEach(function (value) {
+    const month = new Date(value.pDatCre).getMonth()
+    const year = new Date(value.pDatCre).getFullYear()
+    const key = `${month}-${year}`
+
+    if (!sumByMonth[key]) {
+      sumByMonth[key] = {
+        Mes: month,
+        Year: year,
+        totalProductsPrice: 0
       }
-    })
-    return res
-  }, {})
+
+      result.push(sumByMonth[key])
+    }
+
+    sumByMonth[key].totalProductsPrice += value.totalProductsPrice
+  })
 
   const allMonths = Array.from({ length: 12 }, (_, i) => { return i })
   const missingMonths = allMonths.filter(month => { return !result.some(data => { return data.Mes === month }) })
@@ -62,7 +58,7 @@ export const useChartData = ({ year }) => {
     datasets: [
       {
         label: labelTitle,
-        data: asFilter ? newResult.map(data => { return data.totalProductsPrice }) : result.map(data => { return data.totalProductsPrice }),
+        data: asFilter ? newResult.map(data => { return data?.totalProductsPrice }) : result.map(data => { return data?.totalProductsPrice }),
         backgroundColor: [
           'rgba(255, 99, 132, 0.2)',
           'rgba(54, 162, 235, 0.2)',
@@ -73,13 +69,13 @@ export const useChartData = ({ year }) => {
         ],
         borderColor: chartType === 'bar'
           ? [
-              'rgba(255, 99, 132, 1)',
-              'rgba(54, 162, 235, 1)',
-              'rgba(255, 206, 86, 1)',
-              'rgba(75, 192, 192, 1)',
-              'rgba(153, 102, 255, 1)',
-              'rgba(255, 159, 64, 1)'
-            ]
+            'rgba(255, 99, 132, 1)',
+            'rgba(54, 162, 235, 1)',
+            'rgba(255, 206, 86, 1)',
+            'rgba(75, 192, 192, 1)',
+            'rgba(153, 102, 255, 1)',
+            'rgba(255, 159, 64, 1)'
+          ]
           : 'rgb(255 0 0)',
         tension: 0.6,
         fill: false,
@@ -112,7 +108,7 @@ export const useChartData = ({ year }) => {
   }
   const groupedData = {}
 
-  data && data.getAllSalesStore.forEach((item) => {
+  Boolean(data?.getAllSalesStore?.length) && data?.getAllSalesStore?.forEach((item) => {
     const year = new Date(item.pDatCre).getFullYear()
     if (!groupedData[year]) {
       groupedData[year] = []
@@ -120,7 +116,8 @@ export const useChartData = ({ year }) => {
     groupedData[year].push(item)
   })
   const years = []
-  data && data.getAllSalesStore.forEach((item) => {
+
+  Boolean(data?.getAllSalesStore?.length) && data?.getAllSalesStore?.forEach((item) => {
     const y = new Date(item.pDatCre).getFullYear()
     if (!years.includes(y)) {
       years.push(y)

package/src/hooks/useChartData/useChartData/{index.js → index.ts}

@@ -1,16 +1,17 @@
 import { useQuery } from '@apollo/client'
-import { useState } from 'react'
+import { useState } from 'react'
+
 import { SPANISH_MONTHS } from '../../../utils/index'
 import { GET_ALL_SALES } from '../../useReport/queries'
 
 // Función para calcular el total de ventas por mes
 const calculateSalesByMonth = (salesData) => {
   try {
-    const result = Array.from({ length: 12 }, (_, mes) => ({
+    const result = Array.from({ length: 12 }, (_, mes) => {return {
       Mes: mes,
       Year: new Date().getFullYear(),
       totalProductsPrice: 0
-    }))
+    }})
 
     salesData?.forEach((value) => {
       const mes = new Date(value.pDatCre).getMonth()
@@ -26,15 +27,15 @@ const calculateSalesByMonth = (salesData) => {
 // Función para llenar los meses faltantes
 const fillMissingMonths = (data) => {
   try {
-    const allMonths = Array.from({ length: 12 }, (_, i) => i)
-    const missingMonths = allMonths.filter(month => !data.some(data => data.Mes === month))
+    const allMonths = Array.from({ length: 12 }, (_, i) => {return i})
+    const missingMonths = allMonths.filter(month => {return !data.some(data => {return data.Mes === month})})
     return data.concat(
-      missingMonths.map(element => ({
+      missingMonths.map(element => {return {
         Mes: element,
         totalProductsPrice: 0,
         Year: ''
-      }))
-    ).sort((a, b) => a.Mes - b.Mes)
+      }})
+    ).sort((a, b) => {return a.Mes - b.Mes})
   } catch (error) {
     return []
   }
@@ -42,16 +43,16 @@ const fillMissingMonths = (data) => {
 // eslint-disable-next-line prefer-const
 let chartTypeYear = ''
 // Función para obtener los datos del gráfico
-const getChartData = (asFilter, newResult, result, chartType) => ({
+const getChartData = (asFilter, newResult, result, chartType) => {return {
   labels: asFilter
-    ? newResult.map(data => SPANISH_MONTHS[data.Mes])
-    : result.map(data => SPANISH_MONTHS[data.Mes]),
+    ? newResult.map(data => {return SPANISH_MONTHS[data.Mes]})
+    : result.map(data => {return SPANISH_MONTHS[data.Mes]}),
   datasets: [
     {
       label: `Ventas por meses del año ${asFilter ? chartTypeYear : ''}`,
       data: asFilter
-        ? newResult.map(data => data.totalProductsPrice)
-        : result.map(data => data.totalProductsPrice),
+        ? newResult.map(data => {return data.totalProductsPrice})
+        : result.map(data => {return data.totalProductsPrice}),
       backgroundColor: [
         'rgba(255, 99, 132, 0.2)',
         'rgba(54, 162, 235, 0.2)',
@@ -62,13 +63,13 @@ const getChartData = (asFilter, newResult, result, chartType) => ({
       ],
       borderColor: chartType === 'bar'
         ? [
-            'rgba(255, 99, 132, 1)',
-            'rgba(54, 162, 235, 1)',
-            'rgba(255, 206, 86, 1)',
-            'rgba(75, 192, 192, 1)',
-            'rgba(153, 102, 255, 1)',
-            'rgba(255, 159, 64, 1)'
-          ]
+          'rgba(255, 99, 132, 1)',
+          'rgba(54, 162, 235, 1)',
+          'rgba(255, 206, 86, 1)',
+          'rgba(75, 192, 192, 1)',
+          'rgba(153, 102, 255, 1)',
+          'rgba(255, 159, 64, 1)'
+        ]
         : 'rgb(255 0 0)',
       tension: 0.6,
       fill: false,
@@ -78,7 +79,7 @@ const getChartData = (asFilter, newResult, result, chartType) => ({
       minBarLength: 3
     }
   ]
-})
+}}
 
 // Función para agrupar los datos por año
 const groupSalesByYear = (salesData = []) => {
@@ -107,7 +108,7 @@ const getUniqueYears = (salesData = []) => {
         years.push(y)
       }
     })
-    return years.sort((a, b) => b - a)
+    return years.sort((a, b) => {return b - a})
   } catch (error) {
     return []
   }
@@ -126,7 +127,7 @@ export const useChartData = ({ year }) => {
 
   const dataChart = getChartData(asFilter, newResult, filledResult, chartType)
 
-  // eslint-disable-next-line no-unused-vars
+   
   const groupedData = groupSalesByYear(data?.getAllSalesStore)
   const years = getUniqueYears(data?.getAllSalesStore)
 
@@ -136,17 +137,17 @@ export const useChartData = ({ year }) => {
     setChartTypeYear(currentYear || '')
 
     if (filledResult?.length > 0) {
-      const filterToYear = filledResult.filter((elem) => elem?.Year === currentYear)
-      // eslint-disable-next-line no-undef
-      const missingNewMonths = allMonths?.filter(month => !filterToYear.some(data => data.Mes === month))
+      const filterToYear = filledResult.filter((elem) => {return elem?.Year === currentYear})
+       
+      const missingNewMonths = allMonths?.filter(month => {return !filterToYear.some(data => {return data.Mes === month})})
 
       const newFilteredResult = filterToYear.concat(
-        missingNewMonths.map(element => ({
+        missingNewMonths.map(element => {return {
           Mes: element,
           totalProductsPrice: 0,
           Year: ''
-        }))
-      ).sort((a, b) => a.Mes - b.Mes)
+        }})
+      ).sort((a, b) => {return a.Mes - b.Mes})
 
       setNewResult(newFilteredResult)
       return newFilteredResult
@@ -158,7 +159,7 @@ export const useChartData = ({ year }) => {
     setChartTypeYear(new Date().getFullYear())
   }
 
-  const sortYear = () => years.sort((a, b) => b - a)
+  const sortYear = () => {return years.sort((a, b) => {return b - a})}
   const labelTitle = `Ventas por meses del año ${asFilter ? chartTypeYear : ''}`
   const organiceYears = sortYear()
   const options = {

package/src/hooks/useChartData/useChartDataAllOrders/{index.js → index.ts}

@@ -1,4 +1,4 @@
-import { useGetAllSales } from '../../useSales/useGetAllSales'
+import { useGetAllSales } from '../../useGetAllSales'
 
 export const useChartDataAllOrders = ({
   onScreen = false
@@ -9,11 +9,11 @@ export const useChartDataAllOrders = ({
 
   // Objeto para mapear los códigos de estado a sus nombres
   const statusMap = {
-    1: 'ACEPTA',
+    1: 'ACCEPT',
     2: 'PROCESSING',
     3: 'READY',
     4: 'CONCLUDES',
-    5: 'RECHAZADOS'
+    5: 'REJECTED'
   }
 
   // Objeto para almacenar los totales por estado
@@ -77,7 +77,7 @@ export const useChartDataAllOrders = ({
       callbacks: {
         label: (tooltipItem, data) => {
           const dataset = data?.datasets[tooltipItem.datasetIndex]
-          const total = dataset?.data?.reduce((previousValue, currentValue) => previousValue + currentValue)
+          const total = dataset?.data?.reduce((previousValue, currentValue) => {return previousValue + currentValue})
           const currentValue = dataset?.data[tooltipItem?.index]
           const percentage = ((currentValue / total) * 100).toFixed(2)
           return `${data?.labels[tooltipItem?.index]}: ${currentValue} (${percentage}%)`

package/src/hooks/useChatRoomSubscription/index.ts

@@ -0,0 +1,28 @@
+import { useSubscription, gql } from '@apollo/client'
+
+const NEW_CHAT_ROOM_MESSAGE_SUBSCRIPTION = gql`
+  subscription NewChatRoomMessage($codeRoom: String!) {
+    newChatRoomMessage(codeRoom: $codeRoom) {
+      uuid
+      content
+      aDatCre
+      from
+      to
+    }
+  }
+`
+
+export const chatRoomSubscription = (codeRoom, onMessageReceived) => {
+  const subscription = useSubscription(NEW_CHAT_ROOM_MESSAGE_SUBSCRIPTION, {
+    variables: { codeRoom },
+    onSubscriptionData: ({ client, subscriptionData }) => {
+      if (subscriptionData.data && subscriptionData.data.newChatRoomMessage) {
+        // Llama a la función proporcionada cuando se recibe un nuevo mensaje
+        onMessageReceived(subscriptionData.data.newChatRoomMessage)
+      }
+    }
+  })
+
+  // Puedes ajustar lo que devuelve el hook según tus necesidades
+  return subscription
+}

package/src/hooks/useCheckbox/{index.js → index.ts}

@@ -15,7 +15,7 @@ import { useCallback, useState } from 'react'
  *  - clearAll (callback)
  */
 
-export const useCheckboxState = (elem, selectedIds = [], disabledIds = [], setArray = () => { return }) => {
+export const useCheckboxState = (elem, selectedIds = [], disabledIds = [], setArray = () => { }) => {
   const numTotalItems = elem?.length
   const [checkedItems, setCheckedItems] = useState(new Set(selectedIds))
   const [disabledItems, setDisabledItems] = useState(new Set(disabledIds))

package/src/hooks/useCities/index.ts

@@ -0,0 +1,14 @@
+import { useLazyQuery } from '@apollo/client'
+
+import { GET_ALL_CITIES } from './queries'
+
+/**
+ * Custom hook to fetch cities lazily based on the provided department ID.
+ *
+ * @returns {Array} - Returns an array containing a function to execute the query, and an object containing data and any associated query state/error.
+ */
+export function useCities () {
+  const [getCities, { data, loading, error }] = useLazyQuery(GET_ALL_CITIES)
+
+  return [getCities, { data: data ? data?.cities : [], loading, error }]
+}

package/src/hooks/useCities/queries.ts

@@ -0,0 +1,12 @@
+import { gql } from '@apollo/client'
+
+export const GET_ALL_CITIES = gql`
+    query getAllCities($dId: ID!) {
+        cities(dId: $dId) {
+            ctId
+            dId
+            cName
+            cState
+        }
+    }
+`

package/src/hooks/useClients/{index.js → index.ts}

@@ -1,4 +1,9 @@
-import { useQuery, useMutation, useLazyQuery } from '@apollo/client'
+import {
+  useQuery,
+  useMutation,
+  useLazyQuery
+} from '@apollo/client'
+
 import {
   CREATE_CLIENTS,
   DELETE_ONE_CLIENTS,
@@ -9,15 +14,36 @@ import {
 
 export const useGetClients = ({
   max,
+  order = 'DESC',
   search,
   sendNotification = () => { }
 } = {}) => {
-  const { loading, error, called, data } = useQuery(GET_ALL_CLIENTS, {
+  const {
+    loading,
+    error,
+    called,
+    data,
+    refetch
+  } = useQuery(GET_ALL_CLIENTS, {
+    onError: () => {
+      sendNotification({
+        title: 'Error',
+        description: 'Algo salió mal',
+        backgroundColor: 'error'
+      })
+    },
     variables: {
-      search
+      search,
+      max: max || 100,
+      order
     }
   })
-  return [data?.getAllClients || [], { loading: called ? false : loading, error }]
+  return [data?.getAllClients || [], {
+    loading: called ? false : loading,
+    buttonLoading: loading,
+    error,
+    refetch
+  }]
 }
 
 export const useDeleteClients = ({ sendNotification = () => { } } = {}) => {
@@ -28,11 +54,11 @@ export const useDeleteClients = ({ sendNotification = () => { } } = {}) => {
 export const useCreateClient = ({ sendNotification = () => { } } = {}) => {
   const [createClients, { loading, error }] = useMutation(CREATE_CLIENTS, {
     onError: (data) => {
-      // sendNotification({
-      //   title:  '',
-      //   description: 'Error',
-      //   backgroundColor: 'error'
-      // })
+      sendNotification({
+        title: '',
+        description: 'Error',
+        backgroundColor: 'error'
+      })
     }
   })
 
@@ -44,7 +70,7 @@ export const useEditClient = ({ sendNotification = () => { } } = {}) => {
     onCompleted: (data) => {
       if (data?.editOneClient?.success) {
         return sendNotification({
-          title: 'Exito',
+          title: 'Éxito',
           description: data?.editOneClient?.message,
           backgroundColor: 'success'
         })