npm-pkg-hook 1.8.5 → 1.8.7

package/package.json

@@ -3,6 +3,7 @@
   "dependencies": {
     "@apollo/client": "3.6.9",
     "@typescript-eslint/parser": "^5.37.0",
+    "file-saver": "2.0.5",
     "js-cookie": "3.0.1",
     "lodash": "^4.17.21",
     "md5": "2.3.0",
@@ -10,7 +11,8 @@
     "react": "18.1.0",
     "react-dom": "18.1.0",
     "react-query": "^3.39.2",
-    "react-responsive": "^10.0.0"
+    "react-responsive": "^10.0.0",
+    "xlsx": "0.18.5"
   },
   "description": "description-pkg-hook",
   "devDependencies": {
@@ -45,5 +47,5 @@
     "rm": "rm -rf node_modules package-lock.json && npm i",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "version": "1.8.5"
+  "version": "1.8.7"
 }

package/src/hooks/generateTemplate/index.js

@@ -0,0 +1,62 @@
+import * as Excel from 'xlsx'
+import { saveAs } from 'file-saver'
+
+/**
+ * Class to generate Excel reports.
+ */
+export class GenerateReport {
+  /**
+   * Generates an Excel report from given data and type.
+   * @param {Array<object>} data - The data to be included in the Excel report.
+   * @param {number} type - The type of report to generate.
+   * @throws Will throw an error if data is not an array or type is not a valid number.
+   */
+  GenExcelReport (data, type) {
+    if (!Array.isArray(data)) {
+      throw new Error('Data must be an array of objects.')
+    }
+
+    if (typeof type !== 'number') {
+      throw new Error('Type must be a valid number.')
+    }
+
+    const ws = Excel.utils.json_to_sheet(data)
+
+    // Apply bold font to the header row
+    const range = Excel.utils.decode_range(ws['!ref'])
+    for (let C = range.s.c; C <= range.e.c; ++C) {
+      const cell = ws[Excel.utils.encode_cell({ r: 0, c: C })]
+      if (cell) {
+        cell.s = {
+          font: {
+            bold: true
+          }
+        }
+      }
+    }
+
+    const wb = Excel.utils.book_new()
+    Excel.utils.book_append_sheet(wb, ws, 'Hoja1')
+    const excelBuffer = Excel.write(wb, { bookType: 'xlsx', type: 'array' })
+    const blob = new Blob([excelBuffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
+    const fileName = this.GenExcelReportFileName(type)
+    if (fileName != null) {
+      saveAs(blob, String(fileName))
+    } else {
+      throw new Error('Invalid report type provided.')
+    }
+  }
+
+  /**
+   * Generates the file name for the Excel report based on the type.
+   * @param {number} type - The type of report.
+   * @returns {string | null} The file name for the report, or null if type is invalid.
+   */
+  GenExcelReportFileName (type) {
+    const fileNames = {
+      1: 'report.xlsx'
+    }
+
+    return fileNames[type] ? fileNames[type] : null
+  }
+}

package/src/hooks/index.js

@@ -8,6 +8,7 @@ export * from './useManageQueryParams'
 export * from './useDeliveryTime'
 export * from './useModules'
 export * from './getTotalHours'
+export * from './useUpdateMultipleProducts'
 export * from './useTokenCards'
 export * from './useSubscriptionValidation'
 export * from './convertToMilitaryTime'
@@ -15,8 +16,10 @@ export * from './statusOpenStores'
 export * from './completeSchedules'
 export * from './useLogout/helpers/BroadcastChannel'
 export * from './getCardType'
+export * from './useUploadProducts'
 export * from './newMessageSubscription'
 export * from './useGetCookies'
+export * from './generateTemplate'
 export * from './isTokenExpired'
 export * from './useCreateDeliveryTime'
 export * from './addTenMinutes'

package/src/hooks/useCreateProduct/index.js

@@ -15,14 +15,28 @@ import { getCatProductsWithProduct } from './helpers/manageCacheDataCatProduct'
 export * from './helpers'
 
 export const useCreateProduct = ({
-  setAlertBox = () => { },
   router,
-  sendNotification = () => { }
+  setAlertBox = (args) => { return args },
+  sendNotification = (args) => { return args }
 }) => {
   const [errors, setErrors] = useState({
-    names: ''
+    names: false,
+    ProPrice: false,
+    ProDescuento: false,
+    ProDescription: false,
+    ProWeight: false,
+    ProHeight: false,
+    ValueDelivery: false
+  })
+  const [values, setValues] = useState({
+    ProPrice: 0,
+    ProDescuento: 0,
+    ProDescription: '',
+    ProWeight: '',
+    ProHeight: '',
+    ValueDelivery: 0,
+    carProId: ''
   })
-  const [values, setValues] = useState({})
   const [names, setName] = useLocalStorage('namefood', '')
   const [showMore, setShowMore] = useState(50)
   const [search, setSearch] = useState('')
@@ -49,7 +63,9 @@ export const useCreateProduct = ({
   // HANDLESS
   const [check, setCheck] = useState({
     availability: true,
-    noAvailability: false
+    noAvailability: false,
+    desc: false,
+    freeShipping: false
   })
 
   const handleCheck = (e) => {
@@ -79,7 +95,11 @@ export const useCreateProduct = ({
     setSearchFilter({ ...filter })
   }
   const onClickClear = () => {
-    setSearchFilter({})
+    setSearchFilter({
+      gender: [],
+      desc: [],
+      speciality: []
+    })
   }
   const handleChangeClick = e => {
     const {
@@ -96,7 +116,7 @@ export const useCreateProduct = ({
     handleCheck(e)
     setValues({
       ...values,
-      ValueDelivery: ''
+      ValueDelivery: 0
     })
   }
 
@@ -112,7 +132,6 @@ export const useCreateProduct = ({
     const file = event.target.files[0]
     setImage(file)
     const base64 = await convertBase64(file)
-    // eslint-disable-next-line
     // const [size, { unit }] = await getFileSizeByUnit(file, "B");
     setImageBase64(base64)
     setPreviewImg(
@@ -125,7 +144,9 @@ export const useCreateProduct = ({
     )
   }
   const onTargetClick = () => {
-    fileInputRef.current.click()
+    if (fileInputRef.current) {
+      fileInputRef.current.click()
+    }
   }
   // eslint-disable-next-line no-unused-vars
   const { img } = useEditImageProduct({ sendNotification, initialState })
@@ -139,23 +160,27 @@ export const useCreateProduct = ({
       ProHeight,
       ValueDelivery,
       carProId
-    } = values
-    const formatPrice = ProPrice ? parseFloat(ProPrice?.replace(/\./g, '')) : 0
-    if (!carProId && !names) return setErrors({ ...errors, carProId: true })
-
-    if (!ProPrice?.length > 0) {
-      return setErrors({ ...errors, ProPrice: true })
+    } = values ?? {
+      ProPrice: 0,
+      ProDescuento: 0,
+      ProDescription: '',
+      ProWeight: '',
+      ProHeight: 0,
+      ValueDelivery: 0,
+      carProId: ''
     }
-    const ProImage = `https:${process.env.URL_ADMIN_SERVER}static/platos/${image?.name}`
+    const formatPrice = ProPrice ?? 0
+    if (!carProId && !names) return setErrors({ ...errors, carProId: true })
+    const ProImage = `https:${process.env.URL_ADMIN_SERVER}/static/platos/${image?.name}`
     const pCode = RandomCode(9)
     try {
-      updateProductFoods({
+      const res = await updateProductFoods({
         variables: {
           input: {
             idStore: dataStore?.getStore?.idStore || '',
             ProPrice: check?.desc ? 0 : formatPrice,
-            ProDescuento: check?.desc ? 0 : parseInt(ProDescuento),
-            ValueDelivery: check?.desc ? 0 : parseFloat(ValueDelivery),
+            ProDescuento: check?.desc ? 0 : ProDescuento,
+            ValueDelivery: check?.desc ? 0 : ValueDelivery,
             ProDescription,
             pName: names,
             pCode,
@@ -176,63 +201,44 @@ export const useCreateProduct = ({
               productFoodsAll (dataOld = []) {
                 return cache.writeQuery({ query: GET_ALL_FOOD_PRODUCTS, data: dataOld })
               },
-              getCatProductsWithProduct (dataOld = {}) {
+              getCatProductsWithProduct () {
                 const updatedData = getCatProductsWithProduct(data, carProId)
                 return updatedData
               }
             }
           })
         }
-      }).then((res) => {
-        const { updateProductFoods } = res?.data || {}
-        const { pId } = updateProductFoods || {}
-        setPid(pId ?? null)
-        router.push(
-          {
-            query: {
-              ...router.query,
-              food: pId
-            }
-          },
-          undefined,
-          { shallow: true }
-        )
-        sendNotification({
-          backgroundColor: 'success',
-          title: 'Success',
-          description: `El producto ${names} subido con éxito`
-        })
-        const objTag = {
-          aName: tags.tag,
-          nameTag: tags.tag,
-          pId
-        }
-        if (tags?.tag) handleRegisterTags(objTag)
-        setValues({})
-      }).catch(err => {
-        return sendNotification({
-          backgroundColor: 'error',
-          title: `${err}`,
-          description: 'Error inesperado'
+      }).finally(() => {
+        setValues({
+          ProPrice: 0,
+          ProDescuento: 0,
+          ProDescription: '',
+          ProWeight: '',
+          ProHeight: '',
+          ValueDelivery: 0,
+          carProId: ''
         })
       })
       if (image !== null) {
-        setImageProducts({
-          variables: {
-            input: {
-              file: image,
-              pCode
+        try {
+          await setImageProducts({
+            variables: {
+              input: {
+                file: image,
+                pCode
+              }
             }
-          }
-        }).then(() => {
-        }).catch(() => {
+          })
+        } catch {
           sendNotification({
             backgroundColor: 'error',
             title: `Ocurrió un error en la imagen en el producto ${names}`,
             description: 'error'
           })
-        })
+        }
       }
+      setPid(res?.data?.updateProductFoods?.data?.pId ?? null)
+      return res
     } catch (error) {
       setAlertBox({ message: 'Ha ocurrido un error', duration: 7000 })
     }

package/src/hooks/useDessert/index.js

@@ -48,7 +48,7 @@ export const useDessert = ({
       // If list or list.cards is missing, assume the list is not complete
       const verifiEmpyRequireCard = list?.cards?.length
       if (list && list?.cards) {
-        return verifiEmpyRequireCard === list.numberLimit
+        return Number(verifiEmpyRequireCard) === Number(list.numberLimit)
       }
 
       // If list or list.cards is missing, assume the list is not complete

package/src/hooks/useProductsFood/queriesStore.js

@@ -324,8 +324,22 @@ export const UPDATE_IMAGE_PRODUCT_FOOD = gql`
   }
 `
 export const UPDATE_PRODUCT_FOOD = gql`
-  mutation updateProductFoods($input: InputProductFood) {
+   mutation updateProductFoods($input: InputProductFood) {
     updateProductFoods(input: $input) {
+   	success
+    message
+    errors {
+      path
+      message
+      type
+      context {
+        limit
+        value
+        label
+        key
+      }
+    }
+    data {
       pId
       sizeId #Talla
       colorId #Color
@@ -355,6 +369,7 @@ export const UPDATE_PRODUCT_FOOD = gql`
       ProDelivery
       ProVoltaje
     }
+    }
   }
 `
 // UPDATE EXTRAS

package/src/hooks/useUpdateMultipleProducts/index.js

@@ -0,0 +1,54 @@
+import { useMutation } from '@apollo/client'
+import { UPDATE_MULTIPLE_PRODUCTS } from './queries'
+import { CATEGORY_EMPTY, RandomCode } from '../../utils/index'
+import { useCategoriesProduct } from '../useCategoriesProduct'
+
+export const useUpdateMultipleProducts = ({
+  sendNotification = () => { }
+}) => {
+  const [updateMultipleProducts, { data, loading, error }] = useMutation(UPDATE_MULTIPLE_PRODUCTS)
+  const [dataCategoriesProducts] = useCategoriesProduct()
+  const findEmptyCategory = dataCategoriesProducts?.find(category => category.pName === CATEGORY_EMPTY)
+  const updateProducts = async (products) => {
+    const newProducts = products.map(product => {
+      const code = RandomCode(9)
+      return {
+        idStore: '',
+        ProPrice: product.PRECIO_AL_PUBLICO,
+        ProDescuento: 0,
+        ValueDelivery: 0,
+        ProDescription: product.DESCRIPCION,
+        pName: product.NOMBRE,
+        pCode: code,
+        carProId: findEmptyCategory?.carProId ?? null,
+        pState: 1,
+        sTateLogistic: 1,
+        ProStar: 0,
+        ProImage: 'https:http://localhost:8080',
+        ProHeight: null,
+        ProWeight: '',
+        ProOutstanding: 0,
+        ProDelivery: 0
+      }
+    }
+    )
+    try {
+      const response = await updateMultipleProducts({ variables: { input: newProducts } })
+      return response.data.updateMultipleProducts
+    } catch (e) {
+      sendNotification({
+        backgroundColor: 'error',
+        description: 'Ocurrió un error al actualizar los productos',
+        title: 'Error'
+      })
+      return []
+    }
+  }
+
+  return {
+    updateProducts,
+    data,
+    loading,
+    error
+  }
+}

package/src/hooks/useUpdateMultipleProducts/queries.js

@@ -0,0 +1,51 @@
+import { gql } from '@apollo/client'
+
+export const UPDATE_MULTIPLE_PRODUCTS = gql`
+  mutation updateMultipleProducts($input: [InputProductFood]) {
+    updateMultipleProducts(input: $input) {
+      success
+      message
+      errors {
+        path
+        message
+        type
+        context {
+          limit
+          value
+          label
+          key
+        }
+      }
+      data {
+        pId
+        sizeId
+        colorId
+        cId
+        dId
+        ctId
+        fId
+        pName
+        pCode
+        ProPrice
+        carProId
+        ProDescuento
+        ProUniDisponibles
+        ValueDelivery
+        ProDescription
+        ProProtegido
+        ProAssurance
+        ProStar
+        pState
+        ProImage
+        ProWidth
+        ProHeight
+        ProLength
+        ProWeight
+        ProQuantity
+        ProOutstanding
+        ProDelivery
+        ProVoltaje
+      }
+    }
+  }
+`;

package/src/hooks/useUploadProducts/index.js

@@ -0,0 +1,43 @@
+import { useState } from 'react'
+import * as XLSX from 'xlsx'
+
+export const useUploadProducts = () => {
+  const [data, setData] = useState([])
+
+  const [active, setActive] = useState(0)
+  const [overActive, setOverActive] = useState(0)
+
+  const handleOverActive = (index) => {
+    setOverActive(index)
+  }
+  const readExcelFile = (file) => {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader()
+      reader.onload = (e) => {
+        const data = new Uint8Array(e.target.result)
+        const workbook = XLSX.read(data, { type: 'array' })
+        const sheetName = workbook.SheetNames[0]
+        const worksheet = workbook.Sheets[sheetName]
+        const json = XLSX.utils.sheet_to_json(worksheet)
+        resolve(json)
+      }
+      reader.onerror = (error) => reject(error)
+      reader.readAsArrayBuffer(file)
+    })
+  }
+
+  const onChangeFiles = async (files) => {
+    const filePromises = Array.from(files).map(file => readExcelFile(file))
+    const data = await Promise.all(filePromises)
+    setData(data.flat())
+  }
+
+  return {
+    active,
+    data,
+    overActive,
+    handleOverActive,
+    onChangeFiles,
+    setActive
+  }
+}

package/src/utils/index.js

@@ -208,3 +208,5 @@ export const paymentMethodCards = [
     icon: 'IconMasterCard'
   }
 ]
+
+export const CATEGORY_EMPTY = 'NINGUNO'