ordering-components-external 13.1.2 → 13.1.3

package/src/contexts/SessionContext/index.js

@@ -1,172 +1,172 @@
-import React, { createContext, useContext, useEffect, useState } from 'react'
-import { useApi } from '../ApiContext'
-import { useToast, ToastType } from '../ToastContext'
-import { useLanguage } from '../LanguageContext'
-/**
- * Create SessionContext
- * This context will manage the session internally and provide an easy interface
- */
-export const SessionContext = createContext()
-
-/**
- * Custom provider to session manager
- * This provider has a reducer for manage session state
- * @param {props} props
- */
-export const SessionProvider = ({ children, strategy }) => {
-  const [state, setState] = useState({
-    auth: null,
-    token: null,
-    user: null,
-    loading: true,
-    device_code: null
-  })
-  const [ordering] = useApi()
-  const [, { showToast }] = useToast()
-  const [, t] = useLanguage()
-  const setValuesFromLocalStorage = async () => {
-    const { auth, token, user, device_code } = await getValuesFromLocalStorage()
-    setState({
-      ...state,
-      auth,
-      token,
-      user,
-      loading: false,
-      device_code
-    })
-  }
-
-  const getValuesFromLocalStorage = async () => {
-    try {
-      const auth = await strategy.getItem('token')
-      const token = await strategy.getItem('token')
-      const user = await strategy.getItem('user', true)
-      const device_code = await strategy.getItem('device_code')
-      return { auth, token, user, device_code }
-    } catch (err) {
-      setState({
-        ...state,
-        loading: false
-      })
-    }
-  }
-
-  const login = async (values) => {
-    await strategy.setItem('token', values?.token)
-    await strategy.setItem('user', values?.user, true)
-    if (values?.device_code) {
-      await strategy.setItem('device_code', values?.device_code)
-    }
-    setState({
-      ...state,
-      auth: true,
-      user: values?.user,
-      token: values?.token,
-      loading: false,
-      device_code: values?.device_code || null
-    })
-  }
-
-  const logout = async () => {
-    await strategy.removeItem('token')
-    await strategy.removeItem('user')
-    const countryCodeFromLocalStorage = await strategy.getItem('country-code')
-    if (countryCodeFromLocalStorage) {
-      await strategy.removeItem('country-code')
-    }
-    setState({
-      ...state,
-      auth: false,
-      user: null,
-      token: null,
-      loading: false
-    })
-  }
-
-  const changeUser = async (user) => {
-    await strategy.setItem('user', user, true)
-    setState({
-      ...state,
-      user,
-      loading: false
-    })
-  }
-
-  const checkLocalStorage = async () => {
-    try {
-      const { token, user } = await getValuesFromLocalStorage()
-      if (token && !state.token) {
-        login({
-          user,
-          token
-        })
-      }
-      if ((!token && state.token) || (!user?.enabled)) {
-        logout()
-      }
-    } catch (err) {
-      setState({
-        ...state,
-        loading: false
-      })
-    }
-  }
-
-  const refreshUserInfo = async () => {
-    try {
-      const requestOptions = {
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `bearer ${state.token}`,
-          'X-App-X': ordering?.appId
-        }
-      }
-      const response = await fetch(`${ordering.root}/users/${state.user?.id}`, requestOptions)
-      const { result, error } = await response.json()
-      if (!error) {
-        setState({
-          ...state,
-          user: result,
-          loading: false
-        })
-        await strategy.setItem('user', result, true)
-      } else {
-        showToast(ToastType.Error, t('FAILED_TO_REFRESH_USER', 'Failed to refresh user'))
-      }
-    } catch (err) {
-      showToast(ToastType.Error, t('FAILED_TO_REFRESH_USER', 'Failed to refresh user'))
-    }
-  }
-
-  useEffect(() => {
-    const interval = setInterval(() => {
-      checkLocalStorage()
-    }, 2000)
-    return () => clearInterval(interval)
-  }, [JSON.stringify(state)])
-
-  useEffect(() => {
-    setValuesFromLocalStorage()
-  }, [])
-
-  const functions = {
-    login,
-    logout,
-    changeUser,
-    refreshUserInfo
-  }
-
-  return (
-    <SessionContext.Provider value={[state, functions]}>
-      {children}
-    </SessionContext.Provider>
-  )
-}
-
-/**
- * Hook to get and update session state
- */
-export const useSession = () => {
-  const sessionManager = useContext(SessionContext)
-  return sessionManager || [{}, () => { }]
-}
+import React, { createContext, useContext, useEffect, useState } from 'react'
+import { useApi } from '../ApiContext'
+import { useToast, ToastType } from '../ToastContext'
+import { useLanguage } from '../LanguageContext'
+/**
+ * Create SessionContext
+ * This context will manage the session internally and provide an easy interface
+ */
+export const SessionContext = createContext()
+
+/**
+ * Custom provider to session manager
+ * This provider has a reducer for manage session state
+ * @param {props} props
+ */
+export const SessionProvider = ({ children, strategy }) => {
+  const [state, setState] = useState({
+    auth: null,
+    token: null,
+    user: null,
+    loading: true,
+    device_code: null
+  })
+  const [ordering] = useApi()
+  const [, { showToast }] = useToast()
+  const [, t] = useLanguage()
+  const setValuesFromLocalStorage = async () => {
+    const { auth, token, user, device_code } = await getValuesFromLocalStorage()
+    setState({
+      ...state,
+      auth,
+      token,
+      user,
+      loading: false,
+      device_code
+    })
+  }
+
+  const getValuesFromLocalStorage = async () => {
+    try {
+      const auth = await strategy.getItem('token')
+      const token = await strategy.getItem('token')
+      const user = await strategy.getItem('user', true)
+      const device_code = await strategy.getItem('device_code')
+      return { auth, token, user, device_code }
+    } catch (err) {
+      setState({
+        ...state,
+        loading: false
+      })
+    }
+  }
+
+  const login = async (values) => {
+    await strategy.setItem('token', values?.token)
+    await strategy.setItem('user', values?.user, true)
+    if (values?.device_code) {
+      await strategy.setItem('device_code', values?.device_code)
+    }
+    setState({
+      ...state,
+      auth: true,
+      user: values?.user,
+      token: values?.token,
+      loading: false,
+      device_code: values?.device_code || null
+    })
+  }
+
+  const logout = async () => {
+    await strategy.removeItem('token')
+    await strategy.removeItem('user')
+    const countryCodeFromLocalStorage = await strategy.getItem('country-code')
+    if (countryCodeFromLocalStorage) {
+      await strategy.removeItem('country-code')
+    }
+    setState({
+      ...state,
+      auth: false,
+      user: null,
+      token: null,
+      loading: false
+    })
+  }
+
+  const changeUser = async (user) => {
+    await strategy.setItem('user', user, true)
+    setState({
+      ...state,
+      user,
+      loading: false
+    })
+  }
+
+  const checkLocalStorage = async () => {
+    try {
+      const { token, user } = await getValuesFromLocalStorage()
+      if (token && !state.token) {
+        login({
+          user,
+          token
+        })
+      }
+      if ((!token && state.token) || (!user?.enabled)) {
+        logout()
+      }
+    } catch (err) {
+      setState({
+        ...state,
+        loading: false
+      })
+    }
+  }
+
+  const refreshUserInfo = async () => {
+    try {
+      const requestOptions = {
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `bearer ${state.token}`,
+          'X-App-X': ordering?.appId
+        }
+      }
+      const response = await fetch(`${ordering.root}/users/${state.user?.id}`, requestOptions)
+      const { result, error } = await response.json()
+      if (!error) {
+        setState({
+          ...state,
+          user: result,
+          loading: false
+        })
+        await strategy.setItem('user', result, true)
+      } else {
+        showToast(ToastType.Error, t('FAILED_TO_REFRESH_USER', 'Failed to refresh user'))
+      }
+    } catch (err) {
+      showToast(ToastType.Error, t('FAILED_TO_REFRESH_USER', 'Failed to refresh user'))
+    }
+  }
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      checkLocalStorage()
+    }, 2000)
+    return () => clearInterval(interval)
+  }, [JSON.stringify(state)])
+
+  useEffect(() => {
+    setValuesFromLocalStorage()
+  }, [])
+
+  const functions = {
+    login,
+    logout,
+    changeUser,
+    refreshUserInfo
+  }
+
+  return (
+    <SessionContext.Provider value={[state, functions]}>
+      {children}
+    </SessionContext.Provider>
+  )
+}
+
+/**
+ * Hook to get and update session state
+ */
+export const useSession = () => {
+  const sessionManager = useContext(SessionContext)
+  return sessionManager || [{}, () => { }]
+}

package/src/contexts/SiteContext/index.js

@@ -1,79 +1,79 @@
-import React, { createContext, useState, useContext, useEffect } from 'react'
-import { useApi } from '../ApiContext'
-import { useLanguage } from '../LanguageContext'
-import { useOptimizationLoad } from '../OptimizationLoadContext'
-
-/**
- * Create SiteContext
- * This context will manage the current site internally and provide an easy interface
- */
-export const SiteContext = createContext()
-
-/**
- * Custom provider to site manager
- * This provider has a reducer for manage site state
- * @param {props} props
- */
-export const SiteProvider = ({ appId, children }) => {
-  const [state, setState] = useState({ loading: true, site: {} })
-  const [languageState] = useLanguage()
-  const [ordering] = useApi()
-  const [optimizationLoad] = useOptimizationLoad()
-
-  const refreshSite = async (sites = null) => {
-    try {
-      setState({ ...state, loading: true })
-      const requestOptions = {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json',
-          'X-APP-X': appId
-        }
-      }
-
-      let error = sites?.error ?? null
-      let result = sites?.result ?? null
-      if (!sites) {
-        const response = await fetch(`${ordering.root}/sites/current`, requestOptions)
-        const res = await response.json()
-        error = res?.error
-        result = res?.result
-      }
-
-      setState({
-        ...state,
-        loading: false,
-        site: error ? {} : result
-      })
-    } catch (err) {
-      setState({ ...state, loading: false })
-    }
-  }
-
-  const functions = {
-    refreshSite
-  }
-
-  useEffect(() => {
-    if (languageState.loading || optimizationLoad.loading) return
-    const _sites = optimizationLoad.result ? {
-      error: optimizationLoad.error,
-      result: optimizationLoad.result?.site
-    } : null
-    refreshSite(_sites)
-  }, [languageState, optimizationLoad])
-
-  return (
-    <SiteContext.Provider value={[state, functions]}>
-      {children}
-    </SiteContext.Provider>
-  )
-}
-
-/**
- * Hook to get and update site state
- */
-export const useSite = () => {
-  const siteManager = useContext(SiteContext)
-  return siteManager || [{}, async () => {}]
-}
+import React, { createContext, useState, useContext, useEffect } from 'react'
+import { useApi } from '../ApiContext'
+import { useLanguage } from '../LanguageContext'
+import { useOptimizationLoad } from '../OptimizationLoadContext'
+
+/**
+ * Create SiteContext
+ * This context will manage the current site internally and provide an easy interface
+ */
+export const SiteContext = createContext()
+
+/**
+ * Custom provider to site manager
+ * This provider has a reducer for manage site state
+ * @param {props} props
+ */
+export const SiteProvider = ({ appId, children }) => {
+  const [state, setState] = useState({ loading: true, site: {} })
+  const [languageState] = useLanguage()
+  const [ordering] = useApi()
+  const [optimizationLoad] = useOptimizationLoad()
+
+  const refreshSite = async (sites = null) => {
+    try {
+      setState({ ...state, loading: true })
+      const requestOptions = {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+          'X-APP-X': appId
+        }
+      }
+
+      let error = sites?.error ?? null
+      let result = sites?.result ?? null
+      if (!sites) {
+        const response = await fetch(`${ordering.root}/sites/current`, requestOptions)
+        const res = await response.json()
+        error = res?.error
+        result = res?.result
+      }
+
+      setState({
+        ...state,
+        loading: false,
+        site: error ? {} : result
+      })
+    } catch (err) {
+      setState({ ...state, loading: false })
+    }
+  }
+
+  const functions = {
+    refreshSite
+  }
+
+  useEffect(() => {
+    if (languageState.loading || optimizationLoad.loading) return
+    const _sites = optimizationLoad.result ? {
+      error: optimizationLoad.error,
+      result: optimizationLoad.result?.site
+    } : null
+    refreshSite(_sites)
+  }, [languageState, optimizationLoad])
+
+  return (
+    <SiteContext.Provider value={[state, functions]}>
+      {children}
+    </SiteContext.Provider>
+  )
+}
+
+/**
+ * Hook to get and update site state
+ */
+export const useSite = () => {
+  const siteManager = useContext(SiteContext)
+  return siteManager || [{}, async () => {}]
+}

package/src/contexts/ToastContext/index.js

@@ -1,42 +1,42 @@
-import * as React from 'react'
-
-// Defines the three kinds of message that are displayed
-export const ToastType = {
-  Info: 'INFO',
-  Error: 'ERROR',
-  Success: 'SUCCESS'
-}
-
-// Creates the toast context
-export const ToastContext = React.createContext(null)
-
-export const ToastProvider = ({ children }) => {
-  // Calls setToastConfig in order to control the toast
-  // toastConfig is null by default so the toast is hidden
-  const [
-    toastConfig,
-    setToastConfig
-  ] = React.useState(null)
-
-  const showToast = (type, message, duration = 3000) => {
-    setToastConfig({ type, message, duration })
-  }
-
-  const hideToast = () => {
-    // Sets toast config to null in order to hide the toast
-    setToastConfig(null)
-  }
-
-  return (
-    <ToastContext.Provider value={[toastConfig, { showToast, hideToast }]}>
-      {children}
-    </ToastContext.Provider>
-  )
-}
-
-// hook context
-
-export function useToast () {
-  const toastManager = React.useContext(ToastContext)
-  return toastManager || [{}, () => {}]
-}
+import * as React from 'react'
+
+// Defines the three kinds of message that are displayed
+export const ToastType = {
+  Info: 'INFO',
+  Error: 'ERROR',
+  Success: 'SUCCESS'
+}
+
+// Creates the toast context
+export const ToastContext = React.createContext(null)
+
+export const ToastProvider = ({ children }) => {
+  // Calls setToastConfig in order to control the toast
+  // toastConfig is null by default so the toast is hidden
+  const [
+    toastConfig,
+    setToastConfig
+  ] = React.useState(null)
+
+  const showToast = (type, message, duration = 3000) => {
+    setToastConfig({ type, message, duration })
+  }
+
+  const hideToast = () => {
+    // Sets toast config to null in order to hide the toast
+    setToastConfig(null)
+  }
+
+  return (
+    <ToastContext.Provider value={[toastConfig, { showToast, hideToast }]}>
+      {children}
+    </ToastContext.Provider>
+  )
+}
+
+// hook context
+
+export function useToast () {
+  const toastManager = React.useContext(ToastContext)
+  return toastManager || [{}, () => {}]
+}