npm-pkg-hook 1.3.9 → 1.4.0

package/src/hooks/useCart/{queries.js → queries.ts}

@@ -1,4 +1,4 @@
-import { gql } from '@apollo/client';
+import { gql } from '@apollo/client'
 
 export const CREATE_SHOPPING_CARD = gql`
   mutation registerShoppingCard(
@@ -109,9 +109,19 @@ export const GET_ALL_SHOPPING_CARD = gql`
       getStore {
         idStore
         cId
+        scheduleOpenAll
+        getStoreSchedules {
+          schId
+          idStore
+          schDay
+          schHoSta
+          schHoEnd
+          schState
+        }
         id
         dId
         ctId
+        scheduleOpenAll
         catStore
         neighborhoodStore
         Viaprincipal

package/src/hooks/useCart/useCart/helpers/{index.js → index.ts}

@@ -9,7 +9,7 @@ export const filterDataOptional = (dataOptional) => {
 
   try {
     const filteredDataOptional = dataOptional.map(item => {
-      const checkedSubOptions = item?.ExtProductFoodsSubOptionalAll?.filter(subItem => subItem.check === true)
+      const checkedSubOptions = item?.ExtProductFoodsSubOptionalAll?.filter(subItem => {return subItem.check === true})
       const ExtProductFoodsSubOptionalAll = checkedSubOptions?.map(subItemsOptional => {
         return {
           ...filterKeyObject(subItemsOptional, filters)
@@ -19,7 +19,7 @@ export const filterDataOptional = (dataOptional) => {
         ...filterKeyObject(item, filters),
         ExtProductFoodsSubOptionalAll
       }
-    }).filter(item => item?.ExtProductFoodsSubOptionalAll.length > 0)
+    }).filter(item => {return item?.ExtProductFoodsSubOptionalAll.length > 0})
     return filteredDataOptional
   } catch (error) {
     console.error('An error occurred while filtering data:', error.message)
@@ -36,7 +36,7 @@ export function validateRequirements (filteredDataOptional) {
   if (Array.isArray(filteredDataOptional)) {
     for (const item of filteredDataOptional) {
       if (item.required === 1) {
-        const checkedSubOptions = item?.ExtProductFoodsSubOptionalAll.filter(subItem => subItem.check === true)
+        const checkedSubOptions = item?.ExtProductFoodsSubOptionalAll.filter(subItem => {return subItem.check === true})
         if (checkedSubOptions.length !== item.numbersOptionalOnly) {
           return true
         }
@@ -46,11 +46,15 @@ export function validateRequirements (filteredDataOptional) {
   return false
 }
 
+/**
+ *
+ * @param dataExtra
+ */
 export function validateExtraProducts (dataExtra) {
-  const requiredItems = dataExtra.filter(item => item.exState === 1)
+  const requiredItems = dataExtra.filter(item => {return item.exState === 1})
 
   if (requiredItems.length > 0) {
-    const hasSelectedRequiredProduct = requiredItems.some(item => item.quantity > 0)
+    const hasSelectedRequiredProduct = requiredItems.some(item => {return item.quantity > 0})
     return hasSelectedRequiredProduct
   }
 
@@ -62,7 +66,7 @@ export const filterExtra = (dataExtra) => {
     throw new Error('Input data is not an array')
   }
   try {
-    const dataExtraFiltered = dataExtra.filter(extra => extra.quantity !== 0)
+    const dataExtraFiltered = dataExtra.filter(extra => {return extra.quantity !== 0})
       .map(extra => {
         return {
           ...filterKeyObject(extra, filters)

package/src/hooks/useCart/useCart/{index.js → index.ts}

@@ -1,47 +1,44 @@
-import { useState, useCallback, useEffect } from 'react'
 import { useMutation } from '@apollo/client'
-import { CREATE_SHOPPING_CARD, GET_ALL_SHOPPING_CARD } from '../queries'
+import { useState, useCallback, useEffect } from 'react'
+
 import { RandomCode, updateCacheMod, numberFormat } from '../../../utils'
-import { useExtProductFoodsAll, useGetOneProductsFood } from '../../useProductsFood'
 import { useGetExtProductFoodsSubOptionalAll } from '../../useGetExtProductFoodsSubOptionalAll'
-import { useGetCart } from '../useGetCart'
-import { useRouter } from 'next/router'
+import { useManageQueryParams } from '../../useManageQueryParams'
+import { useExtProductFoodsAll, useGetOneProductsFood } from '../../useProductsFood'
+import { CREATE_SHOPPING_CARD, GET_ALL_SHOPPING_CARD } from '../queries'
+import { useGetCart } from '../useGetCart'
+
 import {
   filterDataOptional,
   filterExtra,
   validateExtraProducts,
   validateRequirements
-} from './helpers'
-import { useManageQueryParams } from '../../useManageQueryParams'
+} from './helpers'
+
 
-/**
- * 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 = {
+    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()
-
+  const { handleCleanQuery } = useManageQueryParams({
+    location
+  })
+  const [loadingButton, setLoadingButton] = useState(false)
   const [dataOptional, setDataOptional] = useState([])
   const [dataExtra, setDataExtra] = useState([])
   const [quantity, setQuantity] = useState(1)
   const [comments, setComments] = useState('')
-  const location = useRouter()
   const queryParamProduct = location.query.plato
   const [registerShoppingCard] = useMutation(CREATE_SHOPPING_CARD, {
     onError: (error) => {
@@ -61,12 +58,12 @@ 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 } })
-    const productFoodsOne = product.data.productFoodsOne || {}
+    const productFoodsOne = product?.data?.productFoodsOne || {}
     setDataOneProduct(productFoodsOne)
 
     const matchingItemInShoppingCart = dataShoppingCard?.find((item) => {
@@ -80,7 +77,7 @@ export const useCart = ({
       })
       const comments = matchingItemInShoppingCart?.comments
       if (comments) {
-        setComments(comments || '')
+        setComments(comments)
       }
       const quantityProduct = matchingItemInShoppingCart?.cantProducts
       if (quantityProduct) {
@@ -97,7 +94,7 @@ export const useCart = ({
       const filteredDataOptional = optionalFetch
         .map((obj) => {
           const filteredSubOptions = (obj.ExtProductFoodsSubOptionalAll || []).filter(
-            (subObj) => subObj.check !== false
+            (subObj) => {return subObj.check !== false}
           )
 
           if (filteredSubOptions.length === 0) {
@@ -109,7 +106,7 @@ export const useCart = ({
             ExtProductFoodsSubOptionalAll: filteredSubOptions
           }
         })
-        .filter((obj) => obj !== null)
+        .filter((obj) => {return obj !== null})
 
       if (matchingItemInShoppingCartOptional?.length === 0) {
         setDataOptional(filteredDataOptional || [])
@@ -119,7 +116,7 @@ export const useCart = ({
         // Actualiza los objetos de filteredDataOptional con información de matchingItemInShoppingCartOptional
         const updateOption = filteredDataOptional?.map((obj) => {
           const matchingArray = matchingItemInShoppingCartOptional?.find(
-            (o) => o && o.opExPid === obj.opExPid
+            (o) => {return o && o.opExPid === obj.opExPid}
           )
 
           if (!matchingArray) {
@@ -128,7 +125,7 @@ export const useCart = ({
 
           // Actualiza las propiedades específicas
           const updatedExtProductFoodsSubOptionalAll = (obj.ExtProductFoodsSubOptionalAll || []).map((subObj) => {
-            const newItem = matchingArray.saleExtProductFoodsSubOptionalAll?.find((newItem) => newItem && newItem.opSubExPid === subObj.opSubExPid)
+            const newItem = matchingArray.saleExtProductFoodsSubOptionalAll?.find((newItem) => {return newItem && newItem.opSubExPid === subObj.opSubExPid})
 
             if (newItem) {
               return {
@@ -144,7 +141,7 @@ export const useCart = ({
             ...obj,
             ExtProductFoodsSubOptionalAll: updatedExtProductFoodsSubOptionalAll
           }
-        }).filter((obj) => obj)
+        }).filter((obj) => {return obj})
 
         setDataOptional(updateOption || [])
       }
@@ -155,7 +152,7 @@ export const useCart = ({
 
     if (Array.isArray(originalArray) && originalArray?.length) {
       const fetchedDataExtra = originalArray?.map(extra => {
-        const updatedExtra = shoppingCartOptionalAll?.find(updatedItem => updatedItem.exPid === extra.exPid)
+        const updatedExtra = shoppingCartOptionalAll?.find(updatedItem => {return updatedItem.exPid === extra.exPid})
         if (updatedExtra) {
           return {
             ...extra,
@@ -169,13 +166,16 @@ export const useCart = ({
         }
       })
 
-      setDataExtra(fetchedDataExtra || [])
+      setDataExtra(fetchedDataExtra)
     }
   }
 
   /**
    * The function `handleIncrementExtra` updates the quantity and price of a specific extra product in
    * an array based on the provided index and product ID.
+   * @param root0
+   * @param root0.extra
+   * @param root0.index
    */
   function handleIncrementExtra ({ extra, index }) {
     // Desestructura las propiedades necesarias de dataOneProduct
@@ -208,6 +208,12 @@ export const useCart = ({
     }
   }
 
+  /**
+   *
+   * @param root0
+   * @param root0.extra
+   * @param root0.index
+   */
   function handleDecrementExtra ({ extra, index }) {
     // Desestructura las propiedades necesarias de dataOneProduct
     const { pId } = dataOneProduct || {}
@@ -216,7 +222,7 @@ export const useCart = ({
     const { exPid = null } = extra
 
     // Encuentra el índice del objeto extra en dataExtra
-    const extraIndex = dataExtra.findIndex((item) => item.exPid === exPid)
+    const extraIndex = dataExtra.findIndex((item) => {return item.exPid === exPid})
 
     if (pId && exPid && extraIndex !== -1) {
       const newExtra = dataExtra.map((producto, i) => {
@@ -274,10 +280,10 @@ export const useCart = ({
 
   const handleAddOptional = ({ exOptional = null, codeCategory = null }) => {
     if (!exOptional || !codeCategory) return
-    const item = dataOptional.find((item) => item.code === codeCategory)
+    const item = dataOptional.find((item) => {return item.code === codeCategory})
     if (!item) return
     const idx = item.ExtProductFoodsSubOptionalAll.findIndex(
-      (el) => el.opSubExPid === exOptional
+      (el) => {return el.opSubExPid === exOptional}
     )
     if (item && idx !== -1) {
       const updatedItem = {
@@ -292,9 +298,9 @@ export const useCart = ({
         ]
       }
       const newData = dataOptional.map((el) =>
-        el.code === codeCategory ? updatedItem : el
+      {return el.code === codeCategory ? updatedItem : el}
       )
-      setDataOptional((prevData) => [...newData])
+      setDataOptional((prevData) => {return [...newData]})
     }
   }
 
@@ -309,13 +315,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
@@ -359,11 +365,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 = () => {
@@ -393,6 +406,7 @@ export const useCart = ({
     comments,
     loading: loadingProduct || loading,
     dataOneProduct,
+    loadingButton,
     dataExtra,
     dataOptional,
     setQuantity,

package/src/hooks/useCart/useGetCart/{index.js → index.ts}

@@ -1,9 +1,12 @@
+import { useQuery } from '@apollo/client'
+
 import { GET_ALL_SHOPPING_CARD } from '../queries'
-import { useQuery } from '@apollo/client'
 
 export const useGetCart = ({
-  setAlertBox = () => { },
-  setCountItemProduct = () => { }
+  setAlertBox = ({
+    message
+  }) => { return { message } },
+  setCountItemProduct = (number) => { return number }
 } = {}) => {
   const {
     data,

package/src/hooks/useCatWithProduct/{index.js → index.ts}

@@ -1,24 +1,34 @@
-import { useQuery } from '@apollo/client'
+import { useQuery } from '@apollo/client'
+
 import { GET_ALL_CATEGORIES_WITH_PRODUCT } from './queries'
+import { GetCatProductsWithProductResponse, ICatWithProduct } from './types'
 
 export const useCatWithProduct = ({
-  max = 1,
+  max = 400,
   min = 0,
   search = null,
   productName = null,
-  searchFilter = {}
-}) => {
+  searchFilter = {},
+  callback = () => {}
+}: ICatWithProduct) => {
   const {
     gender,
     desc,
     speciality
-  } = searchFilter || {}
+  } = searchFilter ?? {
+    gender: [],
+    desc: null,
+    speciality: []
+  }
   const {
     data,
     loading,
     error,
     fetchMore
   } = useQuery(GET_ALL_CATEGORIES_WITH_PRODUCT, {
+    onCompleted: (data) => {
+      callback(data as GetCatProductsWithProductResponse)
+    },
     fetchPolicy: 'network-only',
     variables:
     {
@@ -26,7 +36,7 @@ export const useCatWithProduct = ({
       productName,
       gender,
       min,
-      max: 400,
+      max,
       desc,
       categories: speciality
     }
@@ -41,4 +51,4 @@ export const useCatWithProduct = ({
       totalCount
     }
   ]
-}
+}

package/src/hooks/useCatWithProduct/{queries.js → queries.ts}

@@ -49,8 +49,8 @@ mutation deleteCatFinalOfProducts($idPc: ID, $withProduct: Boolean) {
   }
 `
 export const DELETE_EXTRA_PRODUCTS = gql`
-  mutation  deleteextraproductfoods($id: ID, $state: Int){
-    deleteextraproductfoods(id: $id, state: $state){
+  mutation  deleteExtraProduct($id: ID, $state: Int){
+    deleteExtraProduct(id: $id, state: $state){
       success, 
       message
   }
@@ -117,26 +117,43 @@ query ExtProductFoodsAll($search: String, $min: Int, $max: Int, $pId: ID) {
 }
 `
 export const GET_ALL_CATEGORIES_WITH_PRODUCT = gql`
-query getCatProductsWithProduct($search: String, $productName: String, $min: Int, $max: Int, $gender: [String], $desc: [String], $categories: [ID], ) {
-  getCatProductsWithProduct(search: $search, min: $min, productName:$productName, max: $max, gender: $gender, desc: $desc, categories: $categories,) {
-        totalCount,
-    catProductsWithProduct {
-    carProId
-    pState
-    pState
-    ProImage
-    idStore
-    pName
+query getCatProductsWithProduct(
+  $search: String
+  $productName: String
+  $min: Int
+  $max: Int
+  $gender: [String]
+  $desc: [String]
+  $categories: [ID]
+) {
+  getCatProductsWithProduct(
+    search: $search
+    min: $min
+    productName: $productName
+    max: $max
+    gender: $gender
+    desc: $desc
+    categories: $categories
+  ) {
     totalCount
-    ProDescription
-    ProImage
-    pState
-    pDatCre
-    pDatMod
-    productFoodsAll {
-         pId
+    catProductsWithProduct {
+      carProId
+      pState
+      pState
+      ProImage
+      idStore
+      pName
+      totalCount
+      ProDescription
+      ProImage
+      pState
+      createdAt
+      updatedAt
+      productFoodsAll {
+        pId
+        stock
+        manageStock
         sizeId
-      
         colorId
         carProId
         cId
@@ -164,9 +181,19 @@ query getCatProductsWithProduct($search: String, $productName: String, $min: Int
         ProVoltaje
         pState
         sTateLogistic
-        pDatCre
-        pDatMod
-    }
+        createdAt
+        updatedAt
+        product_availables {
+          availableProductId
+          pId
+          idStore
+          dayAvailable
+          startDate
+          endDate
+          createdAt
+          updatedAt
+        }
+      }
     }
   }
 }

package/src/hooks/useCatWithProduct/types/index.ts

@@ -0,0 +1,104 @@
+export interface ICatWithProduct {
+  max?: number
+  min?: number
+  search?: string | null
+  productName?: string | null
+  searchFilter?: {
+    gender?: string[]
+    desc?: string | null
+    speciality?: string[]
+  }
+  callback?: Function  
+}
+
+
+// =====================
+// Query Variables
+// =====================
+
+export interface GetCatProductsWithProductVariables {
+  search?: string
+  productName?: string
+  min?: number
+  max?: number
+  gender?: string[]
+  desc?: string[]
+  categories?: string[]
+}
+
+// =====================
+// Response Types
+// =====================
+
+export interface GetCatProductsWithProductResponse {
+  getCatProductsWithProduct: {
+    totalCount: number
+    catProductsWithProduct: CatProductWithProduct[]
+  }
+}
+
+// =====================
+// Main Entities
+// =====================
+
+export interface CatProductWithProduct {
+  carProId: string
+  pState: number
+  ProImage: string | null
+  idStore: string
+  pName: string
+  totalCount: number
+  checked?: boolean
+  ProDescription?: string | null
+  createdAt: string
+  updatedAt: string
+  productFoodsAll: ProductFood[]
+}
+
+export interface ProductFood {
+  pId: string
+  stock: number
+  manageStock: boolean
+  sizeId?: string | null
+  colorId?: string | null
+  carProId: string
+  cId?: string | null
+  dId?: string | null
+  ctId?: string | null
+  idStore: string
+  caId?: string | null
+  fId?: string | null
+  pName: string
+  ProPrice: number
+  ProDescuento?: number | null
+  ProUniDisponibles?: number | null
+  ProDescription?: string | null
+  ProProtegido?: boolean | null
+  ProAssurance?: boolean | null
+  ProImage?: string | null
+  ProStar?: number | null
+  ProWidth?: number | null
+  ProHeight?: number | null
+  ProLength?: number | null
+  ProWeight?: number | null
+  ProQuantity?: number | null
+  ProOutstanding?: boolean | null
+  ProDelivery?: boolean | null
+  ProVoltaje?: string | null
+  pState: number
+  sTateLogistic?: number | null
+  createdAt: string
+  updatedAt: string
+  product_availables: ProductAvailable[]
+}
+
+export interface ProductAvailable {
+  availableProductId: string
+  pId: string
+  idStore: string
+  dayAvailable: string
+  startDate: string
+  endDate: string
+  createdAt: string
+  updatedAt: string
+}

package/src/hooks/useCatWithProductClient/{index.js → index.ts}

@@ -1,6 +1,7 @@
-import { useQuery } from '@apollo/client';
-import { GET_ALL_CATEGORIES_WITH_PRODUCT_CLIENTS } from './queries';
-import { useMemo } from 'react';
+import { useQuery } from '@apollo/client'
+import { useMemo } from 'react'
+
+import { GET_ALL_CATEGORIES_WITH_PRODUCT_CLIENTS } from './queries'
 
 /**
  * Custom hook to fetch categories with product data.
@@ -17,9 +18,9 @@ export const useCatWithProductClient = (idStore) => {
       search: '',
       gender: [],
       desc: [],
-      categories: [],
-    },
-  });
+      categories: []
+    }
+  })
 
   const fetchCategories = () => {
     fetchMore({
@@ -29,28 +30,28 @@ export const useCatWithProductClient = (idStore) => {
         search: '',
         gender: [],
         desc: [],
-        categories: [],
+        categories: []
       },
       updateQuery: (prev, { fetchMoreResult }) => {
-        if (!fetchMoreResult) return prev;
+        if (!fetchMoreResult) return prev
         return {
           ...prev,
-          getCatProductsWithProductClient: fetchMoreResult.getCatProductsWithProductClient,
-        };
-      },
-    });
-  };
+          getCatProductsWithProductClient: fetchMoreResult.getCatProductsWithProductClient
+        }
+      }
+    })
+  }
 
   // Utiliza useMemo para memorizar el resultado filtrado
   const filteredData = useMemo(() => {
     return data?.getCatProductsWithProductClient?.filter(
-      (category) => category?.productFoodsAll?.length > 0
-    ) || [];
-  }, [data]);
+      (category) => {return category?.productFoodsAll?.length > 0}
+    ) || []
+  }, [data])
 
   return [filteredData, {
     loading,
     error,
-    fetchCategories,
+    fetchCategories
   }]
-};
+}

package/src/hooks/useCatWithProductClient/{queries.js → queries.ts}

@@ -17,6 +17,7 @@ query getCatProductsWithProductClient($search: String, $min: Int, $max: Int, $ge
     productFoodsAll {
          pId
         sizeId
+        stock
         colorId
         carProId
         cId

package/src/hooks/useCategoriesProduct/{index.js → index.ts}

@@ -1,4 +1,5 @@
-import { useQuery } from '@apollo/client'
+import { useQuery } from '@apollo/client'
+
 import { GET_ULTIMATE_CATEGORY_PRODUCTS } from './queries'
 
 export const useCategoriesProduct = () => {
@@ -8,5 +9,6 @@ export const useCategoriesProduct = () => {
     error,
     networkStatus
   } = useQuery(GET_ULTIMATE_CATEGORY_PRODUCTS)
+
   return [data?.catProductsAll, { loading, error, networkStatus }]
 }