npm-pkg-hook 1.10.6 → 1.10.8

package/package.json

@@ -47,5 +47,5 @@
     "rm": "rm -rf node_modules package-lock.json && npm i",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "version": "1.10.6"
+  "version": "1.10.8"
 }

package/src/hooks/index.js

@@ -14,6 +14,7 @@ export * from './useStoreTable/index'
 export * from './useSubscriptionValidation'
 export * from './convertToMilitaryTime'
 export * from './useRoles'
+export * from './useLocalBackendIp'
 export * from './statusOpenStores'
 export * from './completeSchedules'
 export * from './useLogout/helpers/BroadcastChannel'
@@ -129,3 +130,4 @@ export * from './useTotalProductsSold'
 export * from './useTotalProductsInStock/index'
 export * from './useTotalAllSales/index'
 export * from './useTotalProductsSolded'
+export * from './useWeeklyStockMovement'

package/src/hooks/useConnection/index.js

@@ -10,13 +10,15 @@ export const useConnection = ({ setConnectionStatus }) => {
   // Attaching event handler for the load event
   //   window.addEventListener('load', updateConnectionStatus);
 
-  // Attaching event handler for the online event
-  window.addEventListener('online', function (e) {
-    updateConnectionStatus()
-  })
+  if (typeof window !== 'undefined') {
+    // Attaching event handler for the online event
+    window.addEventListener('online', function () {
+      updateConnectionStatus()
+    })
 
-  // Attaching event handler for the offline event
-  window.addEventListener('offline', function (e) {
-    updateConnectionStatus()
-  })
+    // Attaching event handler for the offline event
+    window.addEventListener('offline', function () {
+      updateConnectionStatus()
+    })
+  }
 }

package/src/hooks/useLocalBackendIp/index.js

@@ -0,0 +1,25 @@
+import { useQuery, gql } from '@apollo/client'
+
+/**
+ * GraphQL query to get the local IP of the backend server.
+ */
+const GET_LOCAL_BACKEND_IP = gql`
+  query GetLocalBackendIp {
+    getLocalBackendIp
+  }
+`
+
+/**
+ * Custom hook to fetch the local IP address of the backend server.
+ *
+ * @returns {Object} - Contains the IP string, loading state, and error.
+ */
+export const useLocalBackendIp = () => {
+  const { data, loading, error } = useQuery(GET_LOCAL_BACKEND_IP)
+
+  return {
+    ip: data?.getLocalBackendIp || null,
+    loading,
+    error
+  }
+}

package/src/hooks/useMouse/index.ts

@@ -1,14 +1,13 @@
 import { useEffect, useRef, useState } from "react";
-import type { MouseEvent } from "react";
 
-export function useMouse<T extends HTMLElement = any>(
-  options: { resetOnExit?: boolean } = { resetOnExit: false }
+export function useMouse(
+  options: { resetOnExit } = { resetOnExit: false }
 ) {
   const [position, setPosition] = useState({ x: 0, y: 0 });
 
-  const ref = useRef<T>();
+  const ref = useRef();
 
-  const setMousePosition = (event: MouseEvent<HTMLElement>) => {
+  const setMousePosition = (event) => {
     if (ref.current) {
       const rect = event.currentTarget.getBoundingClientRect();
 
@@ -36,14 +35,14 @@ export function useMouse<T extends HTMLElement = any>(
 
   useEffect(() => {
     const element = ref?.current ? ref.current : document;
-    element.addEventListener("mousemove", setMousePosition as any);
+    element.addEventListener("mousemove", setMousePosition);
     if (options.resetOnExit)
-      element.addEventListener("mouseleave", resetMousePosition as any);
+      element.addEventListener("mouseleave", resetMousePosition);
 
     return () => {
-      element.removeEventListener("mousemove", setMousePosition as any);
+      element.removeEventListener("mousemove", setMousePosition);
       if (options.resetOnExit)
-        element.removeEventListener("mouseleave", resetMousePosition as any);
+        element.removeEventListener("mouseleave", resetMousePosition);
     };
   }, [ref.current]);
 

package/src/hooks/usePWAInstall/index.js

@@ -1,38 +1,38 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react'
 
 export const usePWAInstall = () => {
-  const [deferredPrompt, setDeferredPrompt] = useState(null);
-  const [isInstallable, setIsInstallable] = useState(false);
+  const [deferredPrompt, setDeferredPrompt] = useState(null)
+  const [isInstallable, setIsInstallable] = useState(false)
 
   useEffect(() => {
     const handleBeforeInstallPrompt = (e) => {
-      e.preventDefault(); // Evita que el navegador muestre el diálogo automáticamente
-      setDeferredPrompt(e); // Almacena el evento para que puedas llamarlo más tarde
-      setIsInstallable(true); // Marca que la PWA es instalable
-    };
+      e.preventDefault() // Evita que el navegador muestre el diálogo automáticamente
+      setDeferredPrompt(e) // Almacena el evento para que puedas llamarlo más tarde
+      setIsInstallable(true) // Marca que la PWA es instalable
+    }
 
-    window.addEventListener('beforeinstallprompt', handleBeforeInstallPrompt);
+    window.addEventListener('beforeinstallprompt', handleBeforeInstallPrompt)
 
     return () => {
-      window.removeEventListener('beforeinstallprompt', handleBeforeInstallPrompt);
-    };
-  }, []);
+      window.removeEventListener('beforeinstallprompt', handleBeforeInstallPrompt)
+    }
+  }, [])
 
   const installPWA = () => {
     if (deferredPrompt) {
-      deferredPrompt.prompt();
+      deferredPrompt.prompt()
 
       deferredPrompt.userChoice.then((choiceResult) => {
         if (choiceResult.outcome === 'accepted') {
-          console.log('User accepted the install prompt');
+          console.log('User accepted the install prompt')
         } else {
-          console.log('User dismissed the install prompt');
+          console.log('User dismissed the install prompt')
         }
-        setDeferredPrompt(null); // Limpia el evento después de usarlo
-        setIsInstallable(false); // Oculta el botón de instalación
-      });
+        setDeferredPrompt(null) // Limpia el evento después de usarlo
+        setIsInstallable(false) // Oculta el botón de instalación
+      })
     }
-  };
+  }
 
-  return { isInstallable, installPWA };
-};
+  return { isInstallable, installPWA }
+}

package/src/hooks/useProductsFood/index.js

@@ -14,47 +14,63 @@ import {
 export * from './useEditProduct'
 
 export const useProductsFood = ({
-  categories,
-  desc,
+  categories = [],
+  desc = [],
   fetchPolicy = 'cache-and-network',
-  fromDate,
-  gender,
+  fromDate = null,
+  gender = [],
   max = 100,
-  min,
+  min = null,
   pState,
   search = null,
-  toDate
+  toDate = null,
+  dataSale = [],
+  isShopppingCard = false
 }) => {
   const [showMore, setShowMore] = useState(500)
-  const {
-    data,
-    loading,
-    fetchMore,
-    refetch,
-    error,
-    called
-  } = useQuery(GET_ALL_PRODUCT_STORE, {
+
+  const { data, loading, fetchMore, refetch, error, called } = useQuery(GET_ALL_PRODUCT_STORE, {
     fetchPolicy,
     notifyOnNetworkStatusChange: true,
     nextFetchPolicy: 'cache-first',
     refetchWritePolicy: 'merge',
-    variables:
-    {
-      categories: categories || [],
-      desc: desc || [],
-      fromDate: fromDate || null,
-      gender: gender || [],
-      max: max || null,
-      min: min || null,
+    variables: {
+      categories,
+      desc,
+      fromDate,
+      gender,
+      max,
+      min,
       pState,
-      search: search ?? search,
-      toDate: toDate || null
+      search,
+      toDate
     }
   })
-  const productsFood = data?.productFoodsAll.data ?? []
+
+  const productsFood = data?.productFoodsAll?.data ?? []
+
+  if (!isShopppingCard) {
+    return [
+      productsFood, {
+        pagination: data?.productFoodsAll?.pagination || {},
+        loading: called ? false : loading,
+        error,
+        showMore,
+        fetchMore,
+        refetch,
+        setShowMore
+      }
+    ]
+  }
+
+  const updatedProductsFood = productsFood.map(product => ({
+    ...product,
+    existsInSale: dataSale.some(item => item.pId === product.pId)
+  }));
+  
   return [
-    productsFood, {
-      pagination: data?.productFoodsAll.pagination || {},
+    updatedProductsFood, {
+      pagination: data?.productFoodsAll?.pagination || {},
       loading: called ? false : loading,
       error,
       showMore,

package/src/hooks/useSales/index.js

@@ -75,6 +75,7 @@ export const useSales = ({
   const [search, setSearch] = useState('')
   const [datCat] = useCatWithProduct({})
   const [categories, setCategories] = useState([])
+  const [currentPage, setCurrentPage] = useState(1)
   useEffect(() => {
     setCategories(datCat)
   }, [datCat])
@@ -102,6 +103,9 @@ export const useSales = ({
   const [valuesDates, setValuesDates] = useState(() => {
     return { fromDate: yearMonthDay, toDate: '' }
   })
+  const [product, setProduct] = useState({
+    PRODUCT: {}
+  })
   const [loadingExtraProduct, setLoadingExtraProduct] = useState(false)
   const [dataOptional, setDataOptional] = useState([])
   const [dataExtra, setDataExtra] = useState([])
@@ -134,12 +138,9 @@ export const useSales = ({
       }
     }
   )
-  const [product, setProduct] = useState({
-    PRODUCT: {}
-  })
-  const [productFoodsOne, { data: dataProduct }] = useLazyQuery(
-    GET_ONE_PRODUCTS_FOOD
-  )
+
+  const [productFoodsOne, { data: dataProduct }] = useLazyQuery(GET_ONE_PRODUCTS_FOOD)
+
   const [ExtProductFoodsSubOptionalAll, { loading: loadingExtProductFoodsSubOptionalAll }] = useLazyQuery(
     GET_EXTRAS_PRODUCT_FOOD_OPTIONAL,
     {
@@ -168,9 +169,11 @@ export const useSales = ({
     toDate: valuesDates?.toDate,
     fromDate: valuesDates?.fromDate,
     max: showMore,
-    min: 0
+    min: 0,
+    isShopppingCard: true,
+    dataSale: (Array.isArray(saveDataState?.PRODUCT) && saveDataState?.PRODUCT) ?? [],
+    callback: () => { return null }
   })
-  const [currentPage, setCurrentPage] = useState(1)
 
   const handlePageChange = (pageNumber) => {
     setCurrentPage(pageNumber)
@@ -379,7 +382,7 @@ export const useSales = ({
 
       // Validar si se intenta superar el stock disponible
       const finalQuantity = Math.min(value, productExist.stock)
-      if (value > productExist.stock) {
+      if ((value > productExist.stock) && productExist.manageStock) {
         sendNotification({
           title: 'Stock insuficiente',
           backgroundColor: 'warning',
@@ -481,7 +484,8 @@ export const useSales = ({
               }
 
               // Validar si se supera el stock
-              if (newQuantity > OurProduct?.stock) {
+              console.log(OurProduct)
+              if (newQuantity >= OurProduct?.stock && OurProduct?.manageStock) {
                 sendNotification({
                   title: 'Stock insuficiente',
                   backgroundColor: 'warning',
@@ -489,7 +493,6 @@ export const useSales = ({
                 })
                 return items // Retornar el producto sin modificar
               }
-
               return {
                 ...items,
                 ProQuantity: newQuantity,
@@ -788,7 +791,8 @@ export const useSales = ({
     const OurProduct = productsFood?.find((item) => item.pId === pId)
     const isFree = productExist?.free
     const currentQuantity = productExist?.ProQuantity || 0
-    if (productExist?.manageStock && isStockInsufficient(currentQuantity, stock)) {
+
+    if (OurProduct?.manageStock && isStockInsufficient(currentQuantity, OurProduct?.stock)) {
       sendAlertStock(stock)
       return state
     }
@@ -1286,6 +1290,16 @@ export const useSales = ({
   // Filtrar los productos de productsFood por los carProIds obtenidos
   const filteredProducts = filterProductsByCarProId(productsFood, carProIds)
 
+  const allProducts = useMemo(() => {
+    const productMap = new Map(data.PRODUCT.map(item => [String(item.pId), item.ProQuantity || 0]))
+
+    return filteredProducts.map(product => ({
+      ...product,
+      existsInSale: productMap.has(String(product.pId)),
+      ProQuantity: productMap.get(String(product.pId)) || 0
+    }))
+  }, [data.PRODUCT, filteredProducts])
+
   return {
     loading: loading || loadingSale,
     loadingExtraProduct,
@@ -1310,7 +1324,7 @@ export const useSales = ({
     search,
     values,
     initialStateSales,
-    productsFood: filteredProducts,
+    productsFood: allProducts,
     modalItem,
     sumExtraProducts,
     oneProductToComment: oneProductToComment ?? null,

package/src/hooks/useSales/useTotalSales.js

@@ -1,24 +1,23 @@
 import { useApolloClient, useQuery } from '@apollo/client'
-import { useState } from 'react'
 import { GET_ALL_COUNT_SALES } from './queries'
 
 export const useTotalSales = () => {
-  const [count, setCount] = useState(0)
   const client = useApolloClient()
 
-  const { loading, error } = useQuery(GET_ALL_COUNT_SALES, {
-    onCompleted: (data) => {
-      if (data) {
-        client.writeQuery({ query: GET_ALL_COUNT_SALES, data }) // Almacena la respuesta en la cache
-      }
-      if (data?.getTodaySales) {
-        setCount(data?.getTodaySales || 0)
-      }
-    },
+  const { data, loading, error } = useQuery(GET_ALL_COUNT_SALES, {
     fetchPolicy: 'cache-and-network',
     notifyOnNetworkStatusChange: true,
     nextFetchPolicy: 'cache-first',
     refetchWritePolicy: 'merge'
   })
-  return [count, { loading, error }]
+
+  // Guarda la respuesta en la caché manualmente (opcional)
+  if (data) {
+    client.writeQuery({ query: GET_ALL_COUNT_SALES, data })
+  }
+
+  return [data?.getTodaySales || 0, {
+    loading,
+    error
+  }]
 }

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

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

package/src/hooks/useStockMovements/index.js

@@ -6,7 +6,8 @@ const GET_STOCK_MOVEMENTS = gql`
   query {
     getStockMovementsByDay {
       date
-      total_in
+      total_in,
+      total_adjustment
       total_out
     }
   }
@@ -24,9 +25,10 @@ export const useStockMovements = () => {
     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
+        date: entry.date,
+        TotalIn: entry.total_in ?? 0,
+        TotalOut: entry.total_out ?? 0,
+        TotalAdjustment: entry.total_adjustment ?? 0
       }))
       setChartData(formattedData)
     }

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

@@ -0,0 +1,32 @@
+/**
+ * Fills missing weeks for the last 7 weeks, ensuring continuous data.
+ * If a week is missing, it fills it with totalOut: 0 and percentageChange: "N/A".
+ *
+ * @param {Array} data - Array of weekly stock movement objects.
+ * @returns {Array} - Filled data ensuring the last 7 weeks are covered.
+ */
+export const fillLast7Weeks = (data) => {
+  const today = new Date()
+  const last7Weeks = []
+
+  // Generar las últimas 7 semanas (cada lunes)
+  for (let i = 6; i >= 0; i--) {
+    const weekDate = new Date(today)
+    weekDate.setDate(today.getDate() - today.getDay() - (i * 7) + 1) // Ajustar para que sea lunes
+    const weekStart = weekDate.toISOString().split('T')[0] // Formato YYYY-MM-DD
+    last7Weeks.push(weekStart)
+  }
+
+  // Mapear los datos existentes para acceso rápido
+  const dataMap = new Map(data.map(item => [item.weekStart, item]))
+
+  // Construir la nueva lista asegurando que todas las semanas estén presentes
+  return last7Weeks.map(weekStart => (
+    dataMap.get(weekStart) || {
+      weekStart,
+      totalOut: 0,
+      prevTotalOut: null,
+      percentageChange: 'N/A'
+    }
+  ))
+}

package/src/hooks/useWeeklyStockMovement/index.js

@@ -0,0 +1,51 @@
+import { gql, useQuery } from '@apollo/client'
+import { fillLast7Weeks } from './helpers' // Asegúrate de importar el helper
+
+const GET_WEEKLY_STOCK_MOVEMENT = gql`
+  query GetStockMovementPercentageChange {
+    getStockMovementWeeklyComparison {
+      weekStart
+      totalOut
+      prevTotalOut
+      percentageChange
+    }
+  }
+`
+
+/**
+ * Custom hook to fetch and format weekly stock movement data.
+ * @returns {Object} - { data, loading, error, formattedData }
+ */
+export const useWeeklyStockMovement = () => {
+  const { data, loading, error } = useQuery(GET_WEEKLY_STOCK_MOVEMENT)
+
+  // Transform data and fill missing weeks
+  const rawData = data?.getStockMovementWeeklyComparison || []
+  const formattedData = fillLast7Weeks(
+    rawData.map(item => ({
+      ...item,
+      percentageChange: formatPercentageChange(item.percentageChange)
+    }))
+  )
+
+  return [formattedData, { loading, error }]
+}
+
+/**
+ * Ensures percentageChange is a valid string percentage, clamping between -100% and 100%.
+ *
+ * @param {string | null} percentageChange - Raw percentage change value.
+ * @returns {string} - Formatted and clamped percentage change.
+ */
+const formatPercentageChange = (percentageChange) => {
+  if (percentageChange === null) return 'N/A'
+
+  // Convertir a número
+  let parsedValue = parseFloat(percentageChange)
+
+  // Clampear entre -100% y 100%
+  if (isNaN(parsedValue)) return 'N/A'
+  parsedValue = Math.max(-100, Math.min(100, parsedValue))
+
+  return `${parsedValue.toFixed(1)}`
+}

package/src/utils/UtilDateRange.js

@@ -0,0 +1,31 @@
+export class UtilDateRange {
+  constructor (date = new Date()) {
+    this.date = new Date(date) // Asegura que sea un objeto Date
+  }
+
+  toLocalTime (date) {
+    const offset = -5 // UTC-5 (ajustar si es necesario)
+    const localDate = new Date(date)
+    localDate.setHours(localDate.getHours() + offset)
+    return localDate
+  }
+
+  getStartOfDay () {
+    const localDate = this.toLocalTime(this.date)
+    localDate.setHours(0, 0, 0, 0)
+    return localDate
+  }
+
+  getEndOfDay () {
+    const localDate = this.toLocalTime(this.date)
+    localDate.setHours(23, 59, 59, 999)
+    return localDate
+  }
+
+  getRange () {
+    return {
+      start: this.getStartOfDay(),
+      end: this.getEndOfDay()
+    }
+  }
+}

package/src/utils/index.js

@@ -210,3 +210,5 @@ export const paymentMethodCards = [
 ]
 
 export const CATEGORY_EMPTY = 'NINGUNO'
+
+export * from './UtilDateRange'