ordering-components-external 13.1.5 → 13.1.7

package/src/contexts/LanguageContext/index.js

@@ -1,144 +1,144 @@
-import React, { createContext, useState, useContext, useEffect } from 'react'
-import { useApi } from '../ApiContext'
-
-/**
- * Create LanguageContext
- * This context will manage the current languages internally and provide an easy interface
- */
-export const LanguageContext = createContext()
-
-/**
- * Custom provider to languages manager
- * This provider has a reducer for manage languages state
- * @param {props} props
- */
-export const LanguageProvider = ({ settings, children, strategy }) => {
-  const [state, setState] = useState({
-    loading: true,
-    dictionary: {}
-  })
-
-  /**
-   * Load language from localstorage and set state or load default language
-   */
-  const setLanguageFromLocalStorage = async () => {
-    const language = await strategy.getItem('language', true)
-    if (!language) {
-      loadDefaultLanguage()
-    } else {
-      setState({ ...state, language })
-      apiHelper.setLanguage(language?.code)
-    }
-  }
-
-  const [ordering, apiHelper] = useApi()
-
-  const updateLanguageContext = async () => {
-    try {
-      !state.loading && setState({ ...state, loading: true })
-      const _language = await strategy.getItem('language', true)
-      let dictionary = {}
-      const { content: { error: errDict, result: resDict } } = await ordering.translations().asDictionary().get()
-      dictionary = errDict ? {} : resDict
-
-      const { content: { error, result } } = await ordering.languages().where([{ attribute: _language ? _language?.code : 'default', value: true }]).get()
-      const language = { id: result[0].id, code: result[0].code, rtl: result[0].rtl }
-      apiHelper.setLanguage(result[0].code)
-      setState({
-        ...state,
-        loading: false,
-        error: error ? typeof result === 'string' ? result : result?.[0] : null,
-        dictionary,
-        language
-      })
-    } catch {
-      setState({ ...state, loading: false })
-    }
-  }
-
-  const refreshTranslations = async () => {
-    try {
-      !state.loading && setState({ ...state, loading: true })
-      const { content: { error, result } } = await ordering.translations().asDictionary().get()
-      setState({
-        ...state,
-        loading: false,
-        dictionary: error ? {} : result
-      })
-    } catch (err) {
-      setState({ ...state, loading: false })
-    }
-  }
-
-  const loadDefaultLanguage = async () => {
-    const _language = await strategy.getItem('language', true)
-    try {
-      const { content: { error, result } } = await ordering.languages().where([{ attribute: _language ? _language?.code : 'default', value: true }]).get()
-      if (error) {
-        setState({
-          ...state,
-          loading: false,
-          error: typeof result === 'string' ? result : result?.[0]
-        })
-        return
-      }
-      const language = { id: result[0].id, code: result[0].code, rtl: result[0].rtl }
-      apiHelper.setLanguage(result[0].code)
-      setState({
-        ...state,
-        language
-      })
-    } catch (err) {
-      setState({ ...state, loading: false })
-    }
-  }
-
-  const setLanguage = async (language) => {
-    if (!language || language.id === state.language?.id) return
-    const _language = { id: language.id, code: language.code, rtl: language.rtl }
-    await strategy.setItem('language', _language, true)
-    apiHelper.setLanguage(language?.code)
-    setState({ ...state, loading: true, language: _language })
-  }
-
-  /**
-   * Refresh translation when change language from ordering
-   */
-  useEffect(() => {
-    const checkLanguage = async () => {
-      if (state.language?.code && state.language?.code === ordering.language) {
-        const token = await strategy.getItem('token')
-        settings?.use_root_point && settings?.force_update_lang && !token ? updateLanguageContext() : refreshTranslations()
-      }
-    }
-
-    checkLanguage()
-  }, [state.language?.code, ordering])
-
-  useEffect(() => {
-    setLanguageFromLocalStorage()
-  }, [])
-
-  useEffect(() => {
-    if (ordering.language !== state?.language?.code) return
-    apiHelper.setLanguage(state?.language?.code)
-  }, [state.language])
-
-  const t = (key, fallback = null) => {
-    return (state?.dictionary && Object.keys(state?.dictionary).length > 0 && state.dictionary[key]) || fallback || key
-  }
-
-  return (
-    <LanguageContext.Provider value={[state, t, setLanguage, refreshTranslations, loadDefaultLanguage]}>
-      {children}
-    </LanguageContext.Provider>
-  )
-}
-
-/**
- * Hook to get and update language state
- */
-export const useLanguage = () => {
-  const languageManager = useContext(LanguageContext)
-  return languageManager || [{}, (key, fallback = null) => fallback || key, async () => {}, async () => {}]
-}
+import React, { createContext, useState, useContext, useEffect } from 'react'
+import { useApi } from '../ApiContext'
+
+/**
+ * Create LanguageContext
+ * This context will manage the current languages internally and provide an easy interface
+ */
+export const LanguageContext = createContext()
+
+/**
+ * Custom provider to languages manager
+ * This provider has a reducer for manage languages state
+ * @param {props} props
+ */
+export const LanguageProvider = ({ settings, children, strategy }) => {
+  const [state, setState] = useState({
+    loading: true,
+    dictionary: {}
+  })
+
+  /**
+   * Load language from localstorage and set state or load default language
+   */
+  const setLanguageFromLocalStorage = async () => {
+    const language = await strategy.getItem('language', true)
+    if (!language) {
+      loadDefaultLanguage()
+    } else {
+      setState({ ...state, language })
+      apiHelper.setLanguage(language?.code)
+    }
+  }
+
+  const [ordering, apiHelper] = useApi()
+
+  const updateLanguageContext = async () => {
+    try {
+      !state.loading && setState({ ...state, loading: true })
+      const _language = await strategy.getItem('language', true)
+      let dictionary = {}
+      const { content: { error: errDict, result: resDict } } = await ordering.translations().asDictionary().get()
+      dictionary = errDict ? {} : resDict
+
+      const { content: { error, result } } = await ordering.languages().where([{ attribute: _language ? _language?.code : 'default', value: true }]).get()
+      const language = { id: result[0].id, code: result[0].code, rtl: result[0].rtl }
+      apiHelper.setLanguage(result[0].code)
+      setState({
+        ...state,
+        loading: false,
+        error: error ? typeof result === 'string' ? result : result?.[0] : null,
+        dictionary,
+        language
+      })
+    } catch {
+      setState({ ...state, loading: false })
+    }
+  }
+
+  const refreshTranslations = async () => {
+    try {
+      !state.loading && setState({ ...state, loading: true })
+      const { content: { error, result } } = await ordering.translations().asDictionary().get()
+      setState({
+        ...state,
+        loading: false,
+        dictionary: error ? {} : result
+      })
+    } catch (err) {
+      setState({ ...state, loading: false })
+    }
+  }
+
+  const loadDefaultLanguage = async () => {
+    const _language = await strategy.getItem('language', true)
+    try {
+      const { content: { error, result } } = await ordering.languages().where([{ attribute: _language ? _language?.code : 'default', value: true }]).get()
+      if (error) {
+        setState({
+          ...state,
+          loading: false,
+          error: typeof result === 'string' ? result : result?.[0]
+        })
+        return
+      }
+      const language = { id: result[0].id, code: result[0].code, rtl: result[0].rtl }
+      apiHelper.setLanguage(result[0].code)
+      setState({
+        ...state,
+        language
+      })
+    } catch (err) {
+      setState({ ...state, loading: false })
+    }
+  }
+
+  const setLanguage = async (language) => {
+    if (!language || language.id === state.language?.id) return
+    const _language = { id: language.id, code: language.code, rtl: language.rtl }
+    await strategy.setItem('language', _language, true)
+    apiHelper.setLanguage(language?.code)
+    setState({ ...state, loading: true, language: _language })
+  }
+
+  /**
+   * Refresh translation when change language from ordering
+   */
+  useEffect(() => {
+    const checkLanguage = async () => {
+      if (state.language?.code && state.language?.code === ordering.language) {
+        const token = await strategy.getItem('token')
+        settings?.use_root_point && settings?.force_update_lang && !token ? updateLanguageContext() : refreshTranslations()
+      }
+    }
+
+    checkLanguage()
+  }, [state.language?.code, ordering])
+
+  useEffect(() => {
+    setLanguageFromLocalStorage()
+  }, [])
+
+  useEffect(() => {
+    if (ordering.language !== state?.language?.code) return
+    apiHelper.setLanguage(state?.language?.code)
+  }, [state.language])
+
+  const t = (key, fallback = null) => {
+    return (state?.dictionary && Object.keys(state?.dictionary).length > 0 && state.dictionary[key]) || fallback || key
+  }
+
+  return (
+    <LanguageContext.Provider value={[state, t, setLanguage, refreshTranslations, loadDefaultLanguage]}>
+      {children}
+    </LanguageContext.Provider>
+  )
+}
+
+/**
+ * Hook to get and update language state
+ */
+export const useLanguage = () => {
+  const languageManager = useContext(LanguageContext)
+  return languageManager || [{}, (key, fallback = null) => fallback || key, async () => {}, async () => {}]
+}

package/src/contexts/OptimizationLoadContext/index.js

@@ -1,95 +1,95 @@
-import React, { createContext, useContext, useEffect, useState } from 'react'
-import { useApi } from '../ApiContext'
-
-/**
- * Create OptimizationLoadContext
- * Context to use Ordering API on the app
- */
-export const OptimizationLoadContext = createContext()
-
-/**
- * Api provider to manage api request
- * @param {props} props
- */
-export const OptimizationLoadProvider = ({ settings, children, strategy }) => {
-  const [state, setState] = useState({
-    loading: settings?.useOptimizeLoad,
-    result: null,
-    error: null
-  })
-
-  const [ordering] = useApi()
-
-  const getData = async () => {
-    if (!settings?.useOptimizeLoad) return
-    const requestOptions = {
-      method: 'GET',
-      headers: { 'X-App-X': settings.appId }
-    }
-    const countryCodeFromLocalStorage = await strategy.getItem('country-code')
-    const localOptions = await strategy.getItem('options', true)
-    const countryCode = countryCodeFromLocalStorage || localOptions?.address?.country_code
-
-    if (countryCode) {
-      requestOptions.headers = {
-        ...requestOptions.headers,
-        'X-Country-Code-X': countryCode
-      }
-    }
-
-    try {
-      const response = await fetch(`${ordering.root}/frontends/first_load`, requestOptions)
-      const { result, error } = await response.json()
-      setState({
-        ...state,
-        loading: false,
-        result: error ? null : result,
-        error: error ? result : null
-      })
-    } catch (err) {
-      setState({
-        ...state,
-        loading: false,
-        error: err
-      })
-    }
-  }
-
-  const handleUpdateOptimizationState = (key, data) => {
-    const keysAllowed = ['configs', 'features', 'site', 'theme', 'validation_fields']
-    if (!keysAllowed.includes(key)) return
-    setState({
-      ...state,
-      result: {
-        ...state?.result,
-        [key]: {
-          ...state?.result?.[key],
-          ...data
-        }
-      }
-    })
-  }
-
-  useEffect(() => {
-    getData()
-  }, [settings?.useOptimizeLoad])
-
-  const functions = {
-    getData,
-    handleUpdateOptimizationState
-  }
-
-  return (
-    <OptimizationLoadContext.Provider value={[state, functions]}>
-      {children}
-    </OptimizationLoadContext.Provider>
-  )
-}
-
-/**
- * Hook to get OptimizationLoadContext state
- */
-export const useOptimizationLoad = () => {
-  const optimizationLoadManager = useContext(OptimizationLoadContext)
-  return optimizationLoadManager || [{}]
-}
+import React, { createContext, useContext, useEffect, useState } from 'react'
+import { useApi } from '../ApiContext'
+
+/**
+ * Create OptimizationLoadContext
+ * Context to use Ordering API on the app
+ */
+export const OptimizationLoadContext = createContext()
+
+/**
+ * Api provider to manage api request
+ * @param {props} props
+ */
+export const OptimizationLoadProvider = ({ settings, children, strategy }) => {
+  const [state, setState] = useState({
+    loading: settings?.useOptimizeLoad,
+    result: null,
+    error: null
+  })
+
+  const [ordering] = useApi()
+
+  const getData = async () => {
+    if (!settings?.useOptimizeLoad) return
+    const requestOptions = {
+      method: 'GET',
+      headers: { 'X-App-X': settings.appId }
+    }
+    const countryCodeFromLocalStorage = await strategy.getItem('country-code')
+    const localOptions = await strategy.getItem('options', true)
+    const countryCode = countryCodeFromLocalStorage || localOptions?.address?.country_code
+
+    if (countryCode) {
+      requestOptions.headers = {
+        ...requestOptions.headers,
+        'X-Country-Code-X': countryCode
+      }
+    }
+
+    try {
+      const response = await fetch(`${ordering.root}/frontends/first_load`, requestOptions)
+      const { result, error } = await response.json()
+      setState({
+        ...state,
+        loading: false,
+        result: error ? null : result,
+        error: error ? result : null
+      })
+    } catch (err) {
+      setState({
+        ...state,
+        loading: false,
+        error: err
+      })
+    }
+  }
+
+  const handleUpdateOptimizationState = (key, data) => {
+    const keysAllowed = ['configs', 'features', 'site', 'theme', 'validation_fields']
+    if (!keysAllowed.includes(key)) return
+    setState({
+      ...state,
+      result: {
+        ...state?.result,
+        [key]: {
+          ...state?.result?.[key],
+          ...data
+        }
+      }
+    })
+  }
+
+  useEffect(() => {
+    getData()
+  }, [settings?.useOptimizeLoad])
+
+  const functions = {
+    getData,
+    handleUpdateOptimizationState
+  }
+
+  return (
+    <OptimizationLoadContext.Provider value={[state, functions]}>
+      {children}
+    </OptimizationLoadContext.Provider>
+  )
+}
+
+/**
+ * Hook to get OptimizationLoadContext state
+ */
+export const useOptimizationLoad = () => {
+  const optimizationLoadManager = useContext(OptimizationLoadContext)
+  return optimizationLoadManager || [{}]
+}