npm-pkg-hook 1.8.6 → 1.8.8

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.8"
 }

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,11 @@ export * from './statusOpenStores'
 export * from './completeSchedules'
 export * from './useLogout/helpers/BroadcastChannel'
 export * from './getCardType'
+export * from './useUploadProducts'
+export * from './useAmountInput'
 export * from './newMessageSubscription'
 export * from './useGetCookies'
+export * from './generateTemplate'
 export * from './isTokenExpired'
 export * from './useCreateDeliveryTime'
 export * from './addTenMinutes'

package/src/hooks/useAmountInput/index.ts

@@ -0,0 +1,118 @@
+import { useState } from 'react'
+
+const formatCurrency = (
+  prefix,
+  amountValue,
+  number,
+  groupSeparator,
+  decimalSeparator,
+  allowDecimals = false,
+  decimalsLimit = 0
+) => {
+  if (isNaN(number)) {
+    return prefix + '0'
+  }
+
+  const amountWithoutDecimals = parseInt(number.toString())
+  const decimalIdx = amountValue.indexOf(decimalSeparator)
+  const notAllowedChars = new RegExp('[^' + decimalSeparator + '\\d]', 'g')
+  const decimalsWithSeparator =
+    decimalIdx >= 0
+      ? amountValue
+        .slice(decimalIdx, amountValue.length)
+        .replace(notAllowedChars, '')
+        .slice(0, decimalsLimit + 1)
+      : ''
+
+  return (
+    prefix +
+    amountWithoutDecimals
+      .toString()
+      .replace(/\B(?=(\d{3}){1,5}(?!\d))/g, groupSeparator) +
+    decimalsWithSeparator
+  )
+}
+
+const processInputValue = (input, decimalSeparator) => {
+  const decimalRegex = new RegExp('[' + decimalSeparator + ']', 'g')
+  const notAllowedChars = new RegExp('[^' + decimalSeparator + '\\d¬]', 'g')
+
+  return parseFloat(
+    input
+      .replace(decimalRegex, '¬')
+      .replace(notAllowedChars, '')
+      .replace('¬', '.')
+  )
+}
+/**
+ * Truncate excess decimals from a number based on a limit.
+ *
+ * @param {number} number The number to truncate.
+ * @param {number} decimalsLimit The maximum number of decimal places allowed.
+ * @returns {number} The number with truncated decimals.
+ */
+const truncateDecimals = (number, decimalsLimit) => {
+  if (isNaN(number)) {
+    return 0;
+  }
+
+  const multiplier = Math.pow(10, decimalsLimit);
+  return Math.floor(number * multiplier) / multiplier;
+};
+export const useAmountInput = props => {
+  const {
+    onChange = () => {},
+    prefix = '$',
+    groupSeparator = '.',
+    decimalSeparator = ',',
+    allowDecimals,
+    decimalsLimit,
+    defaultValue
+  } = props
+
+  const inputVal = defaultValue ?? ''
+  const [inputValue, setInputValue] = useState(inputVal)
+
+  const preProcess = amount => {
+    const amountValue = amount.trim()
+    const oldInputValue = inputValue
+
+    if (oldInputValue !== amountValue) {
+      const amountFloatValue = processInputValue(amount, decimalSeparator)
+      let inputValue = ''
+      // This allows for people to use `.` but still input decimals
+      const isAboutToIntroduceDecimals =
+        oldInputValue + decimalSeparator === amountValue ||
+        oldInputValue + '.' === amountValue
+      if (allowDecimals === true && isAboutToIntroduceDecimals) {
+        inputValue = oldInputValue + decimalSeparator
+      } else if (
+        (allowDecimals === false || allowDecimals === undefined) &&
+        isAboutToIntroduceDecimals
+      ) {
+        inputValue = oldInputValue
+      } else {
+        inputValue = formatCurrency(
+          prefix,
+          amountValue,
+          amountFloatValue,
+          groupSeparator,
+          decimalSeparator,
+          allowDecimals,
+          decimalsLimit
+        )
+      }
+      console.log(inputValue)
+      setInputValue(inputValue)
+
+      const callbackValue = isNaN(amountFloatValue) ? 0 : amountFloatValue
+      if (typeof onChange === 'function') {
+        onChange(truncateDecimals(callbackValue, decimalsLimit))
+      }
+    }
+  }
+  return {
+    inputValue,
+    preProcess
+  }
+}

package/src/hooks/useClients/index.js

@@ -13,15 +13,36 @@ import {
 
 export const useGetClients = ({
   max,
+  order = 'DESC',
   search,
   sendNotification = () => { }
 } = {}) => {
-  const { loading, error, called, data } = useQuery(GET_ALL_CLIENTS, {
+  const {
+    loading,
+    error,
+    called,
+    data,
+    refetch
+  } = useQuery(GET_ALL_CLIENTS, {
+    onError: () => {
+      sendNotification({
+        title: 'Error',
+        description: 'Algo salió mal',
+        backgroundColor: 'error'
+      })
+    },
     variables: {
-      search
+      search,
+      max: max || 100,
+      order
     }
   })
-  return [data?.getAllClients || [], { loading: called ? false : loading, error }]
+  return [data?.getAllClients || [], {
+    loading: called ? false : loading,
+    buttonLoading: loading,
+    error,
+    refetch
+  }]
 }
 
 export const useDeleteClients = ({ sendNotification = () => { } } = {}) => {
@@ -48,7 +69,7 @@ export const useEditClient = ({ sendNotification = () => { } } = {}) => {
     onCompleted: (data) => {
       if (data?.editOneClient?.success) {
         return sendNotification({
-          title: 'Exito',
+          title: 'Éxito',
           description: data?.editOneClient?.message,
           backgroundColor: 'success'
         })

package/src/hooks/useClients/queries.js

@@ -3,6 +3,20 @@ import { gql } from '@apollo/client'
 export const CREATE_CLIENTS = gql`
 mutation createClients ($input: IClients) {
   createClients(input: $input) {
+   success
+    message
+    errors {
+      path
+      message
+      type
+      context {
+        limit
+        value
+        label
+        key
+      }
+    }
+    data {
     cliId
     idStore
     idUser
@@ -15,6 +29,7 @@ mutation createClients ($input: IClients) {
     clientName
     createAt
     updateAt
+    }
   }
 }
 `
@@ -27,23 +42,44 @@ mutation deleteClient($cliId: ID, $clState: Int!) {
 }
 `
 export const GET_ALL_CLIENTS = gql`
-query getAllClients($idStore: ID, $cId: ID, $dId: ID, $ctId: ID, $search: String,  $min: Int, $max: Int, $fromDate: DateTime, $toDate: DateTime ) {
-  getAllClients(idStore: $idStore, cId: $cId, dId: $dId, ctId: $ctId, search: $search, min: $min, max: $max, fromDate: $fromDate, toDate: $toDate) {
-    cliId
-    idStore
-    gender
-    # idUser
-    clState
-    clientNumber
-    ccClient
-    clientLastName
-    clientName
-    ClientAddress
-    createAt
-    updateAt
-
+query getAllClients($idStore: ID, $search: String, $min: Int, $max: Int, $fromDate: DateTime, $toDate: DateTime, $page: Int) {
+  getAllClients(idStore: $idStore, search: $search, min: $min, max: $max, fromDate: $fromDate, toDate: $toDate, page: $page) {
+    success
+    message
+    data {
+      
+      cliId
+      idStore
+      gender
+      clState
+      clientNumber
+      ccClient
+      clientLastName
+      
+      clientName
+      createAt
+      updateAt
+    }
+    pagination {
+      totalRecords
+      totalPages
+      currentPage
+    }
+    errors {
+      path
+      message
+      type
+      context {
+        limit
+        value
+        label
+        key
+      }
+    }
   }
 }
+
+
 `
 export const GET_ONE_CLIENT = gql`
 query getOneClients($cliId: ID) {

package/src/hooks/useDessertWithPrice/index.js

@@ -202,12 +202,12 @@ export const useDessertWithPrice = ({
 
   const prepareAndValidateData = useCallback((pId) => {
     const dataArr = LineItems?.Lines?.map(({ extraPrice, exState, extraName }) => ({
-      extraPrice: parseFloat(extraPrice),
+      extraPrice,
       exState: exState === true ? 1 : 0,
       extraName,
       pId
     }))
-
+    console.log(dataArr)
     const message = 'Complete los campos vacíos'
     const findInputEmpty = dataArr?.find(({ extraName }) => extraName === '')
     const findInputEmptyPrice = dataArr?.find(({ extraPrice }) => isNaN(extraPrice) || extraPrice === '')
@@ -291,7 +291,7 @@ export const useDessertWithPrice = ({
     // Luego, transformar los elementos filtrados
     return filteredItems.map(({ exPid, extraPrice, exState, extraName }) => ({
       exPid,
-      extraPrice: stringToInt(extraPrice), // Asumiendo que tienes una función stringToInt definida
+      extraPrice,
       exState: exState === true ? 1 : 0,
       extraName,
       pId

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'