npm-pkg-hook 1.1.0 → 1.1.2

package/src/hooks/useCategoriesProduct/queries.js

@@ -0,0 +1,16 @@
+import { gql } from "@apollo/client";
+
+export const GET_ULTIMATE_CATEGORY_PRODUCTS = gql`
+query catProductsAll($search: String, $min: Int, $max: Int, $gender: [String], $desc: [String], $categories: [ID], ) {
+  catProductsAll(search: $search, min: $min, max: $max, gender: $gender, desc: $desc, categories: $categories,) {
+    carProId
+    idStore
+    pName
+    ProDescription
+    ProImage
+    pState
+    pDatCre
+    pDatMod
+  }
+}
+`

package/src/hooks/useChartData/index.js

@@ -3,167 +3,195 @@ import { useState } from 'react';
 import { SPANISH_MONTHS } from "../../utils/index";
 import { GET_ALL_SALES } from "../useReport/queries";
 
-export const useChartData = ({ year }) => {
-    // Construcción del nuevo array:
-    const { data, loading } = useQuery(GET_ALL_SALES)
-    const [chartType, setChartType] = useState('bar')
-    const [chartTypeYear, setChartTypeYear] = useState(new Date().getFullYear())
-    const [asFilter, setFilter] = useState(false)
-    const [newResult, setNewResult] = useState([])
-    let result = []
-    data?.getAllSalesStore?.length > 0 && data?.getAllSalesStore.reduce(function (res, value) {
-        // Creamos la posición del array para cada mes
-        let mes = new Date(value.pDatCre).getMonth()
-        let Year = new Date(value.pDatCre).getFullYear()
-        if (!res[mes]) {
-            res[mes] = { Mes: mes, Year }
-            // Inicializamos a 0 el valor de cada key
-            Object.keys(value).forEach((key) => {
-                if (key != 'pDatCre') {
-                    res[mes][key] = 0
-                }
-            })
+// Función para calcular el total de ventas por mes
+const calculateSalesByMonth = (salesData) => {
+    try {
+    const result = Array.from({ length: 12 }, (_, mes) => ({
+          Mes: mes,
+          Year: new Date().getFullYear(),
+          totalProductsPrice: 0,
+        }));
+      
+        salesData?.forEach((value) => {
+          const mes = new Date(value.pDatCre).getMonth();
+          result[mes].totalProductsPrice += value.totalProductsPrice;
+        });
+      
+        return result;
+    } catch (error) {
+      return []   
+    }
+};
 
-            result.push(res[mes])
-        }
-        // Sumamos el valor de cada clave dentro de un bucle
-        Object.keys(value).forEach(function (key) {
-            if (key != 'pDatCre') {
-                res[mes]['totalProductsPrice'] += value['totalProductsPrice']
-            }
-        })
-        return res
-    }, {})
+// Función para llenar los meses faltantes
+const fillMissingMonths = (data) => {
+    try {
+        const allMonths = Array.from({ length: 12 }, (_, i) => i);
+        const missingMonths = allMonths.filter(month => !data.some(data => data.Mes === month));
+        return data.concat(
+          missingMonths.map(element => ({
+            Mes: element,
+            totalProductsPrice: 0,
+            Year: '',
+          }))
+        ).sort((a, b) => a.Mes - b.Mes);
+    } catch (error) {
+        return []
+    }
+};
 
-    let allMonths = Array.from({ length: 12 }, (_, i) => { return i })
-    let missingMonths = allMonths.filter(month => { return !result.some(data => { return data.Mes === month }) })
+// Función para obtener los datos del gráfico
+const getChartData = (asFilter, newResult, result, chartType) => ({
+  labels: asFilter
+    ? newResult.map(data => SPANISH_MONTHS[data.Mes])
+    : result.map(data => SPANISH_MONTHS[data.Mes]),
+  datasets: [
+    {
+      label: `Ventas por meses del año ${asFilter ? chartTypeYear : ''}`,
+      data: asFilter
+        ? newResult.map(data => data.totalProductsPrice)
+        : result.map(data => data.totalProductsPrice),
+      backgroundColor: [
+        'rgba(255, 99, 132, 0.2)',
+        'rgba(54, 162, 235, 0.2)',
+        'rgba(255, 206, 86, 0.2)',
+        'rgba(75, 192, 192, 0.2)',
+        'rgba(153, 102, 255, 0.2)',
+        'rgba(255, 159, 64, 0.2)'
+      ],
+      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)'
+          ]
+        : 'rgb(255 0 0)',
+      tension: 0.6,
+      fill: false,
+      borderWidth: 1,
+      barPercentage: 1,
+      barThickness: 50,
+      minBarLength: 3
+    }
+  ]
+});
 
-    for (const element of missingMonths) {
-        result.push({
-            'Mes': element,
-            'totalProductsPrice': 0,
-            'Year': ''
-        })
+// Función para agrupar los datos por año
+const groupSalesByYear = (salesData = []) => {
+    const groupedData = {};
+    try {
+        salesData?.forEach((item) => {
+          const year = new Date(item.pDatCre).getFullYear();
+          if (!groupedData[year]) {
+            groupedData[year] = [];
+          }
+          groupedData[year].push(item);
+        });
+        return groupedData;
+    } catch (error) {
+        return groupedData
     }
+};
+
+// Función para obtener años únicos
+const getUniqueYears = (salesData = []) => {
+    try {
+        const years = [];
+        salesData?.forEach((item) => {
+          const y = new Date(item.pDatCre).getFullYear();
+          if (!years.includes(y)) {
+            years.push(y);
+          }
+        });
+        return years.sort((a, b) => b - a);
+    } catch (error) {
+        return []
+    }
+};
+
+export const useChartData = ({ year }) => {
+  const { data, loading } = useQuery(GET_ALL_SALES);
+  const [chartType, setChartType] = useState('Line');
+  const [chartTypeYear, setChartTypeYear] = useState(new Date().getFullYear());
+  const [asFilter, setFilter] = useState(false);
+  const [newResult, setNewResult] = useState([]);
+
+  const result = calculateSalesByMonth(data?.getAllSalesStore);
+
+  const filledResult = fillMissingMonths(result);
 
-    result.sort((a, b) => { return a.Mes - b.Mes })
+  const dataChart = getChartData(asFilter, newResult, filledResult, chartType);
 
-    const labelTitle = `Ventas por meses del año ${asFilter ? chartTypeYear : ''}`
-    // Resultado:
-    const dataChart = {
-        labels: asFilter ? newResult.map(data => {
-            return SPANISH_MONTHS[data.Mes]
-        }) : result.map(data => {
-            return SPANISH_MONTHS[data.Mes]
-        }),
-        datasets: [
-            {
-                label: labelTitle,
-                data: asFilter ? newResult.map(data => { return data.totalProductsPrice }) : result.map(data => { return data.totalProductsPrice }),
-                backgroundColor: [
-                    'rgba(255, 99, 132, 0.2)',
-                    'rgba(54, 162, 235, 0.2)',
-                    'rgba(255, 206, 86, 0.2)',
-                    'rgba(75, 192, 192, 0.2)',
-                    'rgba(153, 102, 255, 0.2)',
-                    'rgba(255, 159, 64, 0.2)'
-                ],
-                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)'
-                ] : 'rgb(255 0 0)',
-                tension: 0.6,
-                fill: false,
-                borderWidth: 1,
-                barPercentage: 1,
-                barThickness: 50,
-                minBarLength: 3,
-            }
-        ]
+  const groupedData = groupSalesByYear(data?.getAllSalesStore);
+  const years = getUniqueYears(data?.getAllSalesStore);
+
+const handleChangeYear = (value) => {
+    setFilter(true);
+    const currentYear = parseInt(value);
+    setChartTypeYear(currentYear || '');
+  
+    if (filledResult?.length > 0) {
+      const filterToYear = filledResult.filter((elem) => elem?.Year === currentYear);
+      const missingNewMonths = allMonths.filter(month => !filterToYear.some(data => data.Mes === month));
+  
+      const newFilteredResult = filterToYear.concat(
+        missingNewMonths.map(element => ({
+          Mes: element,
+          totalProductsPrice: 0,
+          Year: '',
+        }))
+      ).sort((a, b) => a.Mes - b.Mes);
+  
+      setNewResult(newFilteredResult);
+      return newFilteredResult;
     }
-    const options =  {
-        interaction: {
-          mode: 'index',
-          intersect: false,
-        },
-        scales: {
-            x: {
-                stacked: true
-            },
-            y: {
-                stacked: true
-            }
+  };
+  
+  const cleanFilter = () => {
+    setFilter(false);
+    setChartTypeYear(new Date().getFullYear());
+  };
+  
+  const sortYear = () => years.sort((a, b) => b - a);
+  const labelTitle = `Ventas por meses del año ${asFilter ? chartTypeYear : ''}`
+  const organiceYears = sortYear();
+  const options =  {
+    interaction: {
+      mode: 'index',
+      intersect: false,
+    },
+    scales: {
+        x: {
+            stacked: true
         },
-        plugins: {
-          title: {
-            display: true,
-            text: labelTitle
-          },
-        }
-      }
-    const groupedData = {}
-
-    data && data.getAllSalesStore.forEach((item) => {
-        const year = new Date(item.pDatCre).getFullYear()
-        if (!groupedData[year]) {
-            groupedData[year] = []
-        }
-        groupedData[year].push(item)
-    })
-    const years = []
-    data && data.getAllSalesStore.forEach((item) => {
-        const y = new Date(item.pDatCre).getFullYear()
-        if (!years.includes(y)) {
-            years.push(y)
+        y: {
+            stacked: true
         }
-    })
-    const handleChangeYear = (value) => {
-        setFilter(true)
-        const currentYear = parseInt(value)
-        setChartTypeYear(currentYear || '')
-        if (result?.length > 0) {
-            const filterToYear = result.filter((elem) => {
-                return elem?.Year == currentYear
-            })
-            let missingNewMonths = allMonths.filter(month => { return !filterToYear.some(data => { return data.Mes === month }) })
-            for (const element of missingNewMonths) {
-                filterToYear.push({
-                    'Mes': element,
-                    'totalProductsPrice': 0,
-                    'Year': ''
-                })
-            }
-            filterToYear.sort((a, b) => { return a.Mes - b.Mes })
-            setNewResult(filterToYear)
-            return filterToYear
-        }
-    }
-    const cleanFilter = () => {
-        setFilter(false)
-        setChartTypeYear(new Date().getFullYear())
-    }
-    const sortYear = () => {
-        return  years.sort((a, b) => { return b - a });
-    }
-
-    const organiceYears = sortYear()
-    return {
-        handleChangeYear,
-        setFilter,
-        cleanFilter,
-        setChartType,
-        years: organiceYears,
-        asFilter,
-        chartTypeYear,
-        options,
-        chartType,
-        labelTitle,
-        result,
-        dataChart,
-        loading
+    },
+    plugins: {
+      title: {
+        display: true,
+        text: labelTitle
+      },
     }
-}
+  }
+  return {
+    handleChangeYear,
+    setFilter,
+    cleanFilter,
+    setChartType,
+    years: organiceYears,
+    asFilter,
+    chartTypeYear,
+    options,
+    chartType,
+    labelTitle,
+    result: filledResult,
+    dataChart,
+    loading,
+  };
+  };
+  

package/src/hooks/useCheckbox/index.js

@@ -15,7 +15,7 @@ import { useCallback, useState } from 'react'
  *  - clearAll (callback)
  */
 
-export const useCheckboxState = (elem, selectedIds = [], disabledIds = []) => {
+export const useCheckboxState = (elem, selectedIds = [], disabledIds = [], calBack = () => { return }) => {
   const numTotalItems = elem?.length
   const [checkedItems, setCheckedItems] = useState(new Set(selectedIds))
   const [disabledItems, setDisabledItems] = useState(new Set(disabledIds))
@@ -23,14 +23,17 @@ export const useCheckboxState = (elem, selectedIds = [], disabledIds = []) => {
   const handleChangeCheck = useCallback((event, id) => {
     const target = event.target
     setCheckedItems(prevState => {
+
       const newState = new Set(prevState)
       if (target.checked) {
         newState.add(id)
       } else {
         newState.delete(id)
       }
+      calBack([...newState])
       return newState
     })
+    // eslint-disable-next-line
   }, [])
 
   const setAll = useCallback(
@@ -106,6 +109,7 @@ export const useCheckboxState = (elem, selectedIds = [], disabledIds = []) => {
     disabledItems,
     handleChangeCheck,
     toggleAll,
+    setCheckedItems,
     selectAll,
     clearAll,
     enableCheckboxes,

package/src/hooks/useClients/index.js

@@ -1,5 +1,4 @@
 import { useQuery, useMutation, useLazyQuery } from '@apollo/client'
-import { useState } from 'react'
 import {
   CREATE_CLIENTS,
   DELETE_ONE_CLIENTS,
@@ -11,15 +10,25 @@ import {
 export const useGetClients = ({
   max,
   search,
+  fromDate, // Agrega las variables fromDate y toDate
+  toDate,
   sendNotification = () => { return }
 } = {}) => {
-    const { loading, error, called, data } = useQuery(GET_ALL_CLIENTS, {
-      variables: {
-        search: search
-      }
-  })
-  return [data?.getAllClients || [], { loading: called ? false : loading, error }]
-}
+  const { 
+    loading, 
+    error, 
+    called, 
+    data
+  } = useQuery(GET_ALL_CLIENTS, {
+    variables: {
+      search: search,
+      fromDate: fromDate, // Usa las variables aquí
+      toDate: toDate
+    }
+  });
+
+  return [data?.getAllClients || [], { loading: called ? false : loading, error }];
+};
 
 export const useDeleteClients = ({ sendNotification = () => { return } } = {}) => {
   const [deleteClient, {  loading, error }] = useMutation(DELETE_ONE_CLIENTS)

package/src/hooks/useCreateProduct/index.js

@@ -1,7 +1,7 @@
 import { useMutation } from '@apollo/client'
 import { useRef, useState } from 'react'
 import { convertBase64, RandomCode } from '../../utils'
-import useLocalStorage from '../useLocalSorage'
+import { useLocalStorage } from '../useLocalSorage'
 import {
   GET_ALL_FOOD_PRODUCTS,
   UPDATE_IMAGE_PRODUCT_FOOD,
@@ -10,11 +10,14 @@ import {
 import { useStore } from '../useStore'
 import { useTagsProducts } from './../useProductsFood/usetagsProducts'
 import { useEditImageProduct } from './helpers/useEditImageProduct'
+import { errorHandler } from '../../config/client'
+import { useLogout } from '../useLogout'
 
 export const useCreateProduct = ({
-  setAlertBox = () => { },
   router,
-  sendNotification = () => { }
+  sendNotification = () => { },
+  handleCloseCreateProduct = () => { },
+  setAlertBox = () => { }
 }) => {
   const [errors, setErrors] = useState({
     names: ''
@@ -51,7 +54,7 @@ export const useCreateProduct = ({
 
   const handleCheck = (e) => {
     const { name, checked } = e.target
-    return setCheck((prev) =>({ ...prev, [name]: checked }))
+    return setCheck((prev) => ({ ...prev, [name]: checked }))
   }
 
   const handleUpdateBanner = event => {
@@ -120,14 +123,15 @@ export const useCreateProduct = ({
           alt: files[0].name
         }
         : initialState
-        )
+    )
   }
   const onTargetClick = () => {
     fileInputRef.current.click()
   }
   const { img } = useEditImageProduct({ sendNotification, initialState })
-  console.log(values)
-  const handleRegister = async () => {
+  const [onClickLogout] = useLogout()
+
+  const handleRegister = async ({ callBack = () => { return} } = {}) => {
     const {
       ProPrice,
       ProDescuento,
@@ -146,67 +150,93 @@ export const useCreateProduct = ({
     const pCode = RandomCode(9)
     const formatPrice = ProPrice ? parseFloat(ProPrice.replace(/\./g, '')) : 0
     try {
-      updateProductFoods({
-        variables: {
-          input: {
-            idStore: dataStore?.getStore?.idStore || '',
-            ProPrice: check?.desc ? 0 : formatPrice,
-            ProDescuento: check?.desc ? 0 : parseInt(ProDescuento),
-            ValueDelivery: check?.desc ? 0 : parseFloat(ValueDelivery),
-            ProDescription,
-            pName: names,
-            pCode,
-            carProId,
-            pState: 1,
-            sTateLogistic: 1,
-            ProStar: 0,
-            ProImage,
-            ProHeight: parseFloat(ProHeight),
-            ProWeight,
-            ProOutstanding: check?.desc ? 1 : 0,
-            ProDelivery: check?.desc ? 1 : 0
-          }
-        },
-        update (cache) {
-          cache.modify({
-            fields: {
-              productFoodsAll (dataOld = []) {
-                return cache.writeQuery({ query: GET_ALL_FOOD_PRODUCTS, data: dataOld })
+      if (names.trim() !== '') {
+        updateProductFoods({
+          variables: {
+            input: {
+              idStore: dataStore?.getStore?.idStore || '',
+              ProPrice: check?.desc ? 0 : formatPrice,
+              ProDescuento: check?.desc ? 0 : parseInt(ProDescuento),
+              ValueDelivery: check?.desc ? 0 : parseFloat(ValueDelivery),
+              ProDescription,
+              pName: names,
+              pCode,
+              carProId,
+              pState: 1,
+              sTateLogistic: 1,
+              ProStar: 0,
+              ProImage,
+              ProHeight: parseFloat(ProHeight),
+              ProWeight,
+              ProOutstanding: check?.desc ? 1 : 0,
+              ProDelivery: check?.desc ? 1 : 0
+            }
+          }, update(cache) {
+            cache.modify({
+              fields: {
+                productFoodsAll(dataOld = []) {
+                  return cache.writeQuery({ query: GET_ALL_FOOD_PRODUCTS, data: dataOld })
+                }
               }
+            })
+          }
+        }).then((res) => {
+
+          const { updateProductFoods } = res?.data || {}
+          const { pId } = updateProductFoods || {}
+
+          if (res?.errors?.length > 0) {
+            const errors = {
+              errors: res?.errors
             }
-          })
-        }
-      }).then((res) => {
-        const { updateProductFoods } = res?.data || {}
-        const { pId } = updateProductFoods || {}
-        setPid(pId ?? null)
-        router.push(
-          {
-            query: {
-              ...router.query,
-              food: pId
+            const responseError = errorHandler(errors);
+            if (responseError) {
+              handleCloseCreateProduct()
+              return onClickLogout()
+            }
+          } else {
+            router.push(
+              {
+                query: {
+                  ...router.query,
+                  food: pId
+                }
+              },
+              undefined,
+              { shallow: true }
+            )
+            if (pId){
+              setPid(pId ?? null)
+              sendNotification({
+                backgroundColor: 'success',
+                title: 'Success',
+                description: `El producto ${names} subido con éxito`
+              })
+              callBack()
+            }
+            const objTag = {
+              aName: tags?.tag,
+              nameTag: tags?.tag,
+              pId
             }
-          },
-          undefined,
-          { shallow: true }
-        )
-        sendNotification({
-          backgroundColor: 'success',
-          title: 'Success',
-          description: `El producto ${names} subido con éxito`
+            handleRegisterTags(objTag)
+            setValues({})
+          }
+        }).catch(err => {
+          return sendNotification({
+            backgroundColor: 'error',
+            title: 'Error inesperado',
+            description: `${err}`
+          })
         })
-        const objTag = {
-          aName: tags.tag,
-          nameTag: tags.tag,
-          pId
-        }
-        handleRegisterTags(objTag)
-        // setValues({})
-      }).catch(err => { return sendNotification({
-        backgroundColor: 'error',
-        title: `${err}`,
-        description: 'Error inesperado'
-      }) })
+
+      } else {
+        return sendNotification({
+          backgroundColor: 'warning',
+          title: 'Alerta',
+          description: 'El nombre del producto no debe estar vacio'
+        })
+      }
       if (image !== null) {
         setImageProducts({
           variables: {
@@ -219,7 +249,7 @@ export const useCreateProduct = ({
         }).catch((error) => {
           sendNotification({
             backgroundColor: 'error',
-            title: `Ocurrió un error en la imagen en el producto ${names}`, 
+            title: `Ocurrió un error en la imagen en el producto ${names}`,
             description: 'error'
           })
         })