npm-pkg-hook 1.12.4 → 1.12.8

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

@@ -1,14 +1,17 @@
+import { useMutation } from '@apollo/client'
 import {
   useState,
   useEffect,
   useMemo
-} from 'react'
-import { useMutation } from '@apollo/client'
-import { DELETE_ONE_ITEM_SHOPPING_PRODUCT } from './queries'
-import { useCart, useGetCart } from '../useCart'
-import { useManageQueryParams } from '../useManageQueryParams'
-import { calculateTotalPrice } from './helpers'
+} 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,
@@ -101,9 +104,9 @@ export const useAsideCart = ({
     }
   }
   /**
- * Handle the deletion of a shopping cart item.
- * @param {Object} item - The item to be deleted from the shopping cart.
- */
+   * 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({
@@ -123,7 +126,7 @@ export const useAsideCart = ({
                 if (!Array.isArray(existingCart)) return []
 
                 const filteredCart = existingCart.filter(product =>
-                  readField('ShoppingCard', product) !== ShoppingCard
+                {return readField('ShoppingCard', product) !== ShoppingCard}
                 )
 
                 // Actualizar el contador de productos
@@ -167,11 +170,11 @@ export const useAsideCart = ({
   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.
- */
+   * 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.
@@ -181,17 +184,17 @@ export const useAsideCart = ({
     }
 
     /**
-   * @type {Object} store - La primera tienda en el array de la tarjeta de compras.
-   */
+     * @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 })

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

@@ -1,4 +1,5 @@
-import { useQuery } from '@apollo/client'
+import { useQuery } from '@apollo/client'
+
 import { GET_ONE_BANNER_STORE } from '../useProductsFood/queriesStore'
 import { useStore } from '../useStore'
 

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,17 +1,20 @@
-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 { 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'
+
 
 export const useCart = ({
   location = {
@@ -91,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) {
@@ -103,7 +106,7 @@ export const useCart = ({
             ExtProductFoodsSubOptionalAll: filteredSubOptions
           }
         })
-        .filter((obj) => obj !== null)
+        .filter((obj) => {return obj !== null})
 
       if (matchingItemInShoppingCartOptional?.length === 0) {
         setDataOptional(filteredDataOptional || [])
@@ -113,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) {
@@ -122,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 {
@@ -138,7 +141,7 @@ export const useCart = ({
             ...obj,
             ExtProductFoodsSubOptionalAll: updatedExtProductFoodsSubOptionalAll
           }
-        }).filter((obj) => obj)
+        }).filter((obj) => {return obj})
 
         setDataOptional(updateOption || [])
       }
@@ -149,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,
@@ -170,6 +173,9 @@ export const useCart = ({
   /**
    * 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
@@ -202,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 || {}
@@ -210,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) => {
@@ -268,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 = {
@@ -286,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]})
     }
   }
 

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

@@ -1,5 +1,6 @@
+import { useQuery } from '@apollo/client'
+
 import { GET_ALL_SHOPPING_CARD } from '../queries'
-import { useQuery } from '@apollo/client'
 
 export const useGetCart = ({
   setAlertBox = ({

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

@@ -1,13 +1,16 @@
-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,
@@ -23,6 +26,9 @@ export const useCatWithProduct = ({
     error,
     fetchMore
   } = useQuery(GET_ALL_CATEGORIES_WITH_PRODUCT, {
+    onCompleted: (data) => {
+      callback(data as GetCatProductsWithProductResponse)
+    },
     fetchPolicy: 'network-only',
     variables:
     {
@@ -30,7 +36,7 @@ export const useCatWithProduct = ({
       productName,
       gender,
       min,
-      max: 400,
+      max,
       desc,
       categories: speciality
     }

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,5 +1,6 @@
-import { useMemo } from 'react'
 import { useQuery } from '@apollo/client'
+import { useMemo } from 'react'
+
 import { GET_ALL_CATEGORIES_WITH_PRODUCT_CLIENTS } from './queries'
 
 /**
@@ -44,7 +45,7 @@ export const useCatWithProductClient = (idStore) => {
   // Utiliza useMemo para memorizar el resultado filtrado
   const filteredData = useMemo(() => {
     return data?.getCatProductsWithProductClient?.filter(
-      (category) => category?.productFoodsAll?.length > 0
+      (category) => {return category?.productFoodsAll?.length > 0}
     ) || []
   }, [data])
 

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 = () => {

package/src/hooks/useCategoryInStore/index.ts

@@ -0,0 +1,167 @@
+import { useMutation, useQuery, ApolloError } from '@apollo/client'
+import { useState } from 'react'
+
+import {
+  DELETE_ONE_CAT_PRODUCTS,
+  GET_ULTIMATE_CATEGORY_PRODUCTS,
+  UPDATE_CAT_IN_PRODUCT
+} from '../useProductsFood/queriesStore'
+
+import { GET_ONE_STORE_IN_CATEGORY } from './queries'
+
+/**
+ * Generic alert box handler
+ */
+interface AlertBoxPayload {
+  title?: string
+  message: string
+  color: 'error' | 'success' | 'warning' | 'info'
+}
+
+type SetAlertBox = (payload: AlertBoxPayload) => void
+
+/**
+ * Category entity
+ */
+interface Category {
+  idPc: string
+  pState: string
+  [key: string]: unknown
+}
+
+/**
+ * Hook params
+ */
+interface UseCategoryInStoreParams {
+  catStoreId?: string
+  setAlertBox?: SetAlertBox
+}
+
+/**
+ * Hook return shape
+ */
+interface UseCategoryInStoreResult {
+  categories: Category[]
+  data: Category[]
+  loading: boolean
+  error?: ApolloError
+  handlerDeleteCategoryInStore: (category?: Category) => Promise<unknown> | void
+  handleUpdateCatInProduct: (params: { data?: Array<{ pId: string }> }) => Promise<void>
+}
+
+/**
+ * Custom hook to manage categories in store
+ * @param root0
+ * @param root0.catStoreId
+ * @param root0.setAlertBox
+ */
+export const useCategoryInStore = ({
+  catStoreId,
+  setAlertBox = () => {}
+}: UseCategoryInStoreParams = {}): UseCategoryInStoreResult => {
+  const [categories, setOneCategoryInStore] = useState<Category[]>([])
+
+  const [deleteCatOfProducts] = useMutation(DELETE_ONE_CAT_PRODUCTS, {
+    onError: (e: ApolloError) => {
+      setAlertBox({
+        title: '',
+        message: e.graphQLErrors?.[0]?.message || 'Unexpected error',
+        color: 'error'
+      })
+    },
+    update: (cache) => {
+      cache.modify({
+        fields: {
+          catProductsAll (dataOld = []) {
+            return cache.writeQuery({
+              query: GET_ULTIMATE_CATEGORY_PRODUCTS,
+              data: dataOld
+            })
+          }
+        }
+      })
+    }
+  })
+
+  const [updatedCatWithProducts] = useMutation(UPDATE_CAT_IN_PRODUCT, {
+    onError: (e: ApolloError) => {
+      console.error({
+        message: e.graphQLErrors?.[0]?.message || 'Unexpected error',
+        color: 'error'
+      })
+    },
+    update: (cache) => {
+      cache.modify({
+        fields: {
+          catProductsAll (dataOld = []) {
+            return cache.writeQuery({
+              query: GET_ULTIMATE_CATEGORY_PRODUCTS,
+              data: dataOld
+            })
+          }
+        }
+      })
+    }
+  })
+
+  const { data } = useQuery(GET_ULTIMATE_CATEGORY_PRODUCTS)
+
+  const { loading, error } = useQuery(GET_ONE_STORE_IN_CATEGORY, {
+    variables: {
+      catStore: catStoreId
+    },
+    skip: !catStoreId,
+    onError: () => {
+      console.warn({ message: 'Failed loading category store', duration: 5000 })
+    },
+    onCompleted: (response) => {
+      if (response?.getOneCatStore) {
+        setOneCategoryInStore(response.getOneCatStore)
+      }
+    }
+  })
+
+  /**
+   * Delete category from products
+   * @param category
+   */
+  const handlerDeleteCategoryInStore = (category?: Category) => {
+    const { pState, idPc } = category || {}
+    if (!idPc || !pState) return
+
+    return deleteCatOfProducts({
+      variables: { idPc, pState }
+    })
+  }
+
+  /**
+   * Update category in products
+   * @param root0
+   * @param root0.data
+   */
+  const handleUpdateCatInProduct = async ({
+    data
+  }: {
+    data?: Array<{ pId: string }>
+  }): Promise<void> => {
+    if (!data?.length) return
+
+    await updatedCatWithProducts({
+      variables: {
+        input: {
+          setData: data.map(({ pId }) => {return { idProduct: pId }}),
+          idCat: ''
+        }
+      }
+    })
+  }
+
+  return {
+    categories,
+    data: data?.catProductsAll ?? [],
+    loading,
+    error,
+    handlerDeleteCategoryInStore,
+    handleUpdateCatInProduct
+  }
+}

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

@@ -1,4 +1,5 @@
-import { useQuery } from '@apollo/client'
+import { useQuery } from '@apollo/client'
+
 import { GET_ALL_CAT_STORE } from './queries'
 
 export const useCategoryStore = () => {

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

@@ -8,8 +8,8 @@ getAllCatStore{
   cPathImage
   cName
   cState
-  cDatCre
-  cDatMod
+  createdAt
+  updatedAt
   csDescription
   }
 }

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

@@ -1,5 +1,6 @@
 import { useQuery } from '@apollo/client'
-import { useState } from 'react'
+import { useState } from 'react'
+
 import { SPANISH_MONTHS } from '../../utils/index'
 import { GET_ALL_SALES } from '../useReport/queries'
 export * from './useChartDataAllOrders'
@@ -68,13 +69,13 @@ export const useChartData = ({ year }) => {
         ],
         borderColor: chartType === 'bar'
           ? [
-              'rgba(255, 99, 132, 1)',
-              'rgba(54, 162, 235, 1)',
-              'rgba(255, 206, 86, 1)',
-              'rgba(75, 192, 192, 1)',
-              'rgba(153, 102, 255, 1)',
-              'rgba(255, 159, 64, 1)'
-            ]
+            'rgba(255, 99, 132, 1)',
+            'rgba(54, 162, 235, 1)',
+            'rgba(255, 206, 86, 1)',
+            'rgba(75, 192, 192, 1)',
+            'rgba(153, 102, 255, 1)',
+            'rgba(255, 159, 64, 1)'
+          ]
           : 'rgb(255 0 0)',
         tension: 0.6,
         fill: false,