npm-pkg-hook 1.8.6 → 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.6"
+  "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/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'