npm-pkg-hook 1.6.9 → 1.7.1

package/package.json

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

package/src/hooks/statusOpenStores/index.js

@@ -92,7 +92,7 @@ export const statusOpenStores = ({
         if (findNextDay && findDataNextDay?.schHoSta) {
           const nameOfDayTomorrow = weekDays[dayOfWeekTomorrow]
           return handleState(
-                `Cerrado - Mañana ${nameOfDayTomorrow} ${!!findDataNextDay?.schHoSta && 'a las'} ${
+                `Cerrado abre - Mañana ${nameOfDayTomorrow} ${!!findDataNextDay?.schHoSta && 'a las'} ${
                   findDataNextDay?.schHoSta ? findDataNextDay?.schHoSta : ''
                 }`,
                 false

package/src/hooks/useAsideCart/index.js

@@ -11,23 +11,36 @@ import { calculateTotalPrice } from './helpers'
 import { statusOpenStores } from '../statusOpenStores'
 export * from './helpers'
 
-/**
- * Custom hook for managing the shopping cart functionality.
- * @param {Object} props - Props to control various UI elements.
- * @param {function} props.setCountItemProduct - Function to set the count of items in the cart.
- * @param {function} props.setAlertBox - Function to set an alert message.
- * @param {function} props.handleMenu - Function to handle cart menu visibility.
- * @returns {Object} An object with various shopping cart-related functions and data.
- */
 export const useAsideCart = ({
   openModalProduct = false,
-  location = {},
+  location = {
+    pathname: '',
+    push: (props, state, { shallow }) => {
+      return { ...props, state, shallow }
+    },
+    query: {
+      plato: ''
+    }
+  },
   setCountItemProduct = (number) => { return number },
-  setAlertBox = () => { },
+  setAlertBox = (args) => { return args },
   setOpenModalProduct = () => { },
-  handleMenu = () => { }
+  handleMenu = (boolean) => { return boolean }
 } = {
-
+  openModalProduct: false,
+  location: {
+    pathname: '',
+    push: (props, state, { shallow }) => {
+      return { ...props, state, shallow }
+    },
+    query: {
+      plato: ''
+    }
+  },
+  setCountItemProduct: (number) => { return number },
+  setAlertBox: () => { },
+  setOpenModalProduct: () => { },
+  handleMenu: () => { }
 }) => {
   const { getOneProduct } = useCart({
     handleMenu,
@@ -137,9 +150,9 @@ export const useAsideCart = ({
    */
   const sumProduct = (ProPrice, ProDelivery, cant) => {
     // Convertir a números, con manejo de posibles errores
-    const price = parseInt(ProPrice)
-    const delivery = parseInt(ProDelivery || 0)
-    const quantity = parseInt(cant)
+    const price = ProPrice
+    const delivery = ProDelivery || 0
+    const quantity = cant
 
     // Verificar si las conversiones fueron exitosas
     if (isNaN(price) || isNaN(delivery) || isNaN(quantity)) {

package/src/hooks/useCart/useCart/index.js

@@ -13,32 +13,25 @@ import {
 } from './helpers'
 import { useManageQueryParams } from '../../useManageQueryParams'
 
-/**
- * Custom hook for managing cart functionality.
- *
- * @param {Object} options - Options object.
- * @param {Function} options.setAlertBox - Function to set an alert message.
- * @returns {Object} - Object containing cart state and functions.
- */
-/**
- * The `useCart` function is a custom hook in JavaScript that handles the management of a shopping
- * cart, including adding products, managing quantities, and handling optional extras.
- * @param [] - - `openModalProduct`: A boolean indicating whether the modal for the product is open or
- * not. Default value is `false`.
- * @returns The `useCart` function returns an object with the following properties and methods:
- */
 export const useCart = ({
-  location = {},
+  location = {
+    push: (props, state, { shallow }) => {
+      return { ...props, state, shallow }
+    },
+    query: {
+      plato: ''
+    }
+  },
   openModalProduct = false,
-  handleMenu = () => { },
-  setOpenModalProduct = () => { },
-  setAlertBox = () => { }
+  handleMenu = (number) => { return number },
+  setOpenModalProduct = (boolean) => { return boolean },
+  setAlertBox = (args) => { return args }
 } = {}) => {
   // sub products
   const { handleCleanQuery } = useManageQueryParams({
     location
   })
-
+  const [loadingButton, setLoadingButton] = useState(false)
   const [dataOptional, setDataOptional] = useState([])
   const [dataExtra, setDataExtra] = useState([])
   const [quantity, setQuantity] = useState(1)
@@ -62,8 +55,8 @@ export const useCart = ({
   ] = useGetOneProductsFood({ fetchOnlyProduct: true })
 
   const getOneProduct = async food => {
-    const { pId, intoCart } = food || {}
-    const isEditing = intoCart
+    const { pId } = food || {}
+
     if (!pId) return {}
     setOpenModalProduct(true)
     const product = await handleGetOneProduct({ variables: { pId } })
@@ -81,7 +74,7 @@ export const useCart = ({
       })
       const comments = matchingItemInShoppingCart?.comments
       if (comments) {
-        setComments(comments || '')
+        setComments(comments)
       }
       const quantityProduct = matchingItemInShoppingCart?.cantProducts
       if (quantityProduct) {
@@ -170,7 +163,7 @@ export const useCart = ({
         }
       })
 
-      setDataExtra(fetchedDataExtra || [])
+      setDataExtra(fetchedDataExtra)
     }
   }
 
@@ -310,13 +303,13 @@ export const useCart = ({
    *
    * @param {Object} food - The selected food item.
    */
-
   const handleAddProducts = async (food) => {
     if (!food) return
     const idStore = food?.getStore?.idStore
     if (!idStore) {
       return
     }
+    setLoadingButton(true)
     const isExistItemInShoppingCart = dataShoppingCard?.find((item) => {
       return item?.productFood && item?.productFood?.pId === food.pId
     }) ?? null
@@ -360,11 +353,18 @@ export const useCart = ({
       })
 
       if (response?.data) {
+        if (!idShoppingCart) {
+          setAlertBox({ message: 'producto agregado al carrito' })
+        }
+        if (idShoppingCart) {
+          setAlertBox({ message: 'producto actualizado' })
+        }
         // Perform actions after adding products to cart
       }
     } catch (error) {
       setAlertBox({ message: 'Ocurrió un error al añadir el producto al carrito' })
     }
+    setLoadingButton(false)
   }
 
   const handleShowModalProduct = () => {
@@ -394,6 +394,7 @@ export const useCart = ({
     comments,
     loading: loadingProduct || loading,
     dataOneProduct,
+    loadingButton,
     dataExtra,
     dataOptional,
     setQuantity,

package/src/hooks/useEvent/index.js

@@ -1,4 +1,5 @@
 import { useEffect } from 'react'
+
 export const on = ({ eventType, callBack }) => {
   document.addEventListener(eventType, callBack)
 }

package/src/hooks/useMobile/index.js

@@ -1,38 +1,46 @@
-/* eslint-disable no-void */
 import { useEffect, useState } from 'react'
 
 export const useMobile = (props) => {
-  const { callBack = () => { return null } } = props || {}
-  const [innerHeight, setInnerHeight] = useState()
-  const [innerWidth, setInnerWidth] = useState()
-  let isMobile = false
-  useEffect(() => {
-    setInnerHeight(window.innerHeight)
-    setInnerWidth(window.innerWidth)
-    callBack()
-  }, [])
+  const { callBack = () => {} } = props || {}
+  const [isMobile, setIsMobile] = useState(false)
+  const [isTablet, setIsTablet] = useState(false)
+  const [innerHeight, setInnerHeight] = useState(0)
+  const [innerWidth, setInnerWidth] = useState(0)
+
   useEffect(() => {
     const handleResize = () => {
-      if (!isNaN(window === null || window === void 0 ? void 0 : window.innerHeight) && (window === null || window === void 0 ? void 0 : window.innerHeight) !== innerHeight) {
-        setInnerHeight(window.innerHeight)
-      }
-      if (!isNaN(window.innerWidth) && window.innerWidth !== innerWidth) {
-        setInnerWidth(window.innerWidth)
+      // Verificar si window está disponible (es decir, estamos en el lado del cliente)
+      if (typeof window !== 'undefined') {
+        const width = window.innerWidth
+        const height = window.innerHeight
+        setInnerWidth(width)
+        setInnerHeight(height)
+        callBack()
+
+        // Determinar el tipo de dispositivo
+        if (width <= 768) {
+          setIsTablet(true)
+        } else if (width <= 960) {
+          setIsMobile(true)
+        } else {
+          setIsMobile(false)
+        }
       }
-      callBack()
-    }
-    if (typeof window !== 'undefined') {
-      window.addEventListener('resize', handleResize)
     }
+
+    // Ejecutar handleResize al cargar y al cambiar el tamaño de la pantalla
+    handleResize()
+    window.addEventListener('resize', handleResize)
+
+    // Eliminar el event listener al desmontar el componente
     return () => {
       window.removeEventListener('resize', handleResize)
     }
-  })
-  if (typeof window !== 'undefined' && /Mobile/i.test((navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || (navigator === null || navigator === void 0 ? void 0 : navigator.vendor))) {
-    isMobile = true
-  }
+  }, [callBack])
+
   return {
     isMobile,
+    isTablet,
     innerHeight,
     innerWidth
   }

package/src/hooks/useSales/index.js

@@ -56,7 +56,7 @@ const initializer = (initialValue = initialState) => {
 export const useSales = ({
   disabled = false,
   router,
-  sendNotification = () => { return },
+  sendNotification = (arsg) => { return arsg },
   setAlertBox = () => { return }
 }) => {
   const domain = getCurrentDomain()
@@ -104,7 +104,6 @@ export const useSales = ({
   const [loadingExtraProduct, setLoadingExtraProduct] = useState(false)
   const [dataOptional, setDataOptional] = useState([])
   const [dataExtra, setDataExtra] = useState([])
-
   const [registerSalesStore, { loading: loadingRegisterSale }] = useMutation(
     CREATE_SHOPPING_CARD_TO_USER_STORE,
     {

package/src/hooks/useStatusOpenStore/index.js

@@ -94,7 +94,7 @@ export const useStatusOpenStore = ({ dataSchedules = [] } = {}) => {
         if (findNextDay && findDataNextDay?.schHoSta) {
           const nameOfDayTomorrow = weekDays[dayOfWeekTomorrow]
           return handleMessageHour(
-                `Cerrado - Mañana ${nameOfDayTomorrow} ${!!findDataNextDay?.schHoSta && 'a las'} ${
+                `Cerrado abre Mañana ${nameOfDayTomorrow} ${!!findDataNextDay?.schHoSta && 'a las'} ${
                   findDataNextDay?.schHoSta ? findDataNextDay?.schHoSta : ''
                 }`,
                 false