npm-pkg-hook 1.13.1 → 1.13.2

package/src/hooks/useDownloadReports/useDownloadReportByDay/index.ts

@@ -0,0 +1,105 @@
+import { useLazyQuery } from '@apollo/client'
+import { gql } from '@apollo/client'
+import { useState } from 'react'
+
+import { downloadFileFromResponse } from '../helpers/downloadFileFromResponse'
+
+
+/**
+ * GraphQL query to get the report for a specific day.
+ */
+const GET_REPORT_DAY_NUMBER = gql`
+  query getReportDayNumber($day: Int!) {
+    getReportDayNumber(day: $day) {
+      success
+      message
+      errors {
+        path
+        message
+        type
+      }
+      data {
+        id
+        name
+        description
+        url
+        createdAt
+      }
+    }
+  }
+`
+
+/**
+ * Custom hook to trigger the report download when the GraphQL query resolves.
+ *
+ * @param root0
+ * @param root0.sendNotification
+ * @returns {{
+ *   downloadReport: (day: number) => void,
+ *   loading: boolean,
+ *   error: Error | undefined
+ * }} Object containing the trigger function, loading state and error.
+ */
+export const useDownloadReportByDay = ({
+  sendNotification = (
+    { description = '', title = '', backgroundColor = 'info' } = {}
+  ) => {
+    return {
+      description,
+      title,
+      backgroundColor
+    }
+  }
+} = {}) => {
+  const [finished, setFinished] = useState(false)
+  const [fetchReport, { loading, error }] = useLazyQuery(GET_REPORT_DAY_NUMBER, {
+    fetchPolicy: 'network-only',
+    onCompleted: async ({ getReportDayNumber }) => {
+      setFinished(false)
+      try {
+        const {
+          success,
+          data,
+          message
+        } = getReportDayNumber || {}
+        if (!success || !data) {
+          setFinished(true)
+          return sendNotification({
+            description: message,
+            title: 'Error al descargar reporte',
+            backgroundColor: 'error'
+          })
+        }
+        const { url = '', name = '' } = data
+        const response = await fetch(`/api/files/${encodeURIComponent(url)}`)
+        await downloadFileFromResponse(response, name)
+        setFinished(true)
+        return sendNotification({
+          description: message ?? 'Reporte descargado exitosamente',
+          title: 'Reporte descargado',
+          backgroundColor: 'success'
+        })
+      } catch (e) {
+        setFinished(false)
+      }
+    },
+    onError: () => {
+      setFinished(true)
+    }
+  })
+
+  /**
+   * Triggers the report download process.
+   * @param {number} day - The report day number to fetch.
+   */
+  const downloadReport = (day: number) => {
+    setFinished(false)
+    if (!day || typeof day !== 'number') {
+      console.warn('Invalid day for report download')
+      return
+    }
+    fetchReport({ variables: { day } })
+  }
+
+  return [downloadReport, { loading, error, finished }] as const
+}

package/src/hooks/useDownloadReports/useGetReportByDateRange/index.ts

@@ -0,0 +1,116 @@
+import { useLazyQuery } from '@apollo/client'
+import { gql } from '@apollo/client'
+import { useState } from 'react'
+
+import { downloadFileFromResponse } from '../helpers/downloadFileFromResponse'
+
+/**
+ * GraphQL query to get report by date range
+ */
+const GET_REPORT_BY_DATE_RANGE = gql`
+  query getReportByDateRange($startDate: DateTime!, $endDate: DateTime!) {
+    getReportBydateRange(startDate: $startDate, endDate: $endDate) {
+      success
+      message
+      errors {
+        path
+        message
+        type
+      }
+      data {
+        id
+        name
+        description
+        url
+        createdAt
+      }
+    }
+  }
+`
+
+/**
+ * Custom hook to fetch report by a date range
+ * @param {Object} options
+ * @param {Function} options.sendNotification - Function to notify user
+ * @returns {[Function, { loading: boolean, error: any, data: any }]}
+ */
+export const useGetReportByDateRange = ({
+  sendNotification = ({ description = '', title = '', backgroundColor = 'info' } = {}) => {
+    return { description, title, backgroundColor }
+  }
+} = {}) => {
+  const [loading, setLoading] = useState(false)
+  const [finished, setFinished] = useState(false)
+
+  const [getReportQuery, { data, error }] = useLazyQuery(GET_REPORT_BY_DATE_RANGE, {
+    onCompleted: () => {
+      setFinished(true)
+    }
+  })
+
+  /**
+   * Triggers the report generation and handles download
+   * @param {string} startDate - Start date in YYYY-MM-DD format
+   * @param {string} endDate - End date in YYYY-MM-DD format
+   * @returns {Promise<any>}
+   */
+  const getReport = async (startDate, endDate) => {
+    try {
+      setLoading(true)
+      const response = await getReportQuery({
+        variables: { startDate, endDate },
+        fetchPolicy: 'network-only'
+      })
+
+      const reportResult = response?.data?.getReportBydateRange ?? {
+        success: false,
+        message: 'No report data found',
+        data: null
+      }
+
+      if (!reportResult) {
+        setLoading(false)
+        return {
+          success: false,
+          message: 'No report data found',
+          data: null
+        }
+      }
+
+      const {
+        success,
+        message,
+        data
+      } = reportResult
+
+      sendNotification({
+        description: message,
+        title: success ? 'Success' : 'Error',
+        backgroundColor: success ? 'success' : 'error'
+      })
+
+      if (success && data?.url && data?.name) {
+        setLoading(true)
+        const res = await fetch(`/api/files/${encodeURIComponent(data.url)}`)
+        await downloadFileFromResponse(res, data.name)
+        setLoading(false)
+      }
+      return reportResult
+    } catch (err) {
+      setLoading(false)
+      sendNotification({
+        description: err.message || 'Unexpected error',
+        title: 'Error',
+        backgroundColor: 'error'
+      })
+      return { success: false, message: err.message, data: null }
+    }
+  }
+
+  return [getReport, {
+    loading,
+    error,
+    finished,
+    data: data?.getReportBydateRange
+  }]
+}

package/src/hooks/useDrag/index.ts

@@ -0,0 +1,79 @@
+import { useEffect, useState } from 'react'
+
+/**
+ *
+ * @param ref
+ */
+export function useDrag2 (ref) {
+  useEffect(() => {
+    if (!ref || !ref?.current) return null
+    const target = ref?.current
+    if (!target) return
+    const previousOffset = { x: 0, y: 0 }
+    let originMouseX
+    let originMouseY
+    /**
+     *
+     * @param e
+     */
+    function onMousemove (e) {
+      const { pageX, pageY } = e
+      const x = pageX - originMouseX + previousOffset.x
+      const y = pageY - originMouseY + previousOffset.y
+      target.style.transform = `translate(${x}px, ${y}px)`
+    }
+    /**
+     *
+     * @param e
+     */
+    function onMouseup (e) {
+      previousOffset.x += e.pageX - originMouseX
+      previousOffset.y += e.pageY - originMouseY
+      window.removeEventListener('mousemove', onMousemove)
+      window.removeEventListener('mouseup', onMouseup)
+    }
+    /**
+     *
+     * @param e
+     */
+    function onMousedown (e) {
+      originMouseX = e.pageX
+      originMouseY = e.pageY
+      window.addEventListener('mousemove', onMousemove)
+      window.addEventListener('mouseup', onMouseup)
+    }
+    target.addEventListener('mousedown', onMousedown)
+    return () => {
+      target?.removeEventListener('mousedown', onMousedown)
+      window?.removeEventListener('mouseup', onMouseup)
+      window?.removeEventListener('mousemove', onMousemove)
+    }
+  }, [ref])
+}
+
+export const useDrag = (x, y) => {
+  const [move, setMove] = useState(false)
+  const [moveTo, setMoveTo] = useState([x, y])
+  const moveIcon = e => {
+    const xcoord = moveTo[0] + e.movementX
+    const ycoord = moveTo[1] + e.movementY
+    setMoveTo([xcoord, ycoord])
+  }
+  const handleMove = e => {
+    move && moveIcon(e)
+  }
+  const handelDown = () => {
+    setMove(true)
+  }
+  const handelUp = () => {
+    setMove(false)
+  }
+
+  return {
+    move,
+    moveTo,
+    handelDown,
+    handelUp,
+    handleMove
+  }
+}

package/src/hooks/useDropzone/index.ts

@@ -0,0 +1,94 @@
+import { useEffect, useMemo, useRef, useState } from 'react'
+
+export const useDropzone = (
+  onDrop,
+  dragHandler = {},
+  draggingStyle = { border: 'dashed grey 3px' },
+  dragOverStyle = {
+    border: 'dashed grey 3px'
+  }
+) => {
+  const ref = useRef(null)
+  const [cleanup, setCleanup] = useState(false)
+  const [isDragging, setDragging] = useState(false)
+  const [dragOver, setDragOver] = useState(false)
+  const handle = useMemo(dragHandler, [])
+
+  const eventListeners = {
+    dragenter: e => {
+      return handle.dragEnter(e, () => {
+        if (!dragOver) setDragOver(true)
+      })
+    },
+    dragleave: e => {
+      return handle.dragLeave(e, () => {
+        setDragOver(false)
+      })
+    },
+    dragover: handle.dragBegin,
+    drop: e => {
+      return handle.drop(e, files => {
+        if (typeof onDrop === 'function') onDrop(files, e)
+        setDragOver(false)
+        setDragging(false)
+      })
+    }
+  }
+
+  const windowListeners = {
+    dragenter: e => {
+      return handle.body.dragEnter(e, () => {
+        if (!isDragging) setDragging(true)
+      })
+    },
+    dragleave: e => {
+      return handle.body.dragLeave(e, () => {
+       
+              if (isDragging) setDragging(false)
+      })
+    },
+    dragend: () => {
+       
+          },
+    drop: e => {
+      return handle.body.drop(e, () => {
+        setDragging(false)
+        setDragOver(false)
+      })
+    }
+  }
+
+  useEffect(() => {
+    if (ref.current) {
+      const { current } = ref
+      Object.keys(eventListeners).forEach(key => { return current.addEventListener(key, eventListeners[key]) }
+      )
+      Object.keys(windowListeners).forEach(key => { return window.addEventListener(key, windowListeners[key]) }
+      )
+      setCleanup(true)
+    }
+
+    return () => {
+      if (cleanup) {
+        const { current } = ref
+        if (current) {
+          Object.keys(eventListeners).forEach(key => { return current.removeEventListener(key, eventListeners[key]) }
+          )
+        }
+        Object.keys(windowListeners).forEach(key => { return window.removeEventListener(key, windowListeners[key]) }
+        )
+      }
+    }
+  }, [ref, windowListeners, cleanup, eventListeners, isDragging, dragOver])
+
+  const dropProps = {
+    ref,
+    style:
+        isDragging || dragOver
+          ? dragOver
+            ? dragOverStyle
+            : draggingStyle
+          : undefined
+  }
+  return { isDragging, dragOver, dropProps }
+}

package/src/hooks/useDynamicAuth/index.ts

@@ -0,0 +1,14 @@
+import { useQuery } from '@apollo/client'
+import { useState } from 'react'
+
+import { GET_ONE_DYNAMIC_PASS } from './queries'
+
+export const useDynamicAuth = () => {
+  const [dynamicPass, setDynamicPass] = useState({})
+  const { loading, error } = useQuery(GET_ONE_DYNAMIC_PASS, {
+    onCompleted: (res) => {
+      setDynamicPass(res.getAOneDynamicPassword)
+    }
+  })
+  return [dynamicPass, { loading, error }]
+}

package/src/hooks/useDynamicAuth/queries.ts

@@ -0,0 +1,24 @@
+import { gql } from '@apollo/client'
+
+export const CREATE_ONE_DYNAMIC_PASS = gql`
+mutation registerDynamicPassword($input: IDynamicPassword) {
+  registerDynamicPassword(input: $input) {
+    success
+    message
+  }
+}
+`
+export const GET_ONE_DYNAMIC_PASS = gql`
+query getAOneDynamicPassword {
+  getAOneDynamicPassword {
+    dPassId
+    id
+    idStore
+    keyPassDynamic
+    deviceName
+    dState
+    DatCre
+    DatMod
+  }
+}
+`

package/src/hooks/useEditCategory/index.ts

@@ -0,0 +1,41 @@
+import { gql, useMutation } from '@apollo/client'
+
+const EDIT_CATEGORY_PRODUCT = gql`
+  mutation EditOneCategoryProduct($pName: String!, $ProDescription: String, $carProId: ID!) {
+    editOneCategoryProduct(pName: $pName, ProDescription: $ProDescription, carProId: $carProId) {
+      success
+      message
+    }
+  }
+`
+
+export const useEditCategoryProduct = ({ sendNotification = () => { } } = {}) => {
+  const [editCategoryProductMutation] = useMutation(EDIT_CATEGORY_PRODUCT)
+
+  const editCategoryProduct = async (pName, ProDescription, carProId) => {
+    try {
+      const { data } = await editCategoryProductMutation({
+        variables: { pName, ProDescription, carProId }
+      })
+
+      if (data.editOneCategoryProduct.success) {
+        return {
+          success: true,
+          message: 'Categoría de producto editada correctamente'
+        }
+      } 
+      return {
+        success: false,
+        message: data.editOneCategoryProduct.message || 'Error al editar la categoría de producto'
+      }
+      
+    } catch (error) {
+      return {
+        success: false,
+        message: error.message || 'Error al editar la categoría de producto'
+      }
+    }
+  }
+
+  return { editCategoryProduct }
+}

package/src/hooks/useEditOneExtProductFoodOptional/index.ts

@@ -0,0 +1,28 @@
+import { useMutation } from '@apollo/client'
+import { useState } from 'react'
+
+import { UPDATE_EXT_PRODUCT_FOOD_OPTIONAL } from './queries'
+export const useEditOneExtProductFoodOptional = () => {
+  const [updateExtProductFood] = useMutation(UPDATE_EXT_PRODUCT_FOOD_OPTIONAL)
+  const [loading, setLoading] = useState(false)
+
+  const updateOneExtraProductFood = async (input) => {
+    setLoading(true)
+
+    try {
+      const { data } = await updateExtProductFood({
+        variables: { input }
+      })
+      console.log('Product food updated:', data.editExtProductFoodOptional)
+      setLoading(false)
+    } catch (error) {
+      console.error('Error updating product food:', error.message)
+      setLoading(false)
+      throw new Error('Error updating product food')
+    }
+  }
+  return {
+    loading,
+    updateOneExtraProductFood
+  }
+}

package/src/hooks/useEditOneExtProductFoodOptional/queries.ts

@@ -0,0 +1,16 @@
+import { gql } from '@apollo/client'
+
+export const UPDATE_EXT_PRODUCT_FOOD_OPTIONAL = gql`
+mutation editExtProductFoodOptional($input: EditExtProductFoodOptionalInput!) {
+    editExtProductFoodOptional(input: $input) {
+      pId
+      opExPid
+      OptionalProName
+      state
+      code
+      required
+      numbersOptionalOnly
+      pDatMod
+    }
+  }
+`

package/src/hooks/useEditSubProductOptional/index.ts

@@ -0,0 +1,12 @@
+import { useMutation } from '@apollo/client'
+
+import { EDIT_EXTRA_SUB_OPTIONAL_PRODUCTS } from './queries'
+
+export const useEditSubProductOptional = () => {
+  const [editExtFoodSubsOptional, {
+    loading,
+    error,
+    called
+  }] = useMutation(EDIT_EXTRA_SUB_OPTIONAL_PRODUCTS)
+  return [editExtFoodSubsOptional, { loading, error, called }]
+}

package/src/hooks/useEditSubProductOptional/queries.ts

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

package/src/hooks/useEmployee/index.ts

@@ -0,0 +1,18 @@
+import { useQuery } from '@apollo/client'
+
+import { GET_EMPLOYEES } from './queries'
+
+export const useEmployee = () => {
+  const {
+    data,
+    loading,
+    error,
+    fetchMore
+  } = useQuery(GET_EMPLOYEES)
+  return [data?.employees?.data ?? [], {
+    loading,
+    error,
+    fetchMore,
+    pagination: data?.employees?.pagination ?? {}
+  }]
+}

package/src/hooks/useEmployee/queries.ts

@@ -0,0 +1,85 @@
+import { gql } from '@apollo/client'
+
+export const GET_EMPLOYEES = gql`
+query employees {
+  employees {
+    data {
+        eId
+        idStore
+        idRole
+        eEmail
+        eState
+        status
+      user {
+        id
+        name
+        username
+        lastName
+        email
+        avatar
+        uToken
+        uPhoNum
+        ULocation
+        upLat
+        uState
+        upLon
+        upIdeDoc
+        siteWeb
+        description
+        createAt
+        associateStore
+      }
+      roles {
+        idRole
+name
+priority
+description
+permissions
+createdAt
+updatedAt
+      }
+    }
+    success
+    message
+ pagination {
+      totalRecords
+      totalPages
+      currentPage
+    }
+    errors {
+      path
+      message
+      type
+      context {
+        limit
+        value
+        label
+        key
+      }
+    }
+    
+  }
+}
+`
+/**
+ * GraphQL mutation for creating an employee, store, and user.
+ */
+export const CREATE_ONE_EMPLOYEE_STORE_AND_USER = gql`
+  mutation createOneEmployeeStoreAndUser($input: IEmployeeStore!) {
+    createOneEmployeeStoreAndUser(input: $input) {
+      success
+      message
+      errors {
+        path
+        message
+        type
+        context {
+          limit
+          value
+          label
+          key
+        }
+      }
+    }
+  }
+`