npm-pkg-hook 1.0.7 → 1.0.9

package/package.json

@@ -7,7 +7,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "description-pkg-hook",
   "main": "/src/index.jsx",
   "scripts": {

package/src/config/client/errors.js

@@ -0,0 +1,24 @@
+import { onError } from '@apollo/client/link/error'
+
+export const errorHandler = (error) => {
+    let logout = null
+    if (error) {
+        error.errors?.length && error.errors.forEach(err => {
+        const { code, message: { message } } = err.extensions
+        if (code === 'UNAUTHENTICATED' || code === 'FORBIDDEN')  {
+            logout = true
+        return {
+            status: 'FORBIDDEN',
+            message
+        }
+        }
+    })
+    }
+    return logout
+}
+
+export const errorLink = onError(({ graphQLErrors, networkError }) => {
+    if (graphQLErrors)graphQLErrors.map(({ message, location, path }) => { return console.log(`[GraphQL error]: Message: ${message}, Location: ${location}, Path: ${path}`) })
+
+    if (networkError) console.log(`[Network error]: ${networkError}`)
+})

package/src/config/client/index.js

@@ -0,0 +1 @@
+export * from './errors';

package/src/hooks/index.js

@@ -5,8 +5,11 @@ export * from './useCategoryInStore'
 export * from './useCategoryStore'
 export * from './useCatWithProduct'
 export * from './useChartData'
+export * from './useLogout'
+export * from './useEmployee'
 export * from './useCheckbox'
 export * from './useClients'
+export * from './useOrders'
 export * from './useConnection'
 export * from './useCreateProduct'
 export * from './useCreateProduct/helpers/useEditImageProduct'
@@ -26,12 +29,14 @@ export * from './useKeypress'
 export * from './useLazyScript'
 export * from './useLocalSorage'
 export * from './useLocationNavigate'
+export * from './useSetSession'
 export * from './useMobile'
 export * from './useMutateHeight'
 export * from './useProductsFood'
 export * from './useProductsFood/usetagsProducts'
 export * from './useReactToPrint'
 export * from './useReport'
+export * from './useStoreContacts'
 export * from './useRestaurant'
 export * from './useSales'
 export * from './useSales/useGetSale'

package/src/hooks/useCatWithProduct/queries.js

@@ -41,12 +41,12 @@ export const DELETE_ONE_CAT_PRODUCTS = gql`
 `
 export const DELETE_ONE_CAT_PRODUCTS_FINAL = gql`
 
-mutation  deleteCatFinalOfProducts($idPc: ID){
-  deleteCatFinalOfProducts(idPc: $idPc){
-    success
-    message
+mutation deleteCatFinalOfProducts($idPc: ID, $withProduct: Boolean) {
+    deleteCatFinalOfProducts(idPc: $idPc, withProduct: $withProduct) {
+      success
+      message
+    }
   }
-}
 `
 export const DELETE_EXTRA_PRODUCTS = gql`
   mutation  deleteextraproductfoods($id: ID, $state: Int){

package/src/hooks/useCategoryInStore/index.js

@@ -3,6 +3,7 @@ import { useState } from 'react';
 import { DELETE_ONE_CAT_PRODUCTS, GET_ULTIMATE_CATEGORY_PRODUCTS } from '../useProductsFood/queriesStore';
 import { UPDATE_CAT_IN_PRODUCT } from './../useProductsFood/queriesStore';
 import { GET_ONE_STORE_IN_CATEGORY } from './queries';
+
 export const useCategoryInStore = ({ catStoreId }) => {
   // STATES
   const [categories, setOneCategoryInStore] = useState([])

package/src/hooks/useClients/index.js

@@ -1,23 +1,73 @@
-import { useQuery } from '@apollo/client'
+import { useQuery, useMutation, useLazyQuery } from '@apollo/client'
 import { useState } from 'react'
-import { GET_ALL_CLIENTS } from './queries'
+import {
+  CREATE_CLIENTS,
+  DELETE_ONE_CLIENTS,
+  GET_ALL_CLIENTS,
+  GET_ONE_CLIENT,
+  EDIT_ONE_CLIENT
+} from './queries'
 
-export const useGetClients = () => {
-    const [clientes, setClients] = useState([])
-    const { loading, error } = useQuery(GET_ALL_CLIENTS, {
-    onCompleted: (data) => {
-        setClients(data)
+export const useGetClients = ({
+  max,
+  search,
+  sendNotification = () => { return }
+} = {}) => {
+    const { loading, error, called, data } = useQuery(GET_ALL_CLIENTS, {
+      variables: {
+        search: search
+      }
+  })
+  return [data?.getAllClients || [], { loading: called ? false : loading, error }]
+}
+
+export const useDeleteClients = ({ sendNotification = () => { return } } = {}) => {
+  const [deleteClient, {  loading, error }] = useMutation(DELETE_ONE_CLIENTS)
+  return [deleteClient, { loading, error }]
+}
+
+export const useCreateClient = ({ sendNotification = () => { return } } = {}) => {
+  const [createClients, { loading, error }] = useMutation(CREATE_CLIENTS, {
+    onError: (data) => {
+      // sendNotification({
+      //   title:  '',
+      //   description: 'Error',
+      //   backgroundColor: 'error'
+      // })
     }
   })
-  return [clientes?.getAllClients || [], { loading, error }]
+
+  return [createClients || [], { loading, error }]
 }
 
-export const useDeleteClients = () => {
-    const [clientes, setClients] = useState([])
-    const { loading, error } = useQuery(GET_ALL_CLIENTS, {
+export const useEditClient = ({ sendNotification = () => { return } } = {}) => {
+  const [editOneClient, { loading, error, data }] = useMutation(EDIT_ONE_CLIENT, {
     onCompleted: (data) => {
-        setClients(data)
+      console.log(data)
+      if (data?.editOneClient?.success) {
+        return sendNotification({
+          title:  'Exito',
+          description: data?.editOneClient?.message,
+          backgroundColor: 'success'
+        })
+      }
+    },
+    onError: (data) => {
+      if (data?.editOneClient) {
+        return sendNotification({
+          title:  'Error',
+          description: data?.editOneClient?.message,
+          backgroundColor: 'error'
+        })
+      }
     }
   })
-  return [clientes?.getAllClients || [], { loading, error }]
+
+  return [editOneClient, { loading, error, data }]
+}
+
+export const useGetOneClient = ({ sendNotification = () => { return } } = {}) => {
+  const [getOneClients, { data, loading, error }] = useLazyQuery(GET_ONE_CLIENT)
+
+  return [getOneClients || [], { loading, error, data }]
 }

package/src/hooks/useClients/queries.js

@@ -65,6 +65,15 @@ query getOneClients($cliId: ID) {
 }
 `
 
+export const EDIT_ONE_CLIENT = gql`
+mutation editOneClient($input: IClients) {
+  editOneClient(input: $input) {
+    success
+    message
+  }
+}
+`
+
 export const CREATE_SHOPPING_CARD = gql`
 mutation  registerShoppingCard($input: IShoppingCard, $idSubArray: IID_SUB_ITEMS){
     registerShoppingCard(input: $input, idSubArray: $idSubArray){
@@ -91,7 +100,7 @@ mutation  registerShoppingCard($input: IShoppingCard, $idSubArray: IID_SUB_ITEMS
 export const CREATE_SHOPPING_CARD_TO_USER_STORE = gql`
 mutation  registerSalesStore($input: [IShoppingCard], $id: ID, $idStore: ID, $pCodeRef: String, $change: String, $valueDelivery: Float, $payMethodPState: Int, $pickUp: Int, $totalProductsPrice: Float, $idSubArray: IID_SUB_ITEMS){
     registerSalesStore(input: $input, id: $id, idStore: $idStore, pCodeRef: $pCodeRef,  change: $change, valueDelivery: $valueDelivery, payMethodPState: $payMethodPState, pickUp: $pickUp, totalProductsPrice: $totalProductsPrice,  idSubArray: $idSubArray){
- 			ShoppingCard {
+            ShoppingCard {
       ShoppingCard
       id
       pId

package/src/hooks/useCreateProduct/helpers/useEditImageProduct/index.js

@@ -80,12 +80,19 @@ export const useEditImageProduct = ({ sendNotification = () => { }, initialState
             : initialState
         )
         // You can use the file object to send it to a server or to download it
-        sendNotification({ title: 'Exito', description: 'Imagen editada' })
+        sendNotification({
+          backgroundColor: 'success',
+          title: 'Exito',
+          description: 'Imagen editada' })
         setExistImage(true)
         handleOpenEditImage()
       })
       .catch(() => {
-        sendNotification({ title: 'Error', description: 'Ha ocurrido un error!' })
+        sendNotification({
+          backgroundColor: 'error',
+          title: 'Error',
+          description: 'Ha ocurrido un error!' 
+        })
       })
     // You can use the file object to send it to a server or to download it
   }

package/src/hooks/useCreateProduct/index.js

@@ -37,10 +37,10 @@ export const useCreateProduct = ({
 
   const [dataStore] = useStore()
   const {
-    handleRegister: handleRegisterTags,
     data,
-    handleAddTag,
-    tags
+    tags,
+    handleRegister: handleRegisterTags,
+    handleAddTag
   } = useTagsProducts()
 
   // HANDLESS
@@ -51,7 +51,7 @@ export const useCreateProduct = ({
 
   const handleCheck = (e) => {
     const { name, checked } = e.target
-    return setCheck({ ...check, [name]: checked ? true : false })
+    return setCheck((prev) =>({ ...prev, [name]: checked }))
   }
 
   const handleUpdateBanner = event => {
@@ -120,12 +120,13 @@ 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 {
       ProPrice,
@@ -149,9 +150,9 @@ export const useCreateProduct = ({
         variables: {
           input: {
             idStore: dataStore?.getStore?.idStore || '',
-            ProPrice: check ? 0 : formatPrice,
-            ProDescuento: check ? 0 : parseInt(ProDescuento),
-            ValueDelivery: check ? 0 : parseFloat(ValueDelivery),
+            ProPrice: check?.desc ? 0 : formatPrice,
+            ProDescuento: check?.desc ? 0 : parseInt(ProDescuento),
+            ValueDelivery: check?.desc ? 0 : parseFloat(ValueDelivery),
             ProDescription,
             pName: names,
             pCode,
@@ -162,8 +163,8 @@ export const useCreateProduct = ({
             ProImage,
             ProHeight: parseFloat(ProHeight),
             ProWeight,
-            ProOutstanding: check ? 1 : 0,
-            ProDelivery: check ? 1 : 0
+            ProOutstanding: check?.desc ? 1 : 0,
+            ProDelivery: check?.desc ? 1 : 0
           }
         },
         update (cache) {
@@ -189,14 +190,23 @@ export const useCreateProduct = ({
           undefined,
           { shallow: true }
         )
-        sendNotification({ title: 'Success', description: `El producto ${names} subido con éxito` })
+        sendNotification({
+          backgroundColor: 'success',
+          title: 'Success',
+          description: `El producto ${names} subido con éxito`
+        })
         const objTag = {
           aName: tags.tag,
+          nameTag: tags.tag,
           pId
         }
         handleRegisterTags(objTag)
         // setValues({})
-      }).catch(err => { return sendNotification({ title: `${err}`, description: 'Error inesperado' }) })
+      }).catch(err => { return sendNotification({
+        backgroundColor: 'error',
+        title: `${err}`,
+        description: 'Error inesperado'
+      }) })
       if (image !== null) {
         setImageProducts({
           variables: {
@@ -207,7 +217,11 @@ export const useCreateProduct = ({
           }
         }).then((response) => {
         }).catch((error) => {
-          sendNotification({ title: `Ocurrió un error en la imagen en el producto ${names}`, description: 'error' })
+          sendNotification({
+            backgroundColor: 'error',
+            title: `Ocurrió un error en la imagen en el producto ${names}`, 
+            description: 'error'
+          })
         })
       }
     } catch (error) {
@@ -262,6 +276,7 @@ export const useCreateProduct = ({
     setShowMore,
     onTargetClick,
     handleAddTag,
+    handleCheck,
     handleCheckFreeShipping,
     check
   }

package/src/hooks/useEmployee/index.js

@@ -0,0 +1,13 @@
+import { useQuery } from '@apollo/client'
+import { useEffect, useState } from 'react'
+import { GET_EMPLOYEES } from './queries'
+
+export const useEmployee = () => {
+  const [clientes, setClients] = useState([])
+  const [more, setMore] = useState(100)
+  const { data, loading, error, fetchMore } = useQuery(GET_EMPLOYEES)
+  useEffect(() => {
+    setClients(data)
+  }, [clientes, data])
+  return [clientes?.employees, { loading, error, fetchMore, setMore, more }]
+}

package/src/hooks/useEmployee/queries.js

@@ -0,0 +1,17 @@
+import { gql } from '@apollo/client'
+
+export const GET_EMPLOYEES = gql`
+query employees {
+  employees {
+    eId
+    idStore
+    idEmployee
+    eSalary
+    typeContract
+    tpEmail
+    termContract
+    eDatAdm
+    eState
+  }
+}
+`

package/src/hooks/useFetchMoreInteractions/index.jsx

@@ -1,6 +1,7 @@
 import React, {
     useEffect,
-    useRef, useState
+    useRef,
+    useState
 } from 'react'
 
 export const useFetchMoreInteractions = ({

package/src/hooks/useFormTools/index.js

@@ -36,9 +36,14 @@ export const useFormTools = ({ sendNotification = () => { } } = {}) => {
     return error === true
   })
 
-  const handleSubmit = useCallback(({ event, action, msgSuccess, msgError, actionAfterSuccess }) => {
+  const handleSubmit = ({
+    event,
+    msgError = '',
+    msgSuccess,
+    action = () => { return },
+    actionAfterSuccess = () => { return }
+  }) => {
     event.preventDefault()
-    console.log(event)
     setCalledSubmit(true)
     let errSub = false
 
@@ -46,7 +51,13 @@ export const useFormTools = ({ sendNotification = () => { } } = {}) => {
     for (const x in errorForm) {
       if (errorForm[x]) errSub = true
     }
-
+    if (errSub) {
+      sendNotification({
+        title: 'Completa los campos requeridos',
+        description: 'Error',
+        backgroundColor: 'error'
+      })
+    }
     if (errors) {
       setErrorSubmit(true)
     return setForcedError({ ...errorForm })
@@ -56,25 +67,28 @@ export const useFormTools = ({ sendNotification = () => { } } = {}) => {
 
     // Valida los errores desde el evento
     const errores = validationSubmitHooks(event.target.elements)
-    console.log({errores})
     setErrorForm(errores)
     for (const x in errores) {
       if (errores[x]) errSub = true
     }
+    if (errSub) return setErrorSubmit(errSub)
 
-    // Ejecuta la petición si es válido
+    // Ejecuta la accion si es válido
     if (!errSub && action) {
       action().then(res => {
         if (res) {
-          sendNotification({ message: msgSuccess || 'Operación exitosa', description: 'Operación exitosa', color: PColor })
+          sendNotification({
+            message: msgSuccess || 'Operación exitosa',
+            description: 'Operación exitosa',
+            backgroundColor: 'success' })
           !!actionAfterSuccess && actionAfterSuccess()
         }
 
-      }).catch(e => {return sendNotification({ title: msgError || e?.message || 'Ha ocurrido un error', color: WColor })})
+      }).catch(e => {return sendNotification({ title: msgError || e?.message || 'Ha ocurrido un error', backgroundColor: 'error' })})
     }
 
     setErrorSubmit(errSub)
-  }, [errorForm, setErrorForm])
+  }
 
   useEffect(() => {return setCalledSubmit(false)}, [calledSubmit])
   useEffect(() => {

package/src/hooks/useImagesStore/index.js

@@ -12,7 +12,7 @@ import {
 } from '../useProductsFood/queriesStore';
 import { GET_ONE_STORE } from '../useStore/queries';
 
-export const useImageStore = (idStore) => {
+export const useImageStore = ({ idStore, sendNotification = () => { return } } = {}) => {
     // STATES
     const fileInputRef = useRef(null)
     const [{ altLogo, srcLogo }, setPreviewImgLogo] = useState({})
@@ -86,13 +86,20 @@ export const useImageStore = (idStore) => {
               })
             }
           }).catch(() => {
-            console.log({ message: 'No pudimos cargar la imagen', duration: 7000 })
+            sendNotification({
+              title: 'No pudimos cargar la imagen',
+              description: 'Error',
+              backgroundColor: 'error'
+            })
             setPreviewImg(initialState)
           })
-    
         } catch {
           setPreviewImg(initialState)
-          console.log({ message: 'No pudimos cargar la imagen', duration: 7000 })
+          sendNotification({
+            title: 'No pudimos cargar la imagen',
+            description: 'Error',
+            backgroundColor: 'error'
+          })
         }
       }
       const handleInputChangeLogo = event => {
@@ -119,7 +126,11 @@ export const useImageStore = (idStore) => {
             })
           }
         }).catch(() => {
-          console.log({ message: 'No pudimos cargar el banner', duration: 7000 })
+          sendNotification({
+            title: 'No pudimos cargar la imagen',
+            description: 'Error',
+            backgroundColor: 'error'
+          })
           setPreviewImgLogo(initialState)
         })
       }