npm-pkg-hook 1.9.9 → 1.10.1

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.9.9"
+  "version": "1.10.1"
 }

package/src/hooks/useProductsFood/queriesStore.js

@@ -585,6 +585,7 @@ export const GET_ONE_PRODUCTS_FOOD = gql`
       fId
       pName
       ProPrice
+      ProBarCode
       ProDescuento
       ValueDelivery
       ProUniDisponibles

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
@@ -302,6 +404,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 +427,9 @@ export const useSales = ({
 
       case 'TOGGLE_FREE_PRODUCT':
         return toggleFreeProducts(state, action)
+      case 'TOGGLE_EDITING_PRODUCT': {
+        return handleToggleEditingStatus(state, action)
+      }
       case 'INCREMENT':
         return {
           ...state,
@@ -365,6 +476,8 @@ export const useSales = ({
     }
   }
   const [data, dispatch] = useReducer(PRODUCT, initialStateSales, initializer)
+  console.log({ data })
+
   const handleRemoveValue = useCallback(({ name, value, pId }) => {
     setValues({
       ...values,
@@ -611,6 +724,7 @@ export const useSales = ({
     const updatedProduct = {
       pId,
       pName,
+      editing: false,
       getOneTags,
       unitPrice: OurProduct?.ProPrice,
       ProDescription,
@@ -639,6 +753,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 +857,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,

package/src/hooks/useUpdateMultipleProducts/index.js

@@ -28,6 +28,8 @@ export const useUpdateMultipleProducts = ({
         sTateLogistic: 1,
         ProStar: 0,
         ProImage: null,
+        vat: product['IMPUESTO (%)'],
+        ProBarCode: product.CODIGO_DE_BARRAS,
         ProHeight: null,
         ProWeight: '',
         ProOutstanding: 0,

package/src/hooks/useUploadProducts/helpers/validateProductDataExcel.js

@@ -0,0 +1,65 @@
+export const validateProductDataExcel = (product, productIndex) => {
+  const expectedHeaders = [
+    {
+      name: 'NOMBRE',
+      required: true,
+      type: 'string'
+    },
+    {
+      name: 'PRECIO_AL_PUBLICO',
+      required: false,
+      type: 'number'
+    },
+    {
+      name: 'VALOR_DE_COMPRA',
+      required: false,
+      type: 'number'
+    },
+    {
+      name: 'CANTIDAD',
+      required: true,
+      type: 'number'
+    },
+    {
+      name: 'DESCRIPCION',
+      required: true,
+      type: 'string'
+    },
+    {
+      name: 'DESCUENTO',
+      required: false,
+      type: 'number'
+    },
+    {
+      name: 'CATEGORIA',
+      required: false,
+      type: 'string'
+    },
+    {
+      name: 'CODIGO_DE_BARRAS',
+      required: false,
+      type: 'string'
+    },
+    {
+      name: 'IMPUESTO (%)',
+      required: false,
+      type: 'number'
+    }
+  ]
+
+  const errors = []
+
+  // Validar encabezados requeridos
+  expectedHeaders.forEach(({ name, required, type }) => {
+    if (required && !(name in product)) {
+      errors.push(`Producto ${productIndex + 1}: Faltan la columna requerida: ${name}.`)
+    } else if (product[name] !== undefined) {
+      const isValidType = typeof product[name] === type || (type === 'number' && typeof product[name] === 'number' && !isNaN(product[name]))
+      if (!isValidType) {
+        errors.push(`Producto ${productIndex + 1}: El campo ${name} debe ser de tipo ${type}.`)
+      }
+    }
+  })
+
+  return errors // Retorna todos los errores encontrados
+}

package/src/hooks/useUploadProducts/index.js

@@ -1,6 +1,7 @@
 import { useState } from 'react'
 import * as XLSX from 'xlsx'
 import { RandomCode } from '../../utils'
+import { validateProductDataExcel } from './helpers/validateProductDataExcel'
 
 const STEPS = {
   UPLOAD_FILE: 0,
@@ -41,19 +42,37 @@ export const useUploadProducts = ({
       const filePromises = Array.from(files).map(file => readExcelFile(file))
       const newData = await Promise.all(filePromises)
 
-      const newProducts = newData.flat().map((product) => {
+      const newProducts = newData.flat().map((product, index) => {
         const PRECIO_AL_PUBLICO = isNaN(product.PRECIO_AL_PUBLICO) ? 0.00 : product.PRECIO_AL_PUBLICO
         const VALOR_DE_COMPRA = isNaN(product.VALOR_DE_COMPRA) ? 0.00 : product.VALOR_DE_COMPRA
+        const validationErrors = validateProductDataExcel(product, index)
+
         const code = RandomCode(9)
         return {
           ...product,
           CANTIDAD: isNaN(product.CANTIDAD) ? 1 : product.CANTIDAD,
           ORIGINAL_CANTIDAD: isNaN(product.CANTIDAD) ? 1 : product.CANTIDAD,
           free: false,
+          product: product?.DESCRIPCION,
           pCode: code,
           editing: false,
           PRECIO_AL_PUBLICO,
-          VALOR_DE_COMPRA
+          VALOR_DE_COMPRA,
+          errors: validationErrors.length > 0 ? validationErrors : null
+        }
+      })
+
+      // Notificación de errores
+      newProducts.forEach(product => {
+        if (product.errors) {
+          // Enviar una notificación por cada error encontrado
+          product.errors.forEach(error => {
+            sendNotification({
+              description: error,
+              title: 'Error',
+              backgroundColor: 'error'
+            })
+          })
         }
       })
 
@@ -80,7 +99,7 @@ export const useUploadProducts = ({
       })
     } catch (error) {
       sendNotification({
-        description: 'Un errro a ocurrido mientras se cargaba el archivo de productos.',
+        description: 'Un error ha ocurrido mientras se cargaba el archivo de productos.',
         title: 'Error',
         backgroundColor: 'error'
       })
@@ -188,27 +207,38 @@ export const useUploadProducts = ({
     setData((prevData) => {
     // Validar que el índice es un número válido
       if (typeof productIndex !== 'number' || productIndex < 0 || productIndex >= prevData.length) {
-        console.warn('Invalid product index:', productIndex)
+        sendNotification({
+          description: `Invalid product index: ${productIndex}`,
+          title: 'Error',
+          backgroundColor: 'error'
+        })
         return prevData // Retorna el estado anterior si el índice es inválido
       }
 
       // Validar que el producto existe y tiene la propiedad 'editing'
       const product = prevData[productIndex]
       if (!product || typeof product.editing === 'undefined') {
-        console.warn('Product or "editing" property not found for index:', productIndex)
+        sendNotification({
+          description: `Product or "editing" property not found for index: ${productIndex}`,
+          title: 'Error',
+          backgroundColor: 'error'
+        })
         return prevData // Retorna el estado anterior si no se encuentra el producto
       }
 
       // Evitar cambios innecesarios si el estado de 'editing' no cambia
       const updatedEditingStatus = !product.editing
       if (product.editing === updatedEditingStatus) {
-        console.info('Product "editing" status is already:', updatedEditingStatus)
+        sendNotification({
+          description: `Product "editing" status is already: ${updatedEditingStatus}`,
+          title: 'Info',
+          backgroundColor: 'info'
+        })
         return prevData // No actualiza si el estado es el mismo
       }
 
       // 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,
@@ -227,12 +257,13 @@ export const useUploadProducts = ({
    * @param {number} productIndex - The index of the product to update.
    */
   const handleSuccessUpdateQuantity = (productIndex) => {
+    const product = data[productIndex]
     setData((prevData) => {
       // Validar que `CANTIDAD` sea un número entero
       const product = prevData[productIndex]
       if (!Number.isInteger(product?.CANTIDAD)) {
         sendNotification({
-          description: 'Quantity must be an integer value.',
+          description: 'La cantidad debe ser un valor entero.',
           title: 'Error',
           backgroundColor: 'error'
         })
@@ -256,12 +287,13 @@ export const useUploadProducts = ({
 
       return filteredData
     })
-
-    sendNotification({
-      description: `Quantity updated successfully for product index ${productIndex}`,
-      title: 'Success',
-      backgroundColor: 'success'
-    })
+    if (product.CANTIDAD !== data[productIndex].ORIGINAL_CANTIDAD) {
+      sendNotification({
+        description: `Cantidad actualizada con éxito para el producto ${product.NOMBRE} #${productIndex}.`,
+        title: 'Éxito',
+        backgroundColor: 'success'
+      })
+    }
   }
 
   const handleChangeQuantity = (event, productIndex) => {