npm-pkg-hook 1.4.3 → 1.4.4

package/package.json

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

package/src/hooks/index.js

@@ -14,6 +14,7 @@ export * from './usePushNotifications'
 export * from './useLocationManager'
 export * from './useFingerprintjs'
 export * from './useCountries'
+export * from './useDessertWithPrice'
 export * from './generateStoreURL'
 export * from './useCreateStorePendingToRegister'
 export * from './useDepartments'

package/src/hooks/useChartData/index.js

@@ -5,9 +5,8 @@ import { GET_ALL_SALES } from '../useReport/queries'
 export * from './useChartDataAllOrders'
 
 export const useChartData = ({ year }) => {
-  // Construcción del nuevo array:
   const { data, loading } = useQuery(GET_ALL_SALES)
-  const [chartType, setChartType] = useState('bar')
+  const [chartType, setChartType] = useState('line')
   const [chartTypeYear, setChartTypeYear] = useState(new Date().getFullYear())
   const [asFilter, setFilter] = useState(false)
   const [newResult, setNewResult] = useState([])

package/src/hooks/useDessert/index.js

@@ -17,6 +17,10 @@ export const useDessert = ({
   initialData = null,
   sendNotification = () => { }
 }) => {
+  const [selectedExtra, setSelectedExtra] = useState({})
+  const [openModalEditExtra, setOpenModalEditExtra] = useState(false)
+  const [selectedItem, setSelectedItem] = useState({})
+
   // Initialize state variables using the useState hook
   const [setCheck, setChecker] = useState({
     exState: false
@@ -202,8 +206,24 @@ export const useDessert = ({
       console.error(error)
     }
   }
-  const [selectedItem, setSelectedItem] = useState({})
 
+  /**
+ * Edits a single item within a list.
+ *
+ * The `editOneItem` function is responsible for editing the title of a specific item in a list.
+ * It first updates the state of the selected item, then searches for the item in the current list
+ * using its ID, and compares the existing title with the new title provided. If the title is
+ * different and not null, it makes an API call (`editExtFoodSubsOptional`) to update the
+ * title in the database. If the update is successful, a success notification is sent, and
+ * the local state is updated to reflect the changes in the item. The function handles errors
+ * internally and logs them to the console.
+ *
+ * @param {Object} params - Parameters for editing an item.
+ * @param {string} params.listID - The ID of the list containing the item to be edited.
+ * @param {string} params.id - The ID of the specific item to be edited.
+ * @param {string|null} [params.title=null] - The new title for the item. If null, no
+ *                                            update is performed.
+ */
   const editOneItem = ({
     listID = '',
     id = '',
@@ -214,7 +234,7 @@ export const useDessert = ({
         return { listID, id }
       })
       const currentList = data.lists[listID]
-      const findItem = currentList?.cards?.find(item => item.id === id)
+      const findItem = currentList?.cards?.find(item => { return item.id === id })
       const checkDifferentText = findItem?.title !== title
       if (title && checkDifferentText) {
         editExtFoodSubsOptional({
@@ -228,7 +248,7 @@ export const useDessert = ({
           const { success } = editExtFoodSubsOptional || { success: false }
           if (success) {
             sendNotification({
-              description: 'El sub item actualizado con exito',
+              description: 'El sub item actualizado con éxito',
               title: 'Actualizado',
               backgroundColor: 'success'
             })
@@ -259,8 +279,6 @@ export const useDessert = ({
       console.error(error)
     }
   }
-  const [selectedExtra, setSelectedExtra] = useState({})
-  const [openModalEditExtra, setOpenModalEditExtra] = useState(false)
 
   const updateListById = (listId, updatedFields) => {
     setData((prevData) => {

package/src/hooks/useDessertWithPrice/index.js

@@ -0,0 +1,327 @@
+import { useCallback, useEffect, useMemo, useRef, useState, createRef } from 'react'
+import { useUpdateMultipleExtProductFoods } from '../useUpdateMultipleExtProductFoods'
+import { useMutation } from '@apollo/client'
+import { DELETE_EXTRA_PRODUCTS, EDIT_EXTRA_PRODUCT_FOODS } from './queries'
+
+export const useDessertWithPrice = ({
+  dataExtra = [],
+  sendNotification = () => { },
+  setAlertBox = () => { }
+} = {}) => {
+  const [selected, setSelected] = useState({
+    loading: false,
+    exPid: null
+  })
+  const [editExtraProductFoods] = useMutation(EDIT_EXTRA_PRODUCT_FOODS)
+
+  const initialLine = useMemo(() => {
+    return {
+      extraName: '',
+      extraPrice: '',
+      exState: false
+    }
+  }, [])
+
+  const initialLineItems = useMemo(() => {
+    return {
+      Lines: [
+        {
+          extraName: '',
+          extraPrice: '',
+          exState: false
+        },
+        (initialLine)
+      ]
+    }
+  }, [initialLine])
+  const transformedData = dataExtra?.map(item => ({
+    extraName: item.extraName || '',
+    extraPrice: item?.extraPrice?.toString() || '', // Convierte a string si es necesario
+    exState: !!item.exState,
+    forEdit: true,
+    ...item
+  }))
+  const [LineItems, setLine] = useState(
+    Array.isArray(dataExtra) && dataExtra.length > 0 ? { Lines: transformedData } : initialLineItems
+  )
+  useEffect(() => {
+    setLine(Array.isArray(dataExtra) && dataExtra.length > 0 ? { Lines: transformedData } : initialLineItems)
+  }, [dataExtra.length])
+
+  const inputRefs = useRef(LineItems.Lines.map(() => createRef()))
+
+  const handleSelect = (item, index) => {
+    try {
+      const { exPid } = item || {}
+      setSelected({ exPid, loading: false })
+      if (inputRefs?.current[index]) {
+        inputRefs.current[index].current.focus()
+      }
+    } catch (error) {
+      console.log(error)
+    }
+  }
+
+  useEffect(() => {
+    // Asegurándote de que las referencias se actualicen si LineItems cambia
+    inputRefs.current = LineItems.Lines.map((_, i) => inputRefs.current[i] || createRef())
+  }, [LineItems])
+  const handleCleanLines = useCallback(() => {
+    setLine(initialLineItems)
+  }, [initialLineItems])
+
+  const [updateMultipleExtProductFoods, { loading }] = useUpdateMultipleExtProductFoods({ handleCleanLines: () => { } })
+  /**
+   * Handles the addition of two new lines to the Lines array in LineItems state.
+   */
+  const handleAdd = useCallback(() => {
+    try {
+      // Ensure that LineItems and initialLine are not null or undefined
+      if (!LineItems || !initialLine) {
+        throw new Error('Han ocurrido un error.')
+      }
+
+      // Ensure that LineItems.Lines is an array
+      if (!Array.isArray(LineItems.Lines)) {
+        throw new Error('Han ocurrido un error.')
+      }
+
+      // Clone the existing Lines array and add two new objects (clones of initialLine) to it
+      const Lines = [...LineItems.Lines, { ...initialLine }]
+
+      // Update the LineItems state with the new Lines array
+      setLine((prevLineItems) => { return { ...prevLineItems, Lines } })
+    } catch (error) {
+      sendNotification({
+        title: error.message,
+        description: 'Error',
+        backgroundColor: 'error'
+      })
+    }
+  }, [LineItems, initialLine, setLine])
+
+  const handleFocusChange = (index) => {
+    const lastItem = LineItems.Lines.length - 1
+    if (lastItem === index) {
+      handleAdd()
+    }
+  }
+
+  /**
+ * Handles changes in line items, updating the state accordingly.
+ * @param {number} index - The index of the line item being updated.
+ * @param {string} name - The name of the attribute being changed.
+ * @param {any} value - The new value of the attribute.
+ */
+  const handleLineChange = (index, name, value) => {
+    const newLines = LineItems.Lines.map((line, i) => {
+      if (i !== index) return { ...line }
+
+      const newLine = { ...line }
+
+      if (name === 'extraName' || name === 'extraPrice') {
+        newLine[name] = value
+      } else if (name === 'exState') {
+        newLine[name] = value.target.checked
+      } else {
+        newLine[name] = value
+      }
+
+      return newLine
+    })
+
+    setLine({ ...LineItems, Lines: newLines })
+  }
+  const [deleteExtraProductFoods] = useMutation(DELETE_EXTRA_PRODUCTS)
+
+  const filterOneLine = (index) => {
+    console.log(index)
+    const Lines = LineItems?.Lines?.filter((_, i) => { return i !== index })
+    return setLine({ ...LineItems, Lines })
+  }
+  const handleRemove = async (i, exPid) => {
+    try {
+      if (exPid) {
+        const findDataExtra = dataExtra?.find(x => { return x?.exPid === exPid })
+        if (findDataExtra) {
+          const data = await deleteExtraProductFoods({
+            variables: {
+              state: 1,
+              id: exPid
+            }
+          })
+          const { success } = data?.data?.deleteextraproductfoods || {}
+          if (success) {
+            console.log(i, exPid)
+            return filterOneLine(i)
+          }
+        }
+      }
+      if (!exPid) {
+        return filterOneLine(i)
+      }
+    } catch (error) {
+      sendNotification({
+        title: 'error',
+        description: 'Ocurrió un error',
+        backgroundColor: 'error'
+      })
+    }
+  }
+
+  // Prepares and validates data for submission.
+  const prepareAndValidateData = useCallback((pId) => {
+    const dataArr = LineItems?.Lines?.map(({ extraPrice, exState, extraName }) => ({
+      extraPrice: parseFloat(extraPrice),
+      exState: exState === true ? 1 : 0,
+      extraName,
+      pId
+    }))
+
+    const message = 'Complete los campos vacíos'
+    const findInputEmpty = dataArr.find(({ extraName }) => extraName === '')
+    const findInputEmptyPrice = dataArr.find(({ extraPrice }) => isNaN(extraPrice) || extraPrice === '')
+
+    if (findInputEmpty || findInputEmptyPrice) {
+      setAlertBox({ message })
+      return null
+    }
+    return dataArr
+  }, [LineItems])
+
+  /**
+ * Convierte un string con números y puntos en un número entero.
+ * @param {string} str - El string a convertir.
+ * @returns {number} El número entero resultante.
+ */
+  function stringToInt (str) {
+    try {
+      // Verifica si el string es válido
+      if (!str || typeof str !== 'string') {
+        throw new Error('Input must be a valid string.')
+      }
+
+      // Elimina los puntos y convierte a número
+      const num = parseInt(str.replace(/\./g, ''), 10)
+
+      // Verifica si el resultado es un número válido
+      if (isNaN(num)) {
+        throw new Error('The string must contain only numbers and dots.')
+      }
+
+      return num
+    } catch (_error) {
+      return 0
+    }
+  }
+  const handleEdit = async (i, exPid) => {
+    setSelected({ exPid: null, loading: true })
+    const findOneExtra = LineItems?.Lines?.find((x, i) => { return x?.exPid === exPid })
+    const { extraName, extraPrice: price } = findOneExtra || {}
+    const extraPrice = stringToInt(price)
+    const { data } = await editExtraProductFoods({
+      variables: {
+        exPid,
+        extraName,
+        extraPrice
+      },
+      update: (cache) => {
+        cache.modify({
+          fields: {
+            ExtProductFoodsAll: () => {
+              return LineItems?.Lines || []
+            }
+          }
+        })
+      }
+    })
+    if (!data?.editExtraProductFoods?.success) {
+      return sendNotification({
+        title: 'Error',
+        description: data?.editExtraProductFoods?.message || '',
+        backgroundColor: 'error'
+      })
+    }
+
+    if (data?.editExtraProductFoods?.success) {
+      return sendNotification({
+        title: 'Producto actualizado',
+        description: data?.editExtraProductFoods?.message || '',
+        backgroundColor: 'success'
+      })
+    }
+  }
+  function filterItemsWithValidExPid (items, pId) {
+    // Primero, filtrar los elementos basados en exPid
+    const filteredItems = items.filter(({ exPid }) => {
+      const isExPidValid = !exPid
+      return isExPidValid
+    })
+
+    // Luego, transformar los elementos filtrados
+    return filteredItems.map(({ exPid, extraPrice, exState, extraName }) => ({
+      exPid,
+      extraPrice: stringToInt(extraPrice), // Asumiendo que tienes una función stringToInt definida
+      exState: exState === true ? 1 : 0,
+      extraName,
+      pId
+    }))
+  }
+
+  const handleSubmit = ({ pId }) => {
+    try {
+      if (!prepareAndValidateData(pId)) return
+      const dataArr = LineItems?.Lines?.map(x => {
+        const extraPrice = stringToInt(x.extraPrice)
+        const extraName = x.extraName
+        return {
+          extraPrice,
+          exState: x.exState === true ? 1 : 0,
+          extraName,
+          pId
+        }
+      })
+      const filteredItems = filterItemsWithValidExPid(LineItems?.Lines, pId)
+
+      return updateMultipleExtProductFoods({
+        variables: {
+          inputLineItems: {
+            setData: filteredItems
+          }
+        },
+        update: (cache) => {
+          cache.modify({
+            fields: {
+              ExtProductFoodsAll: () => {
+                return dataArr
+              }
+            }
+          })
+        }
+      }).then((res) => {
+        setAlertBox({ message: 'Se ha creado correctamente', duration: 7000, success: true })
+      })
+    } catch (error) {
+      setAlertBox({ message: `${error}`, duration: 7000 })
+    }
+  }
+  const isLoading = loading
+
+  return {
+    initialLine,
+    inputRefs,
+    selected,
+    loading: isLoading,
+    initialLineItems,
+    LineItems,
+    handleCleanLines,
+    handleLineChange,
+    handleSelect,
+    handleFocusChange,
+    setLine,
+    handleEdit,
+    handleRemove,
+    handleAdd,
+    handleSubmit
+  }
+}

package/src/hooks/useDessertWithPrice/queries.js

@@ -0,0 +1,18 @@
+import { gql } from '@apollo/client'
+
+export const DELETE_EXTRA_PRODUCTS = gql`
+  mutation  deleteextraproductfoods($id: ID, $state: Int){
+    deleteextraproductfoods(id: $id, state: $state){
+      success,
+      message
+  }
+}
+`
+export const EDIT_EXTRA_PRODUCT_FOODS = gql`
+  mutation EditExtraProductFoods($exPid: ID, $state: Int, $extraName: String, $extraPrice: Float) {
+    editExtraProductFoods(exPid: $exPid, state: $state, extraName: $extraName, extraPrice: $extraPrice) {
+      success
+      message
+    }
+  }
+`

package/src/hooks/useProductsFood/index.js

@@ -75,9 +75,9 @@ export const useProductsFood = ({
 export const useDeleteProductsFood = ({ sendNotification = () => { } } = {}) => {
   const [updateProductFoods, { data, loading, error }] = useMutation(UPDATE_PRODUCT_FOOD)
 
-  const handleDelete = product => {
+  const handleDelete = async product => {
     const { pId, pState } = product || {}
-    updateProductFoods({
+    return await updateProductFoods({
       variables: {
         input: {
           pId,

package/src/hooks/useProductsFood/queriesStore.js

@@ -435,24 +435,6 @@ export const GET_EXTRAS_PRODUCT_FOOD_SUB_OPTIONAL = gql`
   }
 `
 
-// CREATE EXTRAS PRODUCT
-export const UPDATE_MULTI_EXTRAS_PRODUCT_FOOD = gql`
-  mutation updateMultipleExtProductFoods(
-    $inputLineItems: ILineItemsExtraFinal
-  ) {
-    updateMultipleExtProductFoods(inputLineItems: $inputLineItems) {
-      pId
-      exPid
-      exState
-      extraName
-      extraPrice
-      state
-      pDatCre
-      pDatMod
-    }
-  }
-`
-
 export const DELETE_ONE_PRODUCT = gql`
   mutation deleteProducts($input: IDeleteProduct) {
     deleteProducts(input: $input) {

package/src/hooks/useRoads/queries.js

@@ -1,7 +1,7 @@
 import { gql } from '@apollo/client'
 
 export const GET_ALL_ROAD = gql`
-query getTypeRoad{
+query getTypeRoad {
   road{
     rId
     rName

package/src/hooks/useSales/index.js

@@ -26,7 +26,6 @@ import {
 } from './queries'
 import { updateExistingOrders } from '../useUpdateExistingOrders'
 import { useGetSale } from './useGetSale'
-import { convertToIntegerOrFloat } from './helpers'
 import { useCatWithProduct } from './../useCatWithProduct/index'
 import { useCheckboxState } from '../useCheckbox'
 import { useLogout } from '../useLogout'
@@ -488,7 +487,7 @@ export const useSales = ({
 
   function handleIncrementExtra ({ Adicionales, index }) {
     const { pId } = product?.PRODUCT || {}
-    const exPid = Adicionales.exPid || null
+    const exPid = Adicionales?.exPid || null
 
     if (exPid && pId) {
       const newExtra = dataExtra.map((producto) => {
@@ -512,7 +511,7 @@ export const useSales = ({
 
   function handleDecrementExtra ({ Adicionales, index }) {
     const { pId } = product?.PRODUCT || {}
-    const exPid = Adicionales.exPid || null
+    const exPid = Adicionales?.exPid || null
 
     // Comprobar que el objeto Adicionales existe en dataExtra
     const extraIndex = dataExtra.findIndex((extra) => extra.exPid === exPid)

package/src/hooks/useUpdateMultipleExtProductFoods/index.js

@@ -0,0 +1,17 @@
+import { useMutation } from '@apollo/client'
+import { UPDATE_MULTI_EXTRAS_PRODUCT_FOOD } from './queries'
+
+/**
+ * Custom hook para manejar la actualización de múltiples extras de productos alimenticios.
+ * @param {Function} cleanLines - Función para limpiar líneas después de completar la mutación.
+ * @returns {Array} Retorna un array con la función de mutación y el estado de carga.
+ */
+export const useUpdateMultipleExtProductFoods = ({ cleanLines = () => { } } = {}) => {
+  const [updateMultipleExtProductFoods, { loading }] = useMutation(UPDATE_MULTI_EXTRAS_PRODUCT_FOOD, {
+    onCompleted: () => {
+      cleanLines()
+    }
+  })
+
+  return [updateMultipleExtProductFoods, { loading }]
+}

package/src/hooks/useUpdateMultipleExtProductFoods/queries.js

@@ -0,0 +1,19 @@
+import { gql } from '@apollo/client'
+
+// CREATE EXTRAS PRODUCT
+export const UPDATE_MULTI_EXTRAS_PRODUCT_FOOD = gql`
+  mutation updateMultipleExtProductFoods(
+    $inputLineItems: ILineItemsExtraFinal
+  ) {
+    updateMultipleExtProductFoods(inputLineItems: $inputLineItems) {
+      pId
+      exPid
+      exState
+      extraName
+      extraPrice
+      state
+      pDatCre
+      pDatMod
+    }
+  }
+`

package/src/utils/index.js

@@ -37,7 +37,7 @@ export const validationSubmitHooks = elements => {
 }
 
 export const getCurrentDomain = () => {
-  return typeof window !== 'undefined' && window.location.hostname;
+  return typeof window !== 'undefined' && window.location.hostname
 }
 
 export function RandomCode (length) {
@@ -70,8 +70,35 @@ export const updateCacheMod = async ({ cache, query, nameFun, dataNew, type, id
 const initialState = {}
 export const initializer = (initialValue = initialState) => { return JSON.parse(localStorage.getItem(process.env.LOCAL_SALES_STORE)) || initialValue }
 
-export const numberFormat = value => { return value ? (parseInt(value) ? new Intl.NumberFormat('de-DE').format(parseFloat(`${value}`.replace(/\./g, ''))) : value) : (value) }
+/**
+ * Formatea un valor como un número siguiendo el formato de Colombia.
+ * Si el valor no es un número válido, lo devuelve tal como está.
+ *
+ * @param {string|number} value - El valor a formatear.
+ * @returns {string} El valor formateado como número o el valor original si no es numérico.
+ */
+export const numberFormat = value => {
+  // Verifica si el valor es nulo o indefinido, devolviendo el mismo valor.
+  if (value === null || value === undefined) {
+    return value
+  }
 
+  // Convierte el valor a string y elimina puntos.
+  const stringValue = `${value}`.replace(/\./g, '')
+
+  // Intenta convertir a número y formatear si es posible.
+  const numberValue = parseFloat(stringValue)
+  if (!isNaN(numberValue)) {
+    return new Intl.NumberFormat('es-CO', {
+      minimumFractionDigits: 0,
+      style: 'decimal',
+      maximumFractionDigits: 0
+    }).format(numberValue)
+  }
+
+  // Devuelve el valor original si no es un número.
+  return value
+}
 /**
  *
  * @param {Object} data objeto a filtrar