npm-pkg-hook 1.3.8 → 1.4.0

package/src/hooks/useCreateOrderStatusType/index.ts

@@ -0,0 +1,134 @@
+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
+ * @param root0
+ * @param root0.sendNotification
+ */
+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.ts

@@ -0,0 +1,23 @@
+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 => {return 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 → index.ts}

@@ -14,7 +14,7 @@ export function getCatProductsWithProduct (dataOld = {}, carProId = '') {
     const catProductsWithProduct = copyDataOld?.catProductsWithProduct || []
 
     // Find the index of the product to update
-    const indexToUpdate = catProductsWithProduct?.findIndex(product => product?.carProId === carProId)
+    const indexToUpdate = catProductsWithProduct?.findIndex(product => {return product?.carProId === carProId})
 
     if (indexToUpdate !== -1) {
       // Create a new product

package/src/hooks/useCreateProduct/helpers/useEditImageProduct/{index.js → index.ts}

@@ -1,9 +1,9 @@
-/* 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({})
@@ -77,9 +77,9 @@ export const useEditImageProduct = ({ sendNotification = () => { }, initialState
         setPreviewImg(
           file
             ? {
-                src: URL.createObjectURL(file),
-                alt: ''
-              }
+              src: URL.createObjectURL(file),
+              alt: ''
+            }
             : initialState
         )
         // You can use the file object to send it to a server or to download it
@@ -100,6 +100,12 @@ export const useEditImageProduct = ({ sendNotification = () => { }, initialState
       })
     // You can use the file object to send it to a server or to download it
   }
+  /**
+   *
+   * @param image
+   * @param crop
+   * @param zoom
+   */
   function getPixelCrop (image, crop, zoom) {
     const imgWidth = image.naturalWidth
     const imgHeight = image.naturalHeight
@@ -150,9 +156,9 @@ export const useEditImageProduct = ({ sendNotification = () => { }, initialState
           setPreviewImg(
             file
               ? {
-                  src: URL.createObjectURL(file),
-                  alt: ''
-                }
+                src: URL.createObjectURL(file),
+                alt: ''
+              }
               : initialState
           )
           // You can use the file object to send it to a server or to download it

package/src/hooks/useCreateProduct/index.ts

@@ -0,0 +1,337 @@
+ 
+import { useMutation } from '@apollo/client'
+import { useRef, useState } from 'react'
+
+import { RandomCode } from '../../utils'
+import { useLocalStorage } from '../useLocalSorage'
+import {
+  UPDATE_PRODUCT_FOOD
+} from '../useProductsFood/queriesStore'
+import { useTagsProducts } from '../useProductsFood/usetagsProducts'
+import { useSetImageProducts } from '../useSetImageProducts'
+import { UPDATE_IMAGE_PRODUCT_FOOD } from '../useSetImageProducts/queries'
+import { useStore } from '../useStore'
+
+import { getCatProductsWithProduct } from './helpers/manageCacheDataCatProduct'
+import { useEditImageProduct } from './helpers/useEditImageProduct'
+
+
+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 => {return prevStock + 1})
+  }
+
+  const handleDecreaseStock = () => {
+    setStock(prevStock => {return (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) => {return { ...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) => {return {
+      ...prev,
+      [name]: value
+    }})
+
+    setErrors((prev) => {return {
+      ...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()
+    }
+  }
+   
+  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
+  }
+}

package/src/hooks/useCreateStorePendingToRegister/index.ts

@@ -0,0 +1,17 @@
+import { useMutation } from '@apollo/client'
+
+import { CREATE_STORE_PENDING_TO_REGISTER } from './queries'
+
+/**
+ *
+ */
+export function useCreateStorePendingToRegister () {
+  const [createStorePendingToRegister, { data, loading, error }] = useMutation(CREATE_STORE_PENDING_TO_REGISTER)
+
+  return {
+    createStorePendingToRegister,
+    data,
+    loading,
+    error
+  }
+}

package/src/hooks/useCreateStorePendingToRegister/queries.ts

@@ -0,0 +1,10 @@
+import { gql } from '@apollo/client'
+
+export const CREATE_STORE_PENDING_TO_REGISTER = gql`
+  mutation createStorePendingToRegister($input: StorePendingToRegisterInput) {
+    createStorePendingToRegister(input: $input) {
+      success
+      message
+    }
+  }
+`

package/src/hooks/useDashboardComponents/index.ts

@@ -0,0 +1,50 @@
+import { useQuery, gql } from '@apollo/client'
+
+/**
+ * GraphQL query to fetch dashboard components
+ */
+const GET_DASHBOARD_COMPONENTS = gql`
+  query dashboardComponents {
+    dashboardComponents {
+      id
+      idStore
+      idUser
+      coordinates
+    }
+  }
+`
+
+/**
+ * Custom hook to fetch dashboard components
+ * @returns {{
+ *   data: Array,
+ *   loading: boolean,
+ *   error: any,
+ *   refetch: () => void
+ * }}
+ */
+
+export const useDashboardComponents = ({ callback = () => {} }) => {
+  const {
+    data,
+    loading,
+    error,
+    refetch
+  } = useQuery(GET_DASHBOARD_COMPONENTS, {
+    fetchPolicy: 'cache-and-network',
+    onCompleted: (data) => {
+      if (Array.isArray(data?.dashboardComponents)) {
+        try {
+          callback(data.dashboardComponents ?? [])
+        } catch (err) {
+          console.error('Error executing callback:', err)
+        }
+      }
+    },
+    onError: (err) => {
+      console.error('Error fetching dashboard components:', err)
+    }
+  })
+
+  return { data: data?.dashboardComponents ?? [], loading, error, refetch }
+}

package/src/hooks/useDeleteExtraProductFoods/index.ts

@@ -0,0 +1,13 @@
+import { useMutation } from '@apollo/client'
+
+import { DELETE_EXTRA_PRODUCTS } from '../useDessertWithPrice/queries'
+
+export const useDeleteExtraProductFoods = () => {
+  const [deleteExtraProductFoods, { loading, error }] = useMutation(DELETE_EXTRA_PRODUCTS)
+
+  return {
+    deleteExtraProductFoods,
+    loading,
+    error
+  }
+}

package/src/hooks/useDeleteSubProductOptional/{index.js → index.ts}

@@ -1,7 +1,9 @@
-import { useMutation } from '@apollo/client'
-import { DELETE_CAT_EXTRA_SUB_OPTIONAL_PRODUCTS } from './queries'
+import { useMutation } from '@apollo/client'
+
 import { updateCacheMod } from '../../utils'
-import { GET_EXTRAS_PRODUCT_FOOD_OPTIONAL } from '../useRemoveExtraProductFoodsOptional/queries'
+import { GET_EXTRAS_PRODUCT_FOOD_OPTIONAL } from '../useRemoveExtraProductFoodsOptional/queries'
+
+import { DELETE_CAT_EXTRA_SUB_OPTIONAL_PRODUCTS } from './queries'
 
 export const useDeleteSubProductOptional = ({ setAlertBox = () => { } } = {}) => {
   const [DeleteExtFoodSubsOptional, {

package/src/hooks/useDeliveryTime/index.ts

@@ -0,0 +1,29 @@
+import { useEffect, useState } from 'react'
+
+/**
+ * Custom hook to handle delivery time input validation and formatting.
+ * @param root0
+ * @param root0.initialTime
+ * @returns {Object} An object containing state and functions for handling delivery time.
+ */
+export const useDeliveryTime = ({ initialTime = '' }) => {
+  const [deliveryTime, setDeliveryTime] = useState(initialTime)
+  useEffect(() => {
+    if (initialTime) {
+      setDeliveryTime(initialTime)
+    }
+  }, [initialTime])
+
+  /**
+   * Handles changes to the delivery time input.
+   * @param {String} value - The input change value.
+   */
+  const handleDeliveryTimeChange = (value: string) => {
+    setDeliveryTime(value)
+  }
+
+  return {
+    deliveryTime,
+    handleDeliveryTimeChange
+  }
+}