npm-pkg-hook 1.12.4 → 1.12.7

package/src/hooks/useCreateOrderStatusType/index.ts

@@ -1,132 +0,0 @@
-import { gql, useMutation } from '@apollo/client'
-
-const CREATE_ORDER_STATUS_TYPE = gql`
-  mutation CreateOrderStatusType($data: OrderStatusTypeInput!) {
-    createOrderStatusType(data: $data) {
-      success
-      message
-      data {
-        idStatus
-        name
-        description
-        color
-        priority
-        createdAt
-        updatedAt
-      }
-      errors {
-        message
-        path
-        type
-        __typename
-      }
-    }
-  }
-`
-
-interface OrderStatusTypeInput {
-  name: string
-  description?: string
-  color?: string
-  priority?: number
-  state?: number
-}
-
-interface OrderStatusType {
-  idStatus: string
-  name: string
-  description: string
-  color: string
-  priority: number
-  createdAt: string
-  updatedAt: string
-}
-
-interface ResponseOrderStatusType {
-  success: boolean
-  message: string
-  data?: OrderStatusType
-  errors?: Array<{
-    message: string
-    path?: string
-    type?: string
-    __typename?: string
-  }>
-}
-
-/**
- * 🧩 Hook personalizado para crear un OrderStatusType
- */
-export const useCreateOrderStatusType = ({
-  sendNotification
-}: {
-  sendNotification: (options: {
-    title: string
-    description: string
-    backgroundColor: 'success' | 'error' | 'info' | 'warning'
-  }) => void
-}) => {
-  const [createOrderStatusType, { data, loading, error }] =
-    useMutation<{ createOrderStatusType: ResponseOrderStatusType }>(
-      CREATE_ORDER_STATUS_TYPE,
-      {
-        update(cache, { data }) {
-          console.log("🚀 ~ useCreateOrderStatusType ~ data:", data, cache)
-          const newItem = data?.createOrderStatusType?.data
-          if (!newItem) return
-
-          cache.modify({
-            fields: {
-              getAllOrderStatusTypes(existing = {}) {
-              console.log("🚀 ~ useCreateOrderStatusType ~ existing:", existing)
-              
-              }
-            }
-          })
-        },
-
-        onCompleted: (data) => {
-          const res = data.createOrderStatusType
-          const { success, message } = res ?? {
-            success: false,
-            message: 'Error desconocido'
-          }
-
-          sendNotification({
-            title: success
-              ? 'Estado de orden creado'
-              : 'Error al crear el estado de orden',
-            description: message,
-            backgroundColor: success ? 'success' : 'error',
-          })
-        }
-      }
-    )
-
-  const handleCreateStatus = async (input: OrderStatusTypeInput) => {
-    try {
-      const response = await createOrderStatusType({
-        variables: { data: input },
-      })
-
-      return response.data?.createOrderStatusType
-    } catch (err) {
-      sendNotification({
-        title: 'Error al crear el estado de orden',
-        description: 'Ha ocurrido un error inesperado al crear el estado de orden.',
-        backgroundColor: 'error',
-      })
-      throw err
-    }
-  }
-
-  return [
-    handleCreateStatus,
-    {
-      data: data?.createOrderStatusType,
-      loading,
-      error,
-    }
-  ]
-}
-

package/src/hooks/useCreateProduct/helpers/index.js

@@ -1,23 +0,0 @@
-const MAX_PRICE = 999999999999.99
-
-/**
- * Verifica si alguno de los valores en el array excede el precio máximo.
- *
- * @param {Array<number>} values - Lista de valores a verificar.
- * @param {Function} sendNotification - Función para enviar notificaciones.
- * @returns {boolean} - Retorna `true` si todos los valores están en rango, `false` si alguno excede el máximo.
- */
-export const verifyPriceInRange = ({ values = [], sendNotification }) => {
-  const isAnyValueOutOfRange = values.some(value => value > MAX_PRICE)
-  // Si algún valor está fuera del rango, envía una notificación y retorna false
-  if (isAnyValueOutOfRange) {
-    sendNotification({
-      backgroundColor: 'warning',
-      title: 'Alerta',
-      description: 'El valor es muy elevado'
-    })
-    return false
-  }
-
-  return true
-}

package/src/hooks/useCreateProduct/helpers/manageCacheDataCatProduct/index.js

@@ -1,52 +0,0 @@
-/**
- * Updates category and products data with a new product.
- * @param {object} dataOld - The old data containing category and product information.
- * @param {string} carProId - The ID of the product to update.
- * @returns {object} Updated data with the new product added, or the original data if the product was not found.
- */
-export function getCatProductsWithProduct (dataOld = {}, carProId = '') {
-  try {
-    if (!carProId || !dataOld) return dataOld
-    // Make a copy of the old data to avoid modifying the original object directly
-    const copyDataOld = { ...dataOld }
-
-    // Get the category and products data from the old data or use an empty array if it's undefined
-    const catProductsWithProduct = copyDataOld?.catProductsWithProduct || []
-
-    // Find the index of the product to update
-    const indexToUpdate = catProductsWithProduct?.findIndex(product => product?.carProId === carProId)
-
-    if (indexToUpdate !== -1) {
-      // Create a new product
-      const newProduct = {
-        __typename: 'ProductFood',
-        carProId
-      }
-
-      // Update the productFoodsAll for the specified product
-      const newData = catProductsWithProduct?.map((catProduct) => {
-        if (catProduct?.carProId === carProId) {
-          const newProductFoodsAll = [...catProduct?.productFoodsAll, newProduct]
-          return {
-            ...catProduct,
-            productFoodsAll: newProductFoodsAll
-          }
-        }
-        return { ...catProduct }
-      })
-
-      // Return the updated data
-      return {
-        catProductsWithProduct: newData,
-        totalCount: copyDataOld.totalCount
-      }
-    }
-
-    // Return the original data if the product was not found
-    return copyDataOld
-  } catch (error) {
-    console.error('An error occurred while updating catProductsWithProduct:', error)
-    // Return the original data in case of an error
-    return dataOld
-  }
-}

package/src/hooks/useCreateProduct/helpers/useEditImageProduct/index.js

@@ -1,176 +0,0 @@
-/* eslint-disable no-unused-vars */
-import { useRef, useState } from 'react'
-
-export const useEditImageProduct = ({ sendNotification = () => { }, initialState }) => {
-  const [openEditImage, setopenEditImage] = useState(false)
-  // eslint-disable-next-line no-unused-vars
-  const [tags, setTags] = useState([])
-  const [{ src, alt }, setPreviewImg] = useState([])
-  const [errors, setErrors] = useState({})
-  const handleOpenEditImage = () => {
-    setopenEditImage(!openEditImage)
-  }
-  // eslint-disable-next-line
-  const changeHandler = (name, value) => {
-    if (name === 'tags') {
-      setTags(value)
-      if (value.length > 0 && errors.tags) {
-        setErrors(prev => {
-          const prevErrors = { ...prev }
-          delete prevErrors.tags
-          return prevErrors
-        })
-      }
-    }
-  }
-  const [existImage, setExistImage] = useState(false)
-  const [crop, setCrop] = useState({ x: 0, y: 0 })
-  const [zoom, setZoom] = useState(0)
-  const imageRef = useRef(null)
-  const onCropChange = (crop) => {
-    setCrop(crop)
-  }
-
-  const onZoomChange = (zoom) => {
-    setZoom(zoom)
-  }
-
-  const onCropComplete = (crop, pixelCrop) => {
-    const canvas = document.createElement('canvas')
-    const img = imageRef.current
-
-    canvas.width = pixelCrop.width
-    canvas.height = pixelCrop.height
-
-    const ctx = canvas.getContext('2d')
-    ctx.drawImage(
-      img,
-      pixelCrop.x,
-      pixelCrop.y,
-      pixelCrop.width,
-      pixelCrop.height,
-      0, 0,
-      pixelCrop.width,
-      pixelCrop.height)
-    // ctx.drawImage(
-    //   img,
-    //   pixelCrop.x,
-    //   pixelCrop.y,
-    //   pixelCrop.width,
-    //   pixelCrop.height,
-    //   0,
-    //   0,
-    //   canvas.width,
-    //   canvas.height
-    // )
-    const croppedUrl = canvas.toDataURL()
-    // console.log(croppedUrl)
-    // You can use the croppedUrl for whatever you want
-    // for example, you can set it as the src of an img element
-    // or send it to a server
-    // Convert the dataURL to a blob
-    fetch(croppedUrl)
-      .then(response => { return response.blob() })
-      .then(blob => {
-        // Create a new File
-        const file = new File([blob], 'cropped_image.jpg', { type: blob.type })
-        setPreviewImg(
-          file
-            ? {
-                src: URL.createObjectURL(file),
-                alt: ''
-              }
-            : initialState
-        )
-        // You can use the file object to send it to a server or to download it
-        sendNotification({
-          backgroundColor: 'success',
-          title: 'Exito',
-          description: 'Imagen editada'
-        })
-        setExistImage(true)
-        handleOpenEditImage()
-      })
-      .catch(() => {
-        sendNotification({
-          backgroundColor: 'error',
-          title: 'Error',
-          description: 'Ha ocurrido un error!'
-        })
-      })
-    // You can use the file object to send it to a server or to download it
-  }
-  function getPixelCrop (image, crop, zoom) {
-    const imgWidth = image.naturalWidth
-    const imgHeight = image.naturalHeight
-
-    const scaledWidth = imgWidth * zoom
-    const scaledHeight = imgHeight * zoom
-
-    const x = (imgWidth * crop.x) / 100
-    const y = (imgHeight * crop.y) / 100
-
-    return {
-      x,
-      y,
-      width: scaledWidth,
-      height: scaledHeight
-    }
-  }
-  const handleEditImage = () => {
-    handleOpenEditImage()
-  }
-
-  const [Dimage, setImage] = useState('')
-  const [cropData, setCropData] = useState('#')
-  const [cropper, setCropper] = useState()
-  const onChange = (e) => {
-    e.preventDefault()
-    let files
-    if (e.dataTransfer) {
-      files = e.dataTransfer.files
-    } else if (e.target) {
-      files = e.target.files
-    }
-    const reader = new FileReader()
-    reader.onload = () => {
-      setImage(reader.result)
-    }
-    reader.readAsDataURL(files[0])
-  }
-
-  const getCropData = () => {
-    if (typeof cropper !== 'undefined') {
-      setCropData(cropper.getCroppedCanvas().toDataURL())
-      fetch(cropper)
-        .then(response => { return response.blob() })
-        .then(blob => {
-          // Create a new File
-          const file = new File([blob], 'cropped_image.jpg', { type: blob.type })
-          setPreviewImg(
-            file
-              ? {
-                  src: URL.createObjectURL(file),
-                  alt: ''
-                }
-              : initialState
-          )
-          // You can use the file object to send it to a server or to download it
-          sendNotification({ title: 'Exito', description: 'Imagen editada' })
-          setExistImage(true)
-          handleOpenEditImage()
-        })
-        .catch(() => {
-          sendNotification({ title: 'Error', description: 'Ha ocurrido un error!' })
-        })
-    }
-  }
-  return {
-    img: null,
-    crop,
-    existImage,
-    zoom,
-    handleEditImage,
-    onCropChange
-  }
-}

package/src/hooks/useCreateProduct/index.js

@@ -1,334 +0,0 @@
-/* eslint-disable no-unused-vars */
-import { useMutation } from '@apollo/client'
-import { useRef, useState } from 'react'
-import { convertBase64, RandomCode } from '../../utils'
-import { useLocalStorage } from '../useLocalSorage'
-import {
-  UPDATE_PRODUCT_FOOD
-} from '../useProductsFood/queriesStore'
-import { useStore } from '../useStore'
-import { useTagsProducts } from './../useProductsFood/usetagsProducts'
-import { useEditImageProduct } from './helpers/useEditImageProduct'
-import { getCatProductsWithProduct } from './helpers/manageCacheDataCatProduct'
-import { UPDATE_IMAGE_PRODUCT_FOOD } from '../useSetImageProducts/queries'
-import { useSetImageProducts } from '../useSetImageProducts'
-
-export const useCreateProduct = ({
-  router,
-  image,
-  setAlertBox = (args) => { return args },
-  sendNotification = (args) => { return args }
-}) => {
-  const [errors, setErrors] = useState({
-    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 STEPS = Object.freeze({
-    PRODUCT: 0,
-    DESSERTS: 1,
-    COMPLEMENTS: 2,
-    DISPONIBILITY: 3
-  })
-
-  const [updateImageProducts] = useSetImageProducts()
-  const [names, setName] = useLocalStorage('namefood', '')
-  const [showMore, setShowMore] = useState(50)
-  const [search, setSearch] = useState('')
-  const [imageBase64, setImageBase64] = useState(null)
-  const [active, setActive] = useState(STEPS.PRODUCT)
-  const [pId, setPid] = useState(null)
-
-  const [searchFilter, setSearchFilter] = useState({ gender: [], desc: [], speciality: [] })
-  const [filter, setFilter] = useState({ gender: [], desc: [], speciality: [] })
-  const initialState = { alt: '/ images/DEFAULTBANNER.png', src: '/images/DEFAULTBANNER.png' }
-  const [{ alt, src }, setPreviewImg] = useState(initialState)
-  const fileInputRef = useRef(null)
-  const [arrTags, setTags] = useState([])
-  const [stock, setStock] = useState(1)
-  // Manage stock optional value boolean
-  const [checkStock, setCheckStock] = useState(false)
-
-  const handleIncreaseStock = () => {
-    setStock(prevStock => prevStock + 1)
-  }
-
-  const handleDecreaseStock = () => {
-    setStock(prevStock => (prevStock > 1 ? prevStock - 1 : 1))
-  }
-
-  const handleCheckStock = () => {
-    setCheckStock(prev => {
-      const newCheckStock = !prev
-      setStock(newCheckStock ? 1 : stock)
-      return newCheckStock
-    })
-  }
-  const [dataStore] = useStore()
-  const {
-    data,
-    tags,
-    setNewTags,
-    newTags,
-    handleRemoveTag,
-    handleRegister: handleRegisterTags,
-    handleAddTag
-  } = useTagsProducts({ sendNotification })
-
-  // HANDLESS
-  const [check, setCheck] = useState({
-    availability: true,
-    noAvailability: false,
-    desc: false,
-    freeShipping: false
-  })
-
-  const handleCheck = (e) => {
-    const { name, checked } = e.target
-    return setCheck((prev) => ({ ...prev, [name]: checked }))
-  }
-
-  const handleUpdateBanner = event => {
-    const { files } = event.target
-    setPreviewImg(
-      files.length
-        ? {
-            src: URL.createObjectURL(files[0]),
-            alt: files[0].name
-          }
-        : initialState
-    )
-  }
-  const handleChange = (e, error) => {
-    const { name, value } = e.target
-    setValues((prev) => ({
-      ...prev,
-      [name]: value
-    }))
-
-    setErrors((prev) => ({
-      ...prev,
-      [name]: error
-    }))
-  }
-  const handleChangeFilter = e => {
-    setSearch(e.target.value)
-  }
-  const onClickSearch = () => {
-    setSearchFilter({ ...filter })
-  }
-  const onClickClear = () => {
-    setSearchFilter({
-      gender: [],
-      desc: [],
-      speciality: []
-    })
-  }
-  const handleChangeClick = e => {
-    const {
-      name,
-      value,
-      checked
-    } = e.target
-    !checked
-      ? setFilter(s => { return { ...s, [name]: s[name].filter(f => { return f !== value }) } })
-      : setFilter({ ...filter, [name]: [...filter[name], value] })
-    setSearchFilter({ ...filter })
-  }
-  const handleCheckFreeShipping = e => {
-    handleCheck(e)
-    setValues({
-      ...values,
-      ValueDelivery: 0
-    })
-  }
-
-  const [updateProductFoods, { loading }] = useMutation(UPDATE_PRODUCT_FOOD, {
-  })
-  const [setImageProducts] = useMutation(UPDATE_IMAGE_PRODUCT_FOOD)
-
-  const onTargetClick = () => {
-    if (fileInputRef.current) {
-      fileInputRef.current.click()
-    }
-  }
-  // eslint-disable-next-line no-unused-vars
-  const { img } = useEditImageProduct({ sendNotification, initialState })
-
-  const handleRegister = async () => {
-    const {
-      ProPrice,
-      ProDescuento,
-      ProDescription,
-      ProWeight,
-      ProHeight,
-      ValueDelivery,
-      carProId
-    } = values ?? {
-      ProPrice: 0,
-      ProDescuento: 0,
-      ProDescription: '',
-      ProWeight: '',
-      ProHeight: 0,
-      ValueDelivery: 0,
-      carProId: ''
-    }
-    if (!carProId && !names) return setErrors({ ...errors, carProId: true })
-    const ProImage = '/images/placeholder-image.webp'
-    const pCode = RandomCode(10)
-    try {
-      const response = await updateProductFoods({
-        variables: {
-          input: {
-            idStore: dataStore?.getStore?.idStore || '',
-            ProPrice: check?.desc ? 0 : ProPrice,
-            ProDescuento: check?.desc ? 0 : ProDescuento,
-            ValueDelivery: check?.desc ? 0 : ValueDelivery,
-            ProDescription,
-            pName: names,
-            manageStock: checkStock,
-            pCode,
-            carProId,
-            stock,
-            pState: 1,
-            sTateLogistic: 1,
-            ProStar: 0,
-            ProImage,
-            ProHeight: parseFloat(ProHeight),
-            ProWeight,
-            ProOutstanding: check?.desc ? 1 : 0,
-            ProDelivery: check?.desc ? 1 : 0
-          }
-        }
-        // update (cache) {
-        //   cache.modify({
-        //     fields: {
-        //       productFoodsAll (dataOld = []) {
-        //         return cache.writeQuery({ query: GET_ALL_FOOD_PRODUCTS, data: dataOld })
-        //       }
-        //       // getCatProductsWithProduct () {
-        //       //   const updatedData = getCatProductsWithProduct(data, carProId)
-        //       //   return updatedData
-        //       // }
-        //     }
-        //   })
-        // }
-      })
-      const { data } = response
-      const { updateProductFoods: dataResponse } = data
-      const { success, data: productData } = dataResponse
-      const { pId } = productData
-      if (success) {
-        handleRegisterTags({
-          pId,
-          nameTag: tags?.tag ?? null
-        })
-      }
-      const { errors } = response?.data?.updateProductFoods ?? {
-        errors: []
-      }
-      if (errors?.length > 0) {
-        errors.forEach(error => {
-          sendNotification({
-            backgroundColor: 'error',
-            title: 'Error',
-            description: error.message
-          })
-        })
-        return
-      }
-      if (image !== null) {
-        try {
-          await updateImageProducts({
-            pId: response?.data?.updateProductFoods?.data?.pId,
-            image
-          })
-        } catch {
-          sendNotification({
-            backgroundColor: 'error',
-            title: `Ocurrió un error en la imagen en el producto ${names}`,
-            description: 'error'
-          })
-        }
-      }
-      setPid(response?.data?.updateProductFoods?.data?.pId ?? null)
-      return response
-    } catch (error) {
-      setAlertBox({ message: 'Ha ocurrido un error', duration: 7000 })
-    }
-  }
-
-  // Manage tags
-  const changeHandler = (name, value) => {
-    if (name === 'tags') {
-      setTags(value)
-      if (value.length > 0 && errors.tags) {
-        setErrors(prev => {
-          const prevErrors = { ...prev }
-          delete prevErrors.tags
-          return prevErrors
-        })
-      }
-    }
-  }
-  return {
-    errors,
-    src,
-    names,
-    setName,
-    alt,
-    showMore,
-    success: true,
-    fileInputRef,
-    values,
-    search,
-    stock,
-    pId,
-    dataTags: data,
-    tags,
-    checkStock,
-    loading,
-    active,
-    idStore: dataStore?.getStore?.idStore || '',
-    arrTags,
-    newTags,
-    setNewTags,
-    setPid,
-    handleChange,
-    onClickClear,
-    handleChangeClick,
-    handleChangeFilter,
-    handleUpdateBanner,
-    onClickSearch,
-    handleDecreaseStock,
-    handleIncreaseStock,
-    changeHandler,
-    setErrors,
-    setCheck,
-    handleRegister,
-    setActive,
-    STEPS,
-    handleRegisterTags,
-    setShowMore,
-    handleCheckStock,
-    onTargetClick,
-    handleAddTag,
-    handleRemoveTag,
-    handleCheck,
-    handleCheckFreeShipping,
-    check
-  }
-}