npm-pkg-hook 1.1.0 → 1.1.2

package/.eslintrc.js

@@ -1,132 +1,132 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-    node: true
-  },
-  extends: [
-    'plugin:react/recommended',
-    'standard'
-  ],
-  overrides: [
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module'
-  },
-  plugins: [
-    'react',
-    'react-hooks',
-    '@typescript-eslint'
-  ],
-  rules: {
-    'import/no-anonymous-default-export': ['error', {
-      allowArray: false,
-      allowArrowFunction: false,
-      allowAnonymousClass: false,
-      allowAnonymousFunction: false,
-      allowCallExpression: true, // The true value here is for backward compatibility
-      allowLiteral: false,
-      allowObject: true // anonymous-default-export
-    }],
-    // react hooks validations
-    'react-hooks/exhaustive-deps': 'warn',
-    'react-hooks/rules-of-hooks': 'error',
-    // allow jsx syntax in js files (for next.js project)
-    'react/jsx-filename-extension': [
-      1,
-      {
-        extensions: [
-          '.js',
-          '.jsx',
-          '.ts',
-          '.tsx'
-        ]
-      }
-    ],
-    quotes: [
-      2,
-      'single',
-      {
-        avoidEscape: true,
-        allowTemplateLiterals: true
-      }
-    ],
-    'consistent-return': 2,
-    indent: [
-      2,
-      2,
-      {
-        SwitchCase: 1
-      }
-    ],
-    'no-else-return': 1,
-    semi: [
-      1,
-      'never'
-    ],
-    'space-unary-ops': 2,
-    'comma-dangle': [
-      'error',
-      {
-        arrays: 'never',
-        objects: 'never',
-        imports: 'never',
-        exports: 'never',
-        functions: 'never'
-      }
-    ],
-    'one-var': [
-      2,
-      'never'
-    ],
-    'no-var': 'error',
-    'arrow-body-style': [
-      'error',
-      'always'
-    ],
-    'no-console': 'error',
-    'no-multi-spaces': [
-      'error',
-      {
-        exceptions: {
-          BinaryExpression: true
-        }
-      }
-    ],
-    'no-multiple-empty-lines': [
-      'error',
-      {
-        max: 2,
-        maxBOF: 2
-      }
-    ],
-    'jsx-quotes': [
-      'error',
-      'prefer-single'
-    ],
-    'react/jsx-sort-props': [
-      'error',
-      {
-        noSortAlphabetically: false
-      }
-    ],
-    'react/jsx-first-prop-new-line': [
-      'error',
-      'multiline'
-    ],
-    'react/jsx-max-props-per-line': [
-      'error',
-      {
-        maximum: {
-          single: 2,
-          multi: 1
-        }
-      }
-    ],
-    'react/jsx-closing-bracket-location': [
-      'error',
-      'line-aligned'
-    ]
-  }
-}
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    node: true
+  },
+  extends: [
+    'plugin:react/recommended',
+    'standard'
+  ],
+  overrides: [
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module'
+  },
+  plugins: [
+    'react',
+    'react-hooks',
+    '@typescript-eslint'
+  ],
+  rules: {
+    'import/no-anonymous-default-export': ['error', {
+      allowArray: false,
+      allowArrowFunction: false,
+      allowAnonymousClass: false,
+      allowAnonymousFunction: false,
+      allowCallExpression: true, // The true value here is for backward compatibility
+      allowLiteral: false,
+      allowObject: true // anonymous-default-export
+    }],
+    // react hooks validations
+    'react-hooks/exhaustive-deps': 'warn',
+    'react-hooks/rules-of-hooks': 'error',
+    // allow jsx syntax in js files (for next.js project)
+    'react/jsx-filename-extension': [
+      1,
+      {
+        extensions: [
+          '.js',
+          '.jsx',
+          '.ts',
+          '.tsx'
+        ]
+      }
+    ],
+    quotes: [
+      2,
+      'single',
+      {
+        avoidEscape: true,
+        allowTemplateLiterals: true
+      }
+    ],
+    'consistent-return': 2,
+    indent: [
+      2,
+      2,
+      {
+        SwitchCase: 1
+      }
+    ],
+    'no-else-return': 1,
+    semi: [
+      1,
+      'never'
+    ],
+    'space-unary-ops': 2,
+    'comma-dangle': [
+      'error',
+      {
+        arrays: 'never',
+        objects: 'never',
+        imports: 'never',
+        exports: 'never',
+        functions: 'never'
+      }
+    ],
+    'one-var': [
+      2,
+      'never'
+    ],
+    'no-var': 'error',
+    'arrow-body-style': [
+      'error',
+      'always'
+    ],
+    'no-console': 'error',
+    'no-multi-spaces': [
+      'error',
+      {
+        exceptions: {
+          BinaryExpression: true
+        }
+      }
+    ],
+    'no-multiple-empty-lines': [
+      'error',
+      {
+        max: 2,
+        maxBOF: 2
+      }
+    ],
+    'jsx-quotes': [
+      'error',
+      'prefer-single'
+    ],
+    'react/jsx-sort-props': [
+      'error',
+      {
+        noSortAlphabetically: false
+      }
+    ],
+    'react/jsx-first-prop-new-line': [
+      'error',
+      'multiline'
+    ],
+    'react/jsx-max-props-per-line': [
+      'error',
+      {
+        maximum: {
+          single: 2,
+          multi: 1
+        }
+      }
+    ],
+    'react/jsx-closing-bracket-location': [
+      'error',
+      'line-aligned'
+    ]
+  }
+}

package/next.config.js

@@ -46,7 +46,6 @@ module.exports = (phase) => {
       if (isProd) return 'http://localhost:3000/'
       if (isStaging) return 'Title Stg'
     })(),
-    // URL_BASE_WS
     URL_ADMIN_SERVER: (() => {
       if (isDev) return 'http://localhost:4000/'
       // if (isDev) return 'https://server-image-food.herokuapp.com/'

package/package.json

@@ -1,43 +1,46 @@
-{
-  "name": "npm-pkg-hook",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Jesus123780/pkg-hook"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "version": "1.1.0",
-  "description": "description-pkg-hook",
-  "main": "/src/index.jsx",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "lint": "eslint .",
-    "rm": "rm -rf node_modules package-lock.json && npm i"
-  },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@apollo/client": "3.6.9",
-    "@typescript-eslint/parser": "^5.37.0",
-    "js-cookie": "3.0.1",
-    "lodash": "^4.17.21",
-    "moment": "^2.29.4",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
-    "react-query": "^3.39.2"
-  },
-  "devDependencies": {
-    "@babel/preset-env": "^7.19.1",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@types/react": "^18.0.20",
-    "eslint": "^8.33.0",
-    "eslint-config-standard": "^17.0.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-n": "^15.6.1",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0"
-  }
-}
+{
+  "name": "npm-pkg-hook",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Jesus123780/pkg-hook"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "version": "1.1.2",
+  "description": "description-pkg-hook",
+  "main": "/src/index.jsx",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "lint": "eslint .",
+    "rm": "rm -rf node_modules package-lock.json && npm i"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@apollo/client": "3.6.9",
+    "@typescript-eslint/parser": "^5.37.0",
+    "crypto-js": "4.1.1",
+    "js-cookie": "3.0.1",
+    "lodash": "4.17.21",
+    "md5": "2.3.0",
+    "moment": "^2.29.4",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
+    "react-query": "^3.39.2",
+    "uuid": "^9.0.0"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.19.1",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@types/react": "^18.0.20",
+    "eslint": "^8.33.0",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-n": "^15.6.1",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0"
+  }
+}

package/src/config/client/errors.js

@@ -4,7 +4,8 @@ export const errorHandler = (error) => {
     let logout = null
     if (error) {
         error.errors?.length && error.errors.forEach(err => {
-        const { code, message: { message } } = err.extensions
+            const { code } = err.extensions
+            const { message } = err
         if (code === 'UNAUTHENTICATED' || code === 'FORBIDDEN')  {
             logout = true
         return {

package/src/hooks/getSession/index.js

@@ -0,0 +1,18 @@
+export const getSession = async () => {
+    try {
+      const res = await fetch(`${process.env.URL_BASE}api/auth/getAuth`,
+        { method: 'GET', headers: { 'Content-Type': 'application/json' } })
+      const data = await res.json()
+      const { ok, ok: { user }, isSession } = data || {}
+      const { deviceid, token } = user || {}
+      return {
+        user,
+        ok,
+        isSession,
+        deviceid,
+        token
+      }
+    } catch (e) {
+      return e
+    }
+  }

package/src/hooks/index.js

@@ -1,21 +1,31 @@
+
+export * from './getSession'
 export * from './updateExtProductFoodsOptional'
 export * from './useAcumulateDate'
 export * from './useBanner'
+export * from './useCategoriesProduct'
 export * from './useCategoryInStore'
 export * from './useCategoryStore'
+export * from './useGenerateNumberArray'
+export * from './useAnimationFrame'
+export * from './useProviders'
 export * from './useCatWithProduct'
+export * from './useDropzone'
+export * from './useFingerprintjs'
 export * from './useChartData'
-export * from './useLogout'
-export * from './useEmployee'
+export * from './useStatusOpenStore'
 export * from './useCheckbox'
+export * from './useDevices'
+export * from './useScheduleData'
 export * from './useClients'
-export * from './useOrders'
-export * from './useUpdateExistingOrders'
+export * from './useDynamicAuth'
+export * from './useFullScreenMode'
 export * from './useConnection'
 export * from './useCreateProduct'
 export * from './useCreateProduct/helpers/useEditImageProduct'
 export * from './useDessert'
 export * from './useDrag'
+export * from './useEmployee'
 export * from './useEvent'
 export * from './useFetchJson'
 export * from './useFormatDate'
@@ -30,25 +40,35 @@ export * from './useKeypress'
 export * from './useLazyScript'
 export * from './useLocalSorage'
 export * from './useLocationNavigate'
-export * from './useSetSession'
+export * from './useLogout'
+export * from './useManageQueryParams'
 export * from './useMobile'
 export * from './useMutateHeight'
+export * from './useOrders'
+export * from './useScroll'
 export * from './useProductsFood'
+export * from './useProductsFood/queriesStore'
 export * from './useProductsFood/usetagsProducts'
 export * from './useReactToPrint'
+export * from './useRemoveExtraProductFoodsOptional'
 export * from './useReport'
-export * from './useStoreContacts'
 export * from './useRestaurant'
 export * from './useSales'
 export * from './useSales/useGetSale'
 export * from './useSales/useTotalSales'
 export * from './useSaveAvailableProduct'
 export * from './useSchedule'
+export * from './useScrollRotate'
+export * from './useSetSession'
+export * from './useDeleteSubProductOptional'
 export * from './useSetState'
 export * from './useStore'
+export * from './useAnimationText'
 export * from './useStoreCalendar'
+export * from './useStoreContacts'
 export * from './useTimeAgo/useTimeAgo'
 export * from './useUpdateCart'
+export * from './useUpdateExistingOrders'
 export * from './useUpdateExtProductFoodsSubOptional'
 export * from './useUser'
-
+export * from './useRatingData'

package/src/hooks/useAnimationFrame/index.js

@@ -0,0 +1,45 @@
+import { useEffect, useRef } from "react"
+
+export const useAnimationFrame = (callback, start, end, duration = 1000) => {
+    const functionRef = useRef()
+    const delta = Math.abs(start - end)
+    const frameCount = Math.ceil(60 * (duration / 1000))
+    const iteration = useRef(frameCount)
+    useEffect(() => {
+      const animate = (rafId) => {
+        if (iteration.current <= 0) {
+          cancelAnimationFrame(rafId)
+          iteration.current = frameCount
+        }
+  
+        callback(Math.max(delta / iteration.current, 1))
+        iteration.current--
+      }
+  
+      if (delta > 0) functionRef.current = requestAnimationFrame(animate)
+  
+      return () => {return cancelAnimationFrame(functionRef.current)}
+    }, [callback, delta, frameCount, iteration])
+  }
+
+  // const Counter = ({ numeral = 0 }) => {
+  //   const [currentValue, setCurrentValue] = useState(0)
+  //   const fxOperator = currentValue > numeral ? 'subtraction' : 'addition'
+
+  //   useAnimationFrame(
+  //     (diffValue) => {
+  //       // Pass on a function to the setter of the state
+  //       // to make sure we always have the latest state
+  //       setCurrentValue((prevCount) => {
+  //         return fxOperator === 'addition'
+  //           ? prevCount + diffValue
+  //           : prevCount - diffValue
+  //       }
+  //       )
+  //     },
+  //     currentValue,
+  //     numeral,
+  //     300
+  //   )
+  //   return <>{new Intl.NumberFormat().format(Math.round(currentValue))}</>
+  // }

package/src/hooks/useAnimationText/index.jsx

@@ -1,31 +1,29 @@
-import { useEffect, useRef, useState } from 'react'
+import { 
+  useEffect, 
+  useRef, 
+  useState
+} from 'react'
 
-const fullText =
-  ' this is full text it\'ll be animated again! Writing a really huge senetence here so that I can see the animation happen. I know it\'s fast but that\'s how it goes.'
+const fullText = 'this is full text it\'ll be animated again! Writing a really huge senetence here so that I can see the animation happen. I know it\'s fast but that\'s how it goes.'
 
 export const useAnimatedText = textMessage => {
   const fullTextRef = useRef(textMessage)
   const [text, setText] = useState('')
   const [index, setIndex] = useState(0)
-
   useEffect(() => {
     if (index < fullText.length) {
       window.requestAnimationFrame(() => {
         // eslint-disable-next-line
-                setText(text => text + fullTextRef.current[index]);
-        setIndex(() => {return index + 1})
+        setText(text => text + fullTextRef.current[index]);
+        setIndex(() => { return index + 1 })
       })
     }
   }, [index])
   useEffect(() => {
-    fullText.current = textMessage
+    if (fullText?.current) {
+      fullText.current = textMessage
+    }
   }, [textMessage])
 
   return text
 }
-
-// export default function TextHook() {
-//   const text = useAnimatedText(fullText)
-
-//   return <span>{text} </span>
-// }

package/src/hooks/useCatWithProduct/index.js

@@ -1,24 +1,57 @@
 import { useQuery } from '@apollo/client'
 import { GET_ALL_CATEGORIES_WITH_PRODUCT } from './queries'
+import { useLogout } from '../useLogout'
+import { errorHandler } from '../../config/client'
 
+/**
+ * Custom hook to fetch categories with products based on given parameters.
+ *
+ * @param {Object} options - The options object with parameters for the query.
+ * @param {number} options.max - Maximum price for product filtering.
+ * @param {number} options.min - Minimum price for product filtering.
+ * @param {string|null} options.search - Search query for product names.
+ * @param {string|null} options.productName - Name of the product to search for.
+ * @param {Object} options.searchFilter - Additional filters for product search.
+ * @param {string} options.searchFilter.gender - Gender filter for products.
+ * @param {string} options.searchFilter.desc - Description filter for products.
+ * @param {string} options.searchFilter.speciality - Speciality filter for products.
+ * @returns {[Object[], Object]} - An array with the list of categories with products and an object containing loading, error, fetchMore, and totalCount properties.
+ */
 export const useCatWithProduct = ({
-    max = 1,
+    max = 400,
     min = 0,
     search = null,
     productName = null,
     searchFilter= {}
-}) => {
-    const {
+} = {}) => {
+  const [onClickLogout] = useLogout()
+    
+  const {
         gender,
         desc,
         speciality
     } = searchFilter || {}
+
   const {
     data,
     loading,
     error,
     fetchMore
 } = useQuery(GET_ALL_CATEGORIES_WITH_PRODUCT, {
+  onError: (error) => {
+    const errors = {
+      errors: error?.graphQLErrors || []
+    }
+    console.log(errors)
+    const responseError = errorHandler(errors);
+    console.log(responseError)
+
+    if (error.message === 'Token expired' || responseError) {
+      onClickLogout()
+    }
+  
+  },
+    notifyOnNetworkStatusChange: true,
     fetchPolicy: 'network-only',
     variables:
     {
@@ -26,7 +59,7 @@ export const useCatWithProduct = ({
       productName,
       gender: gender,
       min,
-      max: 400,
+      max: max,
       desc: desc,
       categories: speciality
     }

package/src/hooks/useCatWithProduct/queries.js

@@ -23,14 +23,6 @@ getPromoStoreAdmin(min: $min, max: $max){
 }
 `
 
-export const CREATE_STORE_CALENDAR = gql`
-mutation  setStoreSchedule($input: ITstoreSchedule!){
-  setStoreSchedule(input: $input){
-    message
-    success
-  }
-}
-`
 export const DELETE_ONE_CAT_PRODUCTS = gql`
   mutation  deleteCatOfProducts($idPc: ID!, $pState: Int){
   deleteCatOfProducts(idPc: $idPc, pState: $pState){
@@ -64,14 +56,6 @@ mutation editExtProductFoods($input: InputExtProductFood!) {
   }
 }
 `
-export const DELETE_CAT_EXTRA_PRODUCTS = gql`
-  mutation  DeleteExtProductFoodsOptional($opExPid: ID, $state: Int){
-    DeleteExtProductFoodsOptional(opExPid: $opExPid, state: $state){
-      success, 
-      message
-  }
-}
-`
 export const DELETE_CAT_EXTRA_SUB_OPTIONAL_PRODUCTS = gql`
   mutation  DeleteExtFoodSubsOptional($opSubExPid: ID, $state: Int){
     DeleteExtFoodSubsOptional(opSubExPid: $opSubExPid, state: $state){

package/src/hooks/useCategoriesProduct/index.js

@@ -0,0 +1,12 @@
+import { useQuery } from '@apollo/client'
+import { GET_ULTIMATE_CATEGORY_PRODUCTS } from './queries'
+
+export const useCategoriesProduct = () => {
+  const { 
+    data, 
+    loading, 
+    error, 
+    networkStatus
+} = useQuery(GET_ULTIMATE_CATEGORY_PRODUCTS)
+  return [data?.catProductsAll, { loading, error, networkStatus }]
+}