ordering-components-external 13.2.32 → 13.2.34

package/src/components/OrdersDashboardComponents/GiftCardsList/index.js

@@ -1,189 +1,189 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import { useApi } from '../../../contexts/ApiContext'
-import { useSession } from '../../../contexts/SessionContext'
-
-/**
- * Component to manage gift cards without UI component
- */
-export const GiftCardsList = (props) => {
-  const {
-    UIComponent,
-    paginationSettings,
-    isSearchById,
-    isSearchByAuthorName,
-    isSearchByAuthorEmail,
-    isSearchByAuthorPhone
-  } = props
-
-  const [ordering] = useApi()
-  const [{ token }] = useSession()
-  const [giftCards, setGiftCards] = useState({ loading: true, list: [], error: null })
-  const [paginationProps, setPaginationProps] = useState({
-    currentPage: (paginationSettings.initialPage && paginationSettings.initialPage >= 1) ? paginationSettings.initialPage - 1 : 0,
-    pageSize: paginationSettings.pageSize ?? 10,
-    totalItems: null,
-    totalPages: null
-  })
-  const [activeStatus, setActiveStatus] = useState('pending')
-  const [searchValue, setSearchValue] = useState(null)
-
-  /**
-   * Method to get the gift cards from API
-   */
-  const getGiftCards = async (page, pageSize) => {
-    try {
-      setGiftCards({
-        ...giftCards,
-        loading: true
-      })
-      let where = []
-      const conditions = []
-      if (activeStatus) {
-        conditions.push(
-          {
-            attribute: 'status',
-            value: activeStatus
-          }
-        )
-      }
-      if (searchValue) {
-        const searchConditions = []
-        if (isSearchById) {
-          searchConditions.push(
-            {
-              attribute: 'id',
-              value: {
-                condition: 'ilike',
-                value: encodeURI(`%${searchValue}%`)
-              }
-            }
-          )
-        }
-        if (isSearchByAuthorName) {
-          searchConditions.push(
-            {
-              attribute: 'author',
-              conditions: [
-                {
-                  attribute: 'name',
-                  value: {
-                    condition: 'ilike',
-                    value: encodeURI(`%${searchValue}%`)
-                  }
-                }
-              ]
-            }
-          )
-        }
-        if (isSearchByAuthorEmail) {
-          searchConditions.push(
-            {
-              attribute: 'author',
-              conditions: [
-                {
-                  attribute: 'email',
-                  value: {
-                    condition: 'ilike',
-                    value: encodeURI(`%${searchValue}%`)
-                  }
-                }
-              ]
-            }
-          )
-        }
-        if (isSearchByAuthorPhone) {
-          searchConditions.push(
-            {
-              attribute: 'author',
-              conditions: [
-                {
-                  attribute: 'phone',
-                  value: {
-                    condition: 'ilike',
-                    value: encodeURI(`%${searchValue}%`)
-                  }
-                }
-              ]
-            }
-          )
-        }
-        conditions.push({
-          conector: 'OR',
-          conditions: searchConditions
-        })
-      }
-      if (conditions.length) {
-        where = {
-          conditions,
-          conector: 'AND'
-        }
-      }
-
-      const requestOptions = {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${token}`
-        }
-      }
-      const fetchEndpoint = where
-        ? `${ordering.root}/gift_cards?page=${page}&page_size=${pageSize}&&where=${JSON.stringify(where)}`
-        : `${ordering.root}/gift_cards?page=${page}&page_size=${pageSize}`
-
-      const response = await fetch(fetchEndpoint, requestOptions)
-      const { error, result, pagination } = await response.json()
-      if (!error) {
-        setPaginationProps({
-          currentPage: pagination.current_page,
-          pageSize: pagination.page_size === 0 ? paginationProps.pageSize : pagination.page_size,
-          totalPages: pagination.total_pages,
-          totalItems: pagination.total,
-          from: pagination.from,
-          to: pagination.to
-        })
-      }
-      setGiftCards({
-        loading: false,
-        list: error ? [] : result,
-        error: error ? result : null
-      })
-    } catch (err) {
-      setGiftCards({
-        ...giftCards,
-        loading: false,
-        error: [err.message]
-      })
-    }
-  }
-
-  useEffect(() => {
-    getGiftCards(0, paginationProps.pageSize)
-  }, [activeStatus, searchValue])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          giftCards={giftCards}
-          paginationProps={paginationProps}
-          activeStatus={activeStatus}
-          setActiveStatus={setActiveStatus}
-          getGiftCards={getGiftCards}
-          searchValue={searchValue}
-          onSearch={setSearchValue}
-        />
-      )}
-    </>
-  )
-}
-GiftCardsList.propTypes = {
-  /**
- * UI Component, this must be containt all graphic elements and use parent props
- */
-  UIComponent: PropTypes.elementType
-}
-GiftCardsList.defaultProps = {
-  paginationSettings: { initialPage: 1, pageSize: 10 }
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import { useApi } from '../../../contexts/ApiContext'
+import { useSession } from '../../../contexts/SessionContext'
+
+/**
+ * Component to manage gift cards without UI component
+ */
+export const GiftCardsList = (props) => {
+  const {
+    UIComponent,
+    paginationSettings,
+    isSearchById,
+    isSearchByAuthorName,
+    isSearchByAuthorEmail,
+    isSearchByAuthorPhone
+  } = props
+
+  const [ordering] = useApi()
+  const [{ token }] = useSession()
+  const [giftCards, setGiftCards] = useState({ loading: true, list: [], error: null })
+  const [paginationProps, setPaginationProps] = useState({
+    currentPage: (paginationSettings.initialPage && paginationSettings.initialPage >= 1) ? paginationSettings.initialPage - 1 : 0,
+    pageSize: paginationSettings.pageSize ?? 10,
+    totalItems: null,
+    totalPages: null
+  })
+  const [activeStatus, setActiveStatus] = useState('pending')
+  const [searchValue, setSearchValue] = useState(null)
+
+  /**
+   * Method to get the gift cards from API
+   */
+  const getGiftCards = async (page, pageSize) => {
+    try {
+      setGiftCards({
+        ...giftCards,
+        loading: true
+      })
+      let where = []
+      const conditions = []
+      if (activeStatus) {
+        conditions.push(
+          {
+            attribute: 'status',
+            value: activeStatus
+          }
+        )
+      }
+      if (searchValue) {
+        const searchConditions = []
+        if (isSearchById) {
+          searchConditions.push(
+            {
+              attribute: 'id',
+              value: {
+                condition: 'ilike',
+                value: encodeURI(`%${searchValue}%`)
+              }
+            }
+          )
+        }
+        if (isSearchByAuthorName) {
+          searchConditions.push(
+            {
+              attribute: 'author',
+              conditions: [
+                {
+                  attribute: 'name',
+                  value: {
+                    condition: 'ilike',
+                    value: encodeURI(`%${searchValue}%`)
+                  }
+                }
+              ]
+            }
+          )
+        }
+        if (isSearchByAuthorEmail) {
+          searchConditions.push(
+            {
+              attribute: 'author',
+              conditions: [
+                {
+                  attribute: 'email',
+                  value: {
+                    condition: 'ilike',
+                    value: encodeURI(`%${searchValue}%`)
+                  }
+                }
+              ]
+            }
+          )
+        }
+        if (isSearchByAuthorPhone) {
+          searchConditions.push(
+            {
+              attribute: 'author',
+              conditions: [
+                {
+                  attribute: 'phone',
+                  value: {
+                    condition: 'ilike',
+                    value: encodeURI(`%${searchValue}%`)
+                  }
+                }
+              ]
+            }
+          )
+        }
+        conditions.push({
+          conector: 'OR',
+          conditions: searchConditions
+        })
+      }
+      if (conditions.length) {
+        where = {
+          conditions,
+          conector: 'AND'
+        }
+      }
+
+      const requestOptions = {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${token}`
+        }
+      }
+      const fetchEndpoint = where
+        ? `${ordering.root}/gift_cards?page=${page}&page_size=${pageSize}&&where=${JSON.stringify(where)}`
+        : `${ordering.root}/gift_cards?page=${page}&page_size=${pageSize}`
+
+      const response = await fetch(fetchEndpoint, requestOptions)
+      const { error, result, pagination } = await response.json()
+      if (!error) {
+        setPaginationProps({
+          currentPage: pagination.current_page,
+          pageSize: pagination.page_size === 0 ? paginationProps.pageSize : pagination.page_size,
+          totalPages: pagination.total_pages,
+          totalItems: pagination.total,
+          from: pagination.from,
+          to: pagination.to
+        })
+      }
+      setGiftCards({
+        loading: false,
+        list: error ? [] : result,
+        error: error ? result : null
+      })
+    } catch (err) {
+      setGiftCards({
+        ...giftCards,
+        loading: false,
+        error: [err.message]
+      })
+    }
+  }
+
+  useEffect(() => {
+    getGiftCards(0, paginationProps.pageSize)
+  }, [activeStatus, searchValue])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          giftCards={giftCards}
+          paginationProps={paginationProps}
+          activeStatus={activeStatus}
+          setActiveStatus={setActiveStatus}
+          getGiftCards={getGiftCards}
+          searchValue={searchValue}
+          onSearch={setSearchValue}
+        />
+      )}
+    </>
+  )
+}
+GiftCardsList.propTypes = {
+  /**
+ * UI Component, this must be containt all graphic elements and use parent props
+ */
+  UIComponent: PropTypes.elementType
+}
+GiftCardsList.defaultProps = {
+  paginationSettings: { initialPage: 1, pageSize: 10 }
+}

package/src/components/OrdersDashboardComponents/GoogleMapsApiKeySetting/index.js

@@ -1,77 +1,77 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { useSession } from '../../../contexts/SessionContext'
-import { useApi } from '../../../contexts/ApiContext'
-import { useToast, ToastType } from '../../../contexts/ToastContext'
-import { useLanguage } from '../../../contexts/LanguageContext'
-import { useConfig } from '../../../contexts/ConfigContext'
-
-export const GoogleMapsApiKeySetting = (props) => {
-  const {
-    UIComponent
-  } = props
-
-  const [ordering] = useApi()
-  const [{ token }] = useSession()
-  const [, { showToast }] = useToast()
-  const [, t] = useLanguage()
-  const [configState, { refreshConfigs }] = useConfig()
-  const apiKeyConfigId = configState?.configs?.google_maps_api_key?.id
-
-  const [actionState, setActionState] = useState({ loading: false, error: null })
-
-  /**
-   * Method to save the Google Maps API Key
-   */
-  const handleSaveApiKey = async (apiKeyValue) => {
-    try {
-      showToast(ToastType.Info, t('LOADING', 'Loading'))
-      setActionState({ ...actionState, loading: true })
-      const requestOptions = {
-        method: 'PUT',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${token}`
-        },
-        body: JSON.stringify({
-          key: 'google_maps_api_key',
-          value: apiKeyValue
-        })
-      }
-      const response = await fetch(`${ordering.root}/configs/${apiKeyConfigId}`, requestOptions)
-      const content = await response.json()
-      if (!content.error) {
-        await refreshConfigs()
-        setActionState({ ...actionState, loading: false })
-        showToast(ToastType.Success, t('APIKEY_ADDED', 'API key added'))
-      }
-      setActionState({
-        loading: false,
-        error: content.error ? content.result : null
-      })
-    } catch (err) {
-      setActionState({ loading: false, error: [err.message] })
-    }
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          actionState={actionState}
-          handleSaveApiKey={handleSaveApiKey}
-        />
-      )}
-    </>
-  )
-}
-
-GoogleMapsApiKeySetting.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType
-}
-
-GoogleMapsApiKeySetting.defaultProps = {}
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import { useSession } from '../../../contexts/SessionContext'
+import { useApi } from '../../../contexts/ApiContext'
+import { useToast, ToastType } from '../../../contexts/ToastContext'
+import { useLanguage } from '../../../contexts/LanguageContext'
+import { useConfig } from '../../../contexts/ConfigContext'
+
+export const GoogleMapsApiKeySetting = (props) => {
+  const {
+    UIComponent
+  } = props
+
+  const [ordering] = useApi()
+  const [{ token }] = useSession()
+  const [, { showToast }] = useToast()
+  const [, t] = useLanguage()
+  const [configState, { refreshConfigs }] = useConfig()
+  const apiKeyConfigId = configState?.configs?.google_maps_api_key?.id
+
+  const [actionState, setActionState] = useState({ loading: false, error: null })
+
+  /**
+   * Method to save the Google Maps API Key
+   */
+  const handleSaveApiKey = async (apiKeyValue) => {
+    try {
+      showToast(ToastType.Info, t('LOADING', 'Loading'))
+      setActionState({ ...actionState, loading: true })
+      const requestOptions = {
+        method: 'PUT',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${token}`
+        },
+        body: JSON.stringify({
+          key: 'google_maps_api_key',
+          value: apiKeyValue
+        })
+      }
+      const response = await fetch(`${ordering.root}/configs/${apiKeyConfigId}`, requestOptions)
+      const content = await response.json()
+      if (!content.error) {
+        await refreshConfigs()
+        setActionState({ ...actionState, loading: false })
+        showToast(ToastType.Success, t('APIKEY_ADDED', 'API key added'))
+      }
+      setActionState({
+        loading: false,
+        error: content.error ? content.result : null
+      })
+    } catch (err) {
+      setActionState({ loading: false, error: [err.message] })
+    }
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          actionState={actionState}
+          handleSaveApiKey={handleSaveApiKey}
+        />
+      )}
+    </>
+  )
+}
+
+GoogleMapsApiKeySetting.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType
+}
+
+GoogleMapsApiKeySetting.defaultProps = {}