npm-pkg-hook 1.1.3 → 1.1.4

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)

package/src/hooks/useImagesStore/index.js

@@ -1,7 +1,6 @@
 import { useMutation } from '@apollo/client';
 import {
   useRef,
-  useCallback,
   useState
 } from 'react';
 import {
@@ -12,191 +11,159 @@ import {
   GET_ONE_BANNER_STORE
 } from '../useProductsFood/queriesStore';
 import { GET_ONE_STORE } from '../useStore/queries';
-/**
- * Custom hook to handle image upload and management for a store's banner and logo.
- * @typedef {Object} ImageStoreHookResult
- * @property {React.RefObject} fileInputRefLogo - Reference to the logo file input element.
- * @property {string} src - Source URL of the store's banner image.
- * @property {string} alt - Alternate text for the store's banner image.
- * @property {Object} initialState - Initial state for the store's banner image.
- * @property {string} srcLogo - Source URL of the store's logo image.
- * @property {string} altLogo - Alternate text for the store's logo image.
- * @property {React.RefObject} fileInputRef - Reference to the banner file input element.
- * @property {function} handleDeleteLogo - Callback function to handle logo deletion.
- * @property {function} onTargetClick - Callback function to trigger banner file input click.
- * @property {function} onTargetClickLogo - Callback function to trigger logo file input click.
- * @property {function} HandleDeleteBanner - Callback function to handle banner deletion.
- * @property {function} handleInputChangeLogo - Callback function to handle logo file input change.
- * @property {function} handleUpdateBanner - Callback function to handle banner file input change.
- * @param {Object} options - Options for the hook.
- * @param {string} options.idStore - ID of the store.
- * @param {Function} options.sendNotification - Function to send a notification (optional).
- * @returns {ImageStoreHookResult} Object containing image handling functions and state.
- */
-export const useImageStore = ({ idStore, sendNotification = () => {} } = {}) => {
-  // STATES
-  const fileInputRef = useRef(null);
-  const [{ altLogo, srcLogo }, setPreviewImgLogo] = useState({});
-  const initialState = { alt: '/images/DEFAULTBANNER.png', src: '/images/DEFAULTBANNER.png' };
-  const [{ alt, src }, setPreviewImg] = useState(initialState);
-  const fileInputRefLogo = useRef(null);
-  // HOOKS
-  const [registerBanner] = useMutation(CREATE_BANNER_STORE, {
-    onCompleted: (data) => console.log({ message: data?.registerBanner?.message }),
-    context: { clientName: 'admin-server' },
-  });
-  const [setALogoStore] = useMutation(CREATE_LOGO, {
-    onCompleted: (data) => console.log({ message: data?.setALogoStore?.message }),
-    context: { clientName: 'admin-server' },
-  });
-  const [DeleteOneBanner] = useMutation(DELETE_ONE_BANNER_STORE, {
-    onCompleted: (data) => console.log({ message: data?.DeleteOneBanner?.message }),
-    context: { clientName: 'admin-server' },
-  });
-  const [deleteALogoStore] = useMutation(DELETE_ONE_LOGO_STORE, {
-    onCompleted: (data) => {
-      console.log({ message: data.deleteALogoStore.message });
-      setPreviewImgLogo(initialState);
-    },
-    context: { clientName: 'admin-server' },
-    update(cache) {
-      cache.modify({
-        fields: {
-          getStore(dataOld = []) {
-            return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld });
-          },
-        },
-      });
-    },
-  });
+export { GET_MIN_PEDIDO } from './queries'
 
-  // HANDLESS
-  const handleDeleteLogo = useCallback(() => {
-    return deleteALogoStore({
-      variables: {
-        Image: ImageName || null,
-      },
-    });
-  }, [deleteALogoStore]);
+export const useImageStore = ({ idStore, sendNotification = () => { return } } = {}) => {
+    // STATES
+    const fileInputRef = useRef(null)
+    const [{ altLogo, srcLogo }, setPreviewImgLogo] = useState({})
+    const initialState = { alt: '/images/DEFAULTBANNER.png', src: '/images/DEFAULTBANNER.png' }
+    const [{ alt, src }, setPreviewImg] = useState(initialState)
+    const fileInputRefLogo = useRef(null)
+    // HOOKS
+    const [registerBanner] = useMutation(CREATE_BANNER_STORE, {
+        onCompleted: (data) => { return console.log({ message: data?.registerBanner?.message }) },
+        context: { clientName: 'admin-server' }
+    })
+    const [setALogoStore] = useMutation(CREATE_LOGO, {
+    onCompleted: (data) => { return console.log({ message: data?.setALogoStore?.message }) },
+    context: { clientName: 'admin-server' }
+    })
+    const [DeleteOneBanner] = useMutation(DELETE_ONE_BANNER_STORE, {
+        onCompleted: (data) => { return console.log({ message: data?.DeleteOneBanner?.message }) },
+        context: { clientName: 'admin-server' }
+    })
+    const [deleteALogoStore] = useMutation(DELETE_ONE_LOGO_STORE, {
+        onCompleted: (data) => {
+        console.log({
+            message: data.deleteALogoStore.message
+        })
+        setPreviewImgLogo(initialState)
+        },
+        context: { clientName: 'admin-server' },
+        update(cache) {
+        cache.modify({
+            fields: {
+            getStore(dataOld = []) {
+                return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld })
+            }
+            }
+        })
+        }
+    })
+//   HANDLESS
+    const handleDeleteLogo = () => {
+        return deleteALogoStore({
+            variables: {
+            Image: ImageName || null
+            }
+        })
+    }
 
-  const handleUpdateBanner = useCallback(
-    (event) => {
-      try {
-        const { files } = event.target;
-        setPreviewImg(
-          files.length
-            ? {
+    const handleUpdateBanner = event => {
+        try {
+          const { files } = event.target
+          setPreviewImg(
+            files.length
+              ? {
                 src: URL.createObjectURL(files[0]),
-                alt: files[0].name,
+                alt: files[0].name
+              }
+              : initialState
+          )
+          registerBanner({
+            variables: {
+              input: {
+                bnImage: files[0],
+                idStore: idStore
               }
+            }, update(cache) {
+              cache.modify({
+                fields: {
+                  getOneBanners(dataOld = []) {
+                    return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld })
+                  }
+                }
+              })
+            }
+          }).catch(() => {
+            sendNotification({
+              title: 'No pudimos cargar la imagen',
+              description: 'Error',
+              backgroundColor: 'error'
+            })
+            setPreviewImg(initialState)
+          })
+        } catch {
+          setPreviewImg(initialState)
+          sendNotification({
+            title: 'No pudimos cargar la imagen',
+            description: 'Error',
+            backgroundColor: 'error'
+          })
+        }
+      }
+      const handleInputChangeLogo = event => {
+        const { files } = event.target
+        setPreviewImgLogo(
+          files.length
+            ? {
+              srcLogo: URL.createObjectURL(files[0]),
+              altLogo: files[0].name
+            }
             : initialState
-        );
-        registerBanner({
+        )
+        setALogoStore({
           variables: {
-            input: {
-              bnImage: files[0],
-              idStore: idStore,
-            },
-          },
-          update(cache) {
+            logo: files[0],
+            idStore: idStore
+          }, update(cache) {
             cache.modify({
               fields: {
-                getOneBanners(dataOld = []) {
-                  return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld });
-                },
-              },
-            });
-          },
+                getStore(dataOld = []) {
+                  return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld })
+                }
+              }
+            })
+          }
         }).catch(() => {
           sendNotification({
             title: 'No pudimos cargar la imagen',
             description: 'Error',
-            backgroundColor: 'error',
-          });
-          setPreviewImg(initialState);
-        });
-      } catch {
-        setPreviewImg(initialState);
-        sendNotification({
-          title: 'No pudimos cargar la imagen',
-          description: 'Error',
-          backgroundColor: 'error',
-        });
+            backgroundColor: 'error'
+          })
+          setPreviewImgLogo(initialState)
+        })
       }
-    },
-    [setPreviewImg, initialState, sendNotification, idStore, registerBanner]
-  );
-
-  const handleInputChangeLogo = useCallback(
-    (event) => {
-      const { files } = event.target;
-      setPreviewImgLogo(
-        files.length
-          ? {
-              srcLogo: URL.createObjectURL(files[0]),
-              altLogo: files[0].name,
-            }
-          : initialState
-      );
-      setALogoStore({
-        variables: {
-          logo: files[0],
-          idStore: idStore,
-        },
-        update(cache) {
-          cache.modify({
-            fields: {
-              getStore(dataOld = []) {
-                return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld });
-              },
-            },
-          });
-        },
-      }).catch(() => {
-        sendNotification({
-          title: 'No pudimos cargar la imagen',
-          description: 'Error',
-          backgroundColor: 'error',
-        });
-        setPreviewImgLogo(initialState);
-      });
-    },
-    [setPreviewImgLogo, initialState, idStore, setALogoStore]
-  );
-
-  const HandleDeleteBanner = useCallback(async () => {
-    setPreviewImg(initialState);
-    DeleteOneBanner({
-      variables: {
-        bnState: bnState, // You should provide bnState and bnImageFileName
-        bnImageFileName: bnImageFileName,
-        idStore,
-        bnId,
-      },
-      update(cache) {
-        cache.modify({
-          fields: {
-            getOneBanners(dataOld = []) {
-              return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld });
-            },
-          },
-        });
-      },
-    }).then(() => {
-      setPreviewImg(initialState);
-    });
-  }, [setPreviewImg, initialState, DeleteOneBanner]);
-
-  const onTargetClickLogo = useCallback((e) => {
-    e.preventDefault();
-    fileInputRefLogo.current.click();
-  }, []);
-
-  const onTargetClick = useCallback((e) => {
-    e.preventDefault();
-    fileInputRef.current.click();
-  }, []);
-
+      const HandleDeleteBanner = async () => {
+        setPreviewImg(initialState)
+        DeleteOneBanner({
+          variables: {
+            bnState: bnState,
+            bnImageFileName: bnImageFileName,
+            idStore,
+            bnId
+          }, update(cache) {
+            cache.modify({
+              fields: {
+                getOneBanners(dataOld = []) {
+                  return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld })
+                }
+              }
+            })
+          }
+        }).then(() => {
+          setPreviewImg(initialState)
+        })
+      }
+    const onTargetClickLogo = e => {
+        e.preventDefault()
+        fileInputRefLogo.current.click()
+    }
+    const onTargetClick = e => {
+        e.preventDefault()
+        fileInputRef.current.click()
+    }
   return {
     fileInputRefLogo,
     src,
@@ -210,6 +177,7 @@ export const useImageStore = ({ idStore, sendNotification = () => {} } = {}) =>
     onTargetClickLogo,
     HandleDeleteBanner,
     handleInputChangeLogo,
-    handleUpdateBanner,
-  };
-};
+    handleUpdateBanner
+  }
+}
+

package/src/hooks/useImagesStore/queries.js

@@ -8,7 +8,29 @@ export const CREATE_SCHEDULE_STORE = gql`
     }
   }
 `;
-
+export const GET_SCHEDULE_STORE = gql`
+  query getStoreSchedules($schDay: Int, $idStore: ID) {
+    getStoreSchedules(schDay: $schDay, idStore: $idStore) {
+      schId
+      idStore
+      schDay
+      schHoSta
+      schHoEnd
+      schState
+    }
+  }
+`;
+export const GET_ONE_SCHEDULE_STORE = gql`
+  query getOneStoreSchedules($schDay: Int, $idStore: ID) {
+    getOneStoreSchedules(schDay: $schDay, idStore: $idStore) {
+      schId
+      schDay
+      schHoSta
+      schHoEnd
+      schState
+    }
+  }
+`;
 export const GET_CAT_OF_PRODUCTS = gql`
   query getAllCatOfProducts($idStore: ID) {
     getAllCatOfProducts(idStore: $idStore) {
@@ -152,6 +174,11 @@ export const GET_ALL_VISITOR_STORE = gql`
     }
   }
 `;
+export const GET_MIN_PEDIDO = gql`
+  query getMinPrice($idStore: ID) {
+    getMinPrice(idStore: $idStore)
+  }
+`;
 
 export const GET_All_RATING_STORE = gql`
   query getAllRating($idStore: ID) {

package/src/hooks/useKeypress/index.js

@@ -25,10 +25,4 @@ export const useKeyPress = (targetKey) => {
   }, [targetKey])
   
   return keyPressed
-}
-
-export function useMultiKeyPress(targetKeyA, targetKeyB) {
-  const keyPressedA = useKeyPress(targetKeyA)
-  const keyPressedB = useKeyPress(targetKeyB)
-  return keyPressedA && keyPressedB
-}
+}

package/src/hooks/useLogout/index.js

@@ -1,33 +1,38 @@
-import { useApolloClient } from '@apollo/client'
+import { useApolloClient } from '@apollo/client';
 import { useState, useCallback } from 'react'
-import { useRouter } from 'next/router'
-import { Cookies } from '../../cookies'
-import { fetchJson } from '../../hooks/useFetchJson'
+import { useRouter } from 'next/router';
+import { Cookies } from '../../cookies';
 
 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)
-    await fetchJson(`${process.env.URL_BASE}api/auth/logout`, {
-    }).then(res => {
-      localStorage.removeItem('session')
-      localStorage.removeItem('usuario')
-      localStorage.removeItem('location')
-      localStorage.removeItem('sessionGoogle')
-      localStorage.removeItem('longitude')
-      localStorage.removeItem('latitude')
-      localStorage.removeItem('restaurant')
-      Cookies.remove(process.env.SESSION_NAME)
-      Cookies.remove(process.env.LOCAL_SALES_STORE)
-      Cookies.remove('restaurant')
-      client?.clearStore()
-      router.replace('/entrar')
-      setLoading(false)
-    }).catch(() => {
+    await window
+      .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);
+        }
+      })
+      .catch(() => {
         setError(true)
         setAlertBox({ message: 'Ocurrió un error al cerrar session' })
       })

package/src/hooks/useManageQueryParams/index.js

@@ -1,5 +1,5 @@
 import { useRouter } from 'next/router'
-
+// Hola mundo
 export const useManageQueryParams = () => {
     const router = useRouter()