npm-pkg-hook 1.0.1 → 1.0.2

package/src/hooks/useSetState/index.js

@@ -1,24 +1,24 @@
-import { useEffect, useState } from 'react'
-
-export const useSetState = initialState => {
-  const [state, setState] = useState(initialState)
-  const increase = () => {return setState(state + 1)}
-  const decrease = () => {return setState(state - 1)}
-  const reset = () => {return setState(0)}
-  useEffect(() => {
-    if (state === -1) return reset()
-    return {}
-  }, [state])
-  // Cambio de estado
-  const changeState = () => {
-    setState(!state)
-  }
-  return {
-    state,
-    increase,
-    decrease,
-    reset,
-    changeState,
-    setState
-  }
-}
+import { useEffect, useState } from 'react'
+
+export const useSetState = initialState => {
+  const [state, setState] = useState(initialState)
+  const increase = () => {return setState(state + 1)}
+  const decrease = () => {return setState(state - 1)}
+  const reset = () => {return setState(0)}
+  useEffect(() => {
+    if (state === -1) return reset()
+    return {}
+  }, [state])
+  // Cambio de estado
+  const changeState = () => {
+    setState(!state)
+  }
+  return {
+    state,
+    increase,
+    decrease,
+    reset,
+    changeState,
+    setState
+  }
+}

package/src/hooks/useStore/index.js

@@ -0,0 +1,18 @@
+import { useQuery } from '@apollo/client'
+import { useState } from 'react'
+import { GET_ONE_STORE } from './queries'
+
+export const useStore = () => {
+  const [store, setStore] = useState({})
+  const { loading, error } = useQuery(GET_ONE_STORE, {
+    fetchPolicy: 'cache-and-network',
+    onCompleted: (res) => {
+      const { getStore } = res || {}
+      setStore(getStore)
+    },
+    onError: (err) => {
+      console.log(err)
+    }
+  })
+  return [store, { loading, error }]
+}

package/src/hooks/useStore/queries.js

@@ -0,0 +1,136 @@
+import { gql } from '@apollo/client'
+
+export const CREATE_ONE_STORE = gql`
+mutation  newRegisterStore($input: IStore){
+  newRegisterStore(input: $input){
+    success
+    message
+    idStore
+  }
+}
+`
+export const GET_ONE_STORE = gql`
+query getStore($id: ID){
+ getStore(id: $id ){
+cId
+id
+dId
+idStore
+ctId
+neighborhoodStore
+Viaprincipal
+catStore
+storeOwner
+storeName
+ImageName
+emailStore
+storePhone
+socialRaz
+Image
+banner
+  
+documentIdentifier
+uPhoNum
+storeName
+ULocation
+upLat
+upLon
+uState
+siteWeb
+  
+description
+createdAt
+secVia
+NitStore
+typeRegiments
+typeContribute
+addressStore
+pais {
+        cId
+        cName
+        cCalCod
+        cState
+        cDatCre
+        cDatMod
+      }
+      city {
+        ctId
+        dId
+        cName
+        cState
+        cDatCre
+        cDatMod
+      } 
+      department {
+        dId
+        cId
+        dName
+        dState
+        dDatCre
+        dDatMod
+      }
+  getStoreSchedules {
+      idStore
+      schId
+      id
+      schDay
+      schHoSta
+      schHoEnd
+      schState
+  }
+  cateStore {
+    catStore
+    cName
+    cState
+    cDatCre
+    cDatMod
+    csDescription
+    
+  }
+}
+}
+`
+export const GET_ONE_STORE_BY_ID = gql`
+query getOneStore($idStore: ID){
+ getOneStore(idStore: $idStore ){
+cId
+id
+dId
+idStore
+ctId
+neighborhoodStore
+Viaprincipal
+catStore
+storeOwner
+storeName
+emailStore
+storePhone
+socialRaz
+Image
+banner
+documentIdentifier
+uPhoNum
+ULocation
+upLat
+upLon
+uState
+siteWeb
+description
+secVia
+NitStore
+typeRegiments
+typeContribute
+addressStore
+createAt
+  cateStore {
+    catStore
+    cName
+    cState
+    cDatCre
+    cDatMod
+    csDescription
+    
+  }
+}
+}
+`

package/src/hooks/useTimeAgo/useTimeAgo.js

@@ -1,39 +1,39 @@
-import { useEffect, useState } from 'react'
-
-const DATE_UNITS = [
-  ['day', 86400],
-  ['hour', 3600],
-  ['minute', 60],
-  ['second', 1]
-]
-
-const getDateDiffs = (timestamp) => {
-  const now = Date.now()
-  const elapsed = (timestamp - now) / 1000
-
-  for (const [unit, secondsInUnit] of DATE_UNITS) {
-    if (Math.abs(elapsed) > secondsInUnit || unit === 'second') {
-      const value = Math.round(elapsed / secondsInUnit)
-      return { value, unit }
-    }
-  }
-}
-
-export const useTimeAgo = (timestamp) =>  {
-  const [timeAgo, setTimeAgo] = useState(() => { return getDateDiffs(timestamp) })
-
-  useEffect(() => {
-    const interval = setInterval(() => {
-      const newTimeAgo = getDateDiffs(timestamp)
-      setTimeAgo(newTimeAgo)
-    }, 5000)
-
-    return () => { return clearInterval(interval) }
-  }, [timestamp])
-
-  const rtf = new Intl.RelativeTimeFormat('es', { style: 'short' })
-
-  const { value, unit } = timeAgo
-
-  return rtf && rtf?.format(value, unit)
-}
+import { useEffect, useState } from 'react'
+
+const DATE_UNITS = [
+  ['day', 86400],
+  ['hour', 3600],
+  ['minute', 60],
+  ['second', 1]
+]
+
+const getDateDiffs = (timestamp) => {
+  const now = Date.now()
+  const elapsed = (timestamp - now) / 1000
+
+  for (const [unit, secondsInUnit] of DATE_UNITS) {
+    if (Math.abs(elapsed) > secondsInUnit || unit === 'second') {
+      const value = Math.round(elapsed / secondsInUnit)
+      return { value, unit }
+    }
+  }
+}
+
+export const useTimeAgo = (timestamp) =>  {
+  const [timeAgo, setTimeAgo] = useState(() => { return getDateDiffs(timestamp) })
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      const newTimeAgo = getDateDiffs(timestamp)
+      setTimeAgo(newTimeAgo)
+    }, 5000)
+
+    return () => { return clearInterval(interval) }
+  }, [timestamp])
+
+  const rtf = new Intl.RelativeTimeFormat('es', { style: 'short' })
+
+  const { value, unit } = timeAgo
+
+  return rtf && rtf?.format(value, unit)
+}

package/src/hooks/useUpdateCart/index.js

@@ -1,123 +1,124 @@
-import debounce from 'lodash.debounce'
-import { useState } from 'react'
-import { useEffect } from 'react'
-import { getCurrentDomain } from '../../utils'
-import { trigger } from '../useEvent'
-// EXAMPLE
-// https://codesandbox.io/s/nextjs-cart-system-tfg1e?file=/pages/_app.js
-
-// Method to execute the event to add all items of the app.cart cookie
-const updateCart = debounce((items = []) => {
-  trigger({ eventType: 'app.cart', data: { loading: true, items } })
-}, 3000)
-
-const EMPTY_CART = {
-  items: [],
-  total: 0
-}
-
-export const useUpdateCart = () => {
-  const domain = getCurrentDomain()
-  const keyToSaveData = 'app.cart'
-  const saveDataState = JSON.parse(Cookies.get(keyToSaveData) || '[]')
-  const [cart, setCart] = useState(EMPTY_CART)
-
-  useEffect(() => {
-    // restore cart from cookie, this could also be tracked in a db
-    const cart = Cookies.get(keyToSaveData)
-
-    // if items in cart, set items and total to state
-    if (typeof cart === 'string' && cart !== 'undefined') {
-      const cartData = JSON.parse(cart)
-      const total = cartData.reduce(
-        (total, item) => {return total + item.price * item.quantity},
-        0
-      )
-
-      setCart({ items: cartData, total })
-    }
-  }, [])
-
-  useEffect(() => {
-    Cookies.set(keyToSaveData, JSON.stringify(cart.items), { domain, path: '/' })
-  }, [cart, domain])
-
-  const handleAdd = (item) => {
-    // check for item already in cart
-    // if not in cart, add item else if item is found increment quantity
-    const itemExists = cart.items.find((i) => {return i.pId === item.pId})
-
-    if (!itemExists) {
-      setCart((prevCart) => {return {
-        items: [...prevCart.items, { ...item, quantity: 1 }],
-        total: prevCart.total + item.price
-      }})
-
-      return
-    }
-
-    setCart((prevCart) => {return {
-      items: prevCart.items.map((i) => {
-        if (i.pId === item.pId) {
-          return { ...i, quantity: i.quantity + 1 }
-        }
-
-        return i
-      }),
-      total: prevCart.total + item.price
-    }})
-    updateCart(cart)
-  }
-
-  const deleteProductCart = (item) => {
-    setCart((prevCart) => {
-      const items = prevCart.items
-      const index = items.findIndex((i) => {return i.pId === item.pId})
-
-      items.splice(index, 1)
-
-      const total = items.reduce((t, i) => {return t + i.quantity * i.price}, 0)
-
-      return { items, total }
-    })
-  }
-
-  const decreaseItemFromCart = (item) => {
-    // check for item already in cart
-    // if quantity is more then  in cart, subtract item else remove item
-    const itemInCart = cart.items.find((i) => {return i.pId === item.pId})
-
-    if (!itemInCart) {
-      return
-    }
-
-    if (itemInCart.quantity === 1) {
-      deleteProductCart(item)
-
-      return
-    }
-
-    setCart((prevCart) => {return {
-      items: prevCart.items.map((i) => {
-        if (i.pId === item.pId) {
-          return { ...i, quantity: item.quantity - 1 }
-        }
-
-        return i
-      }),
-      total: prevCart.total - item.price
-    }})
-  }
-
-  const clearCart = () => {
-    setCart(EMPTY_CART)
-  }
-
-  return {
-    saveDataState,
-    clearCart,
-    deleteProductCart,
-    decreaseItemFromCart,
-    handleAdd
-  }
-}
+import debounce from 'lodash.debounce'
+import { useState, useEffect } from 'react'
+import { getCurrentDomain } from '../../utils'
+import { trigger } from '../useEvent'
+import { Cookies } from '../../cookies'
+
+// EXAMPLE
+// https://codesandbox.io/s/nextjs-cart-system-tfg1e?file=/pages/_app.js
+
+// Method to execute the event to add all items of the app.cart cookie
+const updateCart = debounce((items = []) => {
+  trigger({ eventType: 'app.cart', data: { loading: true, items } })
+}, 3000)
+
+const EMPTY_CART = {
+  items: [],
+  total: 0
+}
+
+export const useUpdateCart = () => {
+  const domain = getCurrentDomain()
+  const keyToSaveData = 'app.cart'
+  const saveDataState = JSON.parse(Cookies.get(keyToSaveData) || '[]')
+  const [cart, setCart] = useState(EMPTY_CART)
+
+  useEffect(() => {
+    // restore cart from cookie, this could also be tracked in a db
+    const cart = Cookies.get(keyToSaveData)
+
+    // if items in cart, set items and total to state
+    if (typeof cart === 'string' && cart !== 'undefined') {
+      const cartData = JSON.parse(cart)
+      const total = cartData.reduce(
+        (total, item) => {return total + item.price * item.quantity},
+        0
+      )
+
+      setCart({ items: cartData, total })
+    }
+  }, [])
+
+  useEffect(() => {
+    Cookies.set(keyToSaveData, JSON.stringify(cart.items), { domain, path: '/' })
+  }, [cart, domain])
+
+  const handleAdd = (item) => {
+    // check for item already in cart
+    // if not in cart, add item else if item is found increment quantity
+    const itemExists = cart.items.find((i) => {return i.pId === item.pId})
+
+    if (!itemExists) {
+      setCart((prevCart) => {return {
+        items: [...prevCart.items, { ...item, quantity: 1 }],
+        total: prevCart.total + item.price
+      }})
+
+      return
+    }
+
+    setCart((prevCart) => {return {
+      items: prevCart.items.map((i) => {
+        if (i.pId === item.pId) {
+          return { ...i, quantity: i.quantity + 1 }
+        }
+
+        return i
+      }),
+      total: prevCart.total + item.price
+    }})
+    updateCart(cart)
+  }
+
+  const deleteProductCart = (item) => {
+    setCart((prevCart) => {
+      const items = prevCart.items
+      const index = items.findIndex((i) => {return i.pId === item.pId})
+
+      items.splice(index, 1)
+
+      const total = items.reduce((t, i) => {return t + i.quantity * i.price}, 0)
+
+      return { items, total }
+    })
+  }
+
+  const decreaseItemFromCart = (item) => {
+    // check for item already in cart
+    // if quantity is more then  in cart, subtract item else remove item
+    const itemInCart = cart.items.find((i) => {return i.pId === item.pId})
+
+    if (!itemInCart) {
+      return
+    }
+
+    if (itemInCart.quantity === 1) {
+      deleteProductCart(item)
+
+      return
+    }
+
+    setCart((prevCart) => {return {
+      items: prevCart.items.map((i) => {
+        if (i.pId === item.pId) {
+          return { ...i, quantity: item.quantity - 1 }
+        }
+
+        return i
+      }),
+      total: prevCart.total - item.price
+    }})
+  }
+
+  const clearCart = () => {
+    setCart(EMPTY_CART)
+  }
+
+  return {
+    saveDataState,
+    clearCart,
+    deleteProductCart,
+    decreaseItemFromCart,
+    handleAdd
+  }
+}

package/src/hooks/useUser/index.js

@@ -1,3 +1,3 @@
-export const useUser = () => {
-  return []
-}
+export const useUser = () => {
+  return []
+}

package/src/hooks/useWindowSize/index.js

@@ -1,38 +1,38 @@
-import { useState, useEffect } from 'react';
-
-export default function useWindowSize() {
-    // Initialize state with undefined width/height so server and client renders match
-    // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
-    const [windowSize, setWindowSize] = useState({
-        width: undefined,
-        height: undefined
-    });
-
-    useEffect(() => {
-    // Handler to call on window resize
-        function handleResize() {
-            // Set window width/height to state
-            setWindowSize({
-                width: window.innerWidth,
-                height: window.innerHeight
-            });
-        }
-
-        // Add event listener
-        window.addEventListener('resize', handleResize);
-
-        // Call handler right away so state gets updated with initial window size
-        handleResize();
-
-        // Remove event listener on cleanup
-        return () => window.removeEventListener('resize', handleResize);
-    }, []); // Empty array ensures that effect is only run on mount
-
-    return windowSize;
-}
-// Como se usa
-
-// 1 -const size = useWindowSize();
-// 2  <div>
-// {size.width}px / {size.height}px
+import { useState, useEffect } from 'react';
+
+export default function useWindowSize() {
+    // Initialize state with undefined width/height so server and client renders match
+    // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
+    const [windowSize, setWindowSize] = useState({
+        width: undefined,
+        height: undefined
+    });
+
+    useEffect(() => {
+    // Handler to call on window resize
+        function handleResize() {
+            // Set window width/height to state
+            setWindowSize({
+                width: window.innerWidth,
+                height: window.innerHeight
+            });
+        }
+
+        // Add event listener
+        window.addEventListener('resize', handleResize);
+
+        // Call handler right away so state gets updated with initial window size
+        handleResize();
+
+        // Remove event listener on cleanup
+        return () => window.removeEventListener('resize', handleResize);
+    }, []); // Empty array ensures that effect is only run on mount
+
+    return windowSize;
+}
+// Como se usa
+
+// 1 -const size = useWindowSize();
+// 2  <div>
+// {size.width}px / {size.height}px
 // </div>