npm-pkg-hook 1.1.5 → 1.1.8

package/src/hooks/useGetExtProductFoodsSubOptionalAll/index.js

@@ -0,0 +1,14 @@
+import { GET_EXTRAS_PRODUCT_FOOD_OPTIONAL } from '../useProductsFood/queriesStore'
+import { useLazyQuery } from '@apollo/client'
+
+export const useGetExtProductFoodsSubOptionalAll = ({ setDataOptional = () => { } } = {}) => {
+  const [ExtProductFoodsSubOptionalAll] = useLazyQuery(
+    GET_EXTRAS_PRODUCT_FOOD_OPTIONAL,
+    {
+      onError: () => {
+        setDataOptional([])
+      }
+    }
+  )
+  return [ExtProductFoodsSubOptionalAll]
+}

package/src/hooks/useGetFoodRecomended/index.js

@@ -0,0 +1,33 @@
+import { useQuery } from '@apollo/client'
+import { GET_ALL_PRODUCT_STORE_RECOMENDED } from './queries'
+
+export const useGetFoodRecomended = ({
+  name = ''
+}) => {
+  console.log({ name })
+  const {
+    data,
+    called,
+    fetchMore,
+    loading,
+    error
+  } = useQuery(GET_ALL_PRODUCT_STORE_RECOMENDED, {
+    fetchPolicy: 'cache-and-network',
+    skip: !name,
+    notifyOnNetworkStatusChange: true,
+    nextFetchPolicy: 'cache-first',
+    refetchWritePolicy: 'merge',
+    variables:
+        {
+          max: 6,
+          search: name
+        }
+  })
+
+  return [data?.productFoodsAllRecommended, {
+    called,
+    fetchMore,
+    loading,
+    error
+  }]
+}

package/src/hooks/useGetFoodRecomended/queries.js

@@ -0,0 +1,47 @@
+import { gql } from '@apollo/client'
+
+export const GET_ALL_PRODUCT_STORE_RECOMENDED = gql`
+query productFoodsAllRecommended($search: String, $min: Int, $max: Int, $gender: [String], $desc: [String], $categories: [ID], ) {
+  productFoodsAllRecommended(search: $search, min: $min, max: $max, gender: $gender, desc: $desc, categories: $categories,) {
+    pId
+    sizeId #Talla
+    colorId #Color
+    cId  #Country
+    dId  #Department
+    ctId  #Cuidad
+    fId  #Características
+    pName
+    ProPrice
+    ProDescuento
+  ProUniDisponibles
+  ProDescription
+  ProProtegido
+  ProAssurance
+  ProStar
+    sTateLogistic
+  ProImage
+  ProWidth
+  ProHeight
+  ProLength
+  ProWeight
+  ProQuantity
+  ProOutstanding
+  pDatCre
+    pDatMod
+  ProDelivery
+  ProVoltaje
+    pState
+    feat {
+      fId
+      thpId
+      hpqrQuestion
+    }
+    area {
+      aId
+      aName
+    }
+    
+  }
+}
+
+`

package/src/hooks/useGetMinPrice/index.js

@@ -0,0 +1,8 @@
+import { useQuery } from '@apollo/client'
+import { GET_MIN_PEDIDO } from './queries'
+
+export const useGetMinPrice = () => {
+  const { data, loading, error } = useQuery(GET_MIN_PEDIDO)
+
+  return [data, { loading, error }]
+}

package/src/hooks/useGetMinPrice/queries.js

@@ -0,0 +1,7 @@
+import { gql } from '@apollo/client'
+
+export const GET_MIN_PEDIDO = gql`
+query getMinPrice($idStore: ID){
+getMinPrice(idStore: $idStore)
+}
+`

package/src/hooks/useGetOneStoreRating/index.js

@@ -0,0 +1,40 @@
+import { useState } from 'react'
+import { useLazyQuery } from '@apollo/client'
+import { GET_ONE_RATING_STORE } from './queries'
+
+export const useGetOneStoreRating = () => {
+  const [ratings, setRatings] = useState({
+    rGoodTemperature: 0,
+    rGoodCondition: 0,
+    rTasty: 0,
+    appearance: 0
+  })
+
+  const [getOneRating] = useLazyQuery(GET_ONE_RATING_STORE, {
+    onCompleted: res => {
+      if (res) {
+        setRatings((prevState) => {
+          const {
+            rGoodTemperature,
+            rGoodCondition,
+            rTasty,
+            rAppearance
+          } = res.getOneRating || {}
+          return {
+            ...prevState,
+            rGoodTemperature: rGoodTemperature || 0,
+            rGoodCondition: rGoodCondition || 0,
+            rTasty: rTasty || 0,
+            appearance: rAppearance || 0
+          }
+        })
+      }
+    }
+  })
+
+  return {
+    ratings,
+    setRatings,
+    getOneRating
+  }
+}

package/src/hooks/useGetOneStoreRating/queries.js

@@ -0,0 +1,18 @@
+import { gql } from '@apollo/client'
+
+export const GET_ONE_RATING_STORE = gql`
+query getOneRating($idStore: ID){
+getOneRating(idStore: $idStore){
+  idStore
+  rId
+  id
+  rAppearance
+  rTasty
+  rGoodTemperature
+  rGoodCondition
+  rState
+  createAt
+  updateAt
+  }
+}
+`

package/src/hooks/useGoogleLogin/index.js

@@ -1,161 +1,160 @@
-import { useState, useEffect } from 'react'
-import loadScript from './loadScript'
-import removeScript from './removeScript'
-
-export const useGoogleLogin = ({
-  onSuccess = () => {},
-  onAutoLoadFinished = () => {},
-  onFailure = () => {},
-  onRequest = () => {},
-  onScriptLoadFailure,
-  clientId,
-  cookiePolicy,
-  loginHint,
-  hostedDomain,
-  autoLoad,
-  isSignedIn,
-  fetchBasicProfile,
-  redirectUri,
-  discoveryDocs,
-  uxMode,
-  scope,
-  accessType,
-  responseType,
-  jsSrc = 'https://apis.google.com/js/api.js',
-  prompt
-}) => {
-  const [loaded, setLoaded] = useState(false)
-
-  function handleSigninSuccess(res) {
-    /*
-      offer renamed response keys to names that match use
-    */
-    const basicProfile = res.getBasicProfile()
-    const authResponse = res.getAuthResponse(true)
-    res.googleId = basicProfile.getId()
-    res.tokenObj = authResponse
-    res.tokenId = authResponse.id_token
-    res.accessToken = authResponse.access_token
-    res.profileObj = {
-      googleId: basicProfile.getId(),
-      imageUrl: basicProfile.getImageUrl(),
-      email: basicProfile.getEmail(),
-      name: basicProfile.getName(),
-      givenName: basicProfile.getGivenName(),
-      familyName: basicProfile.getFamilyName()
-    }
-    onSuccess(res)
-  }
-
-  function signIn(e) {
-    if (e) {
-      e.preventDefault() // to prevent submit if used within form
-    }
-    if (loaded) {
-      const GoogleAuth = window.gapi.auth2.getAuthInstance()
-      const options = {
-        prompt
-      }
-      onRequest()
-      if (responseType === 'code') {
-        GoogleAuth.grantOfflineAccess(options).then(
-          res => onSuccess(res),
-          err => onFailure(err)
-        )
-      } else {
-        GoogleAuth.signIn(options).then(
-          res => handleSigninSuccess(res),
-          err => onFailure(err)
-        )
-      }
-    }
-  }
-
-  useEffect(() => {
-    let unmounted = false
-    const onLoadFailure = onScriptLoadFailure || onFailure
-    loadScript(
-      document,
-      'script',
-      'google-login',
-      jsSrc,
-      () => {
-        const params = {
-          client_id: clientId,
-          cookie_policy: cookiePolicy,
-          login_hint: loginHint,
-          hosted_domain: hostedDomain,
-          fetch_basic_profile: fetchBasicProfile,
-          discoveryDocs,
-          ux_mode: uxMode,
-          redirect_uri: redirectUri,
-          scope,
-          access_type: accessType
-        }
-
-        if (responseType === 'code') {
-          params.access_type = 'offline'
-        }
-
-        window.gapi.load('auth2', () => {
-          const GoogleAuth = window.gapi.auth2.getAuthInstance()
-          if (!GoogleAuth) {
-            window.gapi.auth2.init(params).then(
-              res => {
-                if (!unmounted) {
-                  setLoaded(true)
-                  const signedIn = isSignedIn && res.isSignedIn.get()
-                  onAutoLoadFinished(signedIn)
-                  if (signedIn) {
-                    handleSigninSuccess(res.currentUser.get())
-                  }
-                }
-              },
-              err => {
-                setLoaded(true)
-                onAutoLoadFinished(false)
-                onLoadFailure(err)
-              }
-            )
-          } else {
-            GoogleAuth.then(
-              () => {
-                if (unmounted) {
-                  return
-                }
-                if (isSignedIn && GoogleAuth.isSignedIn.get()) {
-                  setLoaded(true)
-                  onAutoLoadFinished(true)
-                  handleSigninSuccess(GoogleAuth.currentUser.get())
-                } else {
-                  setLoaded(true)
-                  onAutoLoadFinished(false)
-                }
-              },
-              err => {
-                onFailure(err)
-              }
-            )
-          }
-        })
-      },
-      err => {
-        onLoadFailure(err)
-      }
-    )
-
-    return () => {
-      unmounted = true
-      removeScript(document, 'google-login')
-    }
-  }, [])
-
-  useEffect(() => {
-    if (autoLoad) {
-      signIn()
-    }
-  }, [loaded])
-
-  return { signIn, loaded }
-}
-
+import { useState, useEffect } from 'react'
+import loadScript from './loadScript'
+import removeScript from './removeScript'
+
+export const useGoogleLogin = ({
+  onSuccess = () => {},
+  onAutoLoadFinished = () => {},
+  onFailure = () => {},
+  onRequest = () => {},
+  onScriptLoadFailure,
+  clientId,
+  cookiePolicy,
+  loginHint,
+  hostedDomain,
+  autoLoad,
+  isSignedIn,
+  fetchBasicProfile,
+  redirectUri,
+  discoveryDocs,
+  uxMode,
+  scope,
+  accessType,
+  responseType,
+  jsSrc = 'https://apis.google.com/js/api.js',
+  prompt
+}) => {
+  const [loaded, setLoaded] = useState(false)
+
+  function handleSigninSuccess (res) {
+    /*
+      offer renamed response keys to names that match use
+    */
+    const basicProfile = res.getBasicProfile()
+    const authResponse = res.getAuthResponse(true)
+    res.googleId = basicProfile.getId()
+    res.tokenObj = authResponse
+    res.tokenId = authResponse.id_token
+    res.accessToken = authResponse.access_token
+    res.profileObj = {
+      googleId: basicProfile.getId(),
+      imageUrl: basicProfile.getImageUrl(),
+      email: basicProfile.getEmail(),
+      name: basicProfile.getName(),
+      givenName: basicProfile.getGivenName(),
+      familyName: basicProfile.getFamilyName()
+    }
+    onSuccess(res)
+  }
+
+  function signIn (e) {
+    if (e) {
+      e.preventDefault() // to prevent submit if used within form
+    }
+    if (loaded) {
+      const GoogleAuth = window.gapi.auth2.getAuthInstance()
+      const options = {
+        prompt
+      }
+      onRequest()
+      if (responseType === 'code') {
+        GoogleAuth.grantOfflineAccess(options).then(
+          res => onSuccess(res),
+          err => onFailure(err)
+        )
+      } else {
+        GoogleAuth.signIn(options).then(
+          res => handleSigninSuccess(res),
+          err => onFailure(err)
+        )
+      }
+    }
+  }
+
+  useEffect(() => {
+    let unmounted = false
+    const onLoadFailure = onScriptLoadFailure || onFailure
+    loadScript(
+      document,
+      'script',
+      'google-login',
+      jsSrc,
+      () => {
+        const params = {
+          client_id: clientId,
+          cookie_policy: cookiePolicy,
+          login_hint: loginHint,
+          hosted_domain: hostedDomain,
+          fetch_basic_profile: fetchBasicProfile,
+          discoveryDocs,
+          ux_mode: uxMode,
+          redirect_uri: redirectUri,
+          scope,
+          access_type: accessType
+        }
+
+        if (responseType === 'code') {
+          params.access_type = 'offline'
+        }
+
+        window.gapi.load('auth2', () => {
+          const GoogleAuth = window.gapi.auth2.getAuthInstance()
+          if (!GoogleAuth) {
+            window.gapi.auth2.init(params).then(
+              res => {
+                if (!unmounted) {
+                  setLoaded(true)
+                  const signedIn = isSignedIn && res.isSignedIn.get()
+                  onAutoLoadFinished(signedIn)
+                  if (signedIn) {
+                    handleSigninSuccess(res.currentUser.get())
+                  }
+                }
+              },
+              err => {
+                setLoaded(true)
+                onAutoLoadFinished(false)
+                onLoadFailure(err)
+              }
+            )
+          } else {
+            GoogleAuth.then(
+              () => {
+                if (unmounted) {
+                  return
+                }
+                if (isSignedIn && GoogleAuth.isSignedIn.get()) {
+                  setLoaded(true)
+                  onAutoLoadFinished(true)
+                  handleSigninSuccess(GoogleAuth.currentUser.get())
+                } else {
+                  setLoaded(true)
+                  onAutoLoadFinished(false)
+                }
+              },
+              err => {
+                onFailure(err)
+              }
+            )
+          }
+        })
+      },
+      err => {
+        onLoadFailure(err)
+      }
+    )
+
+    return () => {
+      unmounted = true
+      removeScript(document, 'google-login')
+    }
+  }, [])
+
+  useEffect(() => {
+    if (autoLoad) {
+      signIn()
+    }
+  }, [loaded])
+
+  return { signIn, loaded }
+}

package/src/hooks/useHover/index.js

@@ -1,29 +1,29 @@
-import { useRef, useState, useEffect } from 'react'
-
-export function useHover() {
-  const [value, setValue] = useState(false)
-
-  const ref = useRef(null)
-
-  const handleMouseOver = () => {return setValue(true)}
-  const handleMouseOut = () => {return setValue(false)}
-
-  useEffect(
-    () => {
-      const node = ref.current
-      if (node) {
-        node.addEventListener('mouseover', handleMouseOver)
-        node.addEventListener('mouseout', handleMouseOut)
-
-        return () => {
-          node.removeEventListener('mouseover', handleMouseOver)
-          node.removeEventListener('mouseout', handleMouseOut)
-        }
-      }
-      return {}
-    },
-    [] // Recall only if ref changes
-  )
-
-  return [ref, value]
-}
+import { useRef, useState, useEffect } from 'react'
+
+export function useHover () {
+  const [value, setValue] = useState(false)
+
+  const ref = useRef(null)
+
+  const handleMouseOver = () => { return setValue(true) }
+  const handleMouseOut = () => { return setValue(false) }
+
+  useEffect(
+    () => {
+      const node = ref.current
+      if (node) {
+        node.addEventListener('mouseover', handleMouseOver)
+        node.addEventListener('mouseout', handleMouseOut)
+
+        return () => {
+          node.removeEventListener('mouseover', handleMouseOver)
+          node.removeEventListener('mouseout', handleMouseOut)
+        }
+      }
+      return {}
+    },
+    [] // Recall only if ref changes
+  )
+
+  return [ref, value]
+}

package/src/hooks/useImageOptimization/index.js

@@ -1,28 +1,28 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react'
 // use it
 // const imageUrl = 'https://example.com/image.jpg';
 // const optimizedUrl = useImageOptimization(imageUrl);
 
-export function useImageOptimization(imageUrl) {
-  const [optimizedUrl, setOptimizedUrl] = useState(null);
+export function useImageOptimization (imageUrl) {
+  const [optimizedUrl, setOptimizedUrl] = useState(null)
 
   useEffect(() => {
-    const image = new Image();
-    image.src = imageUrl;
+    const image = new Image()
+    image.src = imageUrl
 
     image.onload = () => {
-      const canvas = document.createElement('canvas');
-      const ctx = canvas.getContext('2d');
+      const canvas = document.createElement('canvas')
+      const ctx = canvas.getContext('2d')
 
-      canvas.width = image.width;
-      canvas.height = image.height;
+      canvas.width = image.width
+      canvas.height = image.height
 
-      ctx.drawImage(image, 0, 0, image.width, image.height);
+      ctx.drawImage(image, 0, 0, image.width, image.height)
 
-      const optimizedUrl = canvas.toDataURL('image/jpeg', 0.8);
-      setOptimizedUrl(optimizedUrl);
-    };
-  }, [imageUrl]);
+      const optimizedUrl = canvas.toDataURL('image/jpeg', 0.8)
+      setOptimizedUrl(optimizedUrl)
+    }
+  }, [imageUrl])
 
-  return optimizedUrl;
+  return optimizedUrl
 }

package/src/hooks/useImageWeight/index.js

@@ -1,33 +1,33 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react'
 
-export function useImageWeight(imageUrl) {
-  const [weight, setWeight] = useState(null);
+export function useImageWeight (imageUrl) {
+  const [weight, setWeight] = useState(null)
 
   useEffect(() => {
-    const image = new Image();
-    image.src = imageUrl;
+    const image = new Image()
+    image.src = imageUrl
 
     image.onload = () => {
-      const xhr = new XMLHttpRequest();
-      xhr.open('HEAD', imageUrl, true);
+      const xhr = new XMLHttpRequest()
+      xhr.open('HEAD', imageUrl, true)
       xhr.onreadystatechange = () => {
         if (xhr.readyState === 4 && xhr.status === 200) {
-          const contentLength = xhr.getResponseHeader('Content-Length');
-          setWeight(contentLength);
+          const contentLength = xhr.getResponseHeader('Content-Length')
+          setWeight(contentLength)
         }
-      };
-      xhr.send();
-    };
-  }, [imageUrl]);
+      }
+      xhr.send()
+    }
+  }, [imageUrl])
 
-  return weight;
+  return weight
 }
 
-// I use 
+// I use
 // function MyComponent() {
 //     const imageUrl = 'https://example.com/image.jpg';
 //     const weight = useImageWeight(imageUrl);
-  
+
 //     return (
 //       <div>
 //         <img src={imageUrl} alt="My Image" />
@@ -35,13 +35,13 @@ export function useImageWeight(imageUrl) {
 //       </div>
 //     );
 //   }
-  
+
 // const weightInMB = weight / (1024 * 1024);
 
 // function MyComponent() {
 //     const imageUrl = 'https://example.com/image.jpg';
 //     const weight = useImageWeight(imageUrl);
-  
+
 //     return (
 //       <div>
 //         <img src={imageUrl} alt="My Image" />
@@ -49,4 +49,3 @@ export function useImageWeight(imageUrl) {
 //       </div>
 //     );
 //   }
-