npm-pkg-hook 1.10.0 → 1.10.2

package/package.json

@@ -47,5 +47,5 @@
     "rm": "rm -rf node_modules package-lock.json && npm i",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "version": "1.10.0"
+  "version": "1.10.2"
 }

package/src/hooks/handleLogin/index.js

@@ -1,5 +1,4 @@
 export async function handleLogin (body) {
-  console.log("🚀 ~ handleLogin ~ body:", body)
   const response = await fetch(`${process.env.URL_BASE}/api/auth/login`, {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },

package/src/hooks/index.js

@@ -10,6 +10,7 @@ export * from './useModules'
 export * from './getTotalHours'
 export * from './useUpdateMultipleProducts'
 export * from './useTokenCards'
+export * from './useStoreTable/index'
 export * from './useSubscriptionValidation'
 export * from './convertToMilitaryTime'
 export * from './useRoles'

package/src/hooks/useChartData/useChartDataAllOrders/index.js

@@ -13,7 +13,7 @@ export const useChartDataAllOrders = ({
     2: 'PROCESSING',
     3: 'READY',
     4: 'CONCLUDES',
-    5: 'RECHAZADOS'
+    5: 'REJECTED'
   }
 
   // Objeto para almacenar los totales por estado

package/src/hooks/useClients/queries.js

@@ -134,8 +134,8 @@ mutation  registerShoppingCard($input: IShoppingCard, $idSubArray: IID_SUB_ITEMS
 }
 `
 export const CREATE_SHOPPING_CARD_TO_USER_STORE = gql`
-mutation  registerSalesStore($input: [IShoppingCard], $id: ID, $idStore: ID, $pCodeRef: String, $change: Float, $valueDelivery: Float, $payMethodPState: Int, $pickUp: Int, $totalProductsPrice: Float, $idSubArray: IID_SUB_ITEMS){
-    registerSalesStore(input: $input, id: $id, idStore: $idStore, pCodeRef: $pCodeRef,  change: $change, valueDelivery: $valueDelivery, payMethodPState: $payMethodPState, pickUp: $pickUp, totalProductsPrice: $totalProductsPrice,  idSubArray: $idSubArray){
+mutation  registerSalesStore($input: [IShoppingCard], $id: ID, $idStore: ID, $tableId: ID, $pCodeRef: String, $change: Float, $valueDelivery: Float, $payMethodPState: Int, $pickUp: Int, $totalProductsPrice: Float, $idSubArray: IID_SUB_ITEMS){
+    registerSalesStore(input: $input, id: $id, idStore: $idStore, tableId: $tableId, pCodeRef: $pCodeRef,  change: $change, valueDelivery: $valueDelivery, payMethodPState: $payMethodPState, pickUp: $pickUp, totalProductsPrice: $totalProductsPrice,  idSubArray: $idSubArray){
             ShoppingCard {
       ShoppingCard
       id

package/src/hooks/useCreateProduct/index.js

@@ -12,6 +12,7 @@ import { useStore } from '../useStore'
 import { useTagsProducts } from './../useProductsFood/usetagsProducts'
 import { useEditImageProduct } from './helpers/useEditImageProduct'
 import { getCatProductsWithProduct } from './helpers/manageCacheDataCatProduct'
+import { assignWith } from 'lodash'
 export * from './helpers'
 
 export const useCreateProduct = ({
@@ -219,6 +220,19 @@ export const useCreateProduct = ({
           carProId: ''
         })
       })
+      const { errors } = res ?? {
+        errors: []
+      }
+      if (errors?.length > 0) {
+        errors.forEach(error => {
+          sendNotification({
+            backgroundColor: 'error',
+            title: 'Error',
+            description: error.message
+          })
+        })
+        return
+      }
       if (image !== null) {
         try {
           await setImageProducts({
@@ -240,6 +254,7 @@ export const useCreateProduct = ({
       setPid(res?.data?.updateProductFoods?.data?.pId ?? null)
       return res
     } catch (error) {
+      console.log("🚀 ~ handleRegister ~ error:", error)
       setAlertBox({ message: 'Ha ocurrido un error', duration: 7000 })
     }
   }

package/src/hooks/useDevices/index.js

@@ -1,35 +1,2 @@
-import { useState, useEffect } from 'react'
-import { useQuery } from '@apollo/client'
-import { GET_ALL_DEVICES } from './queries'
-import { useFormatDate } from '../useFormatDate'
-
-export const useDevices = () => {
-  const { data, loading } = useQuery(GET_ALL_DEVICES, {
-    onError: (error) => {
-      console.error(error)
-    }
-  })
-  const [deviceId, setDeviceId] = useState(false)
-  const [date, setDate] = useState('')
-
-  useEffect(() => {
-    if (window) {
-      setDeviceId(window.localStorage.getItem('deviceid'))
-    }
-  }, [])
-
-  // Función para formatear la fecha
-  const formatDate = useFormatDate({ date })
-
-  const updateDate = (newDate) => {
-    setDate(newDate)
-  }
-  return {
-    data: data?.getDeviceUsers || [],
-    date,
-    deviceId,
-    formatDate,
-    loading,
-    updateDate
-  }
-}
+export * from './useGetDevices'
+export * from './useRegisterDevices'

package/src/hooks/useDevices/useGetDevices.js

@@ -0,0 +1,35 @@
+import { useState, useEffect } from 'react'
+import { useQuery } from '@apollo/client'
+import { GET_ALL_DEVICES } from './queries'
+import { useFormatDate } from '../useFormatDate'
+
+export const useDevices = () => {
+  const { data, loading } = useQuery(GET_ALL_DEVICES, {
+    onError: (error) => {
+      console.error(error)
+    }
+  })
+  const [deviceId, setDeviceId] = useState(false)
+  const [date, setDate] = useState('')
+
+  useEffect(() => {
+    if (window) {
+      setDeviceId(window.localStorage.getItem('deviceid'))
+    }
+  }, [])
+
+  // Función para formatear la fecha
+  const formatDate = useFormatDate({ date })
+
+  const updateDate = (newDate) => {
+    setDate(newDate)
+  }
+  return {
+    data: data?.getDeviceUsers || [],
+    date,
+    deviceId,
+    formatDate,
+    loading,
+    updateDate
+  }
+}

package/src/hooks/useDevices/useRegisterDevices.js

@@ -0,0 +1,75 @@
+import { useMutation, gql } from '@apollo/client'
+
+/**
+ * GraphQL mutation para registrar un nuevo dispositivo
+ */
+const REGISTER_DEVICE_USER = gql`
+  mutation RegisterDeviceUser($input: DeviceUserInput!) {
+    newRegisterDeviceUser(input: $input) {
+      success
+      message
+      data {
+        dId
+        id
+        deviceId
+        deviceName
+        locationFormat
+        type
+        short_name
+        platform
+        version
+        dState
+        DatCre
+        DatMod
+      }
+      errors {
+        path
+        message
+        type
+        context {
+          limit
+          value
+          label
+          key
+        }
+      }
+    }
+  }
+`
+
+/**
+ * Custom hook para la mutación RegisterDeviceUser
+ * @returns {Object} - Función para registrar el dispositivo y el estado de la operación
+ */
+export const useRegisterDeviceUser = () => {
+  const [registerDeviceUser, { loading, error, data }] = useMutation(REGISTER_DEVICE_USER)
+
+  /**
+   * Función para manejar la mutación
+   * @param {Object} input - Datos del dispositivo a registrar
+   * @returns {Promise<Object>} - Resultado de la operación
+   */
+  const handleRegisterDeviceUser = async (input) => {
+    try {
+      const result = await registerDeviceUser({ variables: { input } })
+
+      if (result.data?.newRegisterDeviceUser?.success) {
+        return { success: true, data: result.data.newRegisterDeviceUser.data }
+      } else {
+        return {
+          success: false,
+          errors: result.data?.newRegisterDeviceUser?.errors || []
+        }
+      }
+    } catch (err) {
+      console.error('Error while registering device user:', err)
+      return { success: false, errors: [{ message: err.message }] }
+    }
+  }
+
+  return [handleRegisterDeviceUser, {
+    loading,
+    error,
+    data
+  }]
+}

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

@@ -23,7 +23,6 @@ export const __NEXTAUTH = {
 
 export async function signOutAuth (options) {
   const { callbackUrl = window.location.href, reload = true } = options ?? {}
-  console.log('🚀 ~ signOutAuth ~ options:', options)
   const baseUrl = apiBaseUrl(__NEXTAUTH)
   const fetchOptions = {
     method: 'post',

package/src/hooks/useModules/helpers/index.js

@@ -0,0 +1 @@
+export * from './validateModules'

package/src/hooks/useModules/helpers/validateModules.js

@@ -0,0 +1,29 @@
+/**
+ * Validates and filters modules based on the "read" permission.
+ * If a module's view does not have "read" permission in the permissions object, the module is removed.
+ *
+ * @param {Array} modules - List of modules to validate.
+ * @param {Object} permissions - Permissions object mapping views to their allowed actions.
+ * @returns {Array} - Filtered list of valid modules.
+ */
+export const validateModules = (modules = [], permissions = {}) => {
+  return modules
+    .map(module => {
+      // Check if the main module's view has "read" permission
+      const hasReadPermission = permissions[module.view]?.includes('read')
+
+      // Validate and filter subModules if they exist
+      const validSubModules = module.subModules?.filter(subModule =>
+        permissions[subModule.view]?.includes('read')
+      ) || []
+
+      // If the module or its subModules don't have read permission, exclude it
+      if (!hasReadPermission && validSubModules.length === 0) {
+        return null
+      }
+
+      // Return the module with its valid subModules
+      return { ...module, subModules: validSubModules }
+    })
+    .filter(Boolean) // Remove null values
+}

package/src/hooks/useModules/index.js

@@ -1,4 +1,5 @@
 import { gql, useQuery } from '@apollo/client'
+import { validateModules } from './helpers/validateModules'
 
 const GET_MODULES = gql`
   query GetModules {
@@ -8,22 +9,37 @@ const GET_MODULES = gql`
       mPath
       mPriority
       mIcon
+      view
       subModules {
         smId
         smName
         smPath
+        view
         smState
       }
     }
   }
 `
 
-export const useModules = () => {
-  const { loading, error, data } = useQuery(GET_MODULES)
+export const useModules = (dataUser = {}) => {
+  const { role } = dataUser ?? {
+    role: {
+      permissions: {}
+    }
+  }
+  const {
+    loading,
+    error,
+    data
+  } = useQuery(GET_MODULES)
+
+  const permissions = role?.permissions ?? {}
+
+  const filteredModules = validateModules(data ? data.modules : [], permissions)
 
   return {
     loading,
     error,
-    modules: data ? data.modules : []
+    modules: data ? filteredModules : []
   }
 }

package/src/hooks/useOrders/queries.js

@@ -274,7 +274,7 @@ query getAllOrdersFromStore(
         }
       }
     }
-    RECHAZADOS {
+    REJECTED {
       pdpId
       idStore
       pCodeRef

package/src/hooks/useSales/index.js

@@ -59,8 +59,8 @@ export const initializer = (initialValue = initialState) => {
 export const useSales = ({
   disabled = false,
   router,
-  sendNotification = (arsg) => { return arsg },
-  setAlertBox = (arsg) => { return arsg }
+  sendNotification = (args) => { return args },
+  setAlertBox = (args) => { return args }
 }) => {
   const domain = getCurrentDomain()
   const [loadingSale, setLoadingSale] = useState(false)
@@ -195,11 +195,11 @@ export const useSales = ({
   // HANDLESS
   // FILTER PRODUCT DATA_DB
   // @ts-ignore
-  const handlePrint = ({ callback }) => {
+  const handlePrint = () => {
     if (disabled) {
       return sendNotification({
         title: 'Error',
-        description: 'Esta es la descr',
+        description: 'Esta es la descripción',
         backgroundColor: 'error'
       })
     }
@@ -219,6 +219,25 @@ export const useSales = ({
   const onChangeInput = (e) => {
     return setValuesDates({ ...valuesDates, [e.target.name]: e.target.value })
   }
+  const handleToggleEditingStatus = (state, action) => {
+    const { PRODUCT } = state ?? {
+      PRODUCT: []
+    }
+    return {
+      ...state,
+      PRODUCT: PRODUCT.map((item) => {
+        if (item.pId === action.payload.pId) {
+          return {
+            ...item,
+            editing: !item.editing,
+            oldQuantity: item.ProQuantity
+          }
+        }
+        return item
+      })
+    }
+  }
+
   const handleChangeFilterProduct = (e) => {
     const text = searchedInput(e.target.value)
     if (text === undefined || text === '') {
@@ -232,11 +251,94 @@ export const useSales = ({
       setOneProductToComment(product)
       setValues({
         ...values,
-        comment: product?.comment || ''
+        comment: product?.comment ?? ''
       })
     }
     setOpenCommentModal(!openCommentModal)
   }
+  const handleSuccessUpdateQuantity = (state, payload) => {
+    const { pId } = payload.payload || {
+      pId: null
+    }
+    return {
+      ...state,
+      PRODUCT: state?.PRODUCT?.map((items) => {
+        return items.pId === pId
+          ? {
+              ...items,
+              editing: false,
+              oldQuantity: items.ProQuantity
+            }
+          : items
+      })
+    }
+  }
+
+  /**
+ * Cancels the update of a product's quantity, resetting it to the previous value.
+ * @param {Object} state - The current state.
+ * @param {Object} payload - The payload containing the product ID.
+ * @returns {Object} - The new state with the updated product quantity and editing status.
+ */
+  const handleCancelUpdateQuantity = (state, payload) => {
+  // Validación de `state`
+    if (!state || typeof state !== 'object') {
+      sendNotification({
+        title: 'Error',
+        backgroundColor: 'error',
+        description: 'Ha ocurrido un error al actualizar la cantidad del producto.'
+      })
+      return state // Retorna el estado sin cambios si es inválido.
+    }
+
+    // Validación de `PRODUCT`
+    if (!Array.isArray(state.PRODUCT)) {
+      sendNotification({
+        title: 'Error',
+        backgroundColor: 'error',
+        description: 'Ha ocurrido un error al actualizar la cantidad del producto.'
+      })
+      return state // Retorna el estado sin cambios si `PRODUCT` no es un array.
+    }
+
+    // Validación de `payload`
+    const { pId } = payload.payload || {}
+    if (!pId) {
+      sendNotification({
+        title: 'Error',
+        backgroundColor: 'error',
+        description: 'Ha ocurrido un error al actualizar la cantidad del producto.'
+      })
+      return state // Retorna el estado sin cambios si falta `pId`.
+    }
+
+    return {
+      ...state,
+      PRODUCT: state.PRODUCT.map((item) => {
+      // Validación de propiedades en cada item
+        if (item.pId === pId) {
+          if (typeof item.oldQuantity !== 'number' || typeof item.unitPrice !== 'number') {
+            sendNotification({
+              title: 'Error',
+              backgroundColor: 'error',
+              description: 'Ha ocurrido un error al actualizar la cantidad del producto.'
+            })
+            return item // Retorna el item sin cambios si las propiedades son inválidas.
+          }
+
+          return {
+            ...item,
+            editing: false,
+            ProQuantity: item.oldQuantity,
+            ProPrice: item.oldQuantity * item.unitPrice
+          }
+        }
+
+        return item
+      })
+    }
+  }
+
   const handleChangeNumber = useCallback(
     (state, action) => {
       const event = action.payload
@@ -271,6 +373,12 @@ export const useSales = ({
     },
     [productsFood]
   )
+  const paymentMethod = (state, action) => {
+    return {
+      ...state,
+      payMethodPState: action.payload
+    }
+  }
   const PRODUCT = (state, action) => {
     const productExist = state.PRODUCT.find((items) => {
       return items.pId === action.id
@@ -302,6 +410,12 @@ export const useSales = ({
       case 'ON_CHANGE': {
         return handleChangeNumber(state, action)
       }
+      case 'UPDATE_SUCCESS_QUANTITY_EDITING_PRODUCT': {
+        return handleSuccessUpdateQuantity(state, action)
+      }
+      case 'CANCEL_UPDATE_QUANTITY_EDITING_PRODUCT': {
+        return handleCancelUpdateQuantity(state, action)
+      }
       case 'REMOVE_ALL_PRODUCTS':
         // @ts-ignore
         setValues({
@@ -319,6 +433,9 @@ export const useSales = ({
 
       case 'TOGGLE_FREE_PRODUCT':
         return toggleFreeProducts(state, action)
+      case 'TOGGLE_EDITING_PRODUCT': {
+        return handleToggleEditingStatus(state, action)
+      }
       case 'INCREMENT':
         return {
           ...state,
@@ -350,21 +467,14 @@ export const useSales = ({
         return {
           ...state
         }
-      case 'PAYMENT_METHOD_TRANSACTION':
-        return {
-          ...state,
-          payMethodPState: 1
-        }
-      case 'PAYMENT_METHOD_MONEY':
-        return {
-          ...state,
-          payMethodPState: 0
-        }
+      case 'PAYMENT_METHOD': return paymentMethod(state, action)
+
       default:
         return state
     }
   }
   const [data, dispatch] = useReducer(PRODUCT, initialStateSales, initializer)
+
   const handleRemoveValue = useCallback(({ name, value, pId }) => {
     setValues({
       ...values,
@@ -611,6 +721,7 @@ export const useSales = ({
     const updatedProduct = {
       pId,
       pName,
+      editing: false,
       getOneTags,
       unitPrice: OurProduct?.ProPrice,
       ProDescription,
@@ -639,6 +750,8 @@ export const useSales = ({
             ...item,
             getOneTags: OurProduct?.genderTags,
             unitPrice: OurProduct?.ProPrice,
+            editing: false,
+            oldQuantity: productExist.ProQuantity + +1,
             ProPrice: isFree ? 0 : (productExist.ProQuantity + 1) * OurProduct?.ProPrice,
             ProQuantity: productExist.ProQuantity + +1,
             free: !!isFree
@@ -741,41 +854,40 @@ export const useSales = ({
     }
     return ''
   }
-  const arrayProduct =
-    data?.PRODUCT?.length > 0
-      ? data?.PRODUCT?.map((product) => {
-        const filteredDataExtra =
+  const arrayProduct = data?.PRODUCT?.length > 0
+    ? data?.PRODUCT?.map((product) => {
+      const filteredDataExtra =
             product?.dataExtra?.map(({ __typename, ...rest }) => rest) ?? []
-        const dataOptional = product?.dataOptional?.map(
-          ({ __typename, ...product }) => {
-            const { ExtProductFoodsSubOptionalAll, ...rest } = product
-            const adjustedSubOptionalAll = ExtProductFoodsSubOptionalAll?.map(
-              (subOption) => {
-                const { __typename, ...subOptionRest } = subOption
-                return subOptionRest
-              }
-            )
-            return {
-              ...rest,
-              ExtProductFoodsSubOptionalAll: adjustedSubOptionalAll
+      const dataOptional = product?.dataOptional?.map(
+        ({ __typename, ...product }) => {
+          const { ExtProductFoodsSubOptionalAll, ...rest } = product
+          const adjustedSubOptionalAll = ExtProductFoodsSubOptionalAll?.map(
+            (subOption) => {
+              const { __typename, ...subOptionRest } = subOption
+              return subOptionRest
             }
+          )
+          return {
+            ...rest,
+            ExtProductFoodsSubOptionalAll: adjustedSubOptionalAll
           }
-        )
-        const refCodePid = RandomCode(20)
-        return {
-          pId: product?.pId,
-          refCodePid,
-          id: values?.cliId,
-          cantProducts: parseInt(
-            product?.ProQuantity ? product?.ProQuantity : 0
-          ),
-          comments: product?.comment ?? '',
-          dataOptional: dataOptional ?? [],
-          dataExtra: filteredDataExtra || [],
-          ProPrice: product.ProPrice
         }
-      })
-      : []
+      )
+      const refCodePid = RandomCode(20)
+      return {
+        pId: product?.pId,
+        refCodePid,
+        id: values?.cliId,
+        cantProducts: parseInt(
+          product?.ProQuantity ? product?.ProQuantity : 0
+        ),
+        comments: product?.comment ?? '',
+        dataOptional: dataOptional ?? [],
+        dataExtra: filteredDataExtra || [],
+        ProPrice: product.ProPrice
+      }
+    })
+    : []
   const finalArrayProduct = arrayProduct.map((item) => {
     const totalExtra = item.dataExtra.reduce(
       (accumulator, extra) => accumulator + extra.newExtraPrice,
@@ -857,13 +969,24 @@ export const useSales = ({
       }
       return cadena || 0
     }
+    const {
+      change,
+      valueDelivery,
+      tableId
+    } = values || {
+      change: 0,
+      valueDelivery: 0,
+      tableId: null,
+      cliId: null
+    }
     return registerSalesStore({
       variables: {
         input: finalArrayProduct || [],
         id: values?.cliId,
         pCodeRef: code,
-        change: convertInteger(values.change),
-        valueDelivery: convertInteger(values.valueDelivery),
+        tableId,
+        change: convertInteger(change),
+        valueDelivery: convertInteger(valueDelivery),
         payMethodPState: data.payMethodPState,
         pickUp: 1,
         discount: discount.discount || 0,
@@ -885,6 +1008,8 @@ export const useSales = ({
                 client.writeQuery({ query: GET_ALL_COUNT_SALES, data: { getTodaySales: data.countSales.todaySales } })
               }
             })
+            setValues({})
+            handleChange({ target: { name: 'tableId', value: '' } })
             getOnePedidoStore({
               variables: {
                 pCodeRef: code || ''

package/src/hooks/useSales/queries.js

@@ -345,6 +345,7 @@ export const CREATE_SHOPPING_CARD_TO_USER_STORE = gql`
     $pCodeRef: String
     $discount: Int
     $change: Float
+    $tableId: ID
     $valueDelivery: Float
     $payMethodPState: Int
     $pickUp: Int
@@ -357,6 +358,7 @@ export const CREATE_SHOPPING_CARD_TO_USER_STORE = gql`
       idStore: $idStore
       pCodeRef: $pCodeRef
       change: $change
+      tableId: $tableId
       discount: $discount
       valueDelivery: $valueDelivery
       payMethodPState: $payMethodPState

package/src/hooks/useStoreTable/index.js

@@ -0,0 +1,2 @@
+export * from './useStoreTableCreate'
+export * from './useStoreTables'

package/src/hooks/useStoreTable/queries.js

@@ -0,0 +1,47 @@
+import { gql } from '@apollo/client'
+
+/**
+ * GraphQL Mutation for creating a store table
+ */
+export const CREATE_TABLE_MUTATION = gql`
+  mutation storeTableCreate($tableName: String!, $seats: Int, $section: String, $tableState: Int) {
+    storeTableCreate(tableName: $tableName, seats: $seats, section: $section, tableState: $tableState) {
+      success
+      message
+      errors {
+        message
+        path
+        type
+        context {
+          limit
+          value
+          label
+          key
+        }
+      }
+      data {
+        tableId
+        tableName
+        seats
+        section
+        tableState
+        createdAt
+        updatedAt
+      }
+    }
+  }
+`
+
+export const STORE_TABLES_QUERY = gql`
+  query {
+    storeTables {
+      tableId
+      tableName
+      seats
+      section
+      tableState
+      createdAt
+      updatedAt
+    }
+  }
+`

package/src/hooks/useStoreTable/useStoreTableCreate.js

@@ -0,0 +1,76 @@
+import { useState } from 'react'
+import { gql, useMutation } from '@apollo/client'
+import { CREATE_TABLE_MUTATION } from './queries'
+
+/**
+ * Custom hook to handle table creation with validation and mutation logic
+ * @param {string} tableName Name of the table
+ * @param {number} seats Number of seats at the table
+ * @param {string} section Section where the table is located
+ * @param {number} tableState Current state of the table (e.g., Active, Occupied)
+ * @returns {Object} The state of the mutation including success, message, errors, and data
+ */
+export const useStoreTableCreate = ({
+  sendNotification = () => {}
+} = {}) => {
+  const [loading, setLoading] = useState(false)
+  const [createTableMutation] = useMutation(CREATE_TABLE_MUTATION)
+  /**
+   * Function to create a table with validation and mutation
+   * @param {string} tableName Table name
+   * @param {number} seats Number of seats
+   * @param {string} section Table section
+   * @param {number} tableState Table state (e.g., 0 = Unavailable, 1 = Active, 2 = Occupied)
+   */
+  const storeTableCreate = async (tableName, seats, section, tableState) => {
+    setLoading(true) // Start loading
+    try {
+      // Call the mutation to create the table
+      const result = await createTableMutation({
+        variables: {
+          tableName,
+          seats,
+          section,
+          tableState
+        },
+        update (cache, { data: { storeTableCreate } }) {
+          if (storeTableCreate.success) {
+            // Actualizar la lista de mesas en la caché
+            cache.modify({
+              fields: {
+                storeTables (existingTables = []) {
+                  const newTableRef = {
+                    tableId: null,
+                    tableName,
+                    seats,
+                    section,
+                    tableState: 1
+                  }
+                  return [...existingTables, newTableRef]
+                }
+              }
+            })
+          }
+        }
+      })
+
+      sendNotification({
+        backgroundColor: result.data.storeTableCreate.success ? 'success' : 'error',
+        description: result.data.storeTableCreate.message || '',
+        title: result.data.storeTableCreate.success ? 'Success' : 'Error'
+      })
+      return result
+    } catch (error) {
+      sendNotification({
+        backgroundColor: 'error',
+        description: error.message || 'Error occurred while creating the table.',
+        title: 'Creation Failed'
+      })
+      return { success: false, message: error.message }
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return [storeTableCreate, { loading }]
+}

package/src/hooks/useStoreTable/useStoreTables.js

@@ -0,0 +1,14 @@
+import { useQuery } from '@apollo/client'
+import { STORE_TABLES_QUERY } from './queries' // Ajusta la ruta a tu archivo de queries
+
+/**
+ * Custom hook to fetch store tables data
+ * @param {Object} args - Arguments for fetching store tables, e.g., info field.
+ * @param {Object} ctx - Context that provides restaurant-related information.
+ * @returns {Object} - Object containing tables data, loading state, and error.
+ */
+export const useStoreTables = () => {
+  const { data, loading, error } = useQuery(STORE_TABLES_QUERY)
+
+  return [data, { loading, error }]
+}

package/src/hooks/useSubscriptionValidation/index.js

@@ -21,7 +21,6 @@ export const useSubscriptionValidation = (idStore) => {
   const [daysElapsed, setDaysElapsed] = useState(null)
 
   useEffect(() => {
-    console.log(data)
     if (data && data.validateFreeSubscription) {
       const { currentPeriodEnd, currentPeriodStart } = data.validateFreeSubscription
       const currentDate = new Date()

package/src/hooks/useUpdateExistingOrders/index.js

@@ -33,7 +33,7 @@ export const updateExistingOrders = (
     2: 'PROCESSING',
     3: 'READY',
     4: 'CONCLUDES',
-    5: 'RECHAZADOS'
+    5: 'REJECTED'
   }
   const targetArray = statusKeys[pSState]
 

package/src/hooks/useUpdateMultipleProducts/index.js

@@ -14,7 +14,6 @@ export const useUpdateMultipleProducts = ({
   const [dataCategoriesProducts] = useCategoriesProduct()
   const findEmptyCategory = dataCategoriesProducts?.find(category => category.pName === CATEGORY_EMPTY)
   const updateProducts = async (products) => {
-    console.log("🚀 ~ updateProducts ~ products:", products)
     const newProducts = products.map(product => {
       return {
         idStore: '',

package/src/hooks/useUploadProducts/index.js

@@ -239,7 +239,6 @@ export const useUploadProducts = ({
 
       // Crear una nueva copia de los datos actualizando solo el producto específico
       return prevData.map((product, index) => {
-        console.log(index === productIndex)
         return index === productIndex
           ? {
               ...product,

package/src/hooks/useUser/queries.js

@@ -56,6 +56,7 @@ username
 lastName
 email
 avatar
+idRole
 uToken
 uPhoNum
 ULocation
@@ -69,6 +70,12 @@ associateStore
 createAt
   role {
     name
+    idRole,
+    permissions
+    description
+    createdAt
+    updatedAt
+    
   }
 }
 }

package/src/utils/index.js

@@ -19,7 +19,7 @@ export const statusOrder = {
   2: 'PROCESO',
   3: 'LISTOS',
   4: 'CONCLUIDOS',
-  5: 'RECHAZADOS'
+  5: 'REJECTED'
 }
 
 export const statusProduct = {
@@ -28,6 +28,9 @@ export const statusProduct = {
 }
 
 export const validationSubmitHooks = elements => {
+  if (!elements || elements.length === 0) {
+    return {}
+  }
   let errorForm = {}
 
   for (const element of elements) {