npm-pkg-hook 1.8.3 → 1.8.5

package/package.json

@@ -6,10 +6,11 @@
     "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"
+    "react-query": "^3.39.2",
+    "react-responsive": "^10.0.0"
   },
   "description": "description-pkg-hook",
   "devDependencies": {
@@ -30,7 +31,7 @@
   },
   "license": "ISC",
   "main": "/src/index.jsx",
-  "name": "npm-pkg-hook", 
+  "name": "npm-pkg-hook",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -44,5 +45,5 @@
     "rm": "rm -rf node_modules package-lock.json && npm i",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "version": "1.8.3"
+  "version": "1.8.5"
 }

package/src/hooks/getTotalHours/index.js

@@ -1,5 +1,5 @@
-export const getTotalHours = (days) => {
-  const totalMinutesArray = days.map((day) => {
+export const getTotalHours = (days = []) => {
+  const totalMinutesArray = days?.map((day) => {
     const { schHoSta, schHoEnd } = day
 
     // Handle potential invalid time strings

package/src/hooks/index.js

@@ -20,6 +20,7 @@ export * from './useGetCookies'
 export * from './isTokenExpired'
 export * from './useCreateDeliveryTime'
 export * from './addTenMinutes'
+export * from './useUpdateCartCookie'
 export * from './useCategoriesProduct'
 export * from './useLogout'
 export * from './useSetupSchedule'

package/src/hooks/statusOpenStores/index.js

@@ -22,6 +22,7 @@ export const statusOpenStores = ({
       open
     }
   }
+
   function getNextDaySchedule (dataSchedules, currentDayOfWeek) {
     const today = new Date()
     const tomorrow = new Date(today)
@@ -93,7 +94,7 @@ export const statusOpenStores = ({
           const nameOfDayTomorrow = weekDays[dayOfWeekTomorrow]
           return handleState(
                 `Cerrado abre - Mañana ${nameOfDayTomorrow} ${!!findDataNextDay?.schHoSta && 'a las'} ${
-                  findDataNextDay?.schHoSta ? findDataNextDay?.schHoSta : ''
+                  findDataNextDay?.schHoSta ?? ''
                 }`,
                 false
           )

package/src/hooks/useMobile/index.js

@@ -1,47 +1,16 @@
-import { useEffect, useState } from 'react'
+import { useMediaQuery } from 'react-responsive'
 
-export const useMobile = (props) => {
-  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 = () => {
-      // 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)
-        }
-      }
-    }
-
-    // Ejecutar handleResize al cargar y al cambiar el tamaño de la pantalla
-    handleResize()
-    window.addEventListener('resize', handleResize)
+export const MEDIA_QUERY = {
+  MOBILE: '768px',
+  TABLED: '960px'
+}
 
-    // Eliminar el event listener al desmontar el componente
-    return () => {
-      window.removeEventListener('resize', handleResize)
-    }
-  }, [callBack])
+export const useMobile = () => {
+  const isMobile = useMediaQuery({ query: `(max-width: ${MEDIA_QUERY.MOBILE})` })
+  const isTablet = useMediaQuery({ query: `(max-width: ${MEDIA_QUERY.TABLED}})` })
 
   return {
     isMobile,
-    isTablet,
-    innerHeight,
-    innerWidth
+    isTablet
   }
 }

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

@@ -24,3 +24,32 @@ export function filterProductsByCarProId (products, carProIds) {
 
   return products.filter(product => carProIds.includes(product.carProId))
 }
+
+export function removeFunc (state, action, productsFood) {
+  const productExist = state?.PRODUCT.find((items) => {
+    return items.pId === action.payload.pId
+  })
+  const OurProduct = productsFood.find((items) => {
+    return items.pId === action.payload.pId
+  })
+  return {
+    ...state,
+    counter: state.counter - 1,
+    totalAmount: state.totalAmount - action.payload.ProPrice,
+    PRODUCT:
+      action.payload.ProQuantity > 1
+        ? state.PRODUCT.map((items) => {
+          return items.pId === action.payload.pId
+            ? {
+                ...items,
+                pId: action.payload.pId,
+                ProQuantity: items.ProQuantity - 1,
+                ProPrice: productExist.ProPrice - OurProduct?.ProPrice
+              }
+            : items
+        })
+        : state.PRODUCT.filter((items) => {
+          return items.pId !== action.payload.pId
+        })
+  }
+}

package/src/hooks/useSales/index.js

@@ -28,13 +28,13 @@ import { updateExistingOrders } from '../useUpdateExistingOrders'
 import { useGetSale } from './useGetSale'
 import { useCatWithProduct } from './../useCatWithProduct/index'
 import { useLogout } from '../useLogout'
-import { filterProductsByCarProId } from './helpers'
+import { filterProductsByCarProId, removeFunc } from './helpers'
 export * from './useGetAllSales'
 export * from './helpers'
 
 export { GET_ALL_COUNT_SALES } from './queries'
 
-const initialState = {
+export const initialState = {
   PRODUCT: [],
   totalPrice: 0,
   sortBy: null,
@@ -47,7 +47,7 @@ const initialState = {
   payMethodPState: 0
 }
 
-const initializer = (initialValue = initialState) => {
+export const initializer = (initialValue = initialState) => {
   return (
     JSON.parse(
       // @ts-ignore
@@ -128,7 +128,7 @@ export const useSales = ({
       onError: (error) => {
         sendNotification({
           backgroundColor: 'error',
-          title: error || 'Lo sentimo',
+          title: error || 'Lo sentimos',
           description: 'ha ocurrido un error'
         })
       }
@@ -282,7 +282,7 @@ export const useSales = ({
 
     switch (action.type) {
       case 'ADD_TO_CART':
-        return addToCartFunc(state, action)
+        return addToCartFunc(state, action) // https://www.npmjs.com/package/@sourcetoad/vision-camera-plugin-barcode-scanner
       case 'ADD_PRODUCT':
         return {
           ...state,
@@ -290,7 +290,7 @@ export const useSales = ({
           PRODUCT: [...state?.PRODUCT, action?.payload],
         }
       case 'REMOVE_PRODUCT':
-        return removeFunc(state, action)
+        return removeFunc(state, action, productsFood)
       case 'REMOVE_PRODUCT_TO_CART':
         return {
           ...state,
@@ -649,35 +649,6 @@ export const useSales = ({
     }
   }
 
-  function removeFunc (state, action) {
-    const productExist = state?.PRODUCT.find((items) => {
-      return items.pId === action.payload.pId
-    })
-    const OurProduct = productsFood.find((items) => {
-      return items.pId === action.payload.pId
-    })
-    return {
-      ...state,
-      counter: state.counter - 1,
-      totalAmount: state.totalAmount - action.payload.ProPrice,
-      PRODUCT:
-        action.payload.ProQuantity > 1
-          ? state.PRODUCT.map((items) => {
-            return items.pId === action.payload.pId
-              ? {
-                  ...items,
-                  pId: action.payload.pId,
-                  ProQuantity: items.ProQuantity - 1,
-                  ProPrice: productExist.ProPrice - OurProduct?.ProPrice
-                }
-              : items
-          })
-          : state.PRODUCT.filter((items) => {
-            return items.pId !== action.payload.pId
-          })
-    }
-  }
-
   // TOGGLE_FREE_PRODUCT
   function toggleFreeProducts (state, action) {
     const productExist = productsFood.find((items) => {

package/src/hooks/useSetupSchedule/index.js

@@ -1,5 +1,9 @@
 import { useEffect, useState } from 'react'
-import { dateEnum, initialDays, timeSuggestions } from './helpers'
+import {
+  dateEnum,
+  initialDays,
+  timeSuggestions
+} from './helpers'
 import { useCreateSchedules, useSchedules } from '../useSchedule'
 import { days as NameDays } from '../../utils'
 import { convertToMilitaryTime } from '../convertToMilitaryTime'
@@ -11,13 +15,13 @@ export const useSetupSchedule = ({
     return args
   }
 } = {}) => {
-  const [days, setDays] = useState(initialDays)
+  const [days, setDays] = useState(initialDays === null ? [] : initialDays)
   const [alertModal, setAlertModal] = useState(false)
   const [selectedDay, setSelectedDay] = useState({})
   const [setStoreSchedule, { loading }] = useCreateSchedules()
 
   const onCompleted = (data) => {
-    if (Array.isArray(data) && data.length > 0) {
+    if (Array.isArray(data) && data?.length > 0) {
       // Mapeamos los datos recibidos y los convertimos en un objeto con la estructura deseada
       const newSchedules = data.map((day) => ({
         day: day.schDay,
@@ -29,7 +33,7 @@ export const useSetupSchedule = ({
       // Actualizamos el estado days
       setDays(prevDays => {
         // Creamos un nuevo array combinando los elementos existentes en days con los nuevos datos
-        const updatedDays = prevDays.map(existingDay => {
+        const updatedDays = prevDays?.map(existingDay => {
           // Buscamos si hay un elemento con el mismo día en los nuevos datos
           const newData = newSchedules.find(newDay => newDay.day === existingDay.day)
           // Si encontramos el día en los nuevos datos, lo fusionamos con el día existente
@@ -81,7 +85,7 @@ export const useSetupSchedule = ({
       setSelectedDay(isSaved)
       return setAlertModal(true)
     }
-    const updatedDays = days.map((d) => {
+    const updatedDays = days?.map((d) => {
       if (d.day === day) {
         return { ...d, selected: !d.selected }
       } else {
@@ -93,10 +97,38 @@ export const useSetupSchedule = ({
   const selectedDays = days?.filter((day) => Boolean(day.selected)).map((day) => {
     return day.day
   })
+  function sumHours (hora1, hora2) {
+    const [hora1Horas, hora1Minutos] = hora1.split(':').map(Number)
+    const [hora2Horas, hora2Minutos] = hora2.split(':').map(Number)
 
+    let sumaHour = hora1Horas + hora2Horas
+    let sumMinutes = hora1Minutos + hora2Minutos
+
+    if (sumMinutes >= 60) {
+      sumMinutes -= 60
+      sumaHour++
+    }
+
+    if (sumaHour >= 24) {
+      sumaHour -= 24
+    }
+
+    const horaSumada = `${String(sumaHour).padStart(2, '0')}:${String(sumMinutes).padStart(2, '0')}`
+    return horaSumada
+  }
+  function isLessThanOneHour (hora1, hora2) {
+    const suma = sumHours(hora1, hora2)
+    const [sumaHour, sumMinutes] = suma.split(':').map(Number)
+    const totalMinutos = (sumaHour * 60) + sumMinutes
+
+    if (totalMinutos < 60) {
+      return true // La suma de las horas es menor a una hora
+    }
+    return false // La suma de las horas es igual o mayor a una hora
+  }
   const onChangeSaveHour = async ({ time, name, day }) => {
     setDays(prevDays => {
-      const updatedDays = prevDays.map((d) => {
+      const updatedDays = prevDays?.map((d) => {
         if (d.day === day) {
           return { ...d, [name]: time, loading: Boolean(name === dateEnum.schHoEnd) }
         } else {
@@ -112,6 +144,14 @@ export const useSetupSchedule = ({
         const schHoEnd = findHour?.schHoEnd
         const startHour = convertToMilitaryTime(schHoSta)
         const endHour = convertToMilitaryTime(schHoEnd)
+        if (isLessThanOneHour(startHour, endHour)) {
+          // eslint-disable-next-line consistent-return
+          sendNotification({
+            description: 'Error, el horario debe ser mayor a una hora',
+            title: 'Error',
+            backgroundColor: 'error'
+          })
+        }
         // Comparar solo las horas y minutos
         if (startHour === endHour) {
           // eslint-disable-next-line consistent-return
@@ -129,7 +169,8 @@ export const useSetupSchedule = ({
             backgroundColor: 'error'
           })
         }
-        if (startHour !== endHour && startHour < endHour) {
+
+        if (startHour !== endHour && startHour < endHour && !isLessThanOneHour(startHour, endHour)) {
           setStoreSchedule({
             variables: {
               input: {
@@ -193,12 +234,13 @@ export const useSetupSchedule = ({
       }
     })
     setDays(prevDays => {
-      const updatedDays = prevDays.map((d) => {
+      if (!prevDays) return []
+      const updatedDays = prevDays?.map((d) => {
         if (d.day === day) {
           return {
             ...d,
-            [dateEnum.schHoEnd]: dateEnum.schHoEnd,
-            [dateEnum.schHoSta]: dateEnum.schHoSta,
+            [dateEnum.schHoEnd]: dateEnum?.schHoEnd,
+            [dateEnum.schHoSta]: dateEnum?.schHoSta,
             selected: false
           }
         } else {
@@ -215,7 +257,6 @@ export const useSetupSchedule = ({
 
   return {
     duplicateDay,
-    alertModal,
     toggleCheck,
     handleSelectedDay,
     onChangeSaveHour,
@@ -224,6 +265,7 @@ export const useSetupSchedule = ({
     days,
     selectedDays,
     selectedDay,
+    alertModal,
     loading: lsc || loading,
     times: timeSuggestions
   }

package/src/hooks/useStatusOpenStore/index.js

@@ -11,6 +11,7 @@ import {
   getTimeObject
 } from './helpers'
 import { useFormatDate } from '../useFormatDate'
+import { convertToMilitaryTime } from '../convertToMilitaryTime'
 
 export const useStatusOpenStore = ({ dataSchedules = [] } = {}) => {
   const [open, setOpen] = useState('')
@@ -86,7 +87,11 @@ export const useStatusOpenStore = ({ dataSchedules = [] } = {}) => {
           )
         }
 
-        const { findNextDay, findDataNextDay, dayOfWeekTomorrow } = getNextDaySchedule(
+        const {
+          findNextDay,
+          findDataNextDay,
+          dayOfWeekTomorrow
+        } = getNextDaySchedule(
           dataSchedules,
           currentDayOfWeek
         )
@@ -95,14 +100,14 @@ export const useStatusOpenStore = ({ dataSchedules = [] } = {}) => {
           const nameOfDayTomorrow = weekDays[dayOfWeekTomorrow]
           return handleMessageHour(
                 `Cerrado abre Mañana ${nameOfDayTomorrow} ${!!findDataNextDay?.schHoSta && 'a las'} ${
-                  findDataNextDay?.schHoSta ? findDataNextDay?.schHoSta : ''
+                  handleHourPmAM(findDataNextDay?.schHoSta) ?? ''
                 }`,
                 false
           )
         }
 
         const nextDayName = weekDayLookup[(dayOfWeek + 1) % 7]
-        const nextOpening = openings && openings['opening' + nextDayName.substring(0, 3)]
+        const nextOpening = openings?.['opening' + nextDayName.substring(0, 3)]
         const nextHours = nextOpening?.split(';')?.map((item) => item?.trim())
 
         if (nextHours[0] !== ceroHours) {

package/src/hooks/useUpdateCartCookie/index.js

@@ -0,0 +1,43 @@
+import { useEffect, useReducer } from 'react'
+import { initializer } from '../useSales'
+import { Cookies } from '../../cookies'
+import { getCurrentDomain } from '../../utils'
+
+export const useUpdateCartCookie = () => {
+  const keyToSaveData = process.env.LOCAL_SALES_STORE
+  const domain = getCurrentDomain()
+
+  const PRODUCT = (state, action) => {
+    switch (action.type) {
+      case 'REMOVE_PRODUCT_TO_CART':
+        return {
+          ...state,
+          PRODUCT: state?.PRODUCT?.filter((t) => {
+            return t.pId !== action?.payload.pId
+          }),
+          counter: state.counter - action.payload.ProQuantity
+        }
+      case 'ADD_PRODUCT_TO_CART':
+        // Add code for 'ADD_PRODUCT_TO_CART' case
+        return state
+      case 'UPDATE_PRODUCT_IN_CART':
+        // Add code for 'UPDATE_PRODUCT_IN_CART' case
+        return state
+      default:
+        return state
+    }
+  }
+  const [data, dispatch] = useReducer(PRODUCT, { PRODUCT: [], counter: 0 }, initializer)
+
+  const handleRemoveProductToCookieCart = (product) => {
+    dispatch({ type: 'REMOVE_PRODUCT_TO_CART', payload: product })
+  }
+  useEffect(() => {
+    // @ts-ignore
+    Cookies.set(keyToSaveData, JSON.stringify(data), { domain, path: '/' })
+  }, [data, domain])
+
+  return {
+    handleRemoveProductToCookieCart
+  }
+}