npm-pkg-hook 1.12.3 → 1.12.7

package/src/hooks/useManageNewOrder/index.js

@@ -1,102 +0,0 @@
-import { useEffect, useState } from 'react'
-import {
-  useGetSale,
-  updateExistingOrders,
-  convertDateFormat,
-  useOrdersFromStore
-} from '../../hooks'
-import { findOrderByCodeRef, isDateInRange } from './helpers'
-
-export const useManageNewOrder = ({
-  client,
-  idStore,
-  setAlertBox = ({ message, duration }) => {
-    return { message, duration }
-  },
-  playNotificationSound = () => {},
-  setIsOpenOrder = (boolean) => { return boolean },
-  setCountOrders = (number) => { return number },
-  sendNotification = ({ title, description, backgroundColor }) => {
-    return {
-      title,
-      description,
-      backgroundColor
-    }
-  }
-}) => {
-  const KEY_STATUS_ORDER = 'ACEPTA'
-  const [orders, setOrders] = useState([])
-
-  const [data] = useOrdersFromStore({
-    idStore,
-    search: '',
-    fromDate: convertDateFormat({ start: true }),
-    toDate: convertDateFormat({ start: false })
-  })
-
-  useEffect(() => {
-    if (data) {
-      const dataOrder = data[KEY_STATUS_ORDER]
-      if (Array.isArray(dataOrder) && dataOrder) {
-        const filteredOrders = dataOrder.filter(order =>
-          isDateInRange(order?.pDatCre) && order?.pSState === 1
-        ) ?? []
-        setOrders(filteredOrders)
-        setCountOrders(filteredOrders.length)
-      }
-    }
-  }, [data])
-
-  const { getOneSalesStore } = useGetSale()
-
-  const handleNewOrder = (order) => {
-    const dataOrder = data[KEY_STATUS_ORDER]
-    setOrders(dataOrder)
-    const { pCodeRef } = order || {}
-    if (pCodeRef) {
-      const isCodeRefExists = findOrderByCodeRef(data, pCodeRef)
-      if (isCodeRefExists) {
-        return
-      }
-      setIsOpenOrder(true)
-      getOneSalesStore({
-        variables: {
-          pCodeRef: pCodeRef ?? ''
-        }
-      }).then((response) => {
-        console.log(response)
-        // const currentSale = response?.data?.getOneSalesStore || {}
-        client.cache.modify({
-          fields: {
-            // getAllOrdersFromStore (existingOrders = []) {
-            //   try {
-            //     const cache = updateExistingOrders(
-            //       existingOrders,
-            //       pCodeRef,
-            //       1,
-            //       currentSale
-            //     )
-            //     const currentOrder = cache[KEY_STATUS_ORDER]
-            //     const filteredOrders = currentOrder.filter(order =>
-            //       isDateInRange(order.pDatCre)
-            //     )
-            //     setOrders(filteredOrders)
-            //     playNotificationSound()
-            //     return cache
-            //   } catch (e) {
-            //     return existingOrders
-            //   }
-            // }
-          }
-        })
-      })
-      sendNotification({
-        title: 'Pedido',
-        description: 'Nuevo pedido',
-        backgroundColor: 'success'
-      })
-    }
-  }
-
-  return [orders, { handleNewOrder }]
-}

package/src/hooks/useManageQueryParams/index.js

@@ -1,40 +0,0 @@
-'use client'
-import { useRouter, useSearchParams } from 'next/navigation'
-
-/**
- * Hook to manage query parameters in Next.js 13+ (App Router),
- * with support for custom router/query injection.
- * @param {Object} [options] - Optional parameters.
- * @param {Object} [options.location] - Custom location object with query and push method
- */
-export const useManageQueryParams = ({
-  location
-} = {}) => {
-  const router = useRouter()
-  const searchParams = useSearchParams()
-
-  const activeQuery = location?.query || Object.fromEntries(searchParams.entries())
-  const pushFn = location?.push || ((url) => router.push(url))
-
-  const handleQuery = (name, value = '') => {
-    const params = new URLSearchParams(activeQuery)
-    params.set(name, value)
-    pushFn(`?${params.toString()}`)
-  }
-
-  const handleCleanQuery = (name) => {
-    const params = new URLSearchParams(activeQuery)
-    params.delete(name)
-    pushFn(`?${params.toString()}`)
-  }
-
-  const getQuery = (name) => {
-    return activeQuery?.[name] || ''
-  }
-
-  return {
-    getQuery,
-    handleQuery,
-    handleCleanQuery
-  }
-}

package/src/hooks/useMobile/index.js

@@ -1,65 +0,0 @@
-import { useEffect, useRef, useState } from 'react'
-
-export const MEDIA_QUERY = {
-  MOBILE: '(max-width: 768px)',
-  TABLET: '(max-width: 960px)',
-  DESKTOP: '(min-width: 961px)'
-}
-
-export const useMobile = ({ callback } = {}) => {
-  const [isMobile, setIsMobile] = useState(false)
-  const [isTablet, setIsTablet] = useState(false)
-  const [isDesktop, setIsDesktop] = useState(false)
-
-  const prevValues = useRef({
-    isMobile: false,
-    isTablet: false,
-    isDesktop: false
-  })
-
-  useEffect(() => {
-    if (typeof window === 'undefined') return
-
-    const mobileQuery = window.matchMedia(MEDIA_QUERY.MOBILE)
-    const tabletQuery = window.matchMedia(MEDIA_QUERY.TABLET)
-    const desktopQuery = window.matchMedia(MEDIA_QUERY.DESKTOP)
-
-    const updateMatches = () => {
-      const newIsMobile = mobileQuery.matches
-      const newIsTablet = tabletQuery.matches
-      const newIsDesktop = desktopQuery.matches
-
-      const hasChanged =
-        newIsMobile !== prevValues.current.isMobile ||
-        newIsTablet !== prevValues.current.isTablet ||
-        newIsDesktop !== prevValues.current.isDesktop
-
-      if (hasChanged) {
-        prevValues.current = {
-          isMobile: newIsMobile,
-          isTablet: newIsTablet,
-          isDesktop: newIsDesktop
-        }
-        callback?.(prevValues.current)
-      }
-
-      setIsMobile(newIsMobile)
-      setIsTablet(newIsTablet)
-      setIsDesktop(newIsDesktop)
-    }
-
-    updateMatches()
-
-    mobileQuery.addEventListener('change', updateMatches)
-    tabletQuery.addEventListener('change', updateMatches)
-    desktopQuery.addEventListener('change', updateMatches)
-
-    return () => {
-      mobileQuery.removeEventListener('change', updateMatches)
-      tabletQuery.removeEventListener('change', updateMatches)
-      desktopQuery.removeEventListener('change', updateMatches)
-    }
-  }, [callback])
-
-  return { isMobile, isTablet, isDesktop }
-}

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

@@ -1 +0,0 @@
-export * from './validateModules'

package/src/hooks/useModules/helpers/validateModules.js

@@ -1,29 +0,0 @@
-/**
- * Validates and filters modules based on the "read" permission.
- * If a module's view does not have "read" permission in the permissions object, the module is removed.
- *
- * @param {Array} modules - List of modules to validate.
- * @param {Object} permissions - Permissions object mapping views to their allowed actions.
- * @returns {Array} - Filtered list of valid modules.
- */
-export const validateModules = (modules = [], permissions = {}) => {
-  if (!Array.isArray(modules) || module.length <= 0) return []
-  return modules?.map(module => {
-    // Check if the main module's view has "read" permission
-    const hasReadPermission = permissions[module.view]?.includes('read')
-
-    // Validate and filter subModules if they exist
-    const validSubModules = module.subModules?.filter(subModule =>
-      permissions[subModule.view]?.includes('read')
-    ) || []
-
-    // If the module or its subModules don't have read permission, exclude it
-    if (!hasReadPermission && validSubModules.length === 0) {
-      return null
-    }
-
-    // Return the module with its valid subModules
-    return { ...module, subModules: validSubModules }
-  })
-    .filter(Boolean) // Remove null values
-}

package/src/hooks/useModules/index.js

@@ -1,58 +0,0 @@
-import { gql, useQuery } from '@apollo/client'
-import { validateModules } from './helpers/validateModules'
-
-const GET_MODULES = gql`
-  query GetModules {
-    modules {
-      mName
-      mId
-      mPath
-      mPriority
-      mIcon
-      view
-      subModules {
-        smId
-        smName
-        smPath
-        view
-        smState
-      }
-    }
-  }
-`
-
-export const useModules = ({
-  dataUser = {},
-  callback = () => {}
-}) => {
-  const { role } = dataUser ?? {
-    role: {
-      permissions: {}
-    }
-  }
-  const {
-    loading,
-    error,
-    data
-  } = useQuery(GET_MODULES, {
-    fetchPolicy: 'cache-and-network',
-    onCompleted: (data) => {
-      if (Array.isArray(data?.modules)) {
-        callback(data.modules)
-      }
-    },
-    onError: (error) => {
-      console.error('Error fetching modules:', error)
-    }
-  })
-
-  const permissions = role?.permissions ?? {}
-
-  const filteredModules = validateModules(data ? data.modules : [], permissions)
-
-  return {
-    loading,
-    error,
-    modules: data ? filteredModules : []
-  }
-}

package/src/hooks/useMouse/index.ts

@@ -1,50 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-
-export function useMouse(
-  options: { resetOnExit } = { resetOnExit: false }
-) {
-  const [position, setPosition] = useState({ x: 0, y: 0 });
-
-  const ref = useRef();
-
-  const setMousePosition = (event) => {
-    if (ref.current) {
-      const rect = event.currentTarget.getBoundingClientRect();
-
-      const x = Math.max(
-        0,
-        Math.round(
-          event.pageX - rect.left - (window.pageXOffset || window.scrollX)
-        )
-      );
-
-      const y = Math.max(
-        0,
-        Math.round(
-          event.pageY - rect.top - (window.pageYOffset || window.scrollY)
-        )
-      );
-
-      setPosition({ x, y });
-    } else {
-      setPosition({ x: event.clientX, y: event.clientY });
-    }
-  };
-
-  const resetMousePosition = () => setPosition({ x: 0, y: 0 });
-
-  useEffect(() => {
-    const element = ref?.current ? ref.current : document;
-    element.addEventListener("mousemove", setMousePosition);
-    if (options.resetOnExit)
-      element.addEventListener("mouseleave", resetMousePosition);
-
-    return () => {
-      element.removeEventListener("mousemove", setMousePosition);
-      if (options.resetOnExit)
-        element.removeEventListener("mouseleave", resetMousePosition);
-    };
-  }, [ref.current]);
-
-  return { ref, ...position };
-}

package/src/hooks/useMutateHeight/index.js

@@ -1,36 +0,0 @@
-import {
-  useEffect,
-  useRef,
-  useState
-} from 'react'
-
-export const useMutateHeight = ({ isCollapsed = false }) => {
-  const [collapsed, setCollapsed] = useState(isCollapsed)
-  const childrenContainerRef = useRef(null)
-
-  useEffect(() => {
-    setCollapsed(isCollapsed)
-    if (childrenContainerRef.current !== null) {
-      const height = isCollapsed
-        ? childrenContainerRef.current.scrollHeight
-        : 0
-      childrenContainerRef.current.style.height = `${height}px`
-    }
-  }, [isCollapsed])
-
-  const handleCollapsed = visible => {
-    setCollapsed(visible)
-    if (childrenContainerRef.current !== null) {
-      const height = visible ? childrenContainerRef.current.scrollHeight : 0
-      childrenContainerRef.current.style.height = `${height}px`
-    }
-  }
-
-  return {
-    handleCollapsed,
-    childrenContainerRef,
-    collapsed
-  }
-}
-
-// https://codesandbox.io/s/dropdown-navigation-9fx6r?file=/src/Navigation/Navigation.js:357-775

package/src/hooks/useOrderClient/index.js

@@ -1,5 +0,0 @@
-export const useOrderClient = () => {
-  return {
-
-  }
-}

package/src/hooks/useOrderStatusTypes/index.ts

@@ -1,2 +0,0 @@
-export * from './useUpdateOrderStatusPriorities'
-export * from './useOrderStatusTypes'

package/src/hooks/useOrderStatusTypes/useOrderStatusTypes/index.ts

@@ -1,133 +0,0 @@
-import { useQuery, gql } from '@apollo/client'
-
-/**
- * GraphQL query to fetch order status types.
- */
-const GET_ORDER_STATUS_TYPES = gql`
-  query getAllOrderStatusTypes {
-    getAllOrderStatusTypes {
-      message
-      success
-      __typename
-      data {
-        backgroundColor
-        color
-        createdAt
-        description
-        idStatus
-        name
-        priority
-        state
-        updatedAt
-        __typename
-      }
-      pagination {
-        currentPage
-        totalPages
-        totalRecords
-        __typename
-      }
-      errors {
-         context {
-          key
-          label
-          limit
-          value
-          __typename
-         }
-      }
-    }
-  }
-`
-
-/**
- * @typedef {Object} OrderStatusType
- * @property {string} idStatus - Unique identifier for the status
- * @property {string} name - Name of the status
- * @property {number} priority - Priority level
- * @property {string} backgroundColor - Background color in hex
- * @property {string} color - Text color in hex
- * @property {number} state - Status state (e.g. active/inactive)
- */
-
-/**
- * Custom hook to fetch order status types.
- *
- * @returns {{
- *   statusTypes: OrderStatusType[] | null,
- *   loading: boolean,
- *   error: Error | undefined,
- *   refetch: () => void
- * }}
- */
-/**
- * Retrieves order status types via the corresponding GraphQL query and exposes loading state, errors, and refetch capabilities.
- *
- * @param options - Optional configuration values for the hook.
- * @param options.callback - Callback invoked when the query completes successfully, receiving the raw query response.
- * @returns An object containing the normalized status types data along with loading, error, and refetch helpers.
- */
-export interface OrderStatusType {
-  idStatus: string
-  name: string
-  priority: number
-  backgroundColor: string
-  color: string
-  state: number
-  description: string
-  createdAt: string
-  updatedAt: string
-  __typename: string
-}
-
-export interface OrderStatusTypeErrorContext {
-  key: string
-  label: string
-  limit: number
-  value: string
-  __typename: string
-}
-
-export interface OrderStatusTypeError {
-  context: OrderStatusTypeErrorContext[]
-  __typename: string
-}
-
-export interface GetAllOrderStatusTypesResponse {
-  message: string
-  success: boolean
-  __typename: string
-  data: OrderStatusType[]
-  errors?: OrderStatusTypeError[] | null
-}
-
-export interface OrderStatusTypesQueryResult {
-  getAllOrderStatusTypes: GetAllOrderStatusTypesResponse
-}
-
-export interface UseOrderStatusTypesOptions {
-  callback?: (payload: OrderStatusTypesQueryResult) => void
-}
-
-export const useOrderStatusTypes = ({
-  callback = () => undefined
-}: UseOrderStatusTypesOptions = {}) => {
-  const {
-    data,
-    loading,
-    error,
-    refetch
-  } = useQuery<OrderStatusTypesQueryResult>(GET_ORDER_STATUS_TYPES, {
-    onCompleted: callback,
-    fetchPolicy: 'cache-and-network'
-  })
-
-  const statusTypes = data?.getAllOrderStatusTypes?.data ?? null
-
-  return {
-    data: statusTypes,
-    loading,
-    error,
-    refetch
-  }
-}

package/src/hooks/useOrderStatusTypes/useUpdateOrderStatusPriorities/index.ts

@@ -1,97 +0,0 @@
-import { gql, useMutation } from '@apollo/client'
-
-/**
- * GraphQL mutation to update the priority of order statuses.
- */
-const UPDATE_ORDER_STATUS_PRIORITIES = gql`
-  mutation UpdateOrderStatusPriorities($data: [OrderStatusPriorityInput!]!) {
-    updateOrderStatusPriorities(data: $data) {
-      success
-      message
-      errors {
-        path
-        message
-      }
-      data {
-        idStatus
-        name
-        priority
-      }
-    }
-  }
-`
-
-/**
- * Custom hook to update the priority of order statuses.
- *
- * @returns {{
- *   updatePriorities: (input: OrderStatusPriorityInput[]) => Promise<UpdateStatusPriorityResponse>,
- *   loading: boolean,
- *   error: any
- * }}
- */
-export const useUpdateOrderStatusPriorities = ({
-  sendNotification = (...res) => { }
-} = {}) => {
-  const [mutate, { loading, error }] = useMutation(UPDATE_ORDER_STATUS_PRIORITIES)
-
-  /**
-   * Executes the mutation to update order status priorities.
-   *
-   * @param {OrderStatusPriorityInput[]} input - Array of objects containing idStatus and priority.
-   * @returns {Promise<UpdateStatusPriorityResponse>} Response from the server.
-   */
-  const updatePriorities = async (input) => {
-    if (!Array.isArray(input) || input.length === 0) {
-      return {
-        success: false,
-        message: 'Input must be a non-empty array.',
-        data: [],
-        errors: [{ path: 'input', message: 'Invalid or empty input array.' }],
-      }
-    }
-
-    const isValid = input.every(
-      ({ idStatus, priority }) =>
-        typeof idStatus === 'string' &&
-        idStatus.length > 0 &&
-        typeof priority === 'number' &&
-        priority >= 0
-    )
-
-    if (!isValid) {
-      return {
-        success: false,
-        message: 'Validation failed for one or more input items.',
-        data: [],
-        errors: [{ path: 'input', message: 'Each item must have a valid idStatus and priority.' }],
-      }
-    }
-
-    try {
-      const { data } = await mutate({ variables: { data: input } })
-      if (data) {
-        const { updateOrderStatusPriorities } = data ?? {}
-        const { success, message } = updateOrderStatusPriorities ?? {
-          success: false,
-          message: ''
-        }
-        return sendNotification({
-          title: success ? 'Exitoso' : 'Error',
-          description: message,
-          backgroundColor: success ? 'success' : 'error'
-        })
-      }
-      return data.updateOrderStatusPriorities
-    } catch (err) {
-      return {
-        success: false,
-        message: 'Unexpected error while updating priorities.',
-        data: [],
-        errors: [{ path: 'mutation', message: err.message }],
-      }
-    }
-  }
-
-  return [updatePriorities, { loading, error }]
-}

package/src/hooks/useOrders/index.js

@@ -1,3 +0,0 @@
-export * from './queries'
-export * from './useChangeOrderState'
-export * from './useOrdersFromStore'