npm-pkg-hook 1.10.4 → 1.10.7

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.4"
+  "version": "1.10.7"
 }

package/src/hooks/index.js

@@ -123,3 +123,10 @@ export * from './useGetStoreCookie'
 export * from './getGlobalSession'
 export * from './handleLogin'
 export * from './useInventory'
+export * from './useStockMovements'
+export * from './useTopProductsMovements'
+export * from './useTotalProductsSold'
+export * from './useTotalProductsInStock/index'
+export * from './useTotalAllSales/index'
+export * from './useTotalProductsSolded'
+export * from './useWeeklyStockMovement'

package/src/hooks/useImagesStore/queries.js

@@ -74,73 +74,7 @@ export const GET_ALL_EMPLOYEE_STORE = gql`
     }
   }
 `
-export const GET_ALL_PRODUCT_STORE = gql`
-  query productFoodsAll(
-    $search: String
-    $min: Int
-    $max: Int
-    $gender: [String]
-    $pState: Int
-    $desc: [String]
-    $categories: [ID]
-    $fromDate: DateTime
-    $toDate: DateTime
-  ) {
-    productFoodsAll(
-      search: $search
-      min: $min
-      max: $max
-      gender: $gender
-      desc: $desc
-      pState: $pState
-      categories: $categories
-      toDate: $toDate
-      fromDate: $fromDate
-    ) {
-      pId
-      sizeId #Talla
-      colorId #Color
-      cId #Country
-      dId #Department
-      ctId #Cuidad
-      fId #Características
-      pName
-      ProPrice
-      ProDescuento
-      free
-      manageStock
-      ProUniDisponibles
-      ProDescription
-      ProProtegido
-      ProAssurance
-      ValueDelivery
-      ProStar
-      sTateLogistic
-      ProImage
-      ProWidth
-      ProHeight
-      ProLength
-      ProWeight
-      ProQuantity
-      ProOutstanding
-      pDatCre
-      pDatMod
-      ProDelivery
-      ProVoltaje
-      stock
-      pState
-      feat {
-        fId
-        thpId
-        hpqrQuestion
-      }
-      area {
-        aId
-        aName
-      }
-    }
-  }
-`
+
 export const GET_ALL_RATING_START_STORE = gql`
   query getAllRatingStar($idStore: ID) {
     getAllRatingStar(idStore: $idStore) {

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,51 +14,68 @@ 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 [productsFood, setProductsFood] = useState([])
   const [showMore, setShowMore] = useState(500)
-  const {
-    data,
-    loading,
-    fetchMore,
-    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
+  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, {
-      error,
+    updatedProductsFood, {
+      pagination: data?.productFoodsAll?.pagination || {},
       loading: called ? false : loading,
+      error,
       showMore,
       fetchMore,
+      refetch,
       setShowMore
     }
   ]

package/src/hooks/useProductsFood/queriesStore.js

@@ -76,7 +76,7 @@ export const GET_ALL_EMPLOYEE_STORE = gql`
 `
 
 export const GET_ALL_PRODUCT_STORE = gql`
-  query productFoodsAll(
+ query productFoodsAll(
     $search: String
     $min: Int
     $max: Int
@@ -86,6 +86,7 @@ export const GET_ALL_PRODUCT_STORE = gql`
     $categories: [ID]
     $fromDate: DateTime
     $toDate: DateTime
+    $page: Int
   ) {
     productFoodsAll(
       search: $search
@@ -97,7 +98,17 @@ export const GET_ALL_PRODUCT_STORE = gql`
       categories: $categories
       toDate: $toDate
       fromDate: $fromDate
+      page: $page
     ) {
+      success
+      message
+		pagination {
+      totalRecords
+      totalPages
+      currentPage
+      __typename
+    }
+     data {
       pId
       sizeId #Talla
       colorId #Color
@@ -149,6 +160,7 @@ export const GET_ALL_PRODUCT_STORE = gql`
         aName
       }
     }
+    }
   }
 `
 export const GET_ALL_RATING_START_STORE = gql`

package/src/hooks/useReport/index.js

@@ -34,7 +34,7 @@ export const useReport = ({
   })
 
   const totalSales = totalSalesData?.getAllSalesStoreTotal ?? {}
-
+  console.log(totalSales)
   return {
     getAllSalesStore: lazyQuery ? getAllSalesStore : () => { }, // Return function only if in lazy mode
     data: lazyQuery ? lazyDataSales : data, // Use data from lazy query if available

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,
     {
@@ -153,7 +154,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: [],
@@ -162,8 +169,17 @@ 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 handlePageChange = (pageNumber) => {
+    setCurrentPage(pageNumber)
+    refetch({ page: pageNumber })
+  }
+
   const handleChangeCheck = (caId) => {
     // @ts-ignore
     setCategories((prev) => {
@@ -176,7 +192,6 @@ export const useSales = ({
       })
     })
   }
-
   const max = productsFood?.reduce(function (a, b) {
     return Math.max(a, b?.ProPrice || 0)
   }, 0)
@@ -367,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',
@@ -469,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',
@@ -477,7 +493,6 @@ export const useSales = ({
                 })
                 return items // Retornar el producto sin modificar
               }
-
               return {
                 ...items,
                 ProQuantity: newQuantity,
@@ -776,8 +791,8 @@ export const useSales = ({
     const OurProduct = productsFood?.find((item) => item.pId === pId)
     const isFree = productExist?.free
     const currentQuantity = productExist?.ProQuantity || 0
-    console.log('currentQuantity', productExist)
-    if (productExist?.manageStock && isStockInsufficient(currentQuantity, stock)) {
+
+    if (OurProduct?.manageStock && isStockInsufficient(currentQuantity, OurProduct?.stock)) {
       sendAlertStock(stock)
       return state
     }
@@ -1062,7 +1077,6 @@ export const useSales = ({
         cache.modify({
           fields: {
             productFoodsAll (existingProductFoodsAll = []) {
-              console.log('existingProductFoodsAll', existingProductFoodsAll)
               return existingProductFoodsAll
             }
           }
@@ -1276,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,
@@ -1300,7 +1324,7 @@ export const useSales = ({
     search,
     values,
     initialStateSales,
-    productsFood: filteredProducts,
+    productsFood: allProducts,
     modalItem,
     sumExtraProducts,
     oneProductToComment: oneProductToComment ?? null,
@@ -1308,13 +1332,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/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

@@ -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.toISOString().split('T')[0] // "YYYY-MM-DD"
+    const existingData = data.find(item => item.date === formattedDate)
+
+    filledData.push(existingData || { date: formattedDate, TotalIn: 0, TotalOut: 0, TotalAdjustment: 0 })
+  }
+
+  return filledData
+}

package/src/hooks/useStockMovements/index.js

@@ -0,0 +1,38 @@
+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_adjustment
+      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: entry.date,
+        TotalIn: entry.total_in ?? 0,
+        TotalOut: entry.total_out ?? 0,
+        TotalAdjustment: entry.total_adjustment ?? 0
+      }))
+      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/useUpdateMultipleProducts/index.js

@@ -38,7 +38,7 @@ export const useUpdateMultipleProducts = ({
         sTateLogistic: 1,
         ProStar: 0,
         stock,
-        ProImage: null,
+        ProImage: '/images/placeholder-image.webp',
         vat,
         ProBarCode: String(ProBarCode) || '',
         ProHeight: null,

package/src/hooks/useUploadProducts/index.js

@@ -59,7 +59,9 @@ export const useUploadProducts = ({
           pCode: code,
           editing: false,
           PRECIO_AL_PUBLICO,
+          ProImage: '/images/placeholder-image.webp',
           VALOR_DE_COMPRA,
+          manageStock: true,
           errors: validationErrors.length > 0 ? validationErrors : null
         }
       })

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'