npm-pkg-hook 1.1.0 → 1.1.2

package/src/hooks/useImagesStore/index.js

@@ -1,6 +1,7 @@
 import { useMutation } from '@apollo/client';
 import {
   useRef,
+  useCallback,
   useState
 } from 'react';
 import {
@@ -11,158 +12,191 @@ import {
   GET_ONE_BANNER_STORE
 } from '../useProductsFood/queriesStore';
 import { GET_ONE_STORE } from '../useStore/queries';
-
-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)
+/**
+ * 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 });
+          },
         },
-        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 = event => {
-        try {
-          const { files } = event.target
-          setPreviewImg(
-            files.length
-              ? {
-                src: URL.createObjectURL(files[0]),
-                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(
+  // HANDLESS
+  const handleDeleteLogo = useCallback(() => {
+    return deleteALogoStore({
+      variables: {
+        Image: ImageName || null,
+      },
+    });
+  }, [deleteALogoStore]);
+
+  const handleUpdateBanner = useCallback(
+    (event) => {
+      try {
+        const { files } = event.target;
+        setPreviewImg(
           files.length
             ? {
-              srcLogo: URL.createObjectURL(files[0]),
-              altLogo: files[0].name
-            }
+                src: URL.createObjectURL(files[0]),
+                alt: files[0].name,
+              }
             : initialState
-        )
-        setALogoStore({
+        );
+        registerBanner({
           variables: {
-            logo: files[0],
-            idStore: idStore
-          }, update(cache) {
+            input: {
+              bnImage: files[0],
+              idStore: idStore,
+            },
+          },
+          update(cache) {
             cache.modify({
               fields: {
-                getStore(dataOld = []) {
-                  return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld })
-                }
-              }
-            })
-          }
+                getOneBanners(dataOld = []) {
+                  return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld });
+                },
+              },
+            });
+          },
         }).catch(() => {
           sendNotification({
             title: 'No pudimos cargar la imagen',
             description: 'Error',
-            backgroundColor: 'error'
-          })
-          setPreviewImgLogo(initialState)
-        })
-      }
-      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)
-        })
+            backgroundColor: 'error',
+          });
+          setPreviewImg(initialState);
+        });
+      } catch {
+        setPreviewImg(initialState);
+        sendNotification({
+          title: 'No pudimos cargar la imagen',
+          description: 'Error',
+          backgroundColor: 'error',
+        });
       }
-    const onTargetClickLogo = e => {
-        e.preventDefault()
-        fileInputRefLogo.current.click()
-    }
-    const onTargetClick = e => {
-        e.preventDefault()
-        fileInputRef.current.click()
-    }
+    },
+    [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();
+  }, []);
+
   return {
     fileInputRefLogo,
     src,
@@ -176,7 +210,6 @@ export const useImageStore = ({ idStore, sendNotification = () => { return } } =
     onTargetClickLogo,
     HandleDeleteBanner,
     handleInputChangeLogo,
-    handleUpdateBanner
-  }
-}
-
+    handleUpdateBanner,
+  };
+};

package/src/hooks/useImagesStore/queries.js

@@ -8,29 +8,7 @@ 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) {
@@ -174,11 +152,6 @@ 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,4 +25,10 @@ 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/useLocalSorage/index.js

@@ -1,6 +1,6 @@
 import { useState } from 'react'
 
-export default function 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

package/src/hooks/useLogout/index.js

@@ -1,36 +1,33 @@
-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 { useRouter } from 'next/router'
+import { Cookies } from '../../cookies'
+import { fetchJson } from '../../hooks/useFetchJson'
 
 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 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('longitude');
-          localStorage.removeItem('latitude');
-          localStorage.removeItem('restaurant');
-          Cookies.remove('vp.store');
-          Cookies.remove('app.cart.sales');
-          Cookies.remove('restaurant');
-          client?.clearStore();
-          router.replace('/entrar');
-          setLoading(false);
-        }
-      })
-      .catch(() => {
+    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(() => {
         setError(true)
         setAlertBox({ message: 'Ocurrió un error al cerrar session' })
       })

package/src/hooks/useManageQueryParams/index.js

@@ -0,0 +1,37 @@
+import { useRouter } from 'next/router'
+
+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/useProductsFood/queriesStore.js

@@ -420,6 +420,7 @@ export const GET_EXTRAS_PRODUCT_FOOD_OPTIONAL = gql`
     }
   }
 `;
+
 export const GET_EXTRAS_PRODUCT_FOOD_SUB_OPTIONAL = gql`
   mutation updateExtProductFoodsSubOptional(
     $input: InputExtProductFoodSubOptional
@@ -701,14 +702,6 @@ export const GET_BANNER_PROMO_DASHBOARD = gql`
   }
 `;
 
-export const CREATE_STORE_CALENDAR = gql`
-  mutation setStoreSchedule($input: ITstoreSchedule!) {
-    setStoreSchedule(input: $input) {
-      message
-      success
-    }
-  }
-`;
 export const DELETE_ONE_CAT_PRODUCTS = gql`
   mutation deleteCatOfProducts($idPc: ID!, $pState: Int) {
     deleteCatOfProducts(idPc: $idPc, pState: $pState) {
@@ -741,14 +734,8 @@ export const EDIT_EXTRA_PRODUCTS = gql`
     }
   }
 `;
-export const DELETE_CAT_EXTRA_PRODUCTS = gql`
-  mutation DeleteExtProductFoodsOptional($opExPid: ID, $state: Int) {
-    DeleteExtProductFoodsOptional(opExPid: $opExPid, state: $state) {
-      success
-      message
-    }
-  }
-`;
+
+
 export const DELETE_CAT_EXTRA_SUB_OPTIONAL_PRODUCTS = gql`
   mutation DeleteExtFoodSubsOptional($opSubExPid: ID, $state: Int) {
     DeleteExtFoodSubsOptional(opSubExPid: $opSubExPid, state: $state) {

package/src/hooks/useProductsFood/usetagsProducts.js

@@ -1,6 +1,6 @@
-import { useMutation } from "@apollo/client"
-import { useState } from "react"
-import { REGISTER_TAGS_PRODUCT } from "./queriesStore"
+import { useState } from 'react'
+import { useMutation } from '@apollo/client'
+import { REGISTER_TAGS_PRODUCT } from './queriesStore'
 
 export const useTagsProducts = () => {
     const [registerTag] = useMutation(REGISTER_TAGS_PRODUCT)
@@ -20,8 +20,33 @@ export const useTagsProducts = () => {
       {
         id: 4,
         tag: 'Bebida sin alcohol'
-      }
-  ]
+      },
+      {
+        id: 5,
+        tag: 'Entrante'
+      },
+      {
+        id: 6,
+        tag: 'Plato principal'
+      },
+      {
+        id: 7,
+        tag: 'Postre'
+      },
+      {
+        id: 8,
+        tag: 'Sopa'
+      },
+      {
+        id: 9,
+        tag: 'Ensalada'
+      },
+      {
+        id: 10,
+        tag: 'Mariscos'
+      },
+    ];
+    
     const [tags, setTags] = useState({
       id: '',
       tag: ''

package/src/hooks/useProviders/index.js

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

package/src/hooks/useProviders/queries.js

@@ -0,0 +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
+  }
+}
+`

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

@@ -0,0 +1,13 @@
+import { useMutation } from "@apollo/client"
+import { CREATE_PROVIDERS } from "../queries"
+
+export const useProvidersCreateStore = ({ setAlertBox = () => { return } } = {}) => {
+
+      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

@@ -0,0 +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
+    }]
+}