npm-pkg-hook 1.3.6 → 1.3.8

package/src/hooks/useImagesStore/index.js

@@ -13,6 +13,7 @@ import {
 import { GET_ONE_STORE } from '../useStore/queries'
 export { GET_MIN_PEDIDO } from './queries'
 export * from './queries'
+
 export const useImageStore = ({ idStore, sendNotification = () => { } } = {}) => {
   // STATES
   const fileInputRef = useRef(null)
@@ -22,20 +23,20 @@ export const useImageStore = ({ idStore, sendNotification = () => { } } = {}) =>
   const fileInputRefLogo = useRef(null)
   // HOOKS
   const [registerBanner] = useMutation(CREATE_BANNER_STORE, {
-    onCompleted: (data) => { return console.log({ message: data?.registerBanner?.message }) },
+    onCompleted: (data) => { return sendNotification({ message: data?.registerBanner?.message }) },
     context: { clientName: 'admin-server' }
   })
   const [setALogoStore] = useMutation(CREATE_LOGO, {
-    onCompleted: (data) => { return console.log({ message: data?.setALogoStore?.message }) },
+    onCompleted: (data) => { return sendNotification({ message: data?.setALogoStore?.message }) },
     context: { clientName: 'admin-server' }
   })
   const [DeleteOneBanner] = useMutation(DELETE_ONE_BANNER_STORE, {
-    onCompleted: (data) => { return console.log({ message: data?.DeleteOneBanner?.message }) },
+    onCompleted: (data) => { return sendNotification({ message: data?.DeleteOneBanner?.message }) },
     context: { clientName: 'admin-server' }
   })
   const [deleteALogoStore] = useMutation(DELETE_ONE_LOGO_STORE, {
     onCompleted: (data) => {
-      console.log({
+      sendNotification({
         message: data.deleteALogoStore.message
       })
       setPreviewImgLogo(initialState)

package/src/hooks/useInnerHtml/index.js

@@ -1,39 +1,39 @@
-import React from 'react'
-import { createRoot } from 'react-dom' // Import createRoot from react-dom
-import './styles.css'
-
-const htmlText =
-  '<p style=\'display:inline;\'>Lorem ipsum</p> dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
-
-function App () {
-  const [state, setState] = React.useState({
-    showOriginalHTML: false,
-    originalHTML: htmlText
-  })
-
-  const handleShowText = React.useCallback(() => {
-    setState((prevState) => {
-      return {
-        ...prevState,
-        showOriginalHTML: !prevState.showOriginalHTML
-      }
-    })
-  }, [setState])
-
-  return (
-    <div className='container'>
-      <div
-        className='text'
-        dangerouslySetInnerHTML={{
-          __html: `${state.originalHTML}`
-        }}
-      />
-      <button className='read-more' onClick={handleShowText}>
-        {!state.showOriginalHTML ? 'read more' : 'show less'}
-      </button>
-    </div>
-  )
-}
-
-const root = document.getElementById('root')
-createRoot(root).render(<App />) // Use createRoot to render your React app
+import React from 'react'
+import { createRoot } from 'react-dom' // Import createRoot from react-dom
+import './styles.css'
+
+const htmlText =
+  '<p style=\'display:inline;\'>Lorem ipsum</p> dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
+
+function App () {
+  const [state, setState] = React.useState({
+    showOriginalHTML: false,
+    originalHTML: htmlText
+  })
+
+  const handleShowText = React.useCallback(() => {
+    setState((prevState) => {
+      return {
+        ...prevState,
+        showOriginalHTML: !prevState.showOriginalHTML
+      }
+    })
+  }, [setState])
+
+  return (
+    <div className='container'>
+      <div
+        className='text'
+        dangerouslySetInnerHTML={{
+          __html: `${state.originalHTML}`
+        }}
+      />
+      <button className='read-more' onClick={handleShowText}>
+        {!state.showOriginalHTML ? 'read more' : 'show less'}
+      </button>
+    </div>
+  )
+}
+
+const root = document.getElementById('root')
+createRoot(root).render(<App />) // Use createRoot to render your React app

package/src/hooks/useKeypress/index.js

@@ -1,28 +1,28 @@
-import { useEffect, useState } from 'react'
-
-export const useKeyPress = (targetKey) => {
-  const [keyPressed, setKeyPressed] = useState(false)
-
-  useEffect(() => {
-    const downHandler = ({ key }) => {
-      if (key === targetKey) {
-        setKeyPressed(true)
-      }
-    }
-    const upHandler = ({ key }) => {
-      if (key === targetKey) {
-        setKeyPressed(false)
-      }
-    }
-
-    window.addEventListener('keydown', downHandler)
-    window.addEventListener('keyup', upHandler)
-
-    return () => {
-      window.removeEventListener('keydown', downHandler)
-      window.removeEventListener('keyup', upHandler)
-    }
-  }, [targetKey])
-
-  return keyPressed
-}
+import { useEffect, useState } from 'react'
+
+export const useKeyPress = (targetKey) => {
+  const [keyPressed, setKeyPressed] = useState(false)
+
+  useEffect(() => {
+    const downHandler = ({ key }) => {
+      if (key === targetKey) {
+        setKeyPressed(true)
+      }
+    }
+    const upHandler = ({ key }) => {
+      if (key === targetKey) {
+        setKeyPressed(false)
+      }
+    }
+
+    window.addEventListener('keydown', downHandler)
+    window.addEventListener('keyup', upHandler)
+
+    return () => {
+      window.removeEventListener('keydown', downHandler)
+      window.removeEventListener('keyup', upHandler)
+    }
+  }, [targetKey])
+
+  return keyPressed
+}

package/src/hooks/useLocationNavigate/index.js

@@ -1,54 +1,54 @@
-import { useEffect, useState } from 'react'
-
-const defaultSettings = {
-  enableHighAccuracy: false,
-  timeout: Infinity,
-  maximumAge: 0
-}
-
-export const usePosition = (watch = false, settings = defaultSettings) => {
-  const [position, setPosition] = useState({})
-  const [error, setError] = useState(null)
-
-  const onChange = ({ coords, timestamp }) => {
-    setPosition({
-      latitude: coords.latitude,
-      longitude: coords.longitude,
-      accuracy: coords.accuracy,
-      speed: coords.speed,
-      timestamp
-    })
-  }
-
-  const onError = () => {
-    setError(error?.message)
-  }
-
-  useEffect(() => {
-    if (!navigator || !navigator.geolocation) {
-      setError('Geolocation is not supported')
-      return
-    }
-
-    let watcher = null
-    if (watch) {
-      watcher = navigator.geolocation.watchPosition(
-        onChange,
-        onError,
-        settings
-      )
-    } else {
-      navigator.geolocation.getCurrentPosition(onChange, onError, settings)
-    }
-
-    return () => { return watcher && navigator.geolocation.clearWatch(watcher) }
-  }, [
-    settings,
-    settings.enableHighAccuracy,
-    settings.timeout,
-    settings.maximumAge,
-    watch
-  ])
-
-  return { ...position, error }
-}
+import { useEffect, useState } from 'react'
+
+const defaultSettings = {
+  enableHighAccuracy: false,
+  timeout: Infinity,
+  maximumAge: 0
+}
+
+export const usePosition = (watch = false, settings = defaultSettings) => {
+  const [position, setPosition] = useState({})
+  const [error, setError] = useState(null)
+
+  const onChange = ({ coords, timestamp }) => {
+    setPosition({
+      latitude: coords.latitude,
+      longitude: coords.longitude,
+      accuracy: coords.accuracy,
+      speed: coords.speed,
+      timestamp
+    })
+  }
+
+  const onError = () => {
+    setError(error?.message)
+  }
+
+  useEffect(() => {
+    if (!navigator || !navigator.geolocation) {
+      setError('Geolocation is not supported')
+      return
+    }
+
+    let watcher = null
+    if (watch) {
+      watcher = navigator.geolocation.watchPosition(
+        onChange,
+        onError,
+        settings
+      )
+    } else {
+      navigator.geolocation.getCurrentPosition(onChange, onError, settings)
+    }
+
+    return () => { return watcher && navigator.geolocation.clearWatch(watcher) }
+  }, [
+    settings,
+    settings.enableHighAccuracy,
+    settings.timeout,
+    settings.maximumAge,
+    watch
+  ])
+
+  return { ...position, error }
+}

package/src/hooks/useLogout/index.js

@@ -10,28 +10,36 @@ export const useLogout = ({ setAlertBox = () => { } } = {}) => {
   const client = useApolloClient()
 
   const onClickLogout = async () => {
-    setLoading(true)
-    await window
-      .fetch(`${process.env.URL_BASE}/api/auth/logout/`, {})
-      .then(res => {
-        if (res) {
-          Cookies.remove(process.env.SESSION_NAME)
-          Cookies.remove(process.env.LOCAL_SALES_STORE)
-          Cookies.remove('restaurant')
-          Cookies.remove('usuario')
-          Cookies.remove('session')
-          client?.clearStore()
-          setLoading(false)
-          console.log('Borrado todo')
-
-        }
-      })
+    try {
+      setLoading(true)
+      // Logout from the server
+      const logoutResponse = await window.fetch(`${process.env.URL_BASE}/api/auth/logout/`, {})
+      if (!logoutResponse.ok) return
+      await window
+        .fetch(`${process.env.URL_BASE}/api/auth/logout/`, {})
+        .then(res => {
+          if (res) {
+            Cookies.remove(process.env.SESSION_NAME)
+            Cookies.remove(process.env.LOCAL_SALES_STORE)
+            Cookies.remove('restaurant')
+            Cookies.remove('usuario')
+            Cookies.remove('session')
+            client?.clearStore()
+            setLoading(false)
+            console.log('Borrado todo')
+          }
+        })
       signOutAuth({ redirect: true, callbackUrl: '/' })
-      .catch(() => {
-        setError(true)
-        setAlertBox({ message: 'Ocurrió un error al cerrar session' })
-      })
-    setLoading(false)
+        .catch(() => {
+          setError(true)
+          setAlertBox({ message: 'Ocurrió un error al cerrar session' })
+        })
+      setLoading(false)
+    } catch (error) {
+      setLoading(false)
+      setError(true)
+      setAlertBox({ message: 'Ocurrió un error al cerrar session' })
+    }
   }
 
   return [onClickLogout, { loading, error }]

package/src/hooks/useManageQueryParams/index.js

@@ -1,36 +1,37 @@
-import { useRouter } from 'next/router'
-// Hola mundo
-export const useManageQueryParams = () => {
-  const router = useRouter()
-
-  const handleQuery = (name, value = '') => {
-    router.push(
-      {
-        query: {
-          ...router.query,
-          [name]: value
-        }
-      },
-      undefined,
-      { shallow: true }
-    )
-  }
-
-  const handleCleanQuery = (name, value = '') => {
-    router.push(
-      {
-        query: {
-          ...router.query,
-          [name]: value || ''
-        }
-      },
-      undefined,
-      { shallow: true }
-    )
-  }
-
-  return {
-    handleQuery,
-    handleCleanQuery
-  }
-}
+import { useRouter } from 'next/router'
+// Hola mundo
+export const useManageQueryParams = () => {
+  const router = useRouter()
+
+  const handleQuery = (name, value = '') => {
+    router.push(
+      {
+        query: {
+          ...router.query,
+          [name]: value
+        }
+      },
+      undefined,
+      { shallow: true }
+    )
+  }
+
+  const handleCleanQuery = (name, value = '') => {
+    const updatedQuery = {
+      ...router.query,
+      [name]: value || ''
+    }
+    router.push(
+      {
+        query: updatedQuery
+      },
+      undefined,
+      { shallow: true }
+    )
+  }
+
+  return {
+    handleQuery,
+    handleCleanQuery
+  }
+}

package/src/hooks/useMobile/index.js

@@ -1,39 +1,39 @@
-/* eslint-disable no-void */
-import { useEffect, useState } from 'react'
-
-export const useMobile = (props) => {
-  const { callBack = () => { return null } } = props || {}
-  const [innerHeight, setInnerHeight] = useState()
-  const [innerWidth, setInnerWidth] = useState()
-  let isMobile = false
-  useEffect(() => {
-    setInnerHeight(window.innerHeight)
-    setInnerWidth(window.innerWidth)
-    callBack()
-  }, [])
-  useEffect(() => {
-    const handleResize = () => {
-      if (!isNaN(window === null || window === void 0 ? void 0 : window.innerHeight) && (window === null || window === void 0 ? void 0 : window.innerHeight) !== innerHeight) {
-        setInnerHeight(window.innerHeight)
-      }
-      if (!isNaN(window.innerWidth) && window.innerWidth !== innerWidth) {
-        setInnerWidth(window.innerWidth)
-      }
-      callBack()
-    }
-    if (typeof window !== 'undefined') {
-      window.addEventListener('resize', handleResize)
-    }
-    return () => {
-      window.removeEventListener('resize', handleResize)
-    }
-  })
-  if (typeof window !== 'undefined' && /Mobile/i.test((navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || (navigator === null || navigator === void 0 ? void 0 : navigator.vendor))) {
-    isMobile = true
-  }
-  return {
-    isMobile,
-    innerHeight,
-    innerWidth
-  }
-}
+/* eslint-disable no-void */
+import { useEffect, useState } from 'react'
+
+export const useMobile = (props) => {
+  const { callBack = () => { return null } } = props || {}
+  const [innerHeight, setInnerHeight] = useState()
+  const [innerWidth, setInnerWidth] = useState()
+  let isMobile = false
+  useEffect(() => {
+    setInnerHeight(window.innerHeight)
+    setInnerWidth(window.innerWidth)
+    callBack()
+  }, [])
+  useEffect(() => {
+    const handleResize = () => {
+      if (!isNaN(window === null || window === void 0 ? void 0 : window.innerHeight) && (window === null || window === void 0 ? void 0 : window.innerHeight) !== innerHeight) {
+        setInnerHeight(window.innerHeight)
+      }
+      if (!isNaN(window.innerWidth) && window.innerWidth !== innerWidth) {
+        setInnerWidth(window.innerWidth)
+      }
+      callBack()
+    }
+    if (typeof window !== 'undefined') {
+      window.addEventListener('resize', handleResize)
+    }
+    return () => {
+      window.removeEventListener('resize', handleResize)
+    }
+  })
+  if (typeof window !== 'undefined' && /Mobile/i.test((navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || (navigator === null || navigator === void 0 ? void 0 : navigator.vendor))) {
+    isMobile = true
+  }
+  return {
+    isMobile,
+    innerHeight,
+    innerWidth
+  }
+}

package/src/hooks/useOrderClient/index.js

@@ -1,5 +1,5 @@
-export const useOrderClient = () => {
-  return {
-
-  }
-}
+export const useOrderClient = () => {
+  return {
+
+  }
+}

package/src/hooks/useProviders/index.js

@@ -1,3 +1,3 @@
-export * from './useProvidersCreateStore'
-export * from './useProvidersDataStore'
-export * from './queries'
+export * from './useProvidersCreateStore'
+export * from './useProvidersDataStore'
+export * from './queries'

package/src/hooks/useProviders/queries.js

@@ -1,31 +1,31 @@
-import { gql } from '@apollo/client'
-
-export const CREATE_PROVIDERS = gql`
-mutation registerProviders($input: IProviders) {
-  registerProviders(input: $input) {
-    success
-    message
-  }
-}
-`
-export const GET_ALL_PROVIDERS = gql`
-query getAllProviders($idStore: ID,$search: String, $min: Int, $max: Int $fromDate: DateTime, $toDate: DateTime ) {
-  getAllProviders(idStore: $idStore, search: $search, min: $min, max: $max, toDate: $toDate, fromDate: $fromDate) {
-    idProvider
-    idStore
-    prImage
-    prPathImage
-    PrNit
-    prName
-    PrNumberPhone
-    PrNumberIdentity
-    PrAdres
-    PrMail
-    TotalBysPr
-    TotalDeuda
-    prState
-    DatCre
-    DatMod
-  }
-}
-`
+import { gql } from '@apollo/client'
+
+export const CREATE_PROVIDERS = gql`
+mutation registerProviders($input: IProviders) {
+  registerProviders(input: $input) {
+    success
+    message
+  }
+}
+`
+export const GET_ALL_PROVIDERS = gql`
+query getAllProviders($idStore: ID,$search: String, $min: Int, $max: Int $fromDate: DateTime, $toDate: DateTime ) {
+  getAllProviders(idStore: $idStore, search: $search, min: $min, max: $max, toDate: $toDate, fromDate: $fromDate) {
+    idProvider
+    idStore
+    prImage
+    prPathImage
+    PrNit
+    prName
+    PrNumberPhone
+    PrNumberIdentity
+    PrAdres
+    PrMail
+    TotalBysPr
+    TotalDeuda
+    prState
+    DatCre
+    DatMod
+  }
+}
+`

package/src/hooks/useProviders/useProvidersCreateStore/index.js

@@ -1,12 +1,12 @@
-import { useMutation } from '@apollo/client'
-import { CREATE_PROVIDERS } from '../queries'
-
-export const useProvidersCreateStore = ({ setAlertBox = () => { } } = {}) => {
-  const [registerProviders, { loading, error }] = useMutation(CREATE_PROVIDERS, {
-    onCompleted: (data) => {
-      setAlertBox({ message: `${data.registerProviders.message}` })
-    }
-  })
-
-  return [registerProviders, { loading, error }]
-}
+import { useMutation } from '@apollo/client'
+import { CREATE_PROVIDERS } from '../queries'
+
+export const useProvidersCreateStore = ({ setAlertBox = () => { } } = {}) => {
+  const [registerProviders, { loading, error }] = useMutation(CREATE_PROVIDERS, {
+    onCompleted: (data) => {
+      setAlertBox({ message: `${data.registerProviders.message}` })
+    }
+  })
+
+  return [registerProviders, { loading, error }]
+}

package/src/hooks/useProviders/useProvidersDataStore/index.js

@@ -1,24 +1,24 @@
-import { useQuery } from '@apollo/client'
-import { GET_ALL_PROVIDERS } from '../queries'
-
-export const useProvidersStore = () => {
-  const {
-    data,
-    fetchMore,
-    loading,
-    error,
-    called
-  } = useQuery(GET_ALL_PROVIDERS, {
-    fetchPolicy: 'cache-and-network',
-    notifyOnNetworkStatusChange: true,
-    nextFetchPolicy: 'cache-first',
-    refetchWritePolicy: 'merge'
-  })
-  const providerData = data?.getAllProviders || []
-  return [providerData, {
-    fetchMore,
-    called,
-    error,
-    loading
-  }]
-}
+import { useQuery } from '@apollo/client'
+import { GET_ALL_PROVIDERS } from '../queries'
+
+export const useProvidersStore = () => {
+  const {
+    data,
+    fetchMore,
+    loading,
+    error,
+    called
+  } = useQuery(GET_ALL_PROVIDERS, {
+    fetchPolicy: 'cache-and-network',
+    notifyOnNetworkStatusChange: true,
+    nextFetchPolicy: 'cache-first',
+    refetchWritePolicy: 'merge'
+  })
+  const providerData = data?.getAllProviders || []
+  return [providerData, {
+    fetchMore,
+    called,
+    error,
+    loading
+  }]
+}