npm-pkg-hook 1.7.1 → 1.7.4

package/package.json

@@ -6,7 +6,7 @@
     "js-cookie": "3.0.1",
     "lodash": "^4.17.21",
     "md5": "2.3.0",
-    "moment": "^2.29.4",
+    "moment": "^2.29.4", 
     "react": "18.1.0",
     "react-dom": "18.1.0",
     "react-query": "^3.39.2"
@@ -30,7 +30,7 @@
   },
   "license": "ISC",
   "main": "/src/index.jsx",
-  "name": "npm-pkg-hook",
+  "name": "npm-pkg-hook", 
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -44,5 +44,5 @@
     "rm": "rm -rf node_modules package-lock.json && npm i",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "version": "1.7.1"
+  "version": "1.7.4"
 }

package/src/hooks/useCatWithProduct/index.js

@@ -12,13 +12,16 @@ export const useCatWithProduct = ({
     gender,
     desc,
     speciality
-  } = searchFilter || {}
+  } = searchFilter ?? {}
   const {
     data,
     loading,
     error,
     fetchMore
   } = useQuery(GET_ALL_CATEGORIES_WITH_PRODUCT, {
+    onCompleted: (data) => {
+      console.log('data', data)
+    },
     fetchPolicy: 'network-only',
     variables:
     {
@@ -41,4 +44,4 @@ export const useCatWithProduct = ({
       totalCount
     }
   ]
-}
+}

package/src/hooks/useDeleteExtraProductFoods/index.js

@@ -0,0 +1,12 @@
+import { useMutation } from '@apollo/client'
+import { DELETE_EXTRA_PRODUCTS } from '../useDessertWithPrice/queries'
+
+export const useDeleteExtraProductFoods = () => {
+  const [deleteExtraProductFoods, { loading, error }] = useMutation(DELETE_EXTRA_PRODUCTS)
+
+  return {
+    deleteExtraProductFoods,
+    loading,
+    error
+  }
+}

package/src/hooks/useDessertWithPrice/helpers/index.js

@@ -0,0 +1,76 @@
+export const transformData = (dataExtra) => {
+  const transformedData = dataExtra?.map(item => ({
+    extraName: item.extraName || '',
+    extraPrice: item?.extraPrice?.toString() || '',
+    exState: !!item.exState,
+    forEdit: true,
+    ...item
+  }))
+
+  return transformedData
+}
+
+export const MAX_INTEGER = 2147483647
+/**
+ * Validate if a number is within a specified range.
+ * @param {number} num - The number to validate.
+ * @returns {boolean} - True if the number is within the range, false otherwise.
+ */
+export const isWithinRange = (num) => {
+  // Verificar si el número está dentro del rango permitido.
+  return num >= MAX_INTEGER
+}
+
+/**
+ * Find objects in the array where the value of 'extraPrice' exceeds the specified range.
+ * @param {array} arr - The array to search.
+ * @returns {array} - An array containing the indices and objects of the items exceeding the range.
+ */
+export const findNumbersExceedingRange = (arr) => {
+  return arr.reduce((acc, item, index) => {
+    const extraPrice = typeof item.extraPrice === 'number' ? item.extraPrice : parseFloat(item.extraPrice.replace(/\./g, ''))
+    if (isWithinRange(extraPrice)) {
+      acc.push({ index, item })
+    }
+    return acc
+  }, [])
+}
+
+export const updateErrorFieldByIndex = ({
+  setLine = (array) => {
+    return array
+  },
+  checkNumberRange = []
+} = {
+  setLine: (array) => {
+    return array
+  },
+  checkNumberRange: []
+}) => {
+  setLine(prevLineItems => {
+    // Crea una copia del estado anterior de LineItems
+    const updatedLineItems = { ...prevLineItems }
+
+    // Utiliza map para iterar sobre cada elemento en checkNumberRange
+    const updatedLines = updatedLineItems.Lines.map((line, index) => {
+      // Verifica si el índice está dentro del rango de LineItems.Lines
+      if (checkNumberRange.some(item => item.index === index)) {
+        // Crea una copia del elemento actual
+        const updatedLine = { ...line }
+
+        // Actualiza el campo 'error' del elemento a true
+        updatedLine.error = true
+        updatedLine.messageError = 'El precio no puede ser mayor a 2147483647.00'
+
+        // Devuelve el elemento actualizado
+        return updatedLine
+      }
+
+      // Si el índice no está en checkNumberRange, devuelve el elemento sin cambios
+      return line
+    })
+
+    // Actualiza el array Lines en el estado de LineItems con los elementos actualizados
+    return { ...updatedLineItems, Lines: updatedLines }
+  })
+}

package/src/hooks/useDessertWithPrice/index.js

@@ -1,12 +1,31 @@
-import { useCallback, useEffect, useMemo, useRef, useState, createRef } from 'react'
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+  createRef
+} from 'react'
 import { useUpdateMultipleExtProductFoods } from '../useUpdateMultipleExtProductFoods'
 import { useMutation } from '@apollo/client'
-import { DELETE_EXTRA_PRODUCTS, EDIT_EXTRA_PRODUCT_FOODS } from './queries'
+import { EDIT_EXTRA_PRODUCT_FOODS } from './queries'
+import { findNumbersExceedingRange, transformData, updateErrorFieldByIndex } from './helpers'
+import { useDeleteExtraProductFoods } from '../useDeleteExtraProductFoods'
 
 export const useDessertWithPrice = ({
   dataExtra = [],
-  sendNotification = () => { },
-  setAlertBox = () => { }
+  sendNotification = ({
+    title,
+    description,
+    backgroundColor
+  }) => {
+    return {
+      title,
+      description,
+      backgroundColor
+    }
+  },
+  setAlertBox = ({ message, duration = 10000, success = true }) => { return { message, duration, success } }
 } = {}) => {
   const [selected, setSelected] = useState({
     loading: false,
@@ -34,19 +53,11 @@ export const useDessertWithPrice = ({
       ]
     }
   }, [initialLine])
-  const transformedData = dataExtra?.map(item => ({
-    extraName: item.extraName || '',
-    extraPrice: item?.extraPrice?.toString() || '', // Convierte a string si es necesario
-    exState: !!item.exState,
-    forEdit: true,
-    ...item
-  }))
+  const transformedData = transformData(dataExtra)
+
   const [LineItems, setLine] = useState(
     Array.isArray(dataExtra) && dataExtra.length > 0 ? { Lines: transformedData } : initialLineItems
   )
-  useEffect(() => {
-    setLine(Array.isArray(dataExtra) && dataExtra.length > 0 ? { Lines: transformedData } : initialLineItems)
-  }, [dataExtra.length])
 
   const inputRefs = useRef(LineItems.Lines.map(() => createRef()))
 
@@ -58,7 +69,7 @@ export const useDessertWithPrice = ({
         inputRefs.current[index].current.focus()
       }
     } catch (error) {
-      console.log(error)
+      return null
     }
   }
 
@@ -66,11 +77,12 @@ export const useDessertWithPrice = ({
     // 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(initialLineItems)
+    setLine(Array.isArray(dataExtra) && dataExtra.length > 0 ? { Lines: transformedData } : initialLineItems)
   }, [initialLineItems])
 
-  const [updateMultipleExtProductFoods, { loading }] = useUpdateMultipleExtProductFoods({ handleCleanLines: () => { } })
+  const [updateMultipleExtProductFoods, { loading }] = useUpdateMultipleExtProductFoods({ handleCleanLines: () => { return } })
   /**
    * Handles the addition of two new lines to the Lines array in LineItems state.
    */
@@ -132,11 +144,16 @@ export const useDessertWithPrice = ({
 
     setLine({ ...LineItems, Lines: newLines })
   }
-  const [deleteExtraProductFoods] = useMutation(DELETE_EXTRA_PRODUCTS)
+  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) => {
-    console.log(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 })
   }
   const handleRemove = async (i, exPid) => {
@@ -148,13 +165,24 @@ export const useDessertWithPrice = ({
             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
+                    }
+                  }
+                }
+              })
             }
           })
-          const { success } = data?.data?.deleteextraproductfoods || {}
-          if (success) {
-            console.log(i, exPid)
-            return filterOneLine(i)
-          }
         }
       }
       if (!exPid) {
@@ -168,8 +196,10 @@ export const useDessertWithPrice = ({
       })
     }
   }
+  useEffect(() => {
+    setLine(Array.isArray(dataExtra) && dataExtra.length > 0 ? { Lines: transformedData } : initialLineItems)
+  }, [dataExtra.length])
 
-  // Prepares and validates data for submission.
   const prepareAndValidateData = useCallback((pId) => {
     const dataArr = LineItems?.Lines?.map(({ extraPrice, exState, extraName }) => ({
       extraPrice: parseFloat(extraPrice),
@@ -179,8 +209,8 @@ export const useDessertWithPrice = ({
     }))
 
     const message = 'Complete los campos vacíos'
-    const findInputEmpty = dataArr.find(({ extraName }) => extraName === '')
-    const findInputEmptyPrice = dataArr.find(({ extraPrice }) => isNaN(extraPrice) || extraPrice === '')
+    const findInputEmpty = dataArr?.find(({ extraName }) => extraName === '')
+    const findInputEmptyPrice = dataArr?.find(({ extraPrice }) => isNaN(extraPrice) || extraPrice === '')
 
     if (findInputEmpty || findInputEmptyPrice) {
       setAlertBox({ message })
@@ -270,6 +300,12 @@ export const useDessertWithPrice = ({
 
   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 = stringToInt(x.extraPrice)

package/src/hooks/useFormTools/index.js

@@ -9,7 +9,14 @@ import { validationSubmitHooks } from '../../utils'
  * @description Hook con herramientas de validación y eventos de cambio
  * @return {Array} devuelve la función onChange a ejecutar y el estado de error de cada input
  */
-export const useFormTools = ({ sendNotification = () => { } } = {}) => {
+export const useFormTools = ({
+  sendNotification = ({
+    title = '',
+    description = '',
+    backgroundColor = ''
+  }) => { }
+}
+= {}) => {
   const [dataForm, setDataForm] = useState({})
   const [errorForm, setErrorForm] = useState({})
   const [errorSubmit, setErrorSubmit] = useState(false)
@@ -40,7 +47,7 @@ export const useFormTools = ({ sendNotification = () => { } } = {}) => {
     event,
     msgError = '',
     msgSuccess,
-    action = () => { },
+    action = () => { return Promise.resolve() },
     actionAfterSuccess = () => { }
   }) => {
     event.preventDefault()
@@ -78,7 +85,7 @@ export const useFormTools = ({ sendNotification = () => { } } = {}) => {
       action().then(res => {
         if (res) {
           sendNotification({
-            message: msgSuccess || 'Operación exitosa',
+            message: msgSuccess ?? 'Operación exitosa',
             description: 'Operación exitosa',
             backgroundColor: 'success'
           })

package/src/hooks/useProductsFood/index.js

@@ -13,20 +13,6 @@ import {
 } from './queriesStore'
 export * from './useEditProduct'
 
-/**
- * Description
- * @param {any} categories
- * @param {any} desc
- * @param {any} fetchPolicy='network-only'
- * @param {any} fromDate
- * @param {any} gender
- * @param {any} max=50
- * @param {any} min
- * @param {any} pState
- * @param {any} search=null
- * @param {any} toDate
- * @returns {any}
- */
 export const useProductsFood = ({
   categories,
   desc,
@@ -40,7 +26,7 @@ export const useProductsFood = ({
   toDate
 }) => {
   // const [productsFood, setProductsFood] = useState([])
-  const [showMore, setShowMore] = useState(50)
+  const [showMore, setShowMore] = useState(500)
   const { data, loading, fetchMore, error, called } = useQuery(GET_ALL_PRODUCT_STORE, {
     fetchPolicy: fetchPolicy ?? 'cache-and-network',
     notifyOnNetworkStatusChange: true,
@@ -72,7 +58,13 @@ export const useProductsFood = ({
   ]
 }
 
-export const useDeleteProductsFood = ({ sendNotification = () => { } } = {}) => {
+export const useDeleteProductsFood = ({
+  sendNotification = (asrg) => { return asrg },
+  onSuccess = (asrg) => { return asrg }
+} = {
+  sendNotification: (asrg) => { return asrg },
+  onSuccess: (asrg) => { return asrg }
+}) => {
   const [updateProductFoods, { data, loading, error }] = useMutation(UPDATE_PRODUCT_FOOD)
 
   const handleDelete = async product => {
@@ -130,8 +122,9 @@ export const useDeleteProductsFood = ({ sendNotification = () => { } } = {}) =>
         })
       }
     }).then(() => {
+      onSuccess()
       return sendNotification({
-        title: 'Success',
+        title: 'Exito',
         description: 'El producto se ha eliminado correctamente',
         backgroundColor: 'success'
       })

package/src/hooks/useProductsFood/queriesStore.js

@@ -101,6 +101,8 @@ export const GET_ALL_PRODUCT_STORE = gql`
       pId
       sizeId #Talla
       colorId #Color
+      carProId #Categoria a la cual pertenece el producto
+      caId
       cId #Country
       dId #Department
       ctId #Cuidad

package/src/hooks/useSales/index.js

@@ -27,7 +27,6 @@ import {
 import { updateExistingOrders } from '../useUpdateExistingOrders'
 import { useGetSale } from './useGetSale'
 import { useCatWithProduct } from './../useCatWithProduct/index'
-import { useCheckboxState } from '../useCheckbox'
 import { useLogout } from '../useLogout'
 export * from './useGetAllSales'
 export { GET_ALL_COUNT_SALES } from './queries'
@@ -48,6 +47,7 @@ const initialState = {
 const initializer = (initialValue = initialState) => {
   return (
     JSON.parse(
+      // @ts-ignore
       Cookies.get(process.env.LOCAL_SALES_STORE) || JSON.stringify(initialState)
     ) || initialValue
   )
@@ -57,7 +57,7 @@ export const useSales = ({
   disabled = false,
   router,
   sendNotification = (arsg) => { return arsg },
-  setAlertBox = () => { return }
+  setAlertBox = (arsg) => { return arsg }
 }) => {
   const domain = getCurrentDomain()
   const [loadingSale, setLoadingSale] = useState(false)
@@ -67,16 +67,14 @@ export const useSales = ({
   const [modalItem, setModalItem] = useState(false)
   const [openCommentModal, setOpenCommentModal] = useState(false)
   const keyToSaveData = process.env.LOCAL_SALES_STORE
+  // @ts-ignore
   const saveDataState = JSON.parse(Cookies.get(keyToSaveData) || '[]')
   const [search, setSearch] = useState('')
   const [datCat] = useCatWithProduct({})
-  const {
-    checkedItems,
-    disabledItems,
-    setCheckedItems,
-    handleChangeCheck
-  } = useCheckboxState(datCat, [], [])
-  const arr = checkedItems ? Array.from(checkedItems) : []
+  const [categories, setCategories] = useState([])
+  useEffect(() => {
+    setCategories(datCat)
+  }, [datCat])
   const [totalProductPrice, setTotalProductPrice] = useState(0)
   const [showMore, setShowMore] = useState(100)
   const [inputValue, setInputValue] = useState('')
@@ -119,6 +117,7 @@ export const useSales = ({
         })
         setAlertBox({ message, type: 'success' })
         if (message === 'Token expired') {
+          // @ts-ignore
           onClickLogout()
         }
         setOpenCurrentSale(data?.registerSalesStore?.Response.success)
@@ -152,15 +151,29 @@ export const useSales = ({
     }
   })
   const [productsFood, { loading, fetchMore }] = useProductsFood({
+    // @ts-ignore
     search: search?.length >= 4 ? search : '',
     gender: [],
     desc: [],
-    categories: arr || [],
+    categories: [],
     toDate: valuesDates?.toDate,
     fromDate: valuesDates?.fromDate,
     max: showMore,
     min: 0
   })
+  const handleChangeCheck = (caId) => {
+    // @ts-ignore
+    setCategories((prev) => {
+      return prev.map((item) => {
+        // @ts-ignore
+        return item.carProId === caId
+          // @ts-ignore
+          ? { ...item, checked: !item?.checked }
+          : item
+      })
+    })
+  }
+
   const max = productsFood?.reduce(function (a, b) {
     return Math.max(a, b?.ProPrice || 0)
   }, 0)
@@ -178,6 +191,7 @@ export const useSales = ({
   }
   // HANDLESS
   // FILTER PRODUCT DATA_DB
+  // @ts-ignore
   const handlePrint = ({ callback }) => {
     if (disabled) {
       return sendNotification({
@@ -231,6 +245,7 @@ export const useSales = ({
         return items.pId === id
       })
       if (value <= 0) {
+        // @ts-ignore
         dispatch({ type: 'REMOVE_PRODUCT_TO_CART', payload: OneProduct })
       }
       const finalQuantity = (state.PRODUCT.ProQuantity = value || 0)
@@ -285,6 +300,7 @@ export const useSales = ({
         return handleChangeNumber(state, action)
       }
       case 'REMOVE_ALL_PRODUCTS':
+        // @ts-ignore
         setValues({
           comment: '',
           change: '',
@@ -355,6 +371,7 @@ export const useSales = ({
       title: 'Comentario eliminado',
       description: 'Has eliminado el comentario!'
     })
+    // @ts-ignore
     return dispatch({
       type: 'PUT_COMMENT',
       payload: pId,
@@ -362,31 +379,41 @@ export const useSales = ({
     })
   }, [])
   useEffect(() => {
+    // @ts-ignore
     Cookies.set(keyToSaveData, JSON.stringify(data), { domain, path: '/' })
   }, [data, domain])
 
   const handleAddOptional = ({ exOptional = null, codeCategory = null }) => {
     if (!exOptional || !codeCategory) return
+    // @ts-ignore
     const item = dataOptional.find((item) => item.code === codeCategory)
     if (!item) return
+    // @ts-ignore
     const idx = item.ExtProductFoodsSubOptionalAll.findIndex(
       (el) => el.opSubExPid === exOptional
     )
     if (item && idx !== -1) {
       const updatedItem = {
+        // @ts-ignore
         ...item,
         ExtProductFoodsSubOptionalAll: [
+          // @ts-ignore
           ...item.ExtProductFoodsSubOptionalAll.slice(0, idx),
           {
+            // @ts-ignore
             ...item.ExtProductFoodsSubOptionalAll[idx],
+            // @ts-ignore
             check: !item.ExtProductFoodsSubOptionalAll[idx].check
           },
+          // @ts-ignore
           ...item.ExtProductFoodsSubOptionalAll.slice(idx + 1)
         ]
       }
       const newData = dataOptional.map((el) =>
+        // @ts-ignore
         el.code === codeCategory ? updatedItem : el
       )
+      // @ts-ignore
       setDataOptional(() => [...newData])
     }
   }
@@ -414,6 +441,7 @@ export const useSales = ({
     const arr =
       dataExtra?.length > 0
         ? dataExtra?.filter((p) => {
+          // @ts-ignore
           return p.quantity !== 0
         })
         : []
@@ -448,6 +476,7 @@ export const useSales = ({
       }
       const filteredDataOptional = dataOptional
         .map((obj) => {
+          // @ts-ignore
           const filteredSubOptions = obj?.ExtProductFoodsSubOptionalAll?.filter(
             (subObj) => subObj?.check === true
           )
@@ -455,11 +484,14 @@ export const useSales = ({
           if (filteredSubOptions?.length === 0) {
             return null
           }
+          // @ts-ignore
           return { ...obj, ExtProductFoodsSubOptionalAll: filteredSubOptions }
         })
         .filter((obj) => obj !== null) // Elimine todos los objetos nulos del arreglo
+      // @ts-ignore
       const filteredDataExtra = dataExtra?.filter((p) => p?.quantity !== undefined && p?.quantity !== 0)
       if (product?.PRODUCT?.pId) {
+        // @ts-ignore
         dispatch({
           type: 'PUT_EXTRA_PRODUCTS_AND_OPTIONAL_PRODUCT',
           payload: product.PRODUCT.pId,
@@ -476,18 +508,23 @@ export const useSales = ({
     }
   }
 
+  // @ts-ignore
   function handleIncrementExtra ({ Adicionales, index }) {
     const { pId } = product?.PRODUCT || {}
     const exPid = Adicionales?.exPid || null
 
     if (exPid && pId) {
       const newExtra = dataExtra.map((producto) => {
+        // @ts-ignore
         if (exPid === producto.exPid) {
+          // @ts-ignore
           const initialQuantity = producto?.quantity ? producto?.quantity : 0
           const newQuantity = initialQuantity + 1
+          // @ts-ignore
           const newExtraPrice = producto.extraPrice * newQuantity
 
           return {
+            // @ts-ignore
             ...producto,
             quantity: newQuantity,
             newExtraPrice
@@ -496,22 +533,27 @@ export const useSales = ({
         return producto
       })
 
+      // @ts-ignore
       setDataExtra(newExtra)
     }
   }
 
+  // @ts-ignore
   function handleDecrementExtra ({ Adicionales, index }) {
     const { pId } = product?.PRODUCT || {}
     const exPid = Adicionales?.exPid || null
 
     // Comprobar que el objeto Adicionales existe en dataExtra
+    // @ts-ignore
     const extraIndex = dataExtra.findIndex((extra) => extra.exPid === exPid)
     if (extraIndex === -1) {
       return
     }
 
     if (pId && exPid && extraIndex !== -1) {
+      // @ts-ignore
       const newExtra = dataExtra.map((producto, i) => {
+        // @ts-ignore
         if (exPid === producto.exPid) {
           // Desestructura la cantidad y el precio extra del producto o establece valores predeterminados
           const { quantity = 0, extraPrice = 0 } = producto
@@ -523,6 +565,7 @@ export const useSales = ({
           const newExtraPrice = newQuantity === 0 ? extraPrice : extraPrice * newQuantity
 
           return {
+            // @ts-ignore
             ...producto,
             quantity: newQuantity,
             newExtraPrice
@@ -532,21 +575,11 @@ export const useSales = ({
       })
 
       // Actualiza el estado de dataExtra con el nuevo array
+      // @ts-ignore
       setDataExtra(newExtra)
     }
   }
-  /**
- * Agrega un producto al carrito de compras.
- * @param {Object} state - Estado actual del carrito.
- * @param {Object} action - Acción que contiene los datos del producto a agregar.
- * @param {string} action.payload.pId - ID del producto.
- * @param {string} action.payload.pName - Nombre del producto.
- * @param {string[]} action.payload.getOneTags - Etiquetas del producto.
- * @param {string} action.payload.ProDescription - Descripción del producto.
- * @param {string} action.payload.ProImage - URL de la imagen del producto.
- * @param {number} action.payload.ProPrice - Precio del producto.
- * @returns {Object} Nuevo estado del carrito con el producto agregado.
- */
+
   function addToCartFunc (state, action) {
     const {
       pId,
@@ -809,6 +842,7 @@ export const useSales = ({
       })
     }
     const decimal = parseFloat(percentage) / 100
+    // @ts-ignore
     const result = decimal * parseFloat(totalProductPrice)
     setDiscount({ price: result, discount: percentage })
 
@@ -819,6 +853,7 @@ export const useSales = ({
   const { getOnePedidoStore } = useGetSale()
 
   const handleSubmit = () => {
+    // @ts-ignore
     if (errors?.change || errors?.valueDelivery) {
       return sendNotification({
         title: 'error',
@@ -828,6 +863,7 @@ export const useSales = ({
     }
     setLoadingSale(true)
     const code = RandomCode(10)
+    // @ts-ignore
     setCode(code)
     function convertInteger (cadena) {
       if (typeof cadena === 'string') {
@@ -859,6 +895,7 @@ export const useSales = ({
             client.query({
               query: GET_ALL_COUNT_SALES,
               fetchPolicy: 'network-only',
+              // @ts-ignore
               onCompleted: (data) => {
                 client.writeQuery({ query: GET_ALL_COUNT_SALES, data: { getTodaySales: data.countSales.todaySales } })
               }
@@ -904,6 +941,11 @@ export const useSales = ({
         setLoadingSale(false)
         setErrorSale(true)
         setPrint(false)
+        sendNotification({
+          title: 'error',
+          backgroundColor: 'error',
+          description: 'Lo sentimos, ocurrió un error'
+        })
       })
       .finally(() => {
         setPrint(false)
@@ -1022,10 +1064,48 @@ export const useSales = ({
     }
   }
   const handleCleanFilter = () => {
+    // @ts-ignore
     setValues({})
     setValuesDates({ fromDate: yearMonthDay, toDate: '' })
   }
   const disabledModalItems = dataOptional?.length > 0 || dataExtra?.length > 0
+  /**
+ * Filter products by carProId.
+ * @param {Array} products - Array of products to filter.
+ * @param {Array} carProIds - Array of carProId to filter by.
+ * @returns {Array} - Filtered array of products or all products if no matches found.
+ */
+  function filterProductsByCarProId (products, carProIds) {
+    if (!Array.isArray(products)) {
+      return []
+    }
+
+    if (!Array.isArray(carProIds) || carProIds.length === 0) {
+      return products
+    }
+
+    return products.filter(product => carProIds.includes(product.carProId))
+  }
+
+  /**
+* Filter objects with checked property equal to true.
+* @param {Array} products - Array of objects.
+* @returns {Array} - Array of objects with checked property equal to true.
+*/
+  function filterChecked (products) {
+    if (!Array.isArray(products)) {
+      return []
+    }
+
+    return products.filter(product => product?.checked === true).map(product => product.carProId)
+  }
+
+  // Obtener los carProIds de productos con checked en true
+  const carProIds = filterChecked(categories)
+
+  // Filtrar los productos de productsFood por los carProIds obtenidos
+  const filteredProducts = filterProductsByCarProId(productsFood, carProIds)
+
   return {
     loading: loading || loadingSale,
     loadingExtraProduct,
@@ -1050,7 +1130,7 @@ export const useSales = ({
     search,
     values,
     initialStateSales,
-    productsFood,
+    productsFood: filteredProducts,
     modalItem,
     sumExtraProducts,
     oneProductToComment: oneProductToComment ?? null,
@@ -1059,10 +1139,8 @@ export const useSales = ({
     dataExtra: dataExtra || [],
     fetchMore,
     discount,
-    checkedItems,
-    datCat,
-    disabledItems,
-    setCheckedItems,
+    datCat: categories,
+    loadingProduct: loading,
     handleChangeCheck,
     errors,
     handleUpdateAllExtra,

package/src/hooks/useUpdateMultipleExtProductFoods/index.js

@@ -4,9 +4,13 @@ import { UPDATE_MULTI_EXTRAS_PRODUCT_FOOD } from './queries'
 /**
  * Custom hook para manejar la actualización de múltiples extras de productos alimenticios.
  * @param {Function} cleanLines - Función para limpiar líneas después de completar la mutación.
+ * @param {Function} handleCleanLines - Función.
  * @returns {Array} Retorna un array con la función de mutación y el estado de carga.
  */
-export const useUpdateMultipleExtProductFoods = ({ cleanLines = () => { } } = {}) => {
+export const useUpdateMultipleExtProductFoods = ({ cleanLines = () => { }, handleCleanLines = () => { } } = {
+  cleanLines: () => { },
+  handleCleanLines: () => { }
+}) => {
   const [updateMultipleExtProductFoods, { loading }] = useMutation(UPDATE_MULTI_EXTRAS_PRODUCT_FOOD, {
     onCompleted: () => {
       cleanLines()

package/src/index.jsx

@@ -1,4 +1,4 @@
 export * from './hooks/index'
 export * from './utils'
 export * from './cookies'
-export * from './security'
+export * from './security/index'

package/src/security/index.js

@@ -0,0 +1 @@
+export const future = null