npm-pkg-hook 1.0.0 → 1.0.2

package/src/hooks/useSales/index.js

@@ -0,0 +1,489 @@
+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
+  }
+}

package/src/hooks/useSales/queries.js

@@ -0,0 +1,230 @@
+import { gql } from '@apollo/client'
+
+export const GET_ALL_SALES = gql`
+query getAllSalesStore($idStore: ID,$search: String, $min: Int, $max: Int $fromDate: DateTime, $toDate: DateTime ) {
+  getAllSalesStore(idStore: $idStore, search: $search, min: $min, max: $max, toDate: $toDate, fromDate: $fromDate) {
+    totalProductsPrice
+    pDatCre
+   
+  }
+}
+`
+export const GET_ALL_SALES_STATISTICS = gql`
+query getAllSalesStoreStatistic($idStore: ID,$search: String, $min: Int, $max: Int $fromDate: DateTime, $toDate: DateTime ) {
+  getAllSalesStoreStatistic(idStore: $idStore, search: $search, min: $min, max: $max, toDate: $toDate, fromDate: $fromDate) {
+    pdpId
+    idStore
+    pCodeRef
+    payMethodPState
+    pPRecoger
+    totalProductsPrice
+    pSState
+    pDatCre
+    locationUser
+    pDatMod
+    getAllPedidoStore{
+        pdpId
+      	pId
+      	idStore
+      	ShoppingCard
+        pCodeRef
+        pPStateP
+        payMethodPState
+        pPRecoger
+        pDatCre
+        pDatMod
+      	getAllShoppingCard {
+          ShoppingCard
+          comments
+          cantProducts
+          pId
+        productFood{
+          pId
+          carProId
+          colorId
+          idStore
+          pName
+          ProPrice
+          ProDescuento
+          ProDescription
+          ValueDelivery
+          ProImage
+          ProStar
+          pState
+          pDatCre
+          pDatMod
+        }
+      }
+    }
+  }
+}
+`
+
+export const GET_ONE_SALES = gql`
+query getOneSalesStore($pCodeRef: String) {
+  getOneSalesStore(pCodeRef: $pCodeRef) {
+    pdpId
+    idStore
+    pCodeRef
+    payMethodPState
+    pPRecoger
+    totalProductsPrice
+    pSState
+    pDatCre
+    locationUser
+    pDatMod
+    getAllPedidoStore{
+        pdpId
+      	pId
+      	idStore
+      	ShoppingCard
+        pCodeRef
+        pPStateP
+        payMethodPState
+        pPRecoger
+        pDatCre
+        pDatMod
+      	getAllShoppingCard {
+          ShoppingCard
+          comments
+          cantProducts
+          pId
+        productFood{
+          pId
+          carProId
+          colorId
+          idStore
+          pName
+          ProPrice
+          ProDescuento
+          ProDescription
+          ValueDelivery
+          ProImage
+          ProStar
+          pState
+          pDatCre
+          pDatMod
+        }
+      }
+    }
+  }
+}
+`
+
+
+export const CREATE_CLIENTS = gql`
+mutation createClients ($input: IClients) {
+  createClients(input: $input) {
+    cliId
+    idStore
+    idUser
+    clState
+    ClientAddress
+    clientNumber
+    ccClient
+    gender
+    clientLastName
+    clientName
+    createAt
+    updateAt
+  }
+}
+`
+export const DELETE_ONE_CLIENTS = gql`
+mutation deleteClient($cliId: ID, $clState: Int!) {
+  deleteClient(cliId: $cliId, clState: $clState) {
+    success
+    message
+  }
+}
+`
+export const GET_ALL_CLIENTS = gql`
+query getAllClients($idStore: ID, $cId: ID, $dId: ID, $ctId: ID, $search: String,  $min: Int, $max: Int, $fromDate: DateTime, $toDate: DateTime ) {
+  getAllClients(idStore: $idStore, cId: $cId, dId: $dId, ctId: $ctId, search: $search, min: $min, max: $max, fromDate: $fromDate, toDate: $toDate) {
+    cliId
+    idStore
+    gender
+    # idUser
+    clState
+    clientNumber
+    ccClient
+    clientLastName
+    clientName
+    ClientAddress
+    createAt
+    updateAt
+
+  }
+}
+`
+export const GET_ONE_CLIENT = gql`
+query getOneClients($cliId: ID) {
+  getOneClients(cliId: $cliId) {
+    cliId
+    idStore
+    idUser
+    clState
+    clientNumber
+    ClientAddress
+    gender
+    ccClient
+    clientLastName
+    clientName
+    createAt
+    updateAt
+
+  }
+}
+`
+
+export const CREATE_SHOPPING_CARD = gql`
+mutation  registerShoppingCard($input: IShoppingCard, $idSubArray: IID_SUB_ITEMS){
+    registerShoppingCard(input: $input, idSubArray: $idSubArray){
+      ShoppingCard
+      id
+      pId
+      subProductsId
+      ShoppingCardRefCode
+      uuid
+      discountCardProduct
+      idUser
+      cName
+      idStore
+      cState
+      cDatCre
+      cDatMod
+      csDescription
+      cantProducts
+      comments
+      # idSubArray
+  }
+}
+`
+export const CREATE_SHOPPING_CARD_TO_USER_STORE = gql`
+mutation  registerSalesStore($input: [IShoppingCard], $id: ID, $idStore: ID, $pCodeRef: String, $change: String, $valueDelivery: Float, $payMethodPState: Int, $pickUp: Int, $totalProductsPrice: Float, $idSubArray: IID_SUB_ITEMS){
+    registerSalesStore(input: $input, id: $id, idStore: $idStore, pCodeRef: $pCodeRef,  change: $change, valueDelivery: $valueDelivery, payMethodPState: $payMethodPState, pickUp: $pickUp, totalProductsPrice: $totalProductsPrice,  idSubArray: $idSubArray){
+ 			ShoppingCard {
+      ShoppingCard
+      id
+      pId
+      subProductsId
+      ShoppingCardRefCode
+      uuid
+      discountCardProduct
+      idUser
+      cName
+      idStore
+      cState
+      cDatCre
+      cDatMod
+      csDescription
+      cantProducts
+      comments
+        }
+    Response {
+      success
+      message
+    }
+  }
+}
+`