npm-pkg-hook 1.12.7 → 1.12.9

package/src/hooks/useAsideCart/index.ts

@@ -0,0 +1,217 @@
+import { useMutation } from '@apollo/client'
+import {
+  useState,
+  useEffect,
+  useMemo
+} from 'react'
+
+import { statusOpenStores } from '../statusOpenStores'
+import { useCart, useGetCart } from '../useCart'
+import { useManageQueryParams } from '../useManageQueryParams'
+
+import { calculateTotalPrice } from './helpers'
+import { DELETE_ONE_ITEM_SHOPPING_PRODUCT } from './queries'
+
+
+export const useAsideCart = ({
+  openModalProduct = false,
+  location = {
+    pathname: '',
+    push: (props, state, { shallow }) => {
+      return { ...props, state, shallow }
+    },
+    query: {
+      plato: ''
+    }
+  },
+  setCountItemProduct = (number) => { return number },
+  setAlertBox = (args) => { return args },
+  setOpenModalProduct = () => { },
+  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,
+    openModalProduct,
+    location,
+    setOpenModalProduct
+  })
+
+  const { handleQuery } = useManageQueryParams({
+    location
+  })
+
+  const [totalProductPrice, setTotalProductPrice] = useState(0)
+
+  const [dataShoppingCard, { loading }] = useGetCart({ setCountItemProduct })
+
+  // Lógica de transformación de los datos
+  const result2 = useMemo(() => {
+    if (!loading && dataShoppingCard) {
+      return dataShoppingCard.reduce((r, a) => {
+        const storeName = a.getStore?.storeName
+        if (storeName) {
+          r[storeName] = r[storeName] || []
+          r[storeName].push(a)
+        }
+        return r
+      }, {})
+    }
+    return {}
+  }, [loading, dataShoppingCard])
+
+  // Obtener dataProduct2 directamente
+  const key = useMemo(() => {
+    return Object.keys(result2)
+  }, [result2])
+
+  useEffect(() => {
+    const totalPrice = calculateTotalPrice(dataShoppingCard)
+    setTotalProductPrice(Math.abs(totalPrice))
+  }, [dataShoppingCard])
+
+  const [deleteOneItem] = useMutation(DELETE_ONE_ITEM_SHOPPING_PRODUCT, {
+    onCompleted: data => {
+      setAlertBox({ message: data?.deleteOneItem?.message })
+
+      if (dataShoppingCard?.length === 1 && data?.deleteOneItem?.success) {
+        setAlertBox({ message: 'Tu carrito está vacío' }) // Ajusta el mensaje en español
+        handleMenu(false) // Oculta el menú del carrito
+      }
+    }
+  })
+
+  const handleEditProduct = async (item) => {
+    const pId = item?.pId || null
+    if (pId) handleQuery('plato', pId)
+    if (pId) {
+      const product = { pId, intoCart: true }
+      getOneProduct(product)
+    }
+  }
+  /**
+   * Handle the deletion of a shopping cart item.
+   * @param {Object} item - The item to be deleted from the shopping cart.
+   */
+  const handleDeleteItemShopping = async (item) => {
+    if (!item) {
+      return setAlertBox({
+        message: 'Error borrando el producto. Por favor intenta nuevamente.',
+        color: 'error'
+      })
+    }
+
+    try {
+      const { cState, ShoppingCard } = item
+      await deleteOneItem({
+        variables: { cState, ShoppingCard },
+        update: (cache) => {
+          cache.modify({
+            fields: {
+              getAllShoppingCard (existingCart, { readField }) {
+                if (!Array.isArray(existingCart)) return []
+
+                const filteredCart = existingCart.filter(product =>
+                {return readField('ShoppingCard', product) !== ShoppingCard}
+                )
+
+                // Actualizar el contador de productos
+                setCountItemProduct(filteredCart.length)
+
+                return filteredCart?.length > 0 ? filteredCart : []
+              }
+            }
+          })
+        }
+      })
+    } catch (error) {
+      setAlertBox({ message: 'Error borrando el producto. Por favor intenta nuevamente.', color: 'error' })
+    }
+  }
+
+  /**
+   * Calculate the total price of a product.
+   * @param {number} ProPrice - The price of the product.
+   * @param {number} ProDelivery - The delivery cost of the product.
+   * @param {number} cant - The quantity of the product.
+   * @returns {number} The calculated total price.
+   */
+  const sumProduct = (ProPrice, ProDelivery, cant) => {
+    // Convertir a números, con manejo de posibles errores
+    const price = ProPrice
+    const delivery = ProDelivery || 0
+    const quantity = cant
+
+    // Verificar si las conversiones fueron exitosas
+    if (isNaN(price) || isNaN(delivery) || isNaN(quantity)) {
+      throw new Error('Los valores proporcionados no son números válidos.')
+    }
+
+    // Calcular el precio final
+    const priceFinal = quantity * price
+
+    // Devolver la suma total, incluyendo el costo de entrega si es aplicable
+    return delivery ? priceFinal + delivery : priceFinal
+  }
+  console.log(dataShoppingCard)
+
+  /**
+   * Verifica el estado de apertura de la tienda.
+   *
+   * @returns {Object|null} Objeto con el estado de apertura de la tienda o null en caso de error.
+   * @throws {Error} Si ocurre un error durante la verificación del estado de la tienda.
+   */
+  const handleVerifyStoreOpenStatus = () => {
+  /**
+   * @type {Array} dataShoppingCard - El array de la tarjeta de compras.
+   */
+    if (!Array.isArray(dataShoppingCard)) {
+      return { open: false } // Retorna un objeto indicando que la tienda no está abierta
+    }
+
+    /**
+     * @type {Object} store - La primera tienda en el array de la tarjeta de compras.
+     */
+    const store = dataShoppingCard[0] || {}
+    /**
+     * @type {Object} getStore - El objeto que contiene información de la tienda.
+     */
+    const { getStore } = store
+
+    /**
+     * @type {Array} storeSchedules - El array de horarios de la tienda.
+     */
+    const storeSchedules = Array.isArray(getStore?.getStoreSchedules) ? getStore?.getStoreSchedules : []
+    try {
+      const status = getStore?.scheduleOpenAll ? { open: true } : statusOpenStores({ dataSchedules: storeSchedules })
+      return status
+    } catch (error) {
+      return null
+    }
+  }
+
+  return {
+    key,
+    totalProductPrice,
+    result2,
+    dataShoppingCard,
+    handleDeleteItemShopping,
+    handleEditProduct,
+    handleVerifyStoreOpenStatus,
+    sumProduct
+  }
+}

package/src/hooks/useAsideCart/queries.ts

@@ -0,0 +1,10 @@
+import { gql } from '@apollo/client'
+
+export const DELETE_ONE_ITEM_SHOPPING_PRODUCT = gql`
+mutation deleteOneItem($cState: Int, $ShoppingCard: ID) {
+  deleteOneItem(cState: $cState, ShoppingCard: $ShoppingCard){
+    success
+    message
+  }
+}
+`

package/src/hooks/useBanner/index.ts

@@ -0,0 +1,20 @@
+import { useQuery } from '@apollo/client'
+
+import { GET_ONE_BANNER_STORE } from '../useProductsFood/queriesStore'
+import { useStore } from '../useStore'
+
+export const useBanner = () => {
+  const [store, { loading: loaStore }] = useStore()
+
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(GET_ONE_BANNER_STORE, {
+    context: { clientName: 'admin-server' },
+    variables: {
+      idStore: !loaStore && store?.idStore
+    }
+  })
+  return [data?.getOneBanners, { loading, error }]
+}

package/src/hooks/useCart/index.ts

@@ -0,0 +1,2 @@
+export * from './useCart'
+export * from './useGetCart'

package/src/hooks/useCart/queries.ts

@@ -0,0 +1,174 @@
+import { gql } from '@apollo/client'
+
+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
+    }
+  }
+`
+
+export const GET_ALL_SHOPPING_CARD = gql`
+  query getAllShoppingCard {
+    getAllShoppingCard {
+      ShoppingCard
+      cState
+      idStore
+      refCodePid
+      pId
+      comments
+      salesExtProductFoodOptional {
+        pId
+        opExPid
+        OptionalProName
+        state
+        code
+        required
+        numbersOptionalOnly
+        pDatCre
+        pDatMod
+        saleExtProductFoodsSubOptionalAll {
+          pId
+          opExPid
+          idStore
+          opSubExPid
+          OptionalSubProName
+          exCodeOptionExtra
+          exCode
+          state
+          pDatCre
+          pDatMod
+        }
+      }
+      ExtProductFoodsAll {
+        pId
+        exPid
+        exState
+        extraName
+        extraPrice
+        quantity
+        newExtraPrice
+        state
+        pDatCre
+        pDatMod
+      }
+      productFood {
+        pId
+        carProId
+        sizeId
+        colorId
+        idStore
+        cId
+        caId
+        dId
+        ctId
+        tpId
+        fId
+        pName
+        ProPrice
+        ProDescuento
+        ProUniDisponibles
+        ProDescription
+        ValueDelivery
+        ProProtegido
+        ProAssurance
+        ProImage
+        ProStar
+        ProWidth
+        ProHeight
+        ProLength
+        ProWeight
+        ProQuantity
+        ProOutstanding
+        ProDelivery
+        ProVoltaje
+        pState
+        sTateLogistic
+        pDatCre
+        pDatMod
+      }
+      cantProducts
+      getStore {
+        idStore
+        cId
+        scheduleOpenAll
+        getStoreSchedules {
+          schId
+          idStore
+          schDay
+          schHoSta
+          schHoEnd
+          schState
+        }
+        id
+        dId
+        ctId
+        scheduleOpenAll
+        catStore
+        neighborhoodStore
+        Viaprincipal
+        storeOwner
+        storeName
+        emailStore
+        storePhone
+        socialRaz
+        Image
+        banner
+        documentIdentifier
+        uPhoNum
+        ULocation
+        upLat
+        upLon
+        uState
+        siteWeb
+        description
+        NitStore
+        typeRegiments
+        typeContribute
+        secVia
+        addressStore
+        createdAt
+        pais {
+          cId
+          cName
+          cCalCod
+          cState
+          cDatCre
+          cDatMod
+        }
+        city {
+          ctId
+          dId
+          cName
+          cState
+        }
+        department {
+          dId
+          cId
+          dName
+          dState
+          dDatCre
+          dDatMod
+        }
+      }
+    }
+  }
+`

package/src/hooks/useCart/useCart/helpers/index.ts

@@ -0,0 +1,79 @@
+import { filterKeyObject } from '../../../../utils'
+
+const filters = ['__typename']
+
+export const filterDataOptional = (dataOptional) => {
+  if (!Array.isArray(dataOptional)) {
+    throw new Error('Input data is not an array')
+  }
+
+  try {
+    const filteredDataOptional = dataOptional.map(item => {
+      const checkedSubOptions = item?.ExtProductFoodsSubOptionalAll?.filter(subItem => {return subItem.check === true})
+      const ExtProductFoodsSubOptionalAll = checkedSubOptions?.map(subItemsOptional => {
+        return {
+          ...filterKeyObject(subItemsOptional, filters)
+        }
+      })
+      return {
+        ...filterKeyObject(item, filters),
+        ExtProductFoodsSubOptionalAll
+      }
+    }).filter(item => {return item?.ExtProductFoodsSubOptionalAll.length > 0})
+    return filteredDataOptional
+  } catch (error) {
+    console.error('An error occurred while filtering data:', error.message)
+    return []
+  }
+}
+
+/**
+ * Valida los requerimientos de elementos opcionales.
+ * @param {Array} filteredDataOptional - El array de datos a validar.
+ * @returns {boolean} Devuelve true si se cumplen los requerimientos, de lo contrario, false.
+ */
+export function validateRequirements (filteredDataOptional) {
+  if (Array.isArray(filteredDataOptional)) {
+    for (const item of filteredDataOptional) {
+      if (item.required === 1) {
+        const checkedSubOptions = item?.ExtProductFoodsSubOptionalAll.filter(subItem => {return subItem.check === true})
+        if (checkedSubOptions.length !== item.numbersOptionalOnly) {
+          return true
+        }
+      }
+    }
+  }
+  return false
+}
+
+/**
+ *
+ * @param dataExtra
+ */
+export function validateExtraProducts (dataExtra) {
+  const requiredItems = dataExtra.filter(item => {return item.exState === 1})
+
+  if (requiredItems.length > 0) {
+    const hasSelectedRequiredProduct = requiredItems.some(item => {return item.quantity > 0})
+    return hasSelectedRequiredProduct
+  }
+
+  return true
+}
+
+export const filterExtra = (dataExtra) => {
+  if (!Array.isArray(dataExtra)) {
+    throw new Error('Input data is not an array')
+  }
+  try {
+    const dataExtraFiltered = dataExtra.filter(extra => {return extra.quantity !== 0})
+      .map(extra => {
+        return {
+          ...filterKeyObject(extra, filters)
+        }
+      })
+    return dataExtraFiltered
+  } catch (error) {
+    return []
+  }
+}