npm-pkg-hook 1.0.7 → 1.0.9

package/src/hooks/useProductsFood/usetagsProducts.js

@@ -1,25 +1,24 @@
 import { useMutation } from "@apollo/client"
 import { useState } from "react"
-import { RandomCode } from "../../utils"
 import { REGISTER_TAGS_PRODUCT } from "./queriesStore"
 
 export const useTagsProducts = () => {
     const [registerTag] = useMutation(REGISTER_TAGS_PRODUCT)
     const data = [
       {
-        id: RandomCode(5),
-        tag: 'Bebida fria'
+        id: 1,
+        tag: 'Bebida fría'
       },
       {
-        id: RandomCode(5),
+        id: 2,
         tag: 'Bebida caliente'
       },
       {
-        id: RandomCode(5),
+        id: 3,
         tag: 'Bebida alcohólica'
       },
       {
-        id: RandomCode(5),
+        id: 4,
         tag: 'Bebida sin alcohol'
       }
   ]
@@ -27,14 +26,27 @@ export const useTagsProducts = () => {
       id: '',
       tag: ''
     })
+
     const handleAddTag = (id, tag) => {
-        setTags({
-          id,
-          tag
+      if (tags.id === id) {
+        return setTags({
+          id: '',
+          tag: ''
         })
+      }
+      return setTags({
+        id,
+        tag
+      })
     }
     const handleRegister = tag => {
-      const { pId, idUser, idStore, nameTag } = tag || {}
+      const {
+        pId,
+        idUser,
+        idStore,
+        nameTag
+      } = tag || {}
+
       registerTag({
         variables: {
           input: {

package/src/hooks/useReport/queries.js

@@ -4,7 +4,8 @@ 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,
+    channel
+    pDatCre
     pCodeRef
   }
 }

package/src/hooks/useSales/index.js

@@ -1,7 +1,17 @@
-import { useApolloClient, useLazyQuery, useMutation } from "@apollo/client";
-import { useCallback, useEffect, useReducer, useState } from "react";
+import {
+  useApolloClient,
+  useLazyQuery,
+  useMutation
+} from "@apollo/client";
+import {
+  useCallback,
+  useEffect,
+  useReducer,
+  useMemo,
+  useState
+} from "react";
 import { Cookies } from "../../cookies";
-import { RandomCode, getCurrentDomain, updateCacheMod } from "../../utils";
+import { RandomCode, getCurrentDomain } from "../../utils";
 import { useFormatDate } from "../useFormatDate";
 import { useProductsFood } from "../useProductsFood";
 import {
@@ -62,9 +72,9 @@ export const useSales = ({
   const [print, setPrint] = useState(false);
   const [values, setValues] = useState({});
   const [dataStore] = useStore();
+  const { createdAt } = dataStore || {};
   const [code, setCode] = useState(null);
   const [openCurrentSale, setOpenCurrentSale] = useState(null);
-  const { createdAt } = dataStore || {};
   const [oneProductToComment, setOneProductToComment] = useState({});
   const [sumExtraProducts, setSumExtraProducts] = useState(0);
   const { yearMonthDay } = useFormatDate({ date: createdAt });
@@ -83,12 +93,21 @@ export const useSales = ({
         const error = data?.registerSalesStore?.Response.success
           ? "Éxito"
           : "Error";
-        sendNotification({ title: error, description: message });
+        sendNotification({
+          backgroundColor: error ? 'success' : 'error',
+          title: error,
+          description: message
+        });
         setAlertBox({ message: message, type: "success" });
         setOpenCurrentSale(data?.registerSalesStore?.Response.success);
       },
       onError: (error) => {
-        sendNotification({ title: error || 'Lo sentimo', description: 'ha ocurrido un error' });
+        console.log(error)
+        sendNotification({
+          backgroundColor: 'error',
+          title: error || 'Lo sentimo',
+          description: 'ha ocurrido un error'
+        });
       },
     }
   );
@@ -143,7 +162,7 @@ export const useSales = ({
       return sendNotification({
         title: "Error",
         description: "Esta es la descr",
-        backgroundColor: "red",
+        backgroundColor: "error",
       });
     }
     setPrint(!print);
@@ -244,6 +263,7 @@ export const useSales = ({
         return {
           ...state,
           PRODUCT: [],
+          sortBy: null,
           counter: 0,
         };
 
@@ -394,6 +414,7 @@ export const useSales = ({
       if (!product?.PRODUCT?.pId) {
         return sendNotification({
           title: "Error",
+          backgroundColor: 'error',
           description: "No se puede actualizar el producto sin pId",
         });
       }
@@ -419,6 +440,7 @@ export const useSales = ({
     } catch (_error) {
       return sendNotification({
         title: "Error",
+        backgroundColor: 'error',
         description: "No se puedo actualizar el producto",
       });
     }
@@ -467,48 +489,67 @@ export const useSales = ({
       setDataExtra(newExtra);
     }
   }
-
+/**
+ * Agrega un producto al carrito de compras.
+ * @param {Object} state - Estado actual del carrito.
+ * @param {Object} action - Acción que contiene los datos del producto a agregar.
+ * @param {string} action.payload.pId - ID del producto.
+ * @param {string} action.payload.pName - Nombre del producto.
+ * @param {string[]} action.payload.getOneTags - Etiquetas del producto.
+ * @param {string} action.payload.ProDescription - Descripción del producto.
+ * @param {string} action.payload.ProImage - URL de la imagen del producto.
+ * @param {number} action.payload.ProPrice - Precio del producto.
+ * @returns {Object} Nuevo estado del carrito con el producto agregado.
+ */
   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 { pId, pName, getOneTags, ProDescription, ProImage, ProPrice } = action.payload;
+
+    const productExist = state.PRODUCT.find((item) => item.pId === pId);
+    const OurProduct = productsFood.find((item) => item.pId === pId);
     const isFree = productExist?.free;
+
+    const updatedProduct = {
+      pId,
+      pName,
+      getOneTags,
+      unitPrice: OurProduct?.ProPrice,
+      ProDescription,
+      ProImage,
+      ProPrice,
+      ProQuantity: 1,
+    };
+
+    if (!productExist) {
+      return {
+        ...state,
+        counter: state.counter + 1,
+        totalAmount: state.totalAmount + ProPrice,
+        startAnimateUp: "start-animate-up",
+        PRODUCT: [...state.PRODUCT, updatedProduct],
+      };
+    }
+  
     return {
       ...state,
       counter: state.counter + 1,
-      totalAmount: state.totalAmount + action.payload.ProPrice,
+      totalAmount: state.totalAmount + ProPrice,
       startAnimateUp: "start-animate-up",
-      PRODUCT: !productExist
-        ? [
-            ...state.PRODUCT,
-            {
-              pId: action.payload.pId,
-              pName: action.payload.pName,
-              unitPrice: OurProduct?.ProPrice,
-              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,
-                  unitPrice: OurProduct?.ProPrice,
-                  ProPrice: isFree
-                    ? 0
-                    : (productExist.ProQuantity + 1) * OurProduct?.ProPrice,
-                  ProQuantity: productExist.ProQuantity + 1,
-                  free: isFree ? true : false,
-                }
-              : items;
-          }),
+      PRODUCT: state.PRODUCT.map((item) => {
+        if (item.pId === pId) {
+          return {
+            ...item,
+            getOneTags: OurProduct.genderTags,
+            unitPrice: OurProduct?.ProPrice,
+            ProPrice: isFree ? 0 : (productExist.ProQuantity + 1) * OurProduct?.ProPrice,
+            ProQuantity: productExist.ProQuantity + 1,
+            free: isFree ? true : false,
+          };
+        }
+        return item;
+      }),
     };
   }
+  
   function removeFunc(state, action) {
     const productExist = state.PRODUCT.find((items) => {
       return items.pId === action.payload.pId;
@@ -574,19 +615,20 @@ export const useSales = ({
     };
   }
 
-  const getSortedProduct = (sortData, sortBy) => {
-    if (sortBy && sortBy === "PRICE_HIGH_TO_LOW") {
-      return sortData.sort((a, b) => {
+  const getSortedProduct = useCallback((data, sort) => {
+    if (sort && sort === "PRICE_HIGH_TO_LOW") {
+      return data.sort((a, b) => {
         return b["ProPrice"] - a["ProPrice"];
       });
     }
-    if (sortBy && sortBy === "PRICE_LOW_TO_HIGH") {
-      return sortData.sort((a, b) => {
+    if (sort && sort === "PRICE_LOW_TO_HIGH") {
+      return data.sort((a, b) => {
         return a["ProPrice"] - b["ProPrice"];
       });
     }
-    return sortData;
-  };
+    return data;
+  }, [])
+
   const PriceRangeFunc = (products, price) => {
     return (
       products?.length > 0 &&
@@ -596,7 +638,9 @@ export const useSales = ({
     );
   };
 
-  const sortedProduct = getSortedProduct(data.PRODUCT, data.sortBy);
+  const sortedProduct = useMemo(() => {
+    return getSortedProduct(data.PRODUCT, data.sortBy);
+  }, [data.PRODUCT, data.sortBy, getSortedProduct])
   const finalFilter = PriceRangeFunc(sortedProduct, data.priceRange);
 
   const handleList = (text) => {
@@ -698,6 +742,7 @@ export const useSales = ({
     if (validateCondition) {
       return sendNotification({
         title: "Error",
+        backgroundColor: 'error',
         description: "el descuento debe ser un número entre 0 y 100%",
       });
     }
@@ -714,6 +759,7 @@ export const useSales = ({
     if (!values?.cliId)
       return sendNotification({
         title: "Error",
+        backgroundColor: 'error',
         description: "Elije primero un cliente",
       });
     setLoadingSale(true);
@@ -875,7 +921,11 @@ export const useSales = ({
       setLoadingExtraProduct(false);
     } catch (error) {
       setLoadingExtraProduct(false);
-      sendNotification({ description: error || "Lo sentimos, ocurrió un error" });
+      sendNotification({
+        title: 'error',
+        backgroundColor: 'error',
+        description: error || "Lo sentimos, ocurrió un error",
+      });
     }
   };
   const handleCleanFilter = () => {
@@ -885,8 +935,7 @@ export const useSales = ({
   };
   const disabledModalItems = dataOptional?.length > 0 || dataExtra?.length > 0;
   return {
-    // loading: loading || loadingSale,
-    loading: false,
+    loading: loading || loadingSale,
     loadingExtraProduct,
     disabledModalItems: !disabledModalItems,
     loadingRegisterSale,

package/src/hooks/useSetSession/index.js

@@ -0,0 +1,21 @@
+import { Cookies } from "../../cookies"
+
+export const useSetSession = () => {
+    const bookOptionsCookie = {
+        RESTAURANT: 'restaurant'
+    }
+    const handleSession = async (props) => {
+        try {
+            const { cookie } = props
+            for (const element of cookie) {
+                const { name, value } = element
+                if (value) {
+                    await Cookies.set(bookOptionsCookie[name], value)
+                }
+            }
+        } catch (error) {
+            throw new Error(error)
+        }
+    }
+    return [handleSession]
+}

package/src/hooks/useStore/index.js

@@ -1,18 +1,47 @@
-import { useQuery } from '@apollo/client'
-import { useState } from 'react'
-import { GET_ONE_STORE } from './queries'
+import { useState } from 'react';
+import { useRouter } from 'next/router';
+import { useApolloClient, useQuery } from '@apollo/client';
+import { GET_ONE_STORE } from './queries'; // Reemplaza con la importación correcta de tu consulta
+import { errorHandler } from '../../config/client'
+import { useLogout } from '../useLogout'
 
 export const useStore = () => {
-  const [store, setStore] = useState({})
+  const [store, setStore] = useState({});
+  const client = useApolloClient();
+  const [onClickLogout, { loading: load, error: err }] = useLogout()
+  // Intentar leer los datos de la caché
+  const cachedData = client.readQuery({ query: GET_ONE_STORE });
+
+  if (cachedData) {
+    // Comprobar si los datos de la caché ya están establecidos en el estado
+    if (!store || Object.keys(store).length === 0) {
+      setStore(cachedData.getStore);
+    }
+  }
+
   const { loading, error } = useQuery(GET_ONE_STORE, {
-    fetchPolicy: 'cache-and-network',
-    onCompleted: (res) => {
-      const { getStore } = res || {}
-      setStore(getStore)
+    fetchPolicy: 'cache-first',
+    onCompleted: (data) => {
+      const { getStore } = data || {};
+      setStore(getStore);
     },
     onError: (err) => {
-      console.log(err)
-    }
-  })
-  return [store, { loading, error }]
-}
+      if (err.networkError && err.networkError.result) {
+        const response = errorHandler(err.networkError.result);
+        if (response) {
+          onClickLogout()
+        }
+      }
+    },
+  });
+
+  // Actualizar manualmente la caché después de cada petición exitosa
+  if (!loading && !error && !cachedData) {
+    client.writeQuery({
+      query: GET_ONE_STORE,
+      data: { getStore: store },
+    });
+  }
+
+  return [store, { loading, error }];
+};

package/src/hooks/useStoreContacts/index.js

@@ -0,0 +1,47 @@
+import { useQuery, useMutation, useLazyQuery } from '@apollo/client'
+import { useState } from 'react'
+import { 
+  GET_ALL_CONTACTS, 
+  EDIT_ONE_CONTACT, 
+  CREATE_CONTACTS, 
+  GET_ONE_CONTACT
+} from './queries'
+
+export const useGetStoreContacts = ({
+  sendNotification = () => { return },
+  max,
+  search = ''
+} = {}) => {
+    const [clientes, setUseStoreContacts] = useState([])
+    const { loading, error, fetchMore, called } = useQuery(GET_ALL_CONTACTS, {
+      variables: {
+        "max": max,
+        "search": search
+      },
+    onCompleted: (data) => {
+        setUseStoreContacts(data)
+    }
+  })
+  return [clientes?.getAllContacts || [], { loading: called ? false : loading, error, fetchMore }]
+}
+
+export const useDeleteUseStoreContacts = ({ sendNotification = () => { return } } = {}) => {
+  const [getOneContacts, { data, error, loading }] = useLazyQuery(GET_ONE_CONTACT)
+  return [getOneContacts, data?.getOneContacts ?? {}, { loading, error }]
+}
+
+export const useGetOneUseStoreContacts = ({ sendNotification = () => { return } } = {}) => {
+  const [getOneContacts, { data, error, loading }] = useLazyQuery(GET_ONE_CONTACT)
+  return [getOneContacts, { data: data?.getOneContacts, loading, error }]
+}
+
+export const useEditOneUseStoreContacts = ({ sendNotification = () => { return } } = {}) => {
+  const [editOneContacts, { data, error, loading }] = useMutation(EDIT_ONE_CONTACT)
+  return [editOneContacts, { data: data?.editOneContacts, loading, error }]
+}
+
+export const useCreateContacts = ({ sendNotification = () => { return } } = {}) => {
+  const [createUseStoreContacts, { loading, error }] = useMutation(CREATE_CONTACTS)
+
+  return [createUseStoreContacts, { loading, error }]
+}

package/src/hooks/useStoreContacts/queries.js

@@ -0,0 +1,48 @@
+import { gql } from '@apollo/client'
+
+export const CREATE_CONTACTS = gql`
+mutation createContacts ($input: IContacts) {
+  createContacts(input: $input) {
+    success
+    message
+  }
+}
+`
+export const GET_ALL_CONTACTS = gql`
+query getAllContacts($idStore: ID, $cId: ID, $dId: ID, $ctId: ID, $search: String, $min: Int, $pState: Int,  $max: Int) {
+  getAllContacts(idStore: $idStore, cId: $cId, dId: $dId, ctId: $ctId, search: $search, min: $min, pState: $pState,  max: $max) {
+    contactId
+    cntState
+    cntComments
+    cntNumberPhone
+    cntName
+    createAt
+    updateAt
+  }
+}
+`
+
+export const GET_ONE_CONTACT = gql`
+query getOneContacts($contactId: String) {
+  getOneContacts(contactId: $contactId) {
+    contactId
+    id
+    idStore
+    cntName
+    cntComments
+    cntNumberPhone
+    cntState
+    createAt
+    updateAt
+  }
+}
+`
+
+export const EDIT_ONE_CONTACT = gql`
+mutation editOneContacts($input: IContacts) {
+  editOneContacts(input: $input) {
+    success
+    message
+  }
+}
+`

package/src/hooks/useUser/index.js

@@ -1,7 +1,12 @@
 import { useQuery } from '@apollo/client'
-import { GET_USER } from './queries'
+import { GET_USER, SET_USER_PROFILE } from './queries'
 
 export const useUser = () => {
   const { data, loading, error } = useQuery(GET_USER)
   return [data?.getUser, { loading, error }]
+}
+
+export const useSetUserProfile = () => {
+  const [setUserProfile, { loading, error }] = useMutation(SET_USER_PROFILE)
+  return [setUserProfile, { loading, error }]
 }

package/src/hooks/useUser/queries.js

@@ -66,4 +66,22 @@ mutation updateAvatar($file: Upload){
     urlAvatar
   }
 }
+`
+
+export const SET_USER_PROFILE = gql`
+    mutation setUserProfile($data: IUserProfile!) {
+        setUserProfile(input: $data){
+            upId
+            id
+            upPhone
+            upDateBir
+            upImage
+            upBloodG
+            cId
+            ctId
+            dId
+            upAddress
+            upZipCode
+        }
+    }
 `

package/src/utils/index.js

@@ -4,23 +4,39 @@
  * @param {array} elements elementos del formulario
  * @return {array} devuelve un array de booleanos con el nombre identificador para cada estado en react.
  */
+const validTypes = {
+  text: true,
+  password: true,
+  email: true,
+  number: true,
+  hidden: true,
+  textarea: true
+};
+
 export const validationSubmitHooks = elements => {
-    let errorForm = {}
-    for (const element of elements) {
-      if (element.name) {
-        if (element.type === 'text' || element.type === 'password' || element.type === 'email' || element.type === 'number' || element.type === 'hidden') {
-          if (element.dataset.required === 'true') {
-            if (!element.value) errorForm = { ...errorForm, [element.name]: !element.value }
-            else errorForm = { ...errorForm, [element.name]: !element.value }
+  let errorForm = {};
+
+  for (const element of elements) {
+    if (element.name) {
+      const elementType = element.type || element.tagName.toLowerCase();
+      if (validTypes[elementType]) {
+        if (element.dataset.required === 'true') {
+          if (!element.value) {
+            errorForm = { ...errorForm, [element.name]: true };
           } else {
-            errorForm = { ...errorForm, [element.name]: false }
+            errorForm = { ...errorForm, [element.name]: false };
           }
+        } else {
+          errorForm = { ...errorForm, [element.name]: false };
         }
       }
     }
-    return errorForm
   }
 
+  return errorForm;
+};
+
+
   export const getCurrentDomain = () => {
     return typeof window !== 'undefined' && window.location.hostname.split('.').slice(-2).join('.')
   }
@@ -57,7 +73,28 @@ export const initializer = (initialValue = initialState) => { return JSON.parse(
 export const numberFormat = value => { return value ? (parseInt(value) ? new Intl.NumberFormat('de-DE').format(parseFloat(`${value}`.replace(/\./g, ''))) : value) : (value) }
 
 
+/**
+ *
+ * @param {Object} data objeto a filtrar
+ * @param {Array} filters array a comparar o claves del objeto a excluir
+ * @param {boolean} dataFilter booleano para devolver los datos filtrados o no
+ * @return {Object} devuelve un objeto con los datos filtrados
+ */
+export const filterKeyObject = (data, filters, dataFilter) => {
+  let values = {}, valuesFilter = {}
+  for (const elem in data) {
+      let coincidence = false
+      for (let i = 0; i < filters.length; i++) {
+          if (elem === filters[i]) coincidence = true
+          else valuesFilter = filters[i]
+      }
 
+      if (!coincidence) values = { ...values, [elem]: data[elem] }
+      else valuesFilter = { ...valuesFilter, [elem]: data[elem] }
+  }
+  if (!dataFilter) return values
+  if (dataFilter) return { values, valuesFilter }
+}
 export const MONTHS = [
   'January',
   'February',