npm-pkg-hook 1.0.6 → 1.0.8

package/package.json

@@ -7,7 +7,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "version": "1.0.6",
+  "version": "1.0.8",
   "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,6 +5,8 @@ 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 './useConnection'
@@ -26,12 +28,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/index.js

@@ -5,6 +5,7 @@ export const useCatWithProduct = ({
     max = 1,
     min = 0,
     search = null,
+    productName = null,
     searchFilter= {}
 }) => {
     const {
@@ -22,6 +23,7 @@ export const useCatWithProduct = ({
     variables:
     {
       search,
+      productName,
       gender: gender,
       min,
       max: 400,

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){
@@ -117,8 +117,8 @@ query ExtProductFoodsAll($search: String, $min: Int, $max: Int, $pId: ID) {
 }
 `
 export const GET_ALL_CATEGORIES_WITH_PRODUCT = gql`
-query getCatProductsWithProduct($search: String, $min: Int, $max: Int, $gender: [String], $desc: [String], $categories: [ID], ) {
-  getCatProductsWithProduct(search: $search, min: $min, max: $max, gender: $gender, desc: $desc, categories: $categories,) {
+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
@@ -136,6 +136,7 @@ query getCatProductsWithProduct($search: String, $min: Int, $max: Int, $gender:
     productFoodsAll {
          pId
         sizeId
+      
         colorId
         carProId
         cId

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
@@ -189,14 +189,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 +216,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) {

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/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/useFormatDate/index.js

@@ -1,7 +1,7 @@
 export const useFormatDate = ({
     date,
     local = 'ES'
-}) => {
+} = {}) => {
     const dateToFormat = new Date(date ?? Date.now())
     const fullDate = dateToFormat.toLocaleDateString(local, { year: 'numeric', month: '2-digit', day: '2-digit' })
     const day = fullDate.split('/')[0]