npm-pkg-hook 1.12.7 → 1.12.8

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 'graphql-tag'
+
+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.ts

@@ -0,0 +1,32 @@
+import { useMutation } from '@apollo/client'
+
+import { updateCacheMod } from '../../utils'
+import { GET_EXTRAS_PRODUCT_FOOD_OPTIONAL } from '../useRemoveExtraProductFoodsOptional/queries'
+
+import { DELETE_CAT_EXTRA_SUB_OPTIONAL_PRODUCTS } from './queries'
+
+export const useDeleteSubProductOptional = ({ setAlertBox = () => { } } = {}) => {
+  const [DeleteExtFoodSubsOptional, {
+    loading,
+    error,
+    called
+  }] = useMutation(DELETE_CAT_EXTRA_SUB_OPTIONAL_PRODUCTS)
+
+  const handleRemoveSubProductOptional = ({ state, opSubExPid }) => {
+    DeleteExtFoodSubsOptional({
+      variables: {
+        state,
+        opSubExPid
+      },
+      update: (cache, { data: { ExtProductFoodsOptionalAll } }) => {
+        return updateCacheMod({
+          cache,
+          query: GET_EXTRAS_PRODUCT_FOOD_OPTIONAL,
+          nameFun: 'ExtProductFoodsOptionalAll',
+          dataNew: ExtProductFoodsOptionalAll
+        })
+      }
+    }).then(res => { return setAlertBox({ message: res?.message?.DeleteExtFoodSubsOptional?.message }) })
+  }
+  return [DeleteExtFoodSubsOptional, handleRemoveSubProductOptional, { loading, error, called }]
+}

package/src/hooks/useDeleteSubProductOptional/queries.ts

@@ -0,0 +1,10 @@
+import { gql } from '@apollo/client'
+
+export const DELETE_CAT_EXTRA_SUB_OPTIONAL_PRODUCTS = gql`
+mutation  DeleteExtFoodSubsOptional($opSubExPid: ID, $state: Int, $isCustomSubOpExPid: Boolean){
+  DeleteExtFoodSubsOptional(opSubExPid: $opSubExPid, state: $state, isCustomSubOpExPid: $isCustomSubOpExPid){
+    success, 
+    message
+}
+}
+`

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
+  }
+}

package/src/hooks/useDepartments/index.ts

@@ -0,0 +1,14 @@
+import { useLazyQuery } from '@apollo/client'
+
+import { GET_ALL_DEPARTMENTS } from './queries'
+
+/**
+ * Custom hook to fetch departments lazily based on the provided company ID.
+ *
+ * @returns {Array} - Returns an array containing a function to execute the query, and an object containing data and any associated query state/error.
+ */
+export function useDepartments () {
+  const [getDepartments, { data, loading, error }] = useLazyQuery(GET_ALL_DEPARTMENTS)
+
+  return [getDepartments, { data: data ? data?.departments : [], loading, error }]
+}

package/src/hooks/useDepartments/queries.ts

@@ -0,0 +1,13 @@
+import gql from 'graphql-tag'
+
+export const GET_ALL_DEPARTMENTS = gql`
+    query getAllDepartments($cId: ID!) {
+        departments(cId: $cId) {
+        dId
+        cId
+        dName
+        dState
+        code_dId
+        }
+    }
+`

package/src/hooks/useDessert/helpers/index.ts

@@ -0,0 +1,51 @@
+import { MockData } from '../../../mock'
+
+/**
+ * Transforms an array of objects into a specific data format suitable for desserts.
+ *
+ * @param {Array<Object>} dataArray - The array of objects to transform.
+ * @return {Object} The transformed data containing lists and listIds.
+ * @throws {Error} If dataArray is not an array or if the objects lack required properties.
+ */
+export const transformDataToDessert = (dataArray) => {
+  try {
+    if (!dataArray) {
+      return MockData
+    }
+    if (!Array.isArray(dataArray)) {
+      throw new Error('dataArray must be an array.')
+    }
+
+    const transformedData = {
+      lists: {},
+      listIds: []
+    }
+
+    dataArray.forEach((item) => {
+      const listId = item.code
+      transformedData.listIds.push(listId)
+      transformedData.lists[listId] = {
+        id: listId,
+        title: item?.OptionalProName,
+        numberLimit: item?.numbersOptionalOnly,
+        required: item?.required,
+        value: '',
+        cards: item?.ExtProductFoodsSubOptionalAll?.length > 0
+          ? item?.ExtProductFoodsSubOptionalAll?.map(subOptional => {
+            return {
+              id: subOptional?.exCode,
+              title: subOptional?.OptionalSubProName,
+              required: subOptional?.state,
+              value: ''
+            }
+          })
+          : []
+      }
+    })
+
+    return transformedData
+  } catch (error) {
+    console.error(error.message)
+    return MockData
+  }
+}