npm-pkg-hook 1.0.0 → 1.0.2

package/src/hooks/useSetState/index.js

@@ -0,0 +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
+  }
+}

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

@@ -0,0 +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)
+}

package/src/hooks/useUpdateCart/index.js

@@ -0,0 +1,124 @@
+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

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

package/src/hooks/useWindowSize/index.js

@@ -0,0 +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
+// </div>

package/src/index.jsx

@@ -1,6 +1 @@
-
-const Hello = () => 'Hola Papu'
-
-module.exports = {
-    Hello
-}
+export * from './hooks/index'

package/src/utils/index.js

@@ -0,0 +1,54 @@
+/**
+ * @description It takes an array of elements and returns an object with a submit hook for each element.
+ * @version 0.1.1
+ * @param {array} elements elementos del formulario
+ * @return {array} devuelve un array de booleanos con el nombre identificador para cada estado en react.
+ */
+export const validationSubmitHooks = elements => {
+    let errorForm = {}
+    for (const element of elements) {
+      if (element.name) {
+        if (element.type === 'text' || element.type === 'password' || element.type === 'email' || element.type === 'number' || element.type === 'hidden') {
+          if (element.dataset.required === 'true') {
+            if (!element.value) errorForm = { ...errorForm, [element.name]: !element.value }
+            else errorForm = { ...errorForm, [element.name]: !element.value }
+          } else {
+            errorForm = { ...errorForm, [element.name]: false }
+          }
+        }
+      }
+    }
+    return errorForm
+  }
+
+  export const getCurrentDomain = () => {
+    return typeof window !== 'undefined' && window.location.hostname.split('.').slice(-2).join('.')
+  }
+
+  export function RandomCode(length) {
+    let result = ''
+    let characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
+    let charactersLength = characters.length
+    for (let i = 0; i < length; i++) {
+      result += characters.charAt(Math.floor(Math.random() *
+        charactersLength))
+    }
+    return result
+  }
+  /**
+ * actualizar cache de apollo
+ * @param {{ cache: object, query: object, nameFun: string, dataNew: object, type: number, id: string }} params Parámetros para actualizar el cachet de apollo
+ * @returns {null} no hay retorno
+ */
+export const updateCacheMod = async ({ cache, query, nameFun, dataNew, type, id }) => {
+  return cache.modify({
+    fields: {
+      [nameFun](dataOld = []) {
+        if (type === 1) return cache.writeQuery({ query, data: [...(dataOld || []), { ...(dataNew || {}) }] })
+        if (type === 2) return cache.writeQuery({ query, data: { ...(dataOld || {}), ...(dataNew || {}) } })
+        if (type === 3) return cache.writeQuery({ query, data: dataOld.filter(x => { return x === id }) })
+      }
+    }
+  })
+}
+export const initializer = (initialValue = initialState) => { return JSON.parse(localStorage.getItem(process.env.LOCAL_SALES_STORE)) || initialValue }