npm-pkg-hook 1.0.2 → 1.0.4

package/src/hooks/useSales/index.js

@@ -1,489 +1,589 @@
-import {
-  useState,
-  useEffect,
-  useCallback,
-  useReducer
-} from 'react'
-import {
-  getCurrentDomain,
-  RandomCode,
-  updateCacheMod
-} from '../../utils'
-import { Cookies } from '../../cookies'
-import { useGetProductsFood } from '../useGetProductsFood'
-import { useStore } from '../useStore'
-import moment from 'moment'
-import {
-  CREATE_SHOPPING_CARD_TO_USER_STORE,
-  GET_ALL_SALES,
-  GET_ALL_SALES_STATISTICS
-} from './queries'
-import { useLazyQuery, useMutation } from '@apollo/client'
-import { GET_ALL_EXTRA_PRODUCT, GET_EXTRAS_PRODUCT_FOOD_OPTIONAL, GET_ONE_PRODUCTS_FOOD } from '../useGetProductsFood/queriesStore'
-
-const initialState = {
-  PRODUCT: [],
-  totalPrice: 0,
-  sortBy: null,
-  itemsInCart: 0,
-  animateType: '',
-  startAnimateUp: '',
-  priceRange: 0,
-  counter: 0,
-  totalAmount: 0,
-  payMethodPState: 0
-}
-
-const initializer = (initialValue = initialState) => { return JSON.parse(Cookies.get(process.env.LOCAL_SALES_STORE) || JSON.stringify(initialState)) || initialValue }
-
-export const useSales = () => {
-  const domain = getCurrentDomain()
-  const [modalItem, setModalItem] = useState(false)
-  const keyToSaveData = process.env.LOCAL_SALES_STORE
-  const saveDataState = JSON.parse(Cookies.get(keyToSaveData) || '[]')
-  const [search, setSearch] = useState('')
-  const [arr] = useState([])
-  const [totalProductPrice, setTotalProductPrice] = useState(0)
-  const [showMore, setShowMore] = useState(50)
-  const [inputValue, setInputValue] = useState('')
-  const [delivery, setDelivery] = useState(false)
-  const [print, setPrint] = useState(false)
-  const [values, setValues] = useState({})
-  const [dataStore] = useStore()
-  const { createdAt } = dataStore || {}
-  const [valuesDates, setValuesDates] = useState(() => { return { fromDate: moment(createdAt || null).format('YYYY-MM-DD'), toDate: moment().format('YYYY-MM-DD') } })
-  const [registerSalesStore] = useMutation(CREATE_SHOPPING_CARD_TO_USER_STORE)
-  const [product, setProduct] = useState({
-    PRODUCT: {},
-  })
-  const [productFoodsOne, { data: dataProduct, loading: loadingProduct }] = useLazyQuery(GET_ONE_PRODUCTS_FOOD)
-  const [ExtProductFoodsOptionalAll, { data: dataOptional }] = useLazyQuery(GET_EXTRAS_PRODUCT_FOOD_OPTIONAL)
-  const [ExtProductFoodsAll, { data: dataExtra }] = useLazyQuery(GET_ALL_EXTRA_PRODUCT)
-
-  const [productsFood, { loading, fetchMore }] = useGetProductsFood({
-    search: search?.length >= 4 ? search : '',
-    gender: [],
-    desc: [],
-    categories: arr || [],
-    toDate: valuesDates?.toDate,
-    fromDate: valuesDates?.fromDate,
-    max: showMore,
-    min: 0
-  })
-
-  const max = productsFood?.reduce(function (a, b) {
-    return Math.max(a, b?.ProPrice || 0)
-  }, 0)
-  const initialStateSales = {
-    PRODUCT: [],
-    totalPrice: 0,
-    sortBy: null,
-    itemsInCart: 0,
-    animateType: '',
-    startAnimateUp: '',
-    priceRange: max || 0,
-    counter: 0,
-    totalAmount: 0,
-    payMethodPState: 0
-  }
-  // HANDLESS
-  // FILTER PRODUCT DATA_DB
-  const handleChangeFilter = (e) => { return setSearch(e.target.value) }
-  const handleChange = e => { return setValues({ ...values, [e.target.name]: e.target.value }) }
-  const onChangeInput = (e) => { return setValuesDates({ ...valuesDates, [e.target.name]: e.target.value }) }
-  const handleChangeFilterProduct = (e) => {
-    let text = searchedInput(e.target.value)
-    if (text === undefined || text === '') {
-      return
-    }
-    let filteredData = handleList(text)
-    setFilteredList(filteredData)
-  }
-
-  const handleChangeNumber = useCallback((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
-    })
-    if (value <= 0) {
-      dispatch({ type: 'REMOVE_PRODUCT_TO_CART', payload: OneProduct })
-    }
-    const finalQuantity = state.PRODUCT['ProQuantity'] = value || 0
-    const ARR_PRODUCT = state?.PRODUCT?.map((items, i) => {
-      return i === index
-        ? {
-          ...items,
-          ProQuantity: (finalQuantity),
-          ProPrice: value ? (value * productExist?.ProPrice) : productExist?.ProPrice
-        }
-        : items
-    })
-    return {
-      ...state,
-      PRODUCT: ARR_PRODUCT,
-      counter: state.counter + 1
-    }
-  }, [productsFood])
-  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)
-      case 'ADD_PRODUCT':
-        return {
-          ...state,
-          // eslint-disable-next-line
-          PRODUCT: [...state?.PRODUCT, action?.payload],
-        }
-      case 'REMOVE_PRODUCT':
-        return removeFunc(state, action)
-      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 'ON_CHANGE': {
-        return handleChangeNumber(state, action)
-      }
-      case 'REMOVE_ALL_PRODUCTS':
-        return {
-          ...state,
-          PRODUCT: [],
-          counter: 0
-        }
-
-      case 'TOGGLE_FREE_PRODUCT':
-        return toggleFreeProducts(state, action)
-      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
-          })
-        }
-      case 'PRICE_RANGE':
-        return {
-          ...state,
-          priceRange: action.payload
-        }
-      case 'SORT':
-        return { ...state, sortBy: action.payload }
-      case 'DECREMENT':
-        return {
-          ...state
-          // counter: state.counter - 1,
-          // PRODUCT: state?.PRODUCT?.map((items) => {
-          //   return items.pId === action.id ? {
-          //     ...items,
-          //     ProQuantity: items.ProQuantity - 1,
-          //     // ProPrice: ((productExist.ProQuantity + 1) * OurProduct?.ProPrice),
-          //   } : items
-          // })
-        }
-      case 'PAYMENT_METHOD_TRANSACTION':
-        return {
-          ...state,
-          payMethodPState: 1
-        }
-      case 'PAYMENT_METHOD_MONEY':
-        return {
-          ...state,
-          payMethodPState: 0
-        }
-      default:
-        return state
-    }
-  }
-  const [data, dispatch] = useReducer(PRODUCT, initialStateSales, initializer)
-  useEffect(() => {
-    Cookies.set(keyToSaveData, JSON.stringify(data), { domain, path: '/' })
-  }, [data, domain])
-
-
-  function addToCartFunc(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
-    })
-    const isFree = productExist?.free
-    return {
-      ...state,
-      counter: state.counter + 1,
-      totalAmount: state.totalAmount + action.payload.ProPrice,
-      startAnimateUp: 'start-animate-up',
-      PRODUCT: !productExist
-        ? [
-          ...state.PRODUCT,
-          {
-            pId: action.payload.pId,
-            pName: action.payload.pName,
-            ProDescription: action.payload.ProDescription,
-            ProImage: action.payload.ProImage,
-            ProPrice: action.payload.ProPrice,
-            ProQuantity: 1
-          }
-        ]
-        : state.PRODUCT.map((items) => {
-          return items.pId === action.payload.pId
-            ? {
-              ...items,
-              ProPrice: isFree ? 0 : (productExist.ProQuantity + 1) * OurProduct?.ProPrice,
-              ProQuantity: productExist.ProQuantity + 1,
-              free: isFree ? true : false
-            }
-            : items
-        })
-    }
-  }
-  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) => {
-      return items.pId === action.payload.pId
-    })
-    return {
-      ...state,
-      PRODUCT: state?.PRODUCT?.map((items) => {
-        return items.pId === action.payload.pId
-          ? {
-            ...items,
-            free: !items.free,
-            ProPrice: items.ProPrice
-              ? 0
-              : items.ProQuantity * productExist?.ProPrice
-          }
-          : items
-      })
-    }
-  }
-
-  const getSortedProduct = (sortData, sortBy) => {
-    if (sortBy && sortBy === 'PRICE_HIGH_TO_LOW') {
-      return (
-        sortData ??
-        sortData.sort((a, b) => {
-          return b['ProPrice'] - a['ProPrice']
-        })
-      )
-    }
-    if (sortBy && sortBy === 'PRICE_LOW_TO_HIGH') {
-      return (
-        sortData ??
-        sortData.sort((a, b) => {
-          return a['ProPrice'] - b['ProPrice']
-        })
-      )
-    }
-    return sortData
-  }
-  const PriceRangeFunc = (products, price) => {
-    return (
-      products?.length > 0 &&
-      products?.filter((items) => {
-        return items?.ProPrice >= price
-      })
-    )
-  }
-  const [_, setFilteredList] = useState([]);
-  const sortedProduct = getSortedProduct(data.PRODUCT, data.sortBy)
-  const finalFilter = PriceRangeFunc(sortedProduct, data.priceRange)
-
-  const handleList = (text) => {
-    let inputText = text.toLowerCase()
-    let dataList = []
-    dataList = finalFilter.filter((item) => {
-      return item.pName.toLowerCase().includes(inputText)
-    })
-    return dataList
-  }
-  const searchedInput = (words) => {
-    setInputValue(words)
-    let n = words.split(' ')
-    if (n.length !== 0) {
-      if (n[n.length - 1] === '') {
-        n.pop()
-      }
-      return n[n.length - 1]
-    }
-    return ''
-  }
-  const newArrayProducts =
-    data?.PRODUCT?.length > 0 &&
-    data?.PRODUCT?.map((x) => {
-      return {
-        pId: x?.pId,
-        id: values?.cliId,
-        cantProducts: x?.ProQuantity,
-        comments: 'Comentarios'
-      }
-    })
-
-  const handleSubmit = () => {
-    const code = RandomCode(5)
-    return registerSalesStore({
-      variables: {
-        input: newArrayProducts || [],
-        id: values?.cliId,
-        pCodeRef: code,
-        change: values.change,
-        valueDelivery: parseInt(values.valueDelivery),
-        payMethodPState: data.payMethodPState,
-        pickUp: 1,
-        totalProductsPrice: data?.totalAmount || 0
-      },
-      update: (cache, { data: { getAllSalesStoreStatistic } }) => {
-        return updateCacheMod(
-          {
-            cache,
-            query: GET_ALL_SALES_STATISTICS,
-            nameFun: 'getAllSalesStoreStatistic',
-            dataNew: getAllSalesStoreStatistic,
-            type: 2
-          },
-          cache.modify({
-            fields: {
-              getAllSalesStore(dataOld = []) {
-                return cache.writeQuery({
-                  query: GET_ALL_SALES,
-                  data: dataOld
-                })
-              }
-            }
-          })
-        )
-      }
-    })
-      .then((responseRegisterR) => {
-        if (responseRegisterR) {
-          const { data } = responseRegisterR || {}
-          const { registerSalesStore } = data || {}
-          const { Response } = registerSalesStore || {}
-          if (Response.success === true) {
-            console.log({ message: `${Response.message}`, color: 'success' })
-            dispatch({ type: 'REMOVE_ALL_PRODUCTS' })
-            setValues({})
-          }
-        }
-      })
-  }
-  let suma = 0
-  let total = 0
-  useEffect(() => {
-    data.PRODUCT.forEach((a) => {
-      const { ProPrice } = a || {}
-      suma += ProPrice
-      setTotalProductPrice(Math.abs(suma))
-    })
-    if (data.PRODUCT.length === 0) {
-      setTotalProductPrice(0)
-    }
-  }, [totalProductPrice, suma, total, data])
-
-
-  const handleProduct = (PRODUCT) => {
-    const { pId } = PRODUCT || {}
-    try {
-      productFoodsOne({ variables: { pId  } })
-      ExtProductFoodsOptionalAll({ variables: { pId  } })
-      ExtProductFoodsAll({ variables: { pId  } })
-      setProduct(() => {
-        return {
-          PRODUCT,
-      }})
-    } catch (error) {
-      console.log({ message: 'Lo sentimos, ocurrió un error' })
-    }
-  }
-
-  return {
-    loading,
-    fetchMore,
-    totalProductPrice,
-    saveDataState,
-    product,
-    data,
-    inputValue,
-    newArrayProducts,
-    delivery,
-    valuesDates,
-    print,
-    finalFilter,
-    showMore,
-    max,
-    values,
-    initialStateSales,
-    productsFood,
-    modalItem,
-
-    dataProduct: dataProduct?.productFoodsOne || {},
-    dataOptional: dataOptional?.ExtProductFoodsOptionalAll || [],
-    dataExtra: dataExtra?.ExtProductFoodsAll || [],
-
-    dispatch,
-    setModalItem,
-    handleChangeFilter,
-    handleProduct,
-    handleChange,
-    onChangeInput,
-    setDelivery,
-    setValues,
-    setShowMore,
-    PriceRangeFunc,
-    handleSubmit,
-    handleChangeFilterProduct,
-    setTotalProductPrice,
-    setInputValue,
-    getSortedProduct,
-    setPrint,
-    PRODUCT
-  }
-}
+import { useLazyQuery, useMutation } from '@apollo/client'
+import {
+  useCallback,
+  useEffect,
+  useReducer,
+  useState
+} from 'react'
+import { Cookies } from '../../cookies'
+import {
+  getCurrentDomain,
+  RandomCode,
+  updateCacheMod
+} from '../../utils'
+import { useFormatDate } from '../useFormatDate'
+import { useProductsFood } from '../useProductsFood'
+import {
+  GET_ALL_EXTRA_PRODUCT,
+  GET_EXTRAS_PRODUCT_FOOD_OPTIONAL,
+  GET_ONE_PRODUCTS_FOOD
+} from '../useProductsFood/queriesStore'
+import { useStore } from '../useStore'
+import {
+  CREATE_SHOPPING_CARD_TO_USER_STORE,
+  GET_ALL_COUNT_SALES,
+  GET_ALL_SALES,
+  GET_ALL_SALES_STATISTICS
+} from './queries'
+
+const initialState = {
+  PRODUCT: [],
+  totalPrice: 0,
+  sortBy: null,
+  itemsInCart: 0,
+  animateType: '',
+  startAnimateUp: '',
+  priceRange: 0,
+  counter: 0,
+  totalAmount: 0,
+  payMethodPState: 0
+}
+
+const initializer = (initialValue = initialState) => { return JSON.parse(Cookies.get(process.env.LOCAL_SALES_STORE) || JSON.stringify(initialState)) || initialValue }
+
+export const useSales = ({
+  disabled,
+  sendNotification,
+  router,
+  setAlertBox
+}) => {
+  const domain = getCurrentDomain()
+  const [modalItem, setModalItem] = useState(false)
+  const [openCommentModal, setOpenCommentModal] = useState(false)
+  const keyToSaveData = process.env.LOCAL_SALES_STORE
+  const saveDataState = JSON.parse(Cookies.get(keyToSaveData) || '[]')
+  const [search, setSearch] = useState('')
+  const [arr] = useState([])
+  const [totalProductPrice, setTotalProductPrice] = useState(0)
+  const [showMore, setShowMore] = useState(50)
+  const [inputValue, setInputValue] = useState('')
+  const [_, setFilteredList] = useState([]);
+  const [delivery, setDelivery] = useState(false)
+  const [print, setPrint] = useState(false)
+  const [values, setValues] = useState({})
+  const [dataStore] = useStore()
+  const [code, setCode] = useState(null)
+  const [openCurrentSale, setOpenCurrentSale] = useState(null)
+  const { createdAt } = dataStore || {}
+  const {yearMonthDay} = useFormatDate({ date: createdAt  })
+  const [valuesDates, setValuesDates] = useState(() => { return { fromDate: yearMonthDay, toDate: '' } })
+
+  const [registerSalesStore, { loading: loadingRegisterSale }] = useMutation(CREATE_SHOPPING_CARD_TO_USER_STORE, {
+    onCompleted: (data) => {
+      const message = `${data?.registerSalesStore?.Response?.message}`
+      const error = data?.registerSalesStore?.Response.success ? 'Éxito' : 'Error'
+      sendNotification({ title: error, description: message })
+      setAlertBox({ message: message, type: 'success' })
+      setOpenCurrentSale(data?.registerSalesStore?.Response.success)
+
+    },
+    onError: (error) => {
+      console.log('error', error)
+    }
+  })
+  const [product, setProduct] = useState({
+    PRODUCT: {},
+  })
+  const [productFoodsOne, { data: dataProduct }] = useLazyQuery(GET_ONE_PRODUCTS_FOOD)
+  const [ExtProductFoodsOptionalAll, { data: dataOptional }] = useLazyQuery(GET_EXTRAS_PRODUCT_FOOD_OPTIONAL)
+  const [ExtProductFoodsAll, { data: dataExtra }] = useLazyQuery(GET_ALL_EXTRA_PRODUCT)
+
+  const [productsFood, { loading, fetchMore }] = useProductsFood({
+    search: search?.length >= 4 ? search : '',
+    gender: [],
+    desc: [],
+    categories: arr || [],
+    toDate: valuesDates?.toDate,
+    fromDate: valuesDates?.fromDate,
+    max: showMore,
+    min: 0
+  })
+  const max = productsFood?.reduce(function (a, b) {
+    return Math.max(a, b?.ProPrice || 0)
+  }, 0)
+  const initialStateSales = {
+    PRODUCT: [],
+    totalPrice: 0,
+    sortBy: null,
+    itemsInCart: 0,
+    animateType: '',
+    startAnimateUp: '',
+    priceRange: max || 0,
+    counter: 0,
+    totalAmount: 0,
+    payMethodPState: 0
+  }
+  // HANDLESS
+  // FILTER PRODUCT DATA_DB
+  const handlePrint = ({ callback }) => {
+    if (disabled) {
+      return  sendNotification({
+        title: 'Error',
+        description: 'Esta es la descr',
+        backgroundColor: 'red'
+      })
+    }
+    setPrint(!print)
+  }
+  const handleChangeFilter = (e) => { return setSearch(e.target.value) }
+  const handleChange = e => { return setValues({ ...values, [e.target.name]: e.target.value }) }
+  const onChangeInput = (e) => { return setValuesDates({ ...valuesDates, [e.target.name]: e.target.value }) }
+  const handleChangeFilterProduct = (e) => {
+    let text = searchedInput(e.target.value)
+    if (text === undefined || text === '') {
+      return
+    }
+    let filteredData = handleList(text)
+    setFilteredList(filteredData)
+  }
+  const [oneProductToComment, setOneProductToComment] = useState({})
+  const handleComment = (product) => {
+    if (product) {
+      setOneProductToComment(product)
+      setValues({
+        ...values,
+        comment: product?.comment || ''
+      })
+    }
+    setOpenCommentModal(!openCommentModal)
+  }
+  const handleChangeNumber = useCallback((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
+    })
+    if (value <= 0) {
+      dispatch({ type: 'REMOVE_PRODUCT_TO_CART', payload: OneProduct })
+    }
+    const finalQuantity = state.PRODUCT['ProQuantity'] = value || 0
+    const ARR_PRODUCT = state?.PRODUCT?.map((items, i) => {
+      return i === index
+        ? {
+          ...items,
+          ProQuantity: (finalQuantity),
+          ProPrice: value ? (value * productExist?.ProPrice) : productExist?.ProPrice
+        }
+        : items
+    })
+    return {
+      ...state,
+      PRODUCT: ARR_PRODUCT,
+      counter: state.counter + 1
+    }
+  }, [productsFood])
+  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)
+      case 'ADD_PRODUCT':
+        return {
+          ...state,
+          // eslint-disable-next-line
+          PRODUCT: [...state?.PRODUCT, action?.payload],
+        }
+      case 'REMOVE_PRODUCT':
+        return removeFunc(state, action)
+      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 'ON_CHANGE': {
+        return handleChangeNumber(state, action)
+      }
+      case 'REMOVE_ALL_PRODUCTS':
+        return {
+          ...state,
+          PRODUCT: [],
+          counter: 0
+        }
+
+      case 'TOGGLE_FREE_PRODUCT':
+        return toggleFreeProducts(state, action)
+      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
+          })
+        }
+      case 'PUT_COMMENT': return commentProducts(state, action)
+      case 'PRICE_RANGE':
+        return {
+          ...state,
+          priceRange: action.payload
+        }
+      case 'SORT':
+        return { ...state, sortBy: action.payload }
+      case 'DECREMENT':
+        return {
+          ...state
+          // counter: state.counter - 1,
+          // PRODUCT: state?.PRODUCT?.map((items) => {
+          //   return items.pId === action.id ? {
+          //     ...items,
+          //     ProQuantity: items.ProQuantity - 1,
+          //     // ProPrice: ((productExist.ProQuantity + 1) * OurProduct?.ProPrice),
+          //   } : items
+          // })
+        }
+      case 'PAYMENT_METHOD_TRANSACTION':
+        return {
+          ...state,
+          payMethodPState: 1
+        }
+      case 'PAYMENT_METHOD_MONEY':
+        return {
+          ...state,
+          payMethodPState: 0
+        }
+      default:
+        return state
+    }
+  }
+  const [data, dispatch] = useReducer(PRODUCT, initialStateSales, initializer)
+  const handleRemoveValue = useCallback(({name, value, pId}) => {
+    setValues({
+      ...values,
+      [name]: value ?? ''
+    })
+    return dispatch({
+      type: 'PUT_COMMENT',
+      payload: pId,
+      value: ''
+    })
+  }, [])
+  useEffect(() => {
+    Cookies.set(keyToSaveData, JSON.stringify(data), { domain, path: '/' })
+  }, [data, domain])
+
+
+  function addToCartFunc(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
+    })
+    const isFree = productExist?.free
+    return {
+      ...state,
+      counter: state.counter + 1,
+      totalAmount: state.totalAmount + action.payload.ProPrice,
+      startAnimateUp: 'start-animate-up',
+      PRODUCT: !productExist
+        ? [
+          ...state.PRODUCT,
+          {
+            pId: action.payload.pId,
+            pName: action.payload.pName,
+            ProDescription: action.payload.ProDescription,
+            ProImage: action.payload.ProImage,
+            ProPrice: action.payload.ProPrice,
+            ProQuantity: 1
+          }
+        ]
+        : state.PRODUCT.map((items) => {
+          return items.pId === action.payload.pId
+            ? {
+              ...items,
+              ProPrice: isFree ? 0 : (productExist.ProQuantity + 1) * OurProduct?.ProPrice,
+              ProQuantity: productExist.ProQuantity + 1,
+              free: isFree ? true : false
+            }
+            : items
+        })
+    }
+  }
+  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) => {
+      return items.pId === action.payload.pId
+    })
+    return {
+      ...state,
+      PRODUCT: state?.PRODUCT?.map((items) => {
+        return items.pId === action.payload.pId
+          ? {
+            ...items,
+            free: !items.free,
+            ProPrice: items.ProPrice
+              ? 0
+              : items.ProQuantity * productExist?.ProPrice
+          }
+          : items
+      })
+    }
+  }
+
+  // COMMENT_FREE_PRODUCT
+  function commentProducts(state, action, deleteValue) {
+    return {
+      ...state,
+      PRODUCT: state?.PRODUCT?.map((items) => {
+        return items.pId === action.payload
+          ? {
+            ...items,
+            comment: deleteValue ? '' : values.comment,
+          }
+          : items
+      })
+    }
+  }
+
+  const getSortedProduct = (sortData, sortBy) => {
+    if (sortBy && sortBy === 'PRICE_HIGH_TO_LOW') {
+      return (
+        sortData ??
+        sortData.sort((a, b) => {
+          return b['ProPrice'] - a['ProPrice']
+        })
+      )
+    }
+    if (sortBy && sortBy === 'PRICE_LOW_TO_HIGH') {
+      return (
+        sortData ??
+        sortData.sort((a, b) => {
+          return a['ProPrice'] - b['ProPrice']
+        })
+      )
+    }
+    return sortData
+  }
+  const PriceRangeFunc = (products, price) => {
+    return (
+      products?.length > 0 &&
+      products?.filter((items) => {
+        return items?.ProPrice >= price
+      })
+    )
+  }
+
+  const sortedProduct = getSortedProduct(data.PRODUCT, data.sortBy)
+  const finalFilter = PriceRangeFunc(sortedProduct, data.priceRange)
+
+  const handleList = (text) => {
+    let inputText = text.toLowerCase()
+    let dataList = []
+    dataList = finalFilter.filter((item) => {
+      return item.pName.toLowerCase().includes(inputText)
+    })
+    return dataList
+  }
+  const searchedInput = (words) => {
+    setInputValue(words)
+    let n = words.split(' ')
+    if (n.length !== 0) {
+      if (n[n.length - 1] === '') {
+        n.pop()
+      }
+      return n[n.length - 1]
+    }
+    return ''
+  }
+  const newArrayProducts =
+    data?.PRODUCT?.length > 0 &&
+    data?.PRODUCT?.map((product) => {
+      return {
+        pId: product?.pId,
+        id: values?.cliId,
+        cantProducts: parseInt(product?.ProQuantity  ? product?.ProQuantity : 0),
+        comments: product?.comment ?? ''
+      }
+    })
+  const handleSubmit = () => {
+    const code = RandomCode(10)
+    setCode(code)
+    return registerSalesStore({
+      variables: {
+        input: newArrayProducts || [],
+        id: values?.cliId,
+        pCodeRef: code,
+        change: values.change,
+        valueDelivery: parseInt(values.valueDelivery),
+        payMethodPState: data.payMethodPState,
+        pickUp: 1,
+        totalProductsPrice: totalProductPrice || 0
+      },
+      update: (cache, { data: {
+        getAllSalesStoreStatistic,
+        getTodaySales,
+        getAllSalesStore
+      } }) => {
+        updateCacheMod(
+          {
+            cache,
+            query: GET_ALL_SALES,
+            nameFun: 'getAllSalesStore',
+            dataNew: getAllSalesStore,
+        })
+        updateCacheMod(
+          {
+            cache,
+            query: GET_ALL_COUNT_SALES,
+            nameFun: 'getTodaySales',
+            dataNew: getTodaySales,
+          })
+        return updateCacheMod(
+          {
+            cache,
+            query: GET_ALL_SALES_STATISTICS,
+            nameFun: 'getAllSalesStoreStatistic',
+            dataNew: getAllSalesStoreStatistic,
+            type: 2
+          }
+        )
+      }
+    })
+      .then((responseRegisterR) => {
+        if (responseRegisterR) {
+          const { data } = responseRegisterR || {}
+          const { registerSalesStore } = data || {}
+          const { Response } = registerSalesStore || {}
+          console.log(Response)
+          if (Response && Response.success === true) {
+            // dispatch({ type: 'REMOVE_ALL_PRODUCTS' })
+            router.push(
+              {
+                query: {
+                  ...router.query,
+                  saleId: code
+                }
+              },
+              undefined,
+              { shallow: true }
+            )
+            setValues({})
+          }
+        }
+      })
+  }
+  let suma = 0
+  let total = 0
+
+  useEffect(() => {
+    data.PRODUCT.forEach((a) => {
+      const { ProPrice } = a || {}
+      suma += ProPrice
+      setTotalProductPrice(Math.abs(suma))
+    })
+    if (data.PRODUCT.length === 0) {
+      setTotalProductPrice(0)
+    }
+  }, [totalProductPrice, suma, total, data])
+
+
+  const handleProduct = (PRODUCT) => {
+    const { pId } = PRODUCT || {}
+    try {
+      productFoodsOne({ variables: { pId  } })
+      ExtProductFoodsOptionalAll({ variables: { pId  } })
+      ExtProductFoodsAll({ variables: { pId  } })
+      setProduct(() => {
+        return {
+          PRODUCT,
+      }})
+    } catch (error) {
+      console.log({ message: 'Lo sentimos, ocurrió un error' })
+    }
+  }
+
+  return {
+    loading,
+    loadingRegisterSale,
+    openCurrentSale,
+    fetchMore,
+    code,
+    totalProductPrice,
+    saveDataState,
+    product,
+    data,
+    openCommentModal,
+    inputValue,
+    newArrayProducts,
+    delivery,
+    valuesDates,
+    print,
+    finalFilter,
+    showMore,
+    max,
+    values,
+    initialStateSales,
+    productsFood,
+    modalItem,
+    oneProductToComment: oneProductToComment ?? null,
+    dataProduct: dataProduct?.productFoodsOne || {},
+    dataOptional: dataOptional?.ExtProductFoodsOptionalAll || [],
+    dataExtra: dataExtra?.ExtProductFoodsAll || [],
+
+    dispatch,
+    handleComment,
+    setModalItem,
+    handleChangeFilter,
+    handleProduct,
+    handleChange,
+    setOpenCurrentSale,
+    onChangeInput,
+    handleRemoveValue,
+    setDelivery,
+    setValues,
+    setShowMore,
+    PriceRangeFunc,
+    handleSubmit,
+    handleChangeFilterProduct,
+    setTotalProductPrice,
+    setInputValue,
+    getSortedProduct,
+    setPrint: handlePrint,
+    PRODUCT
+  }
+}