npm-pkg-hook 1.11.3 → 1.11.7

package/src/hooks/useImagesStore/index.js

@@ -11,41 +11,81 @@ import {
   GET_ONE_BANNER_STORE
 } from '../useProductsFood/queriesStore'
 import { GET_ONE_STORE } from '../useStore/queries'
-export { GET_MIN_PEDIDO } from './queries'
+import { color } from './utils'
 export * from './queries'
 
 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 initialStateLogo = { altLogo: '/images/DEFAULTLOGO.png', srcLogo: '/images/DEFAULTLOGO.png' }
+  const [{ altLogo, srcLogo }, setPreviewImgLogo] = useState(initialStateLogo)
   const [{ alt, src }, setPreviewImg] = useState(initialState)
   const fileInputRefLogo = useRef(null)
+
   // HOOKS
   const [registerBanner] = useMutation(CREATE_BANNER_STORE, {
-    onCompleted: (data) => { return sendNotification({ message: data?.registerBanner?.message }) },
-    context: { clientName: 'admin-server' }
+    onCompleted: (data) => {
+      const { registerBanner } = data || {}
+      const { message = '', success = false } = registerBanner || {}
+      if (!success) {
+        setPreviewImg(initialState)
+        return
+      }
+      sendNotification({
+        title: success ? 'Banner subido' : 'Error al subir banner',
+        description: message,
+        backgroundColor: success ? color.success : color.error
+      })
+    }
+
   })
-  const [setALogoStore] = useMutation(CREATE_LOGO, {
-    onCompleted: (data) => { return sendNotification({ message: data?.setALogoStore?.message }) },
-    context: { clientName: 'admin-server' }
+  const [registerLogo] = useMutation(CREATE_LOGO, {
+    onCompleted: (data) => {
+      const { registerLogo } = data || {}
+      const { message = '', success = false } = registerLogo ?? {
+        message: 'Error al subir logo',
+        success: false,
+        data: null
+      }
+      if (!success) {
+        setPreviewImgLogo(initialStateLogo)
+        return
+      }
+
+      sendNotification({
+        title: success ? 'Logo creado con exito' : color.error,
+        description: message,
+        backgroundColor: success ? color.success : color.error
+      })
+    }
   })
-  const [DeleteOneBanner] = useMutation(DELETE_ONE_BANNER_STORE, {
-    onCompleted: (data) => { return sendNotification({ message: data?.DeleteOneBanner?.message }) },
-    context: { clientName: 'admin-server' }
+  const [deleteOneBanner] = useMutation(DELETE_ONE_BANNER_STORE, {
+    onCompleted: (data) => {
+      const { deleteOneBanner } = data || {}
+      const { message = '', success = false } = deleteOneBanner || {}
+      return sendNotification({
+        title: success ? 'Logo subido' : color.error,
+        description: message,
+        backgroundColor: success ? color.success : color.error
+      })
+    }
   })
   const [deleteALogoStore] = useMutation(DELETE_ONE_LOGO_STORE, {
     onCompleted: (data) => {
+      const { deleteALogoStore } = data || {}
+      const { message = '', success = false } = deleteALogoStore || {}
       sendNotification({
-        message: data.deleteALogoStore.message
+        title: success ? 'Logo Eliminado' : 'Error al eliminar el logo',
+        description: message,
+        backgroundColor: success ? color.success : color.error
       })
-      setPreviewImgLogo(initialState)
+      setPreviewImgLogo(initialStateLogo)
     },
-    context: { clientName: 'admin-server' },
     update (cache) {
       cache.modify({
         fields: {
-          getStore (dataOld = []) {
+          getStore (dataOld = {}) {
             return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld })
           }
         }
@@ -82,65 +122,64 @@ export const useImageStore = ({ idStore, sendNotification = () => { } } = {}) =>
         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'
-      })
     }
   }
-  const handleInputChangeLogo = event => {
+  /**
+   * Handle store logo upload and update cache Image field
+   * @param {React.ChangeEvent<HTMLInputElement>} event - File input change event
+   * @returns {void}
+   */
+  const handleInputChangeLogo = async (event) => {
     const { files } = event.target
-    setPreviewImgLogo(
-      files.length
-        ? {
-            srcLogo: URL.createObjectURL(files[0]),
-            altLogo: files[0].name
-          }
-        : initialState
-    )
-    setALogoStore({
-      variables: {
-        logo: files[0],
-        idStore
-      },
-      update (cache) {
-        cache.modify({
-          fields: {
-            getStore (dataOld = []) {
-              return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld })
-            }
-          }
-        })
-      }
-    }).catch(() => {
+
+    if (!files || files.length === 0) {
       sendNotification({
-        title: 'No pudimos cargar la imagen',
-        description: 'Error',
-        backgroundColor: 'error'
+        title: 'Debes seleccionar un archivo',
+        description: color.error,
+        backgroundColor: color.error
       })
-      setPreviewImgLogo(initialState)
+      return
+    }
+
+    const file = files[0]
+
+    const result = await registerLogo({
+      variables: { logo: file, idStore }
+    })
+    const {
+      data: {
+        registerLogo: {
+          success = false,
+          data: url = ''
+        } = {}
+      } = {}
+    } = result ?? {
+      data: '',
+      success: false,
+      message: ''
+    }
+    if (!success) {
+      setPreviewImgLogo(initialStateLogo)
+      return
+    }
+    setPreviewImgLogo({
+      srcLogo: URL.createObjectURL(file),
+      altLogo: url
     })
   }
+
   const HandleDeleteBanner = async () => {
-    setPreviewImg(initialState)
-    DeleteOneBanner({
+    setPreviewImg(initialStateLogo)
+    deleteOneBanner({
       variables: {
         idStore
       },
@@ -165,6 +204,7 @@ export const useImageStore = ({ idStore, sendNotification = () => { } } = {}) =>
     e.preventDefault()
     fileInputRef.current.click()
   }
+
   return {
     fileInputRefLogo,
     src,
@@ -174,6 +214,8 @@ export const useImageStore = ({ idStore, sendNotification = () => { } } = {}) =>
     altLogo,
     fileInputRef,
     handleDeleteLogo,
+    setPreviewImgLogo,
+    setPreviewImg,
     onTargetClick,
     onTargetClickLogo,
     HandleDeleteBanner,

package/src/hooks/useImagesStore/queries.js

@@ -134,8 +134,8 @@ export const GET_All_RATING_STORE = gql`
   }
 `
 export const CREATE_LOGO = gql`
-  mutation setALogoStore($logo: Upload, $idStore: ID) {
-    setALogoStore(logo: $logo, idStore: $idStore) {
+  mutation registerLogo($logo: Upload, $idStore: ID) {
+    registerLogo(logo: $logo, idStore: $idStore) {
       success
       message
     }

package/src/hooks/useImagesStore/utils/index.js

@@ -0,0 +1,4 @@
+export const color = {
+  success: 'success',
+  error: 'error'
+}

package/src/hooks/useInventory/queries.js

@@ -14,7 +14,7 @@ query getProductsInStock($limit: Int, $offset: Int) {
       fId #Características
       pName
       getOneTags {
-        tPsId
+        tgId
         idUser
         idStore
         pId

package/src/hooks/useLocationManager/index.js

@@ -10,6 +10,7 @@ import { useState } from 'react'
  */
 export function useLocationManager (getDepartments, getCities) {
   const [values, setValues] = useState({})
+  console.log('🚀 ~ useLocationManager ~ values:', values)
   const [errors, setErrors] = useState({})
   const [showLocation, setShowLocation] = useState(true)
 
@@ -26,7 +27,8 @@ export function useLocationManager (getDepartments, getCities) {
   }
 
   const handleDepartmentSearch = (value) => {
-    getCities({ variables: { dId: 'ddd5a096-efc6-4541-a568-c91895bc219e' } })
+    setValues(prevValues => ({ ...prevValues, ctId: '' }))
+    getCities({ variables: { dId: value } })
   }
 
   const handleChangeLocation = (e, error) => {

package/src/hooks/useLogout/helpers/fetchData.js

@@ -1,6 +1,6 @@
 import { apiBaseUrl } from './apiBaseUrl'
 
-async function fetchData (path, __NEXTAUTH, logger, { ctx, req } = {}) {
+async function fetchData(path, __NEXTAUTH, logger, { ctx, req } = {}) {
   const url = `${apiBaseUrl(__NEXTAUTH)}/${path}`
   try {
     const options = {

package/src/hooks/useLogout/helpers/logger.js

@@ -1,4 +1,4 @@
-function formatError (o) {
+function formatError(o) {
   if (hasErrorProperty(o)) {
     o.error = formatError(o.error)
     o.message = o.message ?? o.error.message
@@ -6,12 +6,12 @@ function formatError (o) {
   return o
 }
 
-function hasErrorProperty (x) {
+function hasErrorProperty(x) {
   return !!(x?.error)
 }
 
 const _logger = {
-  error (code, metadata) {
+  error(code, metadata) {
     metadata = formatError(metadata)
     console.error(
       `[next-auth][error][${code}]`,
@@ -20,26 +20,26 @@ const _logger = {
       metadata
     )
   },
-  warn (code) {
+  warn(code) {
     console.warn(
       `[next-auth][warn][${code}]`,
       `\nhttps://next-auth.js.org/warnings#${code.toLowerCase()}`
     )
   },
-  debug (code, metadata) {
+  debug(code, metadata) {
     console.log(`[next-auth][debug][${code}]`, metadata)
   }
 }
 
-export function setLogger (newLogger = {}, debug) {
-  if (!debug) _logger.debug = () => {}
+export function setLogger(newLogger = {}, debug) {
+  if (!debug) _logger.debug = () => { }
 
   if (newLogger.error) _logger.error = newLogger.error
   if (newLogger.warn) _logger.warn = newLogger.warn
   if (newLogger.debug) _logger.debug = newLogger.debug
 }
 
-export function proxyLogger (logger = _logger, basePath) {
+export function proxyLogger(logger = _logger, basePath) {
   try {
     if (typeof window === 'undefined') {
       return logger

package/src/hooks/useLogout/index.js

@@ -37,7 +37,7 @@ export const useLogout = ({
     }
   }
   const deleteCookie = async () => {
-    await eliminarCookie(process.env.SESSION_NAME)
+    await eliminarCookie(process.env.NEXT_PUBLIC_SESSION_NAME)
     await eliminarCookie(process.env.LOCAL_SALES_STORE)
     await eliminarCookie('restaurant')
     await eliminarCookie('usuario')
@@ -50,7 +50,9 @@ export const useLogout = ({
       setLoading(true)
       await deleteCookie()
       // Logout from the server
-      const logoutResponse = await fetch(`${process.env.URL_BASE}/api/auth/logout/`, {
+      const port = window.location.port ? `:${window.location.port}` : ''
+      const baseUrl = `${window.location.protocol}//${window.location.hostname}${port}`
+      const logoutResponse = await fetch(`${baseUrl}/api/auth/signout/`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json'
@@ -66,8 +68,8 @@ export const useLogout = ({
       await logoutResponse.json()
       console.log('Intentando borrar cookies...')
 
-      // Eliminar la cookie process.env.SESSION_NAME
-      await eliminarCookie(process.env.SESSION_NAME)
+      // Eliminar la cookie process.env.NEXT_PUBLIC_SESSION_NAME
+      await eliminarCookie(process.env.NEXT_PUBLIC_SESSION_NAME)
       Cookies.remove(process.env.LOCAL_SALES_STORE)
       Cookies.remove('restaurant')
       Cookies.remove('usuario')

package/src/hooks/useManageNewOrder/index.js

@@ -47,7 +47,7 @@ export const useManageNewOrder = ({
     }
   }, [data])
 
-  const { getOnePedidoStore } = useGetSale()
+  const { getOneSalesStore } = useGetSale()
 
   const handleNewOrder = (order) => {
     const dataOrder = data[KEY_STATUS_ORDER]
@@ -59,13 +59,13 @@ export const useManageNewOrder = ({
         return
       }
       setIsOpenOrder(true)
-      getOnePedidoStore({
+      getOneSalesStore({
         variables: {
           pCodeRef: pCodeRef ?? ''
         }
       }).then((response) => {
         console.log(response)
-        const currentSale = response?.data?.getOnePedidoStore || {}
+        const currentSale = response?.data?.getOneSalesStore || {}
         client.cache.modify({
           fields: {
             getAllOrdersFromStore (existingOrders = []) {

package/src/hooks/useManageQueryParams/index.js

@@ -1,39 +1,39 @@
+'use client'
+import { useRouter, useSearchParams } from 'next/navigation'
+
+/**
+ * Hook to manage query parameters in Next.js 13+ (App Router),
+ * with support for custom router/query injection.
+ * @param {Object} [options] - Optional parameters.
+ * @param {Object} [options.location] - Custom location object with query and push method
+ */
 export const useManageQueryParams = ({
-  location = {
-    query: {},
-    push: (props, state, { shallow }) => {
-      return { ...props, state, shallow }
-    }
-  }
+  location
 } = {}) => {
+  const router = useRouter()
+  const searchParams = useSearchParams()
+
+  const activeQuery = location?.query || Object.fromEntries(searchParams.entries())
+  const pushFn = location?.push || ((url) => router.push(url))
+
   const handleQuery = (name, value = '') => {
-    location.push(
-      {
-        query: {
-          ...location.query,
-          [name]: value
-        }
-      },
-      undefined,
-      { shallow: true }
-    )
+    const params = new URLSearchParams(activeQuery)
+    params.set(name, value)
+    pushFn(`?${params.toString()}`)
+  }
+
+  const handleCleanQuery = (name) => {
+    const params = new URLSearchParams(activeQuery)
+    params.delete(name)
+    pushFn(`?${params.toString()}`)
   }
 
-  const handleCleanQuery = (name, value = '') => {
-    const updatedQuery = {
-      ...location.query,
-      [name]: value || ''
-    }
-    location.push(
-      {
-        query: updatedQuery
-      },
-      undefined,
-      { shallow: true }
-    )
+  const getQuery = (name) => {
+    return activeQuery?.[name] || ''
   }
 
   return {
+    getQuery,
     handleQuery,
     handleCleanQuery
   }

package/src/hooks/useMobile/index.js

@@ -1,35 +1,65 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 
 export const MEDIA_QUERY = {
   MOBILE: '(max-width: 768px)',
-  TABLET: '(max-width: 960px)'
+  TABLET: '(max-width: 960px)',
+  DESKTOP: '(min-width: 961px)'
 }
 
-export const useMobile = () => {
+export const useMobile = ({ callback } = {}) => {
   const [isMobile, setIsMobile] = useState(false)
   const [isTablet, setIsTablet] = useState(false)
+  const [isDesktop, setIsDesktop] = useState(false)
+
+  const prevValues = useRef({
+    isMobile: false,
+    isTablet: false,
+    isDesktop: false
+  })
 
   useEffect(() => {
     if (typeof window === 'undefined') return
 
     const mobileQuery = window.matchMedia(MEDIA_QUERY.MOBILE)
     const tabletQuery = window.matchMedia(MEDIA_QUERY.TABLET)
+    const desktopQuery = window.matchMedia(MEDIA_QUERY.DESKTOP)
 
     const updateMatches = () => {
-      setIsMobile(mobileQuery.matches)
-      setIsTablet(tabletQuery.matches)
+      const newIsMobile = mobileQuery.matches
+      const newIsTablet = tabletQuery.matches
+      const newIsDesktop = desktopQuery.matches
+
+      const hasChanged =
+        newIsMobile !== prevValues.current.isMobile ||
+        newIsTablet !== prevValues.current.isTablet ||
+        newIsDesktop !== prevValues.current.isDesktop
+
+      if (hasChanged) {
+        prevValues.current = {
+          isMobile: newIsMobile,
+          isTablet: newIsTablet,
+          isDesktop: newIsDesktop
+        }
+        callback?.(prevValues.current)
+      }
+
+      setIsMobile(newIsMobile)
+      setIsTablet(newIsTablet)
+      setIsDesktop(newIsDesktop)
     }
 
-    updateMatches() // inicializa
+    updateMatches()
 
     mobileQuery.addEventListener('change', updateMatches)
     tabletQuery.addEventListener('change', updateMatches)
+    desktopQuery.addEventListener('change', updateMatches)
 
     return () => {
       mobileQuery.removeEventListener('change', updateMatches)
       tabletQuery.removeEventListener('change', updateMatches)
+      desktopQuery.removeEventListener('change', updateMatches)
     }
-  }, [])
+  }, [callback])
 
-  return { isMobile, isTablet }
+  return { isMobile, isTablet, isDesktop }
 }

package/src/hooks/useOrderStatusTypes/index.ts

@@ -0,0 +1,2 @@
+export * from './useUpdateOrderStatusPriorities'
+export * from './useOrderStatusTypes'

package/src/hooks/useOrderStatusTypes/useOrderStatusTypes/index.ts

@@ -0,0 +1,52 @@
+import { useQuery, gql } from '@apollo/client'
+
+/**
+ * GraphQL query to fetch order status types.
+ */
+const GET_ORDER_STATUS_TYPES = gql`
+  query getAllOrderStatusTypes {
+    getAllOrderStatusTypes {
+      idStatus
+      name
+      priority
+      backgroundColor
+      color
+      state
+    }
+  }
+`
+
+/**
+ * @typedef {Object} OrderStatusType
+ * @property {string} idStatus - Unique identifier for the status
+ * @property {string} name - Name of the status
+ * @property {number} priority - Priority level
+ * @property {string} backgroundColor - Background color in hex
+ * @property {string} color - Text color in hex
+ * @property {number} state - Status state (e.g. active/inactive)
+ */
+
+/**
+ * Custom hook to fetch order status types.
+ *
+ * @returns {{
+ *   statusTypes: OrderStatusType[] | null,
+ *   loading: boolean,
+ *   error: Error | undefined,
+ *   refetch: () => void
+ * }}
+ */
+export const useOrderStatusTypes = () => {
+  const { data, loading, error, refetch } = useQuery(GET_ORDER_STATUS_TYPES, {
+    fetchPolicy: 'cache-and-network'
+  })
+
+  const statusTypes = data?.getAllOrderStatusTypes ?? null
+
+  return {
+    statusTypes,
+    loading,
+    error,
+    refetch
+  }
+}

package/src/hooks/useOrderStatusTypes/useUpdateOrderStatusPriorities/index.ts

@@ -0,0 +1,97 @@
+import { gql, useMutation } from '@apollo/client'
+
+/**
+ * GraphQL mutation to update the priority of order statuses.
+ */
+const UPDATE_ORDER_STATUS_PRIORITIES = gql`
+  mutation UpdateOrderStatusPriorities($data: [OrderStatusPriorityInput!]!) {
+    updateOrderStatusPriorities(data: $data) {
+      success
+      message
+      errors {
+        path
+        message
+      }
+      data {
+        idStatus
+        name
+        priority
+      }
+    }
+  }
+`
+
+/**
+ * Custom hook to update the priority of order statuses.
+ *
+ * @returns {{
+ *   updatePriorities: (input: OrderStatusPriorityInput[]) => Promise<UpdateStatusPriorityResponse>,
+ *   loading: boolean,
+ *   error: any
+ * }}
+ */
+export const useUpdateOrderStatusPriorities = ({
+  sendNotification = (...res) => { }
+} = {}) => {
+  const [mutate, { loading, error }] = useMutation(UPDATE_ORDER_STATUS_PRIORITIES)
+
+  /**
+   * Executes the mutation to update order status priorities.
+   *
+   * @param {OrderStatusPriorityInput[]} input - Array of objects containing idStatus and priority.
+   * @returns {Promise<UpdateStatusPriorityResponse>} Response from the server.
+   */
+  const updatePriorities = async (input) => {
+    if (!Array.isArray(input) || input.length === 0) {
+      return {
+        success: false,
+        message: 'Input must be a non-empty array.',
+        data: [],
+        errors: [{ path: 'input', message: 'Invalid or empty input array.' }],
+      }
+    }
+
+    const isValid = input.every(
+      ({ idStatus, priority }) =>
+        typeof idStatus === 'string' &&
+        idStatus.length > 0 &&
+        typeof priority === 'number' &&
+        priority >= 0
+    )
+
+    if (!isValid) {
+      return {
+        success: false,
+        message: 'Validation failed for one or more input items.',
+        data: [],
+        errors: [{ path: 'input', message: 'Each item must have a valid idStatus and priority.' }],
+      }
+    }
+
+    try {
+      const { data } = await mutate({ variables: { data: input } })
+      if (data) {
+        const { updateOrderStatusPriorities } = data ?? {}
+        const { success, message } = updateOrderStatusPriorities ?? {
+          success: false,
+          message: ''
+        }
+        return sendNotification({
+          title: success ? 'Exitoso' : 'Error',
+          description: message,
+          backgroundColor: success ? 'success' : 'error'
+        })
+      }
+      return data.updateOrderStatusPriorities
+    } catch (err) {
+      return {
+        success: false,
+        message: 'Unexpected error while updating priorities.',
+        data: [],
+        errors: [{ path: 'mutation', message: err.message }],
+      }
+    }
+  }
+
+  return [updatePriorities, { loading, error }]
+}