npm-pkg-hook 1.1.4 → 1.1.8

package/src/hooks/useLazyScript/index.js

@@ -1,72 +1,71 @@
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react'
 
 export const useLazyScript = (src, delay = null) => {
-  const [status, setStatus] = useState(src ? 'loading' : 'idle');
+  const [status, setStatus] = useState(src ? 'loading' : 'idle')
 
   useEffect(() => {
     if (!src) {
-      setStatus('idle');
-      return 'idle';
+      setStatus('idle')
+      return 'idle'
     }
 
-    let script = document.querySelector(`script[src='${src}']`);
-    let timeout = null;
+    let script = document.querySelector(`script[src='${src}']`)
+    let timeout = null
 
     if (!script) {
       if (delay) {
         timeout = setTimeout(() => {
-          injectScript();
+          injectScript()
           // Add event listener after the script is added
-          script.addEventListener('load', setStateStatus);
-          script.addEventListener('error', setStateStatus);
-        }, delay);
+          script.addEventListener('load', setStateStatus)
+          script.addEventListener('error', setStateStatus)
+        }, delay)
       } else {
-        injectScript();
+        injectScript()
       }
     } else {
-      setStatus(script.getAttribute('data-status'));
+      setStatus(script.getAttribute('data-status'))
     }
 
     const setStateStatus = (event) => {
-      setStatus(event.type === 'load' ? 'ready' : 'error');
-    };
+      setStatus(event.type === 'load' ? 'ready' : 'error')
+    }
 
-    //code to inject script
-    function injectScript() {
-      script = document.createElement('script');
-      script.src = src;
-      script.async = true;
-      script.setAttribute('data-status', 'loading');
-      document.body.appendChild(script);
+    // code to inject script
+    function injectScript () {
+      script = document.createElement('script')
+      script.src = src
+      script.async = true
+      script.setAttribute('data-status', 'loading')
+      document.body.appendChild(script)
 
       const setDataStatus = (event) => {
         script.setAttribute(
           'data-status',
           event.type === 'load' ? 'ready' : 'error'
-        );
-      };
+        )
+      }
 
-      script.addEventListener('load', setDataStatus);
-      script.addEventListener('error', setDataStatus);
+      script.addEventListener('load', setDataStatus)
+      script.addEventListener('error', setDataStatus)
     }
 
     if (script) {
-      //script will be be undefined available when its delayed hence check it before adding listener
-      script.addEventListener('load', setStateStatus);
-      script.addEventListener('error', setStateStatus);
+      // script will be be undefined available when its delayed hence check it before adding listener
+      script.addEventListener('load', setStateStatus)
+      script.addEventListener('error', setStateStatus)
     }
 
     return () => {
       if (script) {
-        script.removeEventListener('load', setStateStatus);
-        script.removeEventListener('error', setStateStatus);
+        script.removeEventListener('load', setStateStatus)
+        script.removeEventListener('error', setStateStatus)
       }
       if (timeout) {
-        clearTimeout(timeout);
+        clearTimeout(timeout)
       }
-    };
-  }, [src]);
-
-  return status;
-};
+    }
+  }, [src])
 
+  return status
+}

package/src/hooks/useLocalSorage/index.js

@@ -1,6 +1,6 @@
 import { useState } from 'react'
 
-export const useLocalStorage= (key, initialValue) => {
+export const useLocalStorage = (key, initialValue) => {
   // const { setAlertBox } = useContext(Context)
   // State to store our value
   // Pass initial state function to useState so logic is only executed once
@@ -33,4 +33,4 @@ export const useLocalStorage= (key, initialValue) => {
   }
 
   return [storedValue, setValue]
-}
+}

package/src/hooks/useLogout/index.js

@@ -1,13 +1,13 @@
-import { useApolloClient } from '@apollo/client';
-import { useState, useCallback } from 'react'
-import { useRouter } from 'next/router';
-import { Cookies } from '../../cookies';
+import { useApolloClient } from '@apollo/client'
+import { useState } from 'react'
+import { useRouter } from 'next/router'
+import { Cookies } from '../../cookies'
 
-export const useLogout = ({ setAlertBox = () => {  } } = {}) =>  {
+export const useLogout = ({ setAlertBox = () => { } } = {}) => {
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState(false)
-  const router = useRouter();
-  const client = useApolloClient();
+  const router = useRouter()
+  const client = useApolloClient()
 
   const onClickLogout = async () => {
     setLoading(true)
@@ -15,21 +15,21 @@ export const useLogout = ({ setAlertBox = () => {  } } = {}) =>  {
       .fetch(`${process.env.URL_BASE}api/auth/logout/`, {})
       .then(res => {
         if (res) {
-          localStorage.removeItem('session');
-          localStorage.removeItem('usuario');
-          localStorage.removeItem('location');
-          localStorage.removeItem('sessionGoogle');
-          localStorage.removeItem('namefood');
-          localStorage.removeItem('longitude');
-          localStorage.removeItem('latitude');
-          localStorage.removeItem('userlogin');
-          localStorage.removeItem('restaurant');
-          Cookies.remove('vp.store');
-          Cookies.remove('app.cart.sales');
-          Cookies.remove('restaurant');
-          client?.clearStore();
-          router.replace('/entrar');
-          setLoading(false);
+          localStorage.removeItem('session')
+          localStorage.removeItem('usuario')
+          localStorage.removeItem('location')
+          localStorage.removeItem('sessionGoogle')
+          localStorage.removeItem('namefood')
+          localStorage.removeItem('longitude')
+          localStorage.removeItem('latitude')
+          localStorage.removeItem('userlogin')
+          localStorage.removeItem('restaurant')
+          Cookies.remove('vp.store')
+          Cookies.remove('app.cart.sales')
+          Cookies.remove('restaurant')
+          client?.clearStore()
+          router.replace('/entrar')
+          setLoading(false)
         }
       })
       .catch(() => {
@@ -40,4 +40,4 @@ export const useLogout = ({ setAlertBox = () => {  } } = {}) =>  {
   }
 
   return [onClickLogout, { loading, error }]
-}
+}

package/src/hooks/useManageQueryParams/index.js

@@ -1,37 +1,36 @@
-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 = '') => {
+    router.push(
+      {
+        query: {
+          ...router.query,
+          [name]: value || ''
+        }
+      },
+      undefined,
+      { shallow: true }
+    )
+  }
+
+  return {
+    handleQuery,
+    handleCleanQuery
+  }
+}

package/src/hooks/useMobile/index.js

@@ -1,38 +1,39 @@
-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/useMutateHeight/index.js

@@ -2,36 +2,35 @@ import {
   useEffect,
   useRef,
   useState
-} from 'react';
+} from 'react'
 
-
-export const  useMutateHeight = ({ isCollapsed = false }) => {
-  const [collapsed, setCollapsed] = useState(isCollapsed);
-  const childrenContainerRef = useRef(null);
+export const useMutateHeight = ({ isCollapsed = false }) => {
+  const [collapsed, setCollapsed] = useState(isCollapsed)
+  const childrenContainerRef = useRef(null)
 
   useEffect(() => {
-    setCollapsed(isCollapsed);
+    setCollapsed(isCollapsed)
     if (childrenContainerRef.current !== null) {
       const height = isCollapsed
         ? childrenContainerRef.current.scrollHeight
-        : 0;
-      childrenContainerRef.current.style.height = `${height}px`;
+        : 0
+      childrenContainerRef.current.style.height = `${height}px`
     }
-  }, [isCollapsed]);
+  }, [isCollapsed])
 
   const handleCollapsed = visible => {
-    setCollapsed(visible);
+    setCollapsed(visible)
     if (childrenContainerRef.current !== null) {
-      const height = visible ? childrenContainerRef.current.scrollHeight : 0;
-      childrenContainerRef.current.style.height = `${height}px`;
+      const height = visible ? childrenContainerRef.current.scrollHeight : 0
+      childrenContainerRef.current.style.height = `${height}px`
     }
-  };
+  }
 
   return {
     handleCollapsed,
     childrenContainerRef,
     collapsed
-  };
-};
+  }
+}
 
-// https://codesandbox.io/s/dropdown-navigation-9fx6r?file=/src/Navigation/Navigation.js:357-775
+// https://codesandbox.io/s/dropdown-navigation-9fx6r?file=/src/Navigation/Navigation.js:357-775

package/src/hooks/useOrderClient/index.js

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

package/src/hooks/useOrders/index.js

@@ -1,8 +1,4 @@
-/* eslint-disable react-hooks/exhaustive-deps */
 import { useQuery } from '@apollo/client'
-import {
-  useState
-} from 'react'
 import { GET_ALL_PEDIDOS, GET_ALL_PEDIDOS_FROM_STORE } from './queries'
 
 export const useOrders = ({
@@ -19,19 +15,17 @@ export const useOrders = ({
 }) => {
   const { data, loading, error, fetchMore } = useQuery(GET_ALL_PEDIDOS, {
     notifyOnNetworkStatusChange: true,
-    refetchWritePolicy: refetchWritePolicy,
+    refetchWritePolicy,
     pollInterval,
     fetchPolicy,
     refetch,
     refetchReadPolicy,
-    nextFetchPolicy: nextFetchPolicy,
-    onError: onError
-      ? onError
-      : () => {
-        return
-      },
+    nextFetchPolicy,
+    onError: onError || (() => {
+
+    }),
     variables: {
-      statusOrder: statusOrder,
+      statusOrder,
       fromDate,
       toDate
     }
@@ -73,9 +67,9 @@ export const useOrdersFromStore = ({
       max,
       statusOrder
     }
-  });
+  })
 
-  return [data?.getAllOrdersFromStore || [], { loading: called ? false: loading, error }];
-};
+  return [data?.getAllOrdersFromStore || [], { loading: called ? false : loading, error }]
+}
 
-export * from './queries'
+export * from './queries'

package/src/hooks/useOrders/queries.js

@@ -325,4 +325,4 @@ query getAllOrdersFromStore(
 }
 
 
-`
+`

package/src/hooks/useProductsFood/index.js

@@ -73,7 +73,7 @@ export const useProductsFood = ({
   ]
 }
 
-export const useDeleteProductsFood = ({ sendNotification = () => { return }  } = {}) => {
+export const useDeleteProductsFood = ({ sendNotification = () => { } } = {}) => {
   const [updateProductFoods, { data, loading, error }] = useMutation(UPDATE_PRODUCT_FOOD)
 
   const handleDelete = product => {
@@ -84,17 +84,18 @@ export const useDeleteProductsFood = ({ sendNotification = () => { return }  } =
           pId,
           pState
         }
-      }, update(cache) {
+      },
+      update (cache) {
         cache.modify({
           fields: {
-            productFoodsAll(dataOld = []) {
+            productFoodsAll (dataOld = []) {
               return cache.writeQuery({ query: GET_ALL_PRODUCT_STORE, data: dataOld })
             }
           }
         })
         cache.modify({
           fields: {
-            getCatProductsWithProduct(dataOld = []) {
+            getCatProductsWithProduct (dataOld = []) {
               return cache.writeQuery({ query: GET_ALL_CATEGORIES_WITH_PRODUCT, data: dataOld })
             }
           }
@@ -120,7 +121,6 @@ export const useDeleteProductsFood = ({ sendNotification = () => { return }  } =
   }
 }
 
-
 export const useExtProductFoodsAll = () => {
   const [ExtProductFoodsAll,
     {
@@ -131,7 +131,7 @@ export const useExtProductFoodsAll = () => {
   ] = useLazyQuery(GET_ALL_EXTRA_PRODUCT)
 
   const handleExtProductFoodsAll = (pId) => {
-    ExtProductFoodsAll({
+    return ExtProductFoodsAll({
       variables: {
         pId
       }
@@ -139,20 +139,20 @@ export const useExtProductFoodsAll = () => {
   }
   return [handleExtProductFoodsAll,
     {
-  data: data?.ExtProductFoodsAll || [],
-  loading,
-  error
+      data: data?.ExtProductFoodsAll || [],
+      loading,
+      error
     }
   ]
 }
-export const useExtProductFoodsOptionalAll = () => {
 
-const [ExtProductFoodsOptionalAll,
-  {
-  data,
-  loading,
-  error
-}] = useLazyQuery(GET_EXTRAS_PRODUCT_FOOD_OPTIONAL)
+export const useExtProductFoodsOptionalAll = () => {
+  const [ExtProductFoodsOptionalAll,
+    {
+      data,
+      loading,
+      error
+    }] = useLazyQuery(GET_EXTRAS_PRODUCT_FOOD_OPTIONAL)
 
   const handleGetExtProductFood = (pId) => {
     try {
@@ -167,41 +167,41 @@ const [ExtProductFoodsOptionalAll,
   }
   return [handleGetExtProductFood,
     {
-    data: data?.ExtProductFoodsOptionalAll || [],
-    loading,
-    error,
-  }]
+      data: data?.ExtProductFoodsOptionalAll || [],
+      loading,
+      error
+    }]
 }
 
-
-export const useGetOneProductsFood = () => {
+export const useGetOneProductsFood = ({ fetchOnlyProduct = false } = {}) => {
   const [productFoodsOne,
     {
-    data,
-    loading,
-    error
-}] = useLazyQuery(GET_ONE_PRODUCTS_FOOD)
+      data,
+      loading,
+      error
+    }] = useLazyQuery(GET_ONE_PRODUCTS_FOOD)
   const [handleGetExtProductFood, { data: dataOptional }] = useExtProductFoodsOptionalAll()
   const [handleExtProductFoodsAll, { data: dataExtra }] = useExtProductFoodsAll()
-  const handleGetOneProduct = (food) => {
+  const handleGetOneProduct = async (food) => {
     const { pId } = food
     try {
       productFoodsOne({
         variables: {
-          pId: pId
+          pId
         }
       })
-      handleGetExtProductFood(pId)
-      handleExtProductFoodsAll(pId)
+      if (!fetchOnlyProduct) handleGetExtProductFood(pId)
+      if (!fetchOnlyProduct) handleExtProductFoodsAll(pId)
     } catch (e) {
       console.log(e)
     }
   }
-  return [handleGetOneProduct, {
+  const handleFunctionQuery = fetchOnlyProduct ? productFoodsOne : handleGetOneProduct
+  return [handleFunctionQuery, {
     data: data?.productFoodsOne || {},
     dataExtra,
     dataOptional,
     loading,
-    error,
+    error
   }]
 }