npm-pkg-hook 1.12.7 → 1.12.9

package/src/hooks/useImagesStore/queries.ts

@@ -0,0 +1,193 @@
+import { gql } from '@apollo/client'
+
+export const CREATE_SCHEDULE_STORE = gql`
+  mutation setStoreSchedule($input: IsStoreSchedule!) {
+    setStoreSchedule(input: $input) {
+      success
+      message
+    }
+  }
+`
+export const GET_SCHEDULE_STORE = gql`
+  query getStoreSchedules($schDay: Int, $idStore: ID) {
+    getStoreSchedules(schDay: $schDay, idStore: $idStore) {
+      schId
+      idStore
+      schDay
+      schHoSta
+      schHoEnd
+      schState
+    }
+  }
+`
+export const GET_ONE_SCHEDULE_STORE = gql`
+  query getOneStoreSchedules($schDay: Int, $idStore: ID) {
+    getOneStoreSchedules(schDay: $schDay, idStore: $idStore) {
+      schId
+      schDay
+      schHoSta
+      schHoEnd
+      schState
+    }
+  }
+`
+export const GET_CAT_OF_PRODUCTS = gql`
+  query getAllCatOfProducts($idStore: ID) {
+    getAllCatOfProducts(idStore: $idStore) {
+      id
+      cpId
+      catName
+      catDescription
+      schState
+    }
+  }
+`
+export const REGISTER_CAT_OF_PRODUCTS = gql`
+  mutation updatedProducts($input: InputCatProducts) {
+    updatedProducts(input: $input) {
+      success
+      message
+    }
+  }
+`
+export const REGISTER_CONTRACT_STORE = gql`
+  mutation createOneContract($input: InputContractType) {
+    createOneContract(input: $input) {
+      success
+      message
+    }
+  }
+`
+export const GET_ALL_EMPLOYEE_STORE = gql`
+  query employees($umId: ID, $cId: ID, $aId: ID) {
+    employees(umId: $umId, cId: $cId, aId: $aId) {
+      eId
+      idStore
+      id
+      idEmployee
+      eSalary
+      typeContract
+      uEmail
+      termContract
+      eDatAdm
+      eState
+    }
+  }
+`
+
+export const GET_ALL_RATING_START_STORE = gql`
+  query getAllRatingStar($idStore: ID) {
+    getAllRatingStar(idStore: $idStore) {
+      rSId
+      rScore
+      idStore
+      createAt
+    }
+  }
+`
+export const GET_ALL_VISITOR_STORE = gql`
+  query getAllVisitorStore(
+    $idStore: ID
+    $search: String
+    $min: Int
+    $max: Int
+    $fromDate: DateTime
+    $toDate: DateTime
+  ) {
+    getAllVisitorStore(
+      idStore: $idStore
+      search: $search
+      min: $min
+      max: $max
+      fromDate: $fromDate
+      toDate: $toDate
+    ) {
+      visitStoreId
+      id
+      idStore
+      createAt
+      updateAt
+    }
+  }
+`
+export const GET_MIN_PEDIDO = gql`
+  query getMinPrice($idStore: ID) {
+    getMinPrice(idStore: $idStore)
+  }
+`
+
+ 
+export const GET_All_RATING_STORE = gql`
+  query getAllRating($idStore: ID) {
+    getAllRating(idStore: $idStore) {
+      idStore
+      rId
+      id
+      rAppearance
+      rTasty
+      rGoodTemperature
+      rGoodCondition
+      rState
+      createAt
+      updateAt
+    }
+  }
+`
+export const CREATE_LOGO = gql`
+  mutation registerLogo($logo: Upload, $idStore: ID) {
+    registerLogo(logo: $logo, idStore: $idStore) {
+      success
+      message
+    }
+  }
+`
+export const CREATE_BANNER_STORE = gql`
+  mutation registerBanner($input: IBanner) {
+    registerBanner(input: $input) {
+      success
+      message
+    }
+  }
+`
+export const DELETE_ONE_LOGO_STORE = gql`
+  mutation deleteALogoStore($idStore: ID, $Image: String) {
+    deleteALogoStore(idStore: $idStore, Image: $Image) {
+      message
+      success
+    }
+  }
+`
+export const GET_ONE_BANNER_STORE = gql`
+  query getOneBanners($idStore: ID, $id: ID) {
+    getOneBanners(idStore: $idStore, id: $id) {
+      bnId
+      id
+      path
+      bnImageFileName
+      idStore
+      bnState
+      createAt
+      updateAt
+    }
+  }
+`
+export const DELETE_ONE_BANNER_STORE = gql`
+  mutation DeleteOneBanner(
+    $bnState: Int
+    $idStore: ID
+    $bnId: ID
+    $bnImage: String
+    $bnImageFileName: String
+  ) {
+    DeleteOneBanner(
+      bnState: $bnState
+      idStore: $idStore
+      bnId: $bnId
+      bnImage: $bnImage
+      bnImageFileName: $bnImageFileName
+    ) {
+      success
+      message
+    }
+  }
+`

package/src/hooks/useImagesStore/utils/index.ts

@@ -0,0 +1,4 @@
+export const color = {
+  success: 'success',
+  error: 'error'
+}

package/src/hooks/useIncomingOrders/index.ts

@@ -0,0 +1,11 @@
+import { useQuery } from '@apollo/client'
+
+import { GET_ALL_INCOMING_ORDERS } from './queries' // Asegúrate de importar tu consulta GraphQL
+
+export const useIncomingOrders = ({ statusOrder, idStore }) => {
+  const { data, loading, error } = useQuery(GET_ALL_INCOMING_ORDERS, {
+    variables: (statusOrder && idStore) ? { statusOrder, idStore } : {}
+  })
+
+  return [data?.getAllIncomingToDayOrders || [], { loading, error }]
+}

package/src/hooks/useIncomingOrders/queries.ts

@@ -0,0 +1,87 @@
+import { gql } from '@apollo/client'
+
+export const GET_ALL_INCOMING_ORDERS = gql`
+  query getAllIncomingToDayOrders($statusOrder: Int, $idStore: ID) {
+    getAllIncomingToDayOrders(statusOrder: $statusOrder, idStore: $idStore) {
+      pdpId
+      pCodeRef
+      idStore
+      pPDate
+      channel
+      pSState
+      pDatCre
+      pDatMod
+      pPRecoger
+      payId
+      pdpId
+      totalProductsPrice
+      locationUser
+      getAllPedidoStore {
+        pdpId
+        idStore
+        pCodeRef
+        ShoppingCard
+        getAllShoppingCard {
+          ShoppingCard
+          cantProducts
+          priceProduct
+          refCodePid
+          subProductsId
+          comments
+          pId
+          salesExtProductFoodOptional {
+            pId
+            opExPid
+            OptionalProName
+            state
+            code
+            required
+            numbersOptionalOnly
+            pDatCre
+            pDatMod
+            saleExtProductFoodsSubOptionalAll {
+              pId
+              opExPid
+              idStore
+              opSubExPid
+              OptionalSubProName
+              exCodeOptionExtra
+              exCode
+              state
+              pDatCre
+              pDatMod
+            }
+          }
+          ExtProductFoodsAll {
+            pId
+            exPid
+            exState
+            extraName
+            extraPrice
+            newExtraPrice
+            quantity
+            state
+            pDatCre
+            pDatMod
+          }
+          productFood {
+            pId
+            carProId
+            colorId
+            idStore
+            pName
+            ProPrice
+            ProDescuento
+            ProDescription
+            ValueDelivery
+            ProImage
+            ProStar
+            pState
+            pDatCre
+            pDatMod
+          }
+        }
+      }
+    }
+  }
+`

package/src/hooks/useInnerHtml/index.ts

@@ -0,0 +1,39 @@
+import React from 'react'
+import { createRoot } from 'react-dom' // Import createRoot from react-dom
+import './styles.css'
+
+const htmlText =
+  '<p style=\'display:inline;\'>Lorem ipsum</p> dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
+
+function App () {
+  const [state, setState] = React.useState({
+    showOriginalHTML: false,
+    originalHTML: htmlText
+  })
+
+  const handleShowText = React.useCallback(() => {
+    setState((prevState) => {
+      return {
+        ...prevState,
+        showOriginalHTML: !prevState.showOriginalHTML
+      }
+    })
+  }, [setState])
+
+  return (
+    <div className='container'>
+      <div
+        className='text'
+        dangerouslySetInnerHTML={{
+          __html: `${state.originalHTML}`
+        }}
+      />
+      <button className='read-more' onClick={handleShowText}>
+        {!state.showOriginalHTML ? 'read more' : 'show less'}
+      </button>
+    </div>
+  )
+}
+
+const root = document.getElementById('root')
+createRoot(root).render(<App />) // Use createRoot to render your React app

package/src/hooks/useIntersection/index.ts

@@ -0,0 +1,84 @@
+import { useEffect, useState } from 'react'
+
+export const useOnScreen = (threshold = 0.6) => {
+  const [isVisible, setIsVisible] = useState(false)
+  const [ref, setRef] = useState(null)
+
+  useEffect(
+    () => {
+      let observer
+      if (ref) {
+        observer = new IntersectionObserver(
+          ([entry]) => {
+            setIsVisible(entry.isIntersecting)
+          },
+          {
+            // rootMargin,
+            threshold
+          }
+        )
+        observer.observe(ref)
+      }
+
+      return () => {
+        if (ref && observer) observer.unobserve(ref)
+      }
+    },
+    [ref]
+  )
+
+  return [setRef, isVisible]
+}
+
+const defaultObserverOptions = {
+  root: null,
+  threshold: 0.1,
+  rootMargin: '0px'
+}
+
+export const useIntersectionObserver = ({
+  active = true,
+  disconnect,
+  el,
+  options = defaultObserverOptions,
+  onEnter = () => {},
+  out = () => {}
+}) => {
+  const [onScreen, setOnScreen] = useState()
+  useEffect(() => {
+    let observer
+    const refEl = el.current
+    if (IntersectionObserver && active && refEl) {
+      observer = new IntersectionObserver((entries) => {
+        entries.forEach((entry) => {
+          if (disconnect) {
+            if (entry.isIntersecting) {
+              onEnter()
+              setOnScreen(true)
+            } else {
+              out()
+              setOnScreen(false)
+            }
+          }
+          if (!disconnect) {
+            onEnter()
+            setOnScreen(true)
+          }
+        })
+      }, options)
+      observer.observe(refEl)
+    }
+    return () => {
+      if (disconnect) {
+         
+        observer === null || observer === void 0 ? void 0 : observer.disconnect(refEl)
+      }
+      if (!disconnect) {
+        if (el && observer) observer.unobserve(refEl)
+      }
+    }
+  }, [el, onEnter, active, options])
+  return {
+    onScreen
+  }
+}

package/src/hooks/useInventory/index.ts

@@ -0,0 +1,2 @@
+export * from './useGetProductsInStock'
+export * from './useUpdateManageStock'

package/src/hooks/useInventory/queries.ts

@@ -0,0 +1,58 @@
+import { gql } from '@apollo/client'
+
+export const GET_PRODUCTS_IN_STOCK = gql`
+query getProductsInStock($limit: Int, $offset: Int) {
+  getProductsInStock(limit: $limit, offset: $offset) {
+        pId
+      sizeId #Talla
+      colorId #Color
+      carProId #Categoria a la cual pertenece el producto
+      caId
+      cId #Country
+      dId #Department
+      ctId #Cuidad
+      fId #Características
+      pName
+      getOneTags {
+        tgId
+        idUser
+        idStore
+        pId
+        nameTag
+      }
+      ProPrice
+      ProDescuento
+      free
+      ProUniDisponibles
+      ProDescription
+      ProProtegido
+      ProAssurance
+      ValueDelivery
+      ProStar
+      sTateLogistic
+      ProImage
+      ProWidth
+      ProHeight
+      ProLength
+      ProWeight
+      ProQuantity
+      ProOutstanding
+      pDatCre
+      pDatMod
+      ProDelivery
+      ProVoltaje
+      pState
+      feat {
+        fId
+        thpId
+        hpqrQuestion
+      }
+      area {
+        aId
+        aName
+      }
+       
+  }
+}
+
+`

package/src/hooks/useInventory/useGetProductsInStock.ts

@@ -0,0 +1,16 @@
+import { useQuery } from '@apollo/client'
+
+import { GET_PRODUCTS_IN_STOCK } from './queries'
+
+export const useGetProductsInStock = (storeId) => {
+  const { data, loading, error } = useQuery(GET_PRODUCTS_IN_STOCK, {
+    variables: { storeId },
+    skip: !storeId
+  })
+
+  return {
+    data: data?.getProductsInStock || [],
+    loading,
+    error
+  }
+}

package/src/hooks/useInventory/useUpdateManageStock.ts

@@ -0,0 +1,41 @@
+import { gql, useMutation } from '@apollo/client'
+
+/**
+ * GraphQL Mutation for updating stock and manageStock
+ */
+const UPDATE_MANAGE_STOCK = gql`
+  mutation UpdateManageStock($input: InputManageStock) {
+    updateManageStock(input: $input) {
+      success
+      message
+      data {
+        pId
+        manageStock
+      }
+    }
+  }
+`
+
+/**
+ * Custom hook to update stock and manageStock
+ * @returns {object} { updateManageStock, data, loading, error }
+ */
+export const useUpdateManageStock = () => {
+  const [updateManageStockMutation, { data, loading, error }] = useMutation(UPDATE_MANAGE_STOCK)
+
+  /**
+   * Function to call the mutation with given input
+   * @param {Object} input - { pId, stock, manageStock }
+   * @returns {Promise<Object>} Mutation response
+   */
+  const updateManageStock = async (input) => {
+    try {
+      const { data } = await updateManageStockMutation({ variables: { input } })
+      return data?.updateManageStock
+    } catch (err) {
+      return { success: false, message: err.message }
+    }
+  }
+
+  return [updateManageStock, { data, loading, error }]
+}

package/src/hooks/useKeypress/index.ts

@@ -0,0 +1,28 @@
+import { useEffect, useState } from 'react'
+
+export const useKeyPress = (targetKey) => {
+  const [keyPressed, setKeyPressed] = useState(false)
+
+  useEffect(() => {
+    const downHandler = ({ key }) => {
+      if (key === targetKey) {
+        setKeyPressed(true)
+      }
+    }
+    const upHandler = ({ key }) => {
+      if (key === targetKey) {
+        setKeyPressed(false)
+      }
+    }
+
+    window.addEventListener('keydown', downHandler)
+    window.addEventListener('keyup', upHandler)
+
+    return () => {
+      window.removeEventListener('keydown', downHandler)
+      window.removeEventListener('keyup', upHandler)
+    }
+  }, [targetKey])
+
+  return keyPressed
+}

package/src/hooks/useLazyScript/index.ts

@@ -0,0 +1,74 @@
+import { useEffect, useState } from 'react'
+
+export const useLazyScript = (src, delay = null) => {
+  const [status, setStatus] = useState(src ? 'loading' : 'idle')
+
+  useEffect(() => {
+    if (!src) {
+      setStatus('idle')
+      return 'idle'
+    }
+
+    let script = document.querySelector(`script[src='${src}']`)
+    let timeout = null
+
+    if (!script) {
+      if (delay) {
+        timeout = setTimeout(() => {
+          injectScript()
+          // Add event listener after the script is added
+          script.addEventListener('load', setStateStatus)
+          script.addEventListener('error', setStateStatus)
+        }, delay)
+      } else {
+        injectScript()
+      }
+    } else {
+      setStatus(script.getAttribute('data-status'))
+    }
+
+    const setStateStatus = (event) => {
+      setStatus(event.type === 'load' ? 'ready' : 'error')
+    }
+
+    // code to inject script
+    /**
+     *
+     */
+    function injectScript () {
+      script = document.createElement('script')
+      script.src = src
+      script.async = true
+      script.setAttribute('data-status', 'loading')
+      document.body.appendChild(script)
+
+      const setDataStatus = (event) => {
+        script.setAttribute(
+          'data-status',
+          event.type === 'load' ? 'ready' : 'error'
+        )
+      }
+
+      script.addEventListener('load', setDataStatus)
+      script.addEventListener('error', setDataStatus)
+    }
+
+    if (script) {
+      // script will be be undefined available when its delayed hence check it before adding listener
+      script.addEventListener('load', setStateStatus)
+      script.addEventListener('error', setStateStatus)
+    }
+
+    return () => {
+      if (script) {
+        script.removeEventListener('load', setStateStatus)
+        script.removeEventListener('error', setStateStatus)
+      }
+      if (timeout) {
+        clearTimeout(timeout)
+      }
+    }
+  }, [src])
+
+  return status
+}

package/src/hooks/useLocalBackendIp/index.ts

@@ -0,0 +1,34 @@
+import { useQuery, gql } from '@apollo/client'
+
+/**
+ * GraphQL query to get the local IP of the backend server.
+ */
+const GET_LOCAL_BACKEND_IP = gql`
+  query GetLocalBackendIp {
+    getLocalBackendIp
+  }
+`
+
+/**
+ * Custom hook to fetch the local IP address of the backend server.
+ *
+ * @returns {Object} - Contains the IP string, loading state, and error.
+ */
+export const useLocalBackendIp = () => {
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(GET_LOCAL_BACKEND_IP)
+  const port = process.env.URL_ADMIN_SERVER?.split(':')?.[2]
+  const buildUrlBackend = data?.getLocalBackendIp
+    ? `http://${data.getLocalBackendIp}:${port}`
+    : null
+
+  return {
+    urlBackend: buildUrlBackend,
+    ip: data?.getLocalBackendIp || null,
+    loading,
+    error
+  }
+}