npm-pkg-hook 1.1.2 → 1.1.4

package/src/hooks/useClients/index.js

@@ -1,4 +1,5 @@
 import { useQuery, useMutation, useLazyQuery } from '@apollo/client'
+import { useState } from 'react'
 import {
   CREATE_CLIENTS,
   DELETE_ONE_CLIENTS,
@@ -10,25 +11,15 @@ 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,
-      fromDate: fromDate, // Usa las variables aquí
-      toDate: toDate
-    }
-  });
-
-  return [data?.getAllClients || [], { loading: called ? false : loading, error }];
-};
+    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)

package/src/hooks/useCreateProduct/index.js

@@ -10,14 +10,11 @@ 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 = () => { },
-  handleCloseCreateProduct = () => { },
-  setAlertBox = () => { }
+  sendNotification = () => { }
 }) => {
   const [errors, setErrors] = useState({
     names: ''
@@ -54,7 +51,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 => {
@@ -123,15 +120,14 @@ export const useCreateProduct = ({
           alt: files[0].name
         }
         : initialState
-    )
+        )
   }
   const onTargetClick = () => {
     fileInputRef.current.click()
   }
   const { img } = useEditImageProduct({ sendNotification, initialState })
-  const [onClickLogout] = useLogout()
-
-  const handleRegister = async ({ callBack = () => { return} } = {}) => {
+  console.log(values)
+  const handleRegister = async () => {
     const {
       ProPrice,
       ProDescuento,
@@ -150,93 +146,67 @@ export const useCreateProduct = ({
     const pCode = RandomCode(9)
     const formatPrice = ProPrice ? parseFloat(ProPrice.replace(/\./g, '')) : 0
     try {
-      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 })
-                }
-              }
-            })
+      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
           }
-        }).then((res) => {
-
-          const { updateProductFoods } = res?.data || {}
-          const { pId } = updateProductFoods || {}
-
-          if (res?.errors?.length > 0) {
-            const errors = {
-              errors: res?.errors
-            }
-            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
+        },
+        update (cache) {
+          cache.modify({
+            fields: {
+              productFoodsAll (dataOld = []) {
+                return cache.writeQuery({ query: GET_ALL_FOOD_PRODUCTS, data: dataOld })
+              }
             }
-            handleRegisterTags(objTag)
-            setValues({})
-          }
-        }).catch(err => {
-          return sendNotification({
-            backgroundColor: 'error',
-            title: 'Error inesperado',
-            description: `${err}`
           })
+        }
+      }).then((res) => {
+        const { updateProductFoods } = res?.data || {}
+        const { pId } = updateProductFoods || {}
+        setPid(pId ?? null)
+        router.push(
+          {
+            query: {
+              ...router.query,
+              food: pId
+            }
+          },
+          undefined,
+          { shallow: true }
+        )
+        sendNotification({
+          backgroundColor: 'success',
+          title: 'Success',
+          description: `El producto ${names} subido con éxito`
         })
-
-      } else {
-        return sendNotification({
-          backgroundColor: 'warning',
-          title: 'Alerta',
-          description: 'El nombre del producto no debe estar vacio'
-        })
-      }
+        const objTag = {
+          aName: tags.tag,
+          nameTag: tags.tag,
+          pId
+        }
+        handleRegisterTags(objTag)
+        // setValues({})
+      }).catch(err => { return sendNotification({
+        backgroundColor: 'error',
+        title: `${err}`,
+        description: 'Error inesperado'
+      }) })
       if (image !== null) {
         setImageProducts({
           variables: {
@@ -249,7 +219,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'
           })
         })

package/src/hooks/useDrag/index.js

@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react'
 
 export function useDrag2 (ref) {
   useEffect(() => {
+    if (!ref || !ref?.current) return null
     const target = ref?.current
     if (!target) return
     const previousOffset = { x: 0, y: 0 }

package/src/hooks/useEmployee/index.js

@@ -1,16 +1,13 @@
 import { useQuery } from '@apollo/client'
+import { useEffect, useState } from 'react'
 import { GET_EMPLOYEES } from './queries'
 
 export const useEmployee = () => {
-  const { data, loading, error, fetchMore } = useQuery(GET_EMPLOYEES, {
-    onError: (error) => {
-      console.error(error)
-    }
-  })
-  const employees = data?.employees || []
-  return [employees, { 
-    loading, 
-    error,
-    fetchMore
-  }]
+  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/useFormTools/index.js

@@ -75,7 +75,7 @@ export const useFormTools = ({ sendNotification = () => { } } = {}) => {
 
     // Ejecuta la accion si es válido
     if (!errSub && action) {
-      action()?.then(res => {
+      action().then(res => {
         if (res) {
           sendNotification({
             message: msgSuccess || 'Operación exitosa',

package/src/hooks/useFullScreenMode/index.js

@@ -1,10 +1,7 @@
-import React, { 
-  useState, 
-  useRef, 
-  useEffect
-} from 'react'
+import React, { useState, useRef, useEffect } from 'react'
+import styled from 'styled-components'
 
-export const useFullScreenMode = () => {
+export const useFullscreenMode = () => {
   const [isFullscreen, setFullscreen] = useState(false)
   const elementRef = useRef()
 
@@ -59,7 +56,10 @@ export const useFullScreenMode = () => {
   }
 
   const ToggleIcon = (
-    <button onDoubleClick={() => {return (!isFullscreen ? goFullscreen() : exitFullScreen())}}>{!isFullscreen ? 'FullScreen' : 'Normal'}</button>
+    <Button onDoubleClick={() => {return (!isFullscreen ? goFullscreen() : exitFullScreen())}}>{!isFullscreen ? 'FullScreen' : 'Normal'}</Button>
   )
   return [elementRef, ToggleIcon] //Icon, ref
-}
+}
+const Button = styled.button`
+
+`

package/src/hooks/useGoogleLogin/index.js

@@ -0,0 +1,161 @@
+import { useState, useEffect } from 'react'
+import loadScript from './loadScript'
+import removeScript from './removeScript'
+
+export const useGoogleLogin = ({
+  onSuccess = () => {},
+  onAutoLoadFinished = () => {},
+  onFailure = () => {},
+  onRequest = () => {},
+  onScriptLoadFailure,
+  clientId,
+  cookiePolicy,
+  loginHint,
+  hostedDomain,
+  autoLoad,
+  isSignedIn,
+  fetchBasicProfile,
+  redirectUri,
+  discoveryDocs,
+  uxMode,
+  scope,
+  accessType,
+  responseType,
+  jsSrc = 'https://apis.google.com/js/api.js',
+  prompt
+}) => {
+  const [loaded, setLoaded] = useState(false)
+
+  function handleSigninSuccess(res) {
+    /*
+      offer renamed response keys to names that match use
+    */
+    const basicProfile = res.getBasicProfile()
+    const authResponse = res.getAuthResponse(true)
+    res.googleId = basicProfile.getId()
+    res.tokenObj = authResponse
+    res.tokenId = authResponse.id_token
+    res.accessToken = authResponse.access_token
+    res.profileObj = {
+      googleId: basicProfile.getId(),
+      imageUrl: basicProfile.getImageUrl(),
+      email: basicProfile.getEmail(),
+      name: basicProfile.getName(),
+      givenName: basicProfile.getGivenName(),
+      familyName: basicProfile.getFamilyName()
+    }
+    onSuccess(res)
+  }
+
+  function signIn(e) {
+    if (e) {
+      e.preventDefault() // to prevent submit if used within form
+    }
+    if (loaded) {
+      const GoogleAuth = window.gapi.auth2.getAuthInstance()
+      const options = {
+        prompt
+      }
+      onRequest()
+      if (responseType === 'code') {
+        GoogleAuth.grantOfflineAccess(options).then(
+          res => onSuccess(res),
+          err => onFailure(err)
+        )
+      } else {
+        GoogleAuth.signIn(options).then(
+          res => handleSigninSuccess(res),
+          err => onFailure(err)
+        )
+      }
+    }
+  }
+
+  useEffect(() => {
+    let unmounted = false
+    const onLoadFailure = onScriptLoadFailure || onFailure
+    loadScript(
+      document,
+      'script',
+      'google-login',
+      jsSrc,
+      () => {
+        const params = {
+          client_id: clientId,
+          cookie_policy: cookiePolicy,
+          login_hint: loginHint,
+          hosted_domain: hostedDomain,
+          fetch_basic_profile: fetchBasicProfile,
+          discoveryDocs,
+          ux_mode: uxMode,
+          redirect_uri: redirectUri,
+          scope,
+          access_type: accessType
+        }
+
+        if (responseType === 'code') {
+          params.access_type = 'offline'
+        }
+
+        window.gapi.load('auth2', () => {
+          const GoogleAuth = window.gapi.auth2.getAuthInstance()
+          if (!GoogleAuth) {
+            window.gapi.auth2.init(params).then(
+              res => {
+                if (!unmounted) {
+                  setLoaded(true)
+                  const signedIn = isSignedIn && res.isSignedIn.get()
+                  onAutoLoadFinished(signedIn)
+                  if (signedIn) {
+                    handleSigninSuccess(res.currentUser.get())
+                  }
+                }
+              },
+              err => {
+                setLoaded(true)
+                onAutoLoadFinished(false)
+                onLoadFailure(err)
+              }
+            )
+          } else {
+            GoogleAuth.then(
+              () => {
+                if (unmounted) {
+                  return
+                }
+                if (isSignedIn && GoogleAuth.isSignedIn.get()) {
+                  setLoaded(true)
+                  onAutoLoadFinished(true)
+                  handleSigninSuccess(GoogleAuth.currentUser.get())
+                } else {
+                  setLoaded(true)
+                  onAutoLoadFinished(false)
+                }
+              },
+              err => {
+                onFailure(err)
+              }
+            )
+          }
+        })
+      },
+      err => {
+        onLoadFailure(err)
+      }
+    )
+
+    return () => {
+      unmounted = true
+      removeScript(document, 'google-login')
+    }
+  }, [])
+
+  useEffect(() => {
+    if (autoLoad) {
+      signIn()
+    }
+  }, [loaded])
+
+  return { signIn, loaded }
+}
+

package/src/hooks/useGoogleLogin/loadScript.js

@@ -0,0 +1,15 @@
+export default (d, s, id, jsSrc, cb, onError) => {
+  const element = d.getElementsByTagName(s)[0]
+  const fjs = element
+  let js = element
+  js = d.createElement(s)
+  js.id = id
+  js.src = jsSrc
+  if (fjs && fjs.parentNode) {
+    fjs.parentNode.insertBefore(js, fjs)
+  } else {
+    d.head.appendChild(js)
+  }
+  js.onerror = onError
+  js.onload = cb
+}

package/src/hooks/useGoogleLogin/removeScript.js

@@ -0,0 +1,7 @@
+export default (d, id) => {
+  const element = d.getElementById(id)
+
+  if (element) {
+    element.parentNode.removeChild(element)
+  }
+}

package/src/hooks/useHover/index.js

@@ -1,6 +1,6 @@
 import { useRef, useState, useEffect } from 'react'
 
-export default function useHover() {
+export function useHover() {
   const [value, setValue] = useState(false)
 
   const ref = useRef(null)