npm-pkg-hook 1.12.4 → 1.12.8

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

@@ -1,3 +1,7 @@
+/**
+ *
+ * @param data
+ */
 export function useScheduleData (data) {
   const days = {
     1: 'Lunes',
@@ -20,7 +24,7 @@ export function useScheduleData (data) {
   ]
 
   const combinedArray = daysArray.map((dayObj) => {
-    const originalObj = data?.find((item) => item.schDay === dayObj.day)
+    const originalObj = data?.find((item) => {return item.schDay === dayObj.day})
     return originalObj || { ...dayObj }
   })
 
@@ -39,13 +43,18 @@ export function useScheduleData (data) {
   }
 
   /**
-     * Calcula la duración en horas entre dos horas de inicio y final.
-     * @param {string} startTime - Hora de inicio en formato 'HH:mm'.
-     * @param {string} endTime - Hora de fin en formato 'HH:mm'.
-     * @returns {number|string} Duración en horas con dos decimales.
-     */
+   * Calcula la duración en horas entre dos horas de inicio y final.
+   * @param {string} startTime - Hora de inicio en formato 'HH:mm'.
+   * @param {string} endTime - Hora de fin en formato 'HH:mm'.
+   * @returns {number|string} Duración en horas con dos decimales.
+   */
 
   // Función para calcular la duración en horas de un horario
+  /**
+   *
+   * @param startTime
+   * @param endTime
+   */
   function calculateDurationInHours (startTime, endTime) {
     const startHour = new Date(`2000-01-01T${startTime}`)
     const endHour = new Date(`2000-01-01T${endTime}`)
@@ -57,8 +66,8 @@ export function useScheduleData (data) {
   const columnIndex = 0
   const lastDay = -1
   const uniqueHoursSet = new Set([
-    ...combinedArray.map((item) => item.schHoSta),
-    ...combinedArray.map((item) => item.schHoEnd)
+    ...combinedArray.map((item) => {return item.schHoSta}),
+    ...combinedArray.map((item) => {return item.schHoEnd})
   ])
 
   const uniqueHours = []
@@ -88,7 +97,7 @@ export function useScheduleData (data) {
   }
 
   const dayWidth = 120
-  const daysWithHours = Array.from(new Set(combinedArray.map((item) => (item.schDay !== undefined ? item.schDay : item.day))))
+  const daysWithHours = Array.from(new Set(combinedArray.map((item) => {return (item.schDay !== undefined ? item.schDay : item.day)})))
   const totalDays = daysWithHours.length
   const totalWidth = totalDays * dayWidth
 
@@ -101,6 +110,9 @@ export function useScheduleData (data) {
 
   const formattedHours = sortedUniqueHours
 
+  /**
+   *
+   */
   function calculateTimeLinesHeight () {
     const totalHours = uniqueHours.length
     return totalHours * 60 // Cada hora ocupa 60 píxeles de altura

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

@@ -1,6 +1,8 @@
-import { useMutation, useApolloClient } from '@apollo/client'
+import { useMutation, useApolloClient } from '@apollo/client'
+
+import { GET_ONE_PRODUCTS_FOOD } from '../useProductsFood/queriesStore'
+
 import { UPDATE_IMAGE_PRODUCT_FOOD } from './queries'
-import { GET_ONE_PRODUCTS_FOOD } from '../useProductsFood/queriesStore'
 
 /**
  * Hook to update product image and sync Apollo cache.

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

@@ -1,13 +1,15 @@
 import { useEffect, useState } from 'react'
+
+import { days as NameDays } from '../../utils'
+import { convertToMilitaryTime } from '../convertToMilitaryTime'
+import { useSchedules, useCreateSchedules } from '../useSchedule'
+import { GET_ONE_SCHEDULE_STORE, GET_SCHEDULE_STORE } from '../useSchedule/queries'
+
 import {
   dateEnum,
   initialDays,
   timeSuggestions
 } from './helpers'
-import { useCreateSchedules, useSchedules } from '../useSchedule'
-import { days as NameDays } from '../../utils'
-import { convertToMilitaryTime } from '../convertToMilitaryTime'
-import { GET_ONE_SCHEDULE_STORE, GET_SCHEDULE_STORE } from '../useSchedule/queries'
 export * from './helpers/index'
 
 export const useSetupSchedule = ({
@@ -18,24 +20,24 @@ export const useSetupSchedule = ({
   const [days, setDays] = useState(initialDays === null ? [] : initialDays)
   const [alertModal, setAlertModal] = useState(false)
   const [selectedDay, setSelectedDay] = useState({})
-  const [setStoreSchedule, { loading }] = useCreateSchedules()
+  const [setStoreSchedule] = useCreateSchedules()
 
-  const onCompleted = (data) => {
+  const onCompleted = (data: any) => {
     if (Array.isArray(data) && data?.length > 0) {
       // Mapeamos los datos recibidos y los convertimos en un objeto con la estructura deseada
-      const newSchedules = data.map((day) => ({
+      const newSchedules = data.map((day) => {return {
         day: day.schDay,
         name: NameDays[day.schDay],
         selected: day.schHoEnd !== '00:00' || day.schHoSta !== '00:00',
         ...day
-      }))
+      }})
 
       // Actualizamos el estado days
       setDays(prevDays => {
         // Creamos un nuevo array combinando los elementos existentes en days con los nuevos datos
         const updatedDays = prevDays?.map(existingDay => {
           // Buscamos si hay un elemento con el mismo día en los nuevos datos
-          const newData = newSchedules.find(newDay => newDay.day === existingDay.day)
+          const newData = newSchedules.find(newDay => {return newDay.day === existingDay.day})
           // Si encontramos el día en los nuevos datos, lo fusionamos con el día existente
           if (newData) {
             return { ...existingDay, ...newData }
@@ -46,7 +48,7 @@ export const useSetupSchedule = ({
 
         // Ahora, buscamos los nuevos días que no están en days y los agregamos al array
         newSchedules.forEach(newDay => {
-          if (!updatedDays.some(existingDay => existingDay.day === newDay.day)) {
+          if (!updatedDays.some(existingDay => {return existingDay.day === newDay.day})) {
             updatedDays.push(newDay)
           }
         })
@@ -68,7 +70,7 @@ export const useSetupSchedule = ({
   const duplicateDay = (index) => {
     const selectedDay = days[index]
     // Lógica para desplegar el modal y seleccionar los días donde se replicará
-    const selectedDaysToDuplicate = days.filter((day) => day.checked)
+    const selectedDaysToDuplicate = days.filter((day) => {return day.checked})
     const updatedDays = [...days]
     selectedDaysToDuplicate.forEach((dayToDuplicate) => {
       const duplicatedDay = { ...selectedDay, checked: false }
@@ -88,15 +90,20 @@ export const useSetupSchedule = ({
     const updatedDays = days?.map((d) => {
       if (d.day === day) {
         return { ...d, selected: !d.selected }
-      } else {
-        return { ...d }
-      }
+      } 
+      return { ...d }
+      
     })
     setDays(updatedDays)
   }
-  const selectedDays = days?.filter((day) => Boolean(day.selected)).map((day) => {
+  const selectedDays = days?.filter((day) => {return Boolean(day.selected)}).map((day) => {
     return day.day
   })
+  /**
+   *
+   * @param hora1
+   * @param hora2
+   */
   function sumHours (hora1, hora2) {
     const [hora1Horas, hora1Minutos] = hora1.split(':').map(Number)
     const [hora2Horas, hora2Minutos] = hora2.split(':').map(Number)
@@ -116,6 +123,11 @@ export const useSetupSchedule = ({
     const horaSumada = `${String(sumaHour).padStart(2, '0')}:${String(sumMinutes).padStart(2, '0')}`
     return horaSumada
   }
+  /**
+   *
+   * @param hora1
+   * @param hora2
+   */
   function isLessThanOneHour (hora1, hora2) {
     const suma = sumHours(hora1, hora2)
     const [sumaHour, sumMinutes] = suma.split(':').map(Number)
@@ -131,9 +143,9 @@ export const useSetupSchedule = ({
       const updatedDays = prevDays?.map((d) => {
         if (d.day === day) {
           return { ...d, [name]: time, loading: Boolean(name === dateEnum.schHoEnd) }
-        } else {
-          return { ...d }
-        }
+        } 
+        return { ...d }
+        
       })
 
       if (name === dateEnum.schHoEnd) {
@@ -145,7 +157,7 @@ export const useSetupSchedule = ({
         const startHour = convertToMilitaryTime(schHoSta)
         const endHour = convertToMilitaryTime(schHoEnd)
         if (isLessThanOneHour(startHour, endHour)) {
-          // eslint-disable-next-line consistent-return
+           
           sendNotification({
             description: 'Error, el horario debe ser mayor a una hora',
             title: 'Error',
@@ -154,7 +166,7 @@ export const useSetupSchedule = ({
         }
         // Comparar solo las horas y minutos
         if (startHour === endHour) {
-          // eslint-disable-next-line consistent-return
+           
           sendNotification({
             description: 'Error, la hora de salida no debe ser igual a la hora final',
             title: 'Error',
@@ -162,7 +174,7 @@ export const useSetupSchedule = ({
           })
         }
         if (startHour > endHour) {
-          // eslint-disable-next-line consistent-return
+           
           sendNotification({
             description: 'Error, la hora de salida debe ser mayor que la de entrada',
             title: 'Error',
@@ -197,9 +209,9 @@ export const useSetupSchedule = ({
         const newUpdatedDays = updatedDays.map((d) => {
           if (d.day === day) {
             return { ...d, loading: false }
-          } else {
-            return { ...d }
-          }
+          } 
+          return { ...d }
+          
         })
         // Devolver el nuevo estado actualizado
         return newUpdatedDays
@@ -243,9 +255,9 @@ export const useSetupSchedule = ({
             [dateEnum.schHoSta]: dateEnum?.schHoSta,
             selected: false
           }
-        } else {
-          return { ...d }
-        }
+        } 
+        return { ...d }
+        
       })
       return updatedDays
     })
@@ -266,7 +278,7 @@ export const useSetupSchedule = ({
     selectedDays,
     selectedDay,
     alertModal,
-    loading: lsc || loading,
+    loading: lsc,
     times: timeSuggestions
   }
 }

package/src/hooks/useStatusOpenStore/helpers/{index.js → index.ts}

@@ -12,10 +12,17 @@ export const getDayFromOpeningKey = (key) => {
 }
 
 // Función para convertir el objeto de tiempo en una cadena de tiempo
+/**
+ *
+ * @param timeStr
+ */
 export function getTimeString (timeStr) {
   return timeStr || '00:00' // Return '00:00' for empty time strings
 }
 
+/**
+ *
+ */
 export function getCurrentDayAndTime () {
   try {
     const date = new Date()
@@ -29,18 +36,26 @@ export function getCurrentDayAndTime () {
   }
 }
 
+/**
+ *
+ * @param timeStr
+ */
 export function getTimeObject (timeStr) {
   try {
     if (!timeStr || !/\d{2}:\d{2}/.test(timeStr)) {
       return { hours: 0, minutes: 0 } // Return default values for invalid input
     }
-    const [hours, minutes] = timeStr.split(':').map(str => parseInt(str))
+    const [hours, minutes] = timeStr.split(':').map(str => {return parseInt(str)})
     return { hours, minutes }
   } catch (e) {
     return { hours: 0, minutes: 0 } // Return default values on error
   }
 }
 
+/**
+ *
+ * @param openings
+ */
 export function sortOpeningsByDay (openings) {
   const days = [
     'openingSun',
@@ -61,6 +76,10 @@ export function sortOpeningsByDay (openings) {
 }
 
 // Función para obtener la clave de openings a partir del día de la semana
+/**
+ *
+ * @param day
+ */
 export function getOpeningKeyFromDay (day) {
   const days = {
     0: 'openingSun',
@@ -84,6 +103,10 @@ export const weekDays = [
   'Sábado'
 ]
 
+/**
+ *
+ * @param text
+ */
 export function timeToInt (text) {
   const hour = parseInt(text.substring(0, 2))
   const minute = parseInt(text.substring(3))

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

@@ -1,4 +1,7 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
+
+import { useFormatDate } from '../useFormatDate'
+
 import {
   getDayFromOpeningKey,
   getCurrentDayAndTime,
@@ -10,8 +13,6 @@ import {
   days,
   getTimeObject
 } from './helpers'
-import { useFormatDate } from '../useFormatDate'
-import { convertToMilitaryTime } from '../convertToMilitaryTime'
 
 export const useStatusOpenStore = ({ dataSchedules = [] } = {}) => {
   const [open, setOpen] = useState('')
@@ -25,6 +26,11 @@ export const useStatusOpenStore = ({ dataSchedules = [] } = {}) => {
     setOpenNow(open)
   }
 
+  /**
+   *
+   * @param dataSchedules
+   * @param currentDayOfWeek
+   */
   function getNextDaySchedule (dataSchedules, currentDayOfWeek) {
     const today = new Date()
     const tomorrow = new Date(today)
@@ -32,16 +38,22 @@ export const useStatusOpenStore = ({ dataSchedules = [] } = {}) => {
     const dayOfWeekTomorrow = tomorrow.getDay()
 
     const findNextDay = dataSchedules?.length
-      ? dataSchedules?.some((schedule) => schedule?.schDay === dayOfWeekTomorrow)
+      ? dataSchedules?.some((schedule) => {return schedule?.schDay === dayOfWeekTomorrow})
       : false
 
     const findDataNextDay = dataSchedules?.length
-      ? dataSchedules?.find((schedule) => schedule?.schDay === dayOfWeekTomorrow)
+      ? dataSchedules?.find((schedule) => {return schedule?.schDay === dayOfWeekTomorrow})
       : {}
 
     return { findNextDay, findDataNextDay, dayOfWeekTomorrow }
   }
 
+  /**
+   *
+   * @param openings
+   * @param currentTime
+   * @param currentDayOfWeek
+   */
   function getOpeningStatus (openings, currentTime, currentDayOfWeek) {
     const weekDayLookup = [
       'Sunday',
@@ -59,10 +71,10 @@ export const useStatusOpenStore = ({ dataSchedules = [] } = {}) => {
     for (let i = 0; i < 7; i++) {
       const dayName = weekDayLookup[dayOfWeek % 7]
       const opening = openings && openings['opening' + dayName.substring(0, 3)]
-      const timeSpans = opening?.split(';').map((item) => item.trim())
+      const timeSpans = opening?.split(';').map((item) => {return item.trim()})
 
       for (const span of timeSpans) {
-        const hours = span.split('-').map((item) => item.trim())
+        const hours = span.split('-').map((item) => {return item.trim()})
         const openTime = timeToInt(hours[0])
         const closeTime = timeToInt(hours[1])
 
@@ -99,16 +111,16 @@ export const useStatusOpenStore = ({ dataSchedules = [] } = {}) => {
         if (findNextDay && findDataNextDay?.schHoSta) {
           const nameOfDayTomorrow = weekDays[dayOfWeekTomorrow]
           return handleMessageHour(
-                `Cerrado abre Mañana ${nameOfDayTomorrow} ${!!findDataNextDay?.schHoSta && 'a las'} ${
-                  handleHourPmAM(findDataNextDay?.schHoSta) ?? ''
-                }`,
-                false
+            `Cerrado abre Mañana ${nameOfDayTomorrow} ${Boolean(findDataNextDay?.schHoSta) && 'a las'} ${
+              handleHourPmAM(findDataNextDay?.schHoSta) ?? ''
+            }`,
+            false
           )
         }
 
         const nextDayName = weekDayLookup[(dayOfWeek + 1) % 7]
         const nextOpening = openings?.['opening' + nextDayName.substring(0, 3)]
-        const nextHours = nextOpening?.split(';')?.map((item) => item?.trim())
+        const nextHours = nextOpening?.split(';')?.map((item) => {return item?.trim()})
 
         if (nextHours[0] !== ceroHours) {
           return handleMessageHour(
@@ -124,6 +136,10 @@ export const useStatusOpenStore = ({ dataSchedules = [] } = {}) => {
     return handleMessageHour('Cerrado', false)
   }
 
+  /**
+   *
+   * @param openings
+   */
   function getIsOpening (openings) {
     const { currentTime, currentDayOfWeek } = getCurrentDayAndTime()
     return getOpeningStatus(openings, currentTime, currentDayOfWeek)
@@ -154,10 +170,10 @@ export const useStatusOpenStore = ({ dataSchedules = [] } = {}) => {
       const sortedOpenings = sortOpeningsByDay(openings)
 
       // Crear el array completo con objetos de tiempo
-      // eslint-disable-next-line no-unused-vars
+       
       const fullArray = Object.keys(sortedOpenings).map((key) => {
         const day = getDayFromOpeningKey(key)
-        const [schHoSta, schHoEnd] = openings[key].split(' - ').map(timeStr => getTimeObject(timeStr))
+        const [schHoSta, schHoEnd] = openings[key].split(' - ').map(timeStr => {return getTimeObject(timeStr)})
         return {
           __typename: 'StoreSchedule',
           schId: '',

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

@@ -1,6 +1,7 @@
-import { useQuery } from '@apollo/client'
-import { GET_ALL_PEDIDOS_STATUS } from './queries'
+import { useQuery } from '@apollo/client'
+
 import { filterOrders } from './helpers'
+import { GET_ALL_PEDIDOS_STATUS } from './queries'
 
 export const useStatusOrdersClient = () => {
   const { data, loading, error } = useQuery(GET_ALL_PEDIDOS_STATUS, {

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

@@ -6,7 +6,7 @@ export const GET_ALL_PEDIDOS_STATUS = gql`
       pdpId
       idStore
       pCodeRef
-      payMethodPState
+      payId
       pPRecoger
       totalProductsPrice
       pSState
@@ -48,7 +48,7 @@ export const GET_ALL_PEDIDOS_STATUS = gql`
         ShoppingCard
         pCodeRef
         pPStateP
-        payMethodPState
+        payId
         pPRecoger
         pDatCre
         pDatMod

package/src/hooks/useStock/index.ts

@@ -0,0 +1 @@
+export { useStockUpdatedAllSubscription } from './useStockUpdatedAllSubscription'

package/src/hooks/useStock/useStockUpdatedAllSubscription.ts

@@ -0,0 +1,40 @@
+
+import { useSubscription, gql } from '@apollo/client'
+
+const NEW_STORE_ORDER_SUBSCRIPTION = gql`
+ subscription StockUpdatedAll($idStore: String) {
+    StockUpdatedAll(idStore: $idStore) {
+      pId
+      newStock
+      previousStock
+      event
+      meta
+    }
+  } 
+`
+
+interface StockUpdatedAllData {
+    StockUpdatedAll: {
+        pId: string
+        newStock: number
+        previousStock: number
+        event: string
+        meta: any
+    }
+}
+
+export const useStockUpdatedAllSubscription = (
+  idStore: string,
+  onStockUpdated: (data: StockUpdatedAllData['StockUpdatedAll']) => void
+) => {
+  return useSubscription<StockUpdatedAllData>(NEW_STORE_ORDER_SUBSCRIPTION, {
+    variables: { idStore },
+    skip: !idStore,
+    onSubscriptionData: ({ subscriptionData }) => {
+      const data = subscriptionData.data?.StockUpdatedAll
+      if (!data) return
+      onStockUpdated(data)
+    }
+  })
+}
+

package/src/hooks/useStockMovements/helpers/{index.js → index.ts}

@@ -7,7 +7,7 @@ export const fillMissingDates = (data, days = 7) => {
     date.setDate(today.getDate() - i)
 
     const formattedDate = date.toISOString().split('T')[0] // "YYYY-MM-DD"
-    const existingData = data.find(item => item.date === formattedDate)
+    const existingData = data.find(item => {return item.date === formattedDate})
 
     filledData.push(existingData || { date: formattedDate, TotalIn: 0, TotalOut: 0, TotalAdjustment: 0 })
   }

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

@@ -1,5 +1,6 @@
-import { useState, useEffect } from 'react'
 import { useQuery, gql } from '@apollo/client'
+import { useState, useEffect } from 'react'
+
 import { fillMissingDates } from './helpers'
 
 const GET_STOCK_MOVEMENTS = gql`
@@ -24,12 +25,12 @@ export const useStockMovements = () => {
   useEffect(() => {
     if (data && data.getStockMovementsByDay) {
       // Transform data to be compatible with Recharts
-      const formattedData = data.getStockMovementsByDay.map(entry => ({
+      const formattedData = data.getStockMovementsByDay.map(entry => {return {
         date: entry.date,
         TotalIn: entry.total_in ?? 0,
         TotalOut: entry.total_out ?? 0,
         TotalAdjustment: entry.total_adjustment ?? 0
-      }))
+      }})
       setChartData(formattedData)
     }
   }, [data])

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

@@ -1,8 +1,11 @@
-import { useState, useEffect } from 'react'
 import { useApolloClient, useQuery } from '@apollo/client'
-import { GET_ONE_STORE, GET_ONE_STORE_BY_ID } from './queries' // Reemplaza con la importación correcta de tu consulta
+import { useState, useEffect } from 'react'
+
+
 import { errorHandler } from '../../config/client'
-import { useLogout } from '../useLogout'
+import { useLogout } from '../useLogout'
+
+import { GET_ONE_STORE, GET_ONE_STORE_BY_ID } from './queries' // Reemplaza con la importación correcta de tu consulta
 
 export const useStore = ({
   isClient = false,
@@ -31,7 +34,7 @@ export const useStore = ({
     callback(store)
   }, [cachedData, store])
 
-  if (isClient && !!idStore) {
+  if (isClient && Boolean(idStore)) {
     const {
       data,
       refetch,
@@ -51,30 +54,30 @@ export const useStore = ({
       loading: loadingClient,
       error: errorStoreClient
     }]
-  } else {
-    const { loading: loadingServer } = useQuery(GET_ONE_STORE, {
-      skip: isClient && !idStore,
-      variables: {
-        idStore
-      },
-      fetchPolicy: 'cache-first',
-      onCompleted: (data) => {
-        const { getStore } = data || {}
-        setStore(getStore)
-        setLoading(false)
-      },
-      onError: (err) => {
-        if (err.networkError && err.networkError.result) {
-          const response = errorHandler(err.networkError.result)
-          if (response) {
-            onClickLogout()
-          }
+  } 
+  const { loading: loadingServer } = useQuery(GET_ONE_STORE, {
+    skip: isClient && !idStore,
+    variables: {
+      idStore
+    },
+    fetchPolicy: 'cache-first',
+    onCompleted: (data) => {
+      const { getStore } = data || {}
+      setStore(getStore)
+      setLoading(false)
+    },
+    onError: (err) => {
+      if (err.networkError && err.networkError.result) {
+        const response = errorHandler(err.networkError.result)
+        if (response) {
+          onClickLogout()
         }
-        setError(err)
-        setLoading(false)
       }
-    })
+      setError(err)
+      setLoading(false)
+    }
+  })
 
-    return [store, { loading: load || loadingServer || loading, error }]
-  }
+  return [store, { loading: load || loadingServer || loading, error }]
+  
 }

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

@@ -1,5 +1,6 @@
 import { useQuery, useMutation, useLazyQuery } from '@apollo/client'
-import { useState } from 'react'
+import { useState } from 'react'
+
 import {
   GET_ALL_CONTACTS,
   EDIT_ONE_CONTACT,
@@ -7,22 +8,27 @@ import {
   GET_ONE_CONTACT
 } from './queries'
 
+interface UseStoreContactsParams {
+  sendNotification?: (message: string, type?: 'error' | 'success') => void
+  max?: number
+  search?: string
+}
 export const useGetStoreContacts = ({
   sendNotification = () => { },
   max,
   search = ''
-} = {}) => {
-  const [clientes, setUseStoreContacts] = useState([])
+}: UseStoreContactsParams = {}) => {
+  const [clientes, setClientes] = useState<{ getAllContacts?: any[] } | undefined>(undefined)
   const { loading, error, fetchMore, called } = useQuery(GET_ALL_CONTACTS, {
     variables: {
       max,
       search
     },
     onCompleted: (data) => {
-      setUseStoreContacts(data)
+      setClientes(data)
     }
   })
-  return [clientes?.getAllContacts || [], { loading: called ? false : loading, error, fetchMore }]
+  return [clientes?.getAllContacts ?? [], { loading: called ? false : loading, error, fetchMore }]
 }
 
 export const useDeleteUseStoreContacts = ({ sendNotification = () => { } } = {}) => {

package/src/hooks/useStoreTable/{useStoreTableCreate.js → useStoreTableCreate.ts}

@@ -1,5 +1,6 @@
-import { useState } from 'react'
-import { gql, useMutation } from '@apollo/client'
+import { useMutation } from '@apollo/client'
+import { useState } from 'react'
+
 import { CREATE_TABLE_MUTATION } from './queries'
 
 /**

package/src/hooks/useStoreTable/{useStoreTables.js → useStoreTables.ts}

@@ -1,4 +1,5 @@
-import { useQuery } from '@apollo/client'
+import { useQuery } from '@apollo/client'
+
 import { STORE_TABLES_QUERY } from './queries' // Ajusta la ruta a tu archivo de queries
 
 /**