npm-pkg-hook 1.10.2 → 1.10.6

package/src/hooks/useSales/index.js

@@ -153,7 +153,13 @@ export const useSales = ({
       setDataExtra([])
     }
   })
-  const [productsFood, { loading, fetchMore }] = useProductsFood({
+
+  const [productsFood, {
+    loading,
+    fetchMore,
+    pagination,
+    refetch
+  }] = useProductsFood({
     // @ts-ignore
     search: search?.length >= 4 ? search : '',
     gender: [],
@@ -164,6 +170,13 @@ export const useSales = ({
     max: showMore,
     min: 0
   })
+  const [currentPage, setCurrentPage] = useState(1)
+
+  const handlePageChange = (pageNumber) => {
+    setCurrentPage(pageNumber)
+    refetch({ page: pageNumber })
+  }
+
   const handleChangeCheck = (caId) => {
     // @ts-ignore
     setCategories((prev) => {
@@ -176,7 +189,6 @@ export const useSales = ({
       })
     })
   }
-
   const max = productsFood?.reduce(function (a, b) {
     return Math.max(a, b?.ProPrice || 0)
   }, 0)
@@ -281,7 +293,7 @@ export const useSales = ({
  * @returns {Object} - The new state with the updated product quantity and editing status.
  */
   const handleCancelUpdateQuantity = (state, payload) => {
-  // Validación de `state`
+    // Validación de `state`
     if (!state || typeof state !== 'object') {
       sendNotification({
         title: 'Error',
@@ -315,7 +327,7 @@ export const useSales = ({
     return {
       ...state,
       PRODUCT: state.PRODUCT.map((item) => {
-      // Validación de propiedades en cada item
+        // Validación de propiedades en cada item
         if (item.pId === pId) {
           if (typeof item.oldQuantity !== 'number' || typeof item.unitPrice !== 'number') {
             sendNotification({
@@ -343,28 +355,48 @@ export const useSales = ({
     (state, action) => {
       const event = action.payload
       const { value, index, id } = event || {}
-      const productExist = productsFood?.find((items) => {
-        return items.pId === id
-      })
-      const OneProduct = state?.PRODUCT.find((items) => {
-        return items.pId === id
-      })
+
+      const productExist = productsFood?.find((items) => items.pId === id)
+      const OneProduct = state?.PRODUCT.find((items) => items.pId === id)
+
+      if (!productExist) return state // Validar si el producto existe
+
+      // Validar si el stock es 0
+      if (productExist.stock === 0) {
+        sendNotification({
+          title: 'Sin stock',
+          backgroundColor: 'warning',
+          description: `El producto ${OneProduct?.pName} está agotado y no puede ser modificado.`
+        })
+        return state
+      }
+
+      // Si el valor ingresado es menor o igual a 0, eliminar el producto del carrito
       if (value <= 0) {
-        // @ts-ignore
         dispatch({ type: 'REMOVE_PRODUCT_TO_CART', payload: OneProduct })
+        return state
+      }
+
+      // Validar si se intenta superar el stock disponible
+      const finalQuantity = Math.min(value, productExist.stock)
+      if (value > productExist.stock) {
+        sendNotification({
+          title: 'Stock insuficiente',
+          backgroundColor: 'warning',
+          description: `No puedes agregar más unidades de ${OneProduct?.pName}, stock disponible: ${productExist.stock}`
+        })
       }
-      const finalQuantity = (state.PRODUCT.ProQuantity = value || 0)
-      const ARR_PRODUCT = state?.PRODUCT?.map((items, i) => {
-        return i === index
+
+      const ARR_PRODUCT = state?.PRODUCT?.map((items, i) =>
+        i === index
           ? {
               ...items,
               ProQuantity: finalQuantity,
-              ProPrice: value
-                ? value * productExist?.ProPrice
-                : productExist?.ProPrice
+              ProPrice: finalQuantity * productExist?.ProPrice
             }
           : items
-      })
+      )
+
       return {
         ...state,
         PRODUCT: ARR_PRODUCT,
@@ -373,6 +405,7 @@ export const useSales = ({
     },
     [productsFood]
   )
+
   const paymentMethod = (state, action) => {
     return {
       ...state,
@@ -380,14 +413,6 @@ export const useSales = ({
     }
   }
   const PRODUCT = (state, action) => {
-    const productExist = state.PRODUCT.find((items) => {
-      return items.pId === action.id
-    })
-    const OurProduct = productsFood?.find((items) => {
-      return items.pId === action.id
-    })
-    const isFree = productExist?.free
-
     switch (action.type) {
       case 'ADD_TO_CART':
         return addToCartFunc(state, action) // https://www.npmjs.com/package/@sourcetoad/vision-camera-plugin-barcode-scanner
@@ -436,22 +461,46 @@ export const useSales = ({
       case 'TOGGLE_EDITING_PRODUCT': {
         return handleToggleEditingStatus(state, action)
       }
-      case 'INCREMENT':
+      case 'INCREMENT': {
         return {
           ...state,
           counter: state.counter + 1,
           PRODUCT: state?.PRODUCT?.map((items) => {
-            return items.pId === action.id
-              ? {
-                  ...items,
-                  ProQuantity: items.ProQuantity + 1,
-                  ProPrice: isFree
-                    ? 0
-                    : (productExist.ProQuantity + 1) * OurProduct?.ProPrice
-                }
-              : items
+            if (items.pId === action.id) {
+              const OurProduct = productsFood?.find((item) => item.pId === action.id)
+              const isFree = items.free
+              const newQuantity = items.ProQuantity + 1
+              // Validar si el stock es 0
+              if (OurProduct?.stock === 0) {
+                sendNotification({
+                  title: 'Sin stock',
+                  backgroundColor: 'warning',
+                  description: `El producto ${items.pName} está agotado y no puede ser añadido al carrito.`
+                })
+                return items // Retornar sin modificar
+              }
+
+              // Validar si se supera el stock
+              if (newQuantity > OurProduct?.stock) {
+                sendNotification({
+                  title: 'Stock insuficiente',
+                  backgroundColor: 'warning',
+                  description: `No puedes agregar más unidades de ${items.pName}, stock disponible: ${OurProduct?.stock}`
+                })
+                return items // Retornar el producto sin modificar
+              }
+
+              return {
+                ...items,
+                ProQuantity: newQuantity,
+                ProPrice: isFree ? 0 : newQuantity * OurProduct?.ProPrice
+              }
+            }
+            return items
           })
         }
+      }
+
       case 'PUT_COMMENT':
         return commentProducts(state, action)
       case 'PUT_EXTRA_PRODUCTS_AND_OPTIONAL_PRODUCT':
@@ -704,19 +753,45 @@ export const useSales = ({
     }
   }
 
+  function isStockInsufficient (currentQuantity, stock) {
+    return currentQuantity >= stock
+  }
+
+  function sendAlertStock (stock) {
+    return sendNotification({
+      title: 'Stock insuficiente',
+      backgroundColor: 'warning',
+      description: `Solo hay ${stock} unidades disponibles en el inventario`
+    })
+  }
+
   function addToCartFunc (state, action) {
     const {
       pId,
       pName,
       getOneTags,
+      stock,
       ProDescription,
       ProImage,
       ProPrice
-    } = action.payload
+    } = action.payload ?? {}
+    if (stock === 0) {
+      sendNotification({
+        title: 'Sin stock',
+        backgroundColor: 'warning',
+        description: 'Producto sin stock disponible  en tu inventario'
+      })
+      return state
+    }
 
     const productExist = state?.PRODUCT.find((item) => item.pId === pId)
     const OurProduct = productsFood?.find((item) => item.pId === pId)
     const isFree = productExist?.free
+    const currentQuantity = productExist?.ProQuantity || 0
+    if (productExist?.manageStock && isStockInsufficient(currentQuantity, stock)) {
+      sendAlertStock(stock)
+      return state
+    }
 
     const updatedProduct = {
       pId,
@@ -724,9 +799,11 @@ export const useSales = ({
       editing: false,
       getOneTags,
       unitPrice: OurProduct?.ProPrice,
+      manageStock: OurProduct?.manageStock ?? false,
       ProDescription,
       ProImage,
       ProPrice,
+      stock,
       ProQuantity: 1
     }
 
@@ -857,7 +934,7 @@ export const useSales = ({
   const arrayProduct = data?.PRODUCT?.length > 0
     ? data?.PRODUCT?.map((product) => {
       const filteredDataExtra =
-            product?.dataExtra?.map(({ __typename, ...rest }) => rest) ?? []
+        product?.dataExtra?.map(({ __typename, ...rest }) => rest) ?? []
       const dataOptional = product?.dataOptional?.map(
         ({ __typename, ...product }) => {
           const { ExtProductFoodsSubOptionalAll, ...rest } = product
@@ -991,6 +1068,15 @@ export const useSales = ({
         pickUp: 1,
         discount: discount.discount || 0,
         totalProductsPrice: convertInteger(totalProductsPrice) || 0
+      },
+      update (cache) {
+        cache.modify({
+          fields: {
+            productFoodsAll (existingProductFoodsAll = []) {
+              return existingProductFoodsAll
+            }
+          }
+        })
       }
     })
       .then((responseRegisterR) => {
@@ -1082,9 +1168,9 @@ export const useSales = ({
         ? existOptionalCookies
           ?.map((obj) => {
             const filteredSubOptions =
-                obj.ExtProductFoodsSubOptionalAll.filter(
-                  (subObj) => subObj.check === true
-                )
+              obj.ExtProductFoodsSubOptionalAll.filter(
+                (subObj) => subObj.check === true
+              )
             // Excluya todo el objeto padre si filteredSubOptions está vacío
             if (filteredSubOptions.length === 0) {
               return null
@@ -1232,13 +1318,16 @@ export const useSales = ({
     dataOptional: dataOptional || [],
     dataExtra: dataExtra || [],
     fetchMore,
+    pagination,
     discount,
     datCat: categories,
+    currentPage,
     loadingProduct: loading,
     handleChangeCheck,
     errors,
     handleUpdateAllExtra,
     dispatch,
+    handlePageChange,
     handleComment,
     setModalItem,
     handleChangeFilter,

package/src/hooks/useSetImageProducts/index.js

@@ -0,0 +1,30 @@
+import { useMutation } from '@apollo/client'
+import { UPDATE_IMAGE_PRODUCT_FOOD } from './queries'
+
+const useSetImageProducts = () => {
+  const [setImageProducts, { data, loading, error }] = useMutation(UPDATE_IMAGE_PRODUCT_FOOD)
+
+  const updateImageProducts = async (variables) => {
+    try {
+      const response = await setImageProducts({
+        variables: {
+          input: {
+            ...variables
+          }
+        }
+      })
+      return response
+    } catch (err) {
+      console.error('Error updating image products:', err)
+      throw err
+    }
+  }
+
+  return [updateImageProducts, {
+    data,
+    loading,
+    error
+  }]
+}
+
+export default useSetImageProducts

package/src/hooks/useSetImageProducts/queries.js

@@ -0,0 +1,13 @@
+import { gql } from '@apollo/client'
+
+export const UPDATE_IMAGE_PRODUCT_FOOD = gql`
+  mutation setImageProducts($input: IFileImageProductFood) {
+    setImageProducts(input: $input) {
+      success
+      message
+      errors {
+        message
+      }
+    }
+  }
+`

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

@@ -0,0 +1,16 @@
+export const fillMissingDates = (data, days = 7) => {
+  const today = new Date()
+  const filledData = []
+
+  for (let i = days - 1; i >= 0; i--) {
+    const date = new Date()
+    date.setDate(today.getDate() - i)
+
+    const formattedDate = date.toLocaleDateString('es-ES') // "dd/mm/yyyy"
+    const existingData = data.find(item => item.date === formattedDate)
+
+    filledData.push(existingData || { date: formattedDate, TotalIn: 0, TotalOut: 0 })
+  }
+
+  return filledData
+}

package/src/hooks/useStockMovements/index.js

@@ -0,0 +1,36 @@
+import { useState, useEffect } from 'react'
+import { useQuery, gql } from '@apollo/client'
+import { fillMissingDates } from './helpers'
+
+const GET_STOCK_MOVEMENTS = gql`
+  query {
+    getStockMovementsByDay {
+      date
+      total_in
+      total_out
+    }
+  }
+`
+
+/**
+ * Custom hook to fetch stock movements data for visualization.
+ * @returns {Object} { data, loading, error }
+ */
+export const useStockMovements = () => {
+  const { data, loading, error } = useQuery(GET_STOCK_MOVEMENTS)
+  const [chartData, setChartData] = useState([])
+
+  useEffect(() => {
+    if (data && data.getStockMovementsByDay) {
+      // Transform data to be compatible with Recharts
+      const formattedData = data.getStockMovementsByDay.map(entry => ({
+        date: new Date(entry.date).toLocaleDateString(),
+        TotalIn: entry.total_in,
+        TotalOut: entry.total_out
+      }))
+      setChartData(formattedData)
+    }
+  }, [data])
+
+  return [fillMissingDates(chartData), { loading, error }]
+}

package/src/hooks/useTopProductsMovements/index.js

@@ -0,0 +1,27 @@
+import { useQuery, gql } from '@apollo/client'
+
+/**
+ * GraphQL query to fetch top-selling products movements
+ */
+const GET_TOP_PRODUCTS_MOVEMENTS = gql`
+  query {
+    getTopProductsMovements {
+      productName
+      idProduct
+      totalMovements
+    }
+  }
+`
+
+/**
+ * Custom hook to fetch and return the top-selling products movements
+ * @returns {Object} - { data, loading, error }
+ */
+export const useTopProductsMovements = () => {
+  const { data, loading, error } = useQuery(GET_TOP_PRODUCTS_MOVEMENTS)
+
+  return [data?.getTopProductsMovements, {
+    loading,
+    error
+  }]
+}

package/src/hooks/useTotalAllSales/index.js

@@ -0,0 +1,25 @@
+import { useQuery, gql } from '@apollo/client'
+
+const GET_TOTAL_SALES = gql`
+  query totalSales {
+    totalSales {
+      success
+      message
+      totalSales
+    }
+  }
+`
+
+/**
+ * Custom hook to fetch total sales from GraphQL API.
+ * @returns {Object} An object containing total sales, loading state, error, and refetch function.
+ */
+export const useTotalAllSales = () => {
+  const { data, loading, error, refetch } = useQuery(GET_TOTAL_SALES)
+
+  return [data?.totalSales?.totalSales, {
+    loading,
+    error,
+    refetch
+  }]
+}

package/src/hooks/useTotalProductsInStock/index.js

@@ -0,0 +1,23 @@
+import { useQuery, gql } from '@apollo/client'
+
+/**
+ * GraphQL query to fetch total products in stock.
+ */
+const GET_TOTAL_PRODUCTS_IN_STOCK = gql`
+  query getTotalProductsInStock {
+    getTotalProductsInStock
+  }
+`
+
+/**
+ * Custom hook to fetch total products in stock.
+ * @returns {Object} - { totalProductsInStock, loading, error }
+ */
+export const useTotalProductsInStock = () => {
+  const { data, loading, error } = useQuery(GET_TOTAL_PRODUCTS_IN_STOCK)
+
+  return [data?.getTotalProductsInStock ?? 0, {
+    loading,
+    error
+  }]
+}

package/src/hooks/useTotalProductsSold/index.js

@@ -0,0 +1,23 @@
+import { useQuery, gql } from '@apollo/client'
+
+/**
+ * GraphQL query to fetch total products sold.
+ */
+const GET_TOTAL_PRODUCTS_SOLD = gql`
+  query getTotalSalesSold {
+    getTotalSalesSold
+  }
+`
+
+/**
+ * Custom hook to fetch total products sold.
+ * @returns {Object} - { totalProductsSold, loading, error }
+ */
+export const useTotalProductsSold = () => {
+  const { data, loading, error } = useQuery(GET_TOTAL_PRODUCTS_SOLD)
+
+  return [data?.getTotalSalesSold || 0, {
+    loading,
+    error
+  }]
+}

package/src/hooks/useTotalProductsSolded/index.js

@@ -0,0 +1,20 @@
+import { useQuery, gql } from '@apollo/client'
+
+const GET_TOTAL_PRODUCTS_SOLD = gql`
+  query {
+    getTotalProductsSold
+  }
+`
+
+/**
+ * Custom hook to fetch the total number of products sold.
+ * @returns {{ totalSold: number, loading: boolean, error: any }}
+ */
+export const useTotalProductsSolded = () => {
+  const { data, loading, error } = useQuery(GET_TOTAL_PRODUCTS_SOLD)
+
+  return [data?.getTotalProductsSold, {
+    loading,
+    error
+  }]
+}

package/src/hooks/useUpdateExistingOrders/index.js

@@ -29,7 +29,7 @@ export const updateExistingOrders = (
   const updatedExistingOrders = { ...existingOrders } // Copiar el objeto existente
 
   const statusKeys = {
-    1: 'ACEPTA',
+    1: 'ACCEPT',
     2: 'PROCESSING',
     3: 'READY',
     4: 'CONCLUDES',

package/src/hooks/useUpdateMultipleProducts/index.js

@@ -11,25 +11,36 @@ export const useUpdateMultipleProducts = ({
     loading,
     error
   }] = useMutation(UPDATE_MULTIPLE_PRODUCTS)
+
   const [dataCategoriesProducts] = useCategoriesProduct()
-  const findEmptyCategory = dataCategoriesProducts?.find(category => category.pName === CATEGORY_EMPTY)
+  const findEmptyCategory = dataCategoriesProducts?.find(({ pName }) => pName === CATEGORY_EMPTY)
   const updateProducts = async (products) => {
     const newProducts = products.map(product => {
+      const {
+        PRECIO_AL_PUBLICO: ProPrice,
+        DESCRIPCION: ProDescription,
+        NOMBRE: pName,
+        pCode,
+        CANTIDAD: stock = 0,
+        'IMPUESTO (%)': vat,
+        CODIGO_DE_BARRAS: ProBarCode
+      } = product
       return {
         idStore: '',
-        ProPrice: product.PRECIO_AL_PUBLICO,
+        ProPrice,
         ProDescuento: 0,
         ValueDelivery: 0,
-        ProDescription: product.DESCRIPCION,
-        pName: product.NOMBRE,
-        pCode: product.pCode,
+        ProDescription,
+        pName,
+        pCode,
         carProId: findEmptyCategory?.carProId ?? null,
         pState: 1,
         sTateLogistic: 1,
         ProStar: 0,
-        ProImage: null,
-        vat: product['IMPUESTO (%)'],
-        ProBarCode: product.CODIGO_DE_BARRAS,
+        stock,
+        ProImage: '/images/placeholder-image.webp',
+        vat,
+        ProBarCode: String(ProBarCode) || '',
         ProHeight: null,
         ProWeight: '',
         ProOutstanding: 0,
@@ -39,6 +50,16 @@ export const useUpdateMultipleProducts = ({
     )
     try {
       const response = await updateMultipleProducts({ variables: { input: newProducts } })
+      // sendNotification
+      for (const { errors } of response.data.updateMultipleProducts) {
+        if (errors) {
+          sendNotification({
+            backgroundColor: 'error',
+            description: errors[0].message,
+            title: 'Error'
+          })
+        }
+      }
       return response.data.updateMultipleProducts
     } catch (e) {
       sendNotification({

package/src/hooks/useUpdateMultipleProducts/queries.js

@@ -48,4 +48,4 @@ export const UPDATE_MULTIPLE_PRODUCTS = gql`
       }
     }
   }
-`;
+`