ordering-components-external 13.0.30 → 13.0.31

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

@@ -1,123 +1,123 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import { useApi } from '../../../contexts/ApiContext'
-import { useSession } from '../../../contexts/SessionContext'
-
-export const PointsWalletLevels = (props) => {
-  const {
-    UIComponent
-  } = props
-
-  const [ordering] = useApi()
-  const [{ token }] = useSession()
-  const [levelList, setLevelList] = useState({ loading: false, levels: [], error: null })
-
-  /**
-   * Add a level
-   * @param {Object || Array} level data of level
-   */
-  const handleAddLevelList = (level) => {
-    const levels = [...levelList.levels]
-    levels.push(level)
-    setLevelList({ ...levelList, levels: levels })
-  }
-
-  /**
-   * Update a level
-   * @param {Object || Array} result data of level
-   */
-  const handleUpdateLevelList = (result) => {
-    const updatedLevels = levelList?.levels.map(level => {
-      if (level.id === result.id) return result
-      else return level
-    })
-    setLevelList({ ...levelList, levels: updatedLevels })
-  }
-
-  /**
-   * Delete a level
-   * @param {Object || Array} level data of level
-   */
-  const handleDeleteLevelList = (level) => {
-    const levels = levelList?.levels?.filter(item => item.id !== level.id)
-    setLevelList({ ...levelList, levels: levels })
-  }
-
-  /**
-   * Method to get level list from API
-   */
-  const getLevelList = async () => {
-    try {
-      setLevelList({ ...levelList, loading: true })
-      const requestOptions = {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${token}`
-        }
-      }
-      const fetchEndpoint = `${ordering.root}/loyalty_levels`
-      const response = await fetch(fetchEndpoint, requestOptions)
-      const { error, result } = await response.json()
-      if (!error) {
-        setLevelList({ ...levelList, loading: false, error: null, levels: result })
-      } else {
-        setLevelList({ ...levelList, loading: false, error: result })
-      }
-    } catch (error) {
-      setLevelList({ ...levelList, loading: false, error: error.message })
-    }
-  }
-
-  useEffect(() => {
-    getLevelList()
-  }, [])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          levelList={levelList}
-          handleAddLevelList={handleAddLevelList}
-          handleUpdateLevelList={handleUpdateLevelList}
-          handleDeleteLevelList={handleDeleteLevelList}
-        />
-      )}
-    </>
-  )
-}
-
-PointsWalletLevels.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Components types before business type filter
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after business type filter
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before business type filter
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after business type filter
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-PointsWalletLevels.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import { useApi } from '../../../contexts/ApiContext'
+import { useSession } from '../../../contexts/SessionContext'
+
+export const PointsWalletLevels = (props) => {
+  const {
+    UIComponent
+  } = props
+
+  const [ordering] = useApi()
+  const [{ token }] = useSession()
+  const [levelList, setLevelList] = useState({ loading: false, levels: [], error: null })
+
+  /**
+   * Add a level
+   * @param {Object || Array} level data of level
+   */
+  const handleAddLevelList = (level) => {
+    const levels = [...levelList.levels]
+    levels.push(level)
+    setLevelList({ ...levelList, levels: levels })
+  }
+
+  /**
+   * Update a level
+   * @param {Object || Array} result data of level
+   */
+  const handleUpdateLevelList = (result) => {
+    const updatedLevels = levelList?.levels.map(level => {
+      if (level.id === result.id) return result
+      else return level
+    })
+    setLevelList({ ...levelList, levels: updatedLevels })
+  }
+
+  /**
+   * Delete a level
+   * @param {Object || Array} level data of level
+   */
+  const handleDeleteLevelList = (level) => {
+    const levels = levelList?.levels?.filter(item => item.id !== level.id)
+    setLevelList({ ...levelList, levels: levels })
+  }
+
+  /**
+   * Method to get level list from API
+   */
+  const getLevelList = async () => {
+    try {
+      setLevelList({ ...levelList, loading: true })
+      const requestOptions = {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${token}`
+        }
+      }
+      const fetchEndpoint = `${ordering.root}/loyalty_levels`
+      const response = await fetch(fetchEndpoint, requestOptions)
+      const { error, result } = await response.json()
+      if (!error) {
+        setLevelList({ ...levelList, loading: false, error: null, levels: result })
+      } else {
+        setLevelList({ ...levelList, loading: false, error: result })
+      }
+    } catch (error) {
+      setLevelList({ ...levelList, loading: false, error: error.message })
+    }
+  }
+
+  useEffect(() => {
+    getLevelList()
+  }, [])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          levelList={levelList}
+          handleAddLevelList={handleAddLevelList}
+          handleUpdateLevelList={handleUpdateLevelList}
+          handleDeleteLevelList={handleDeleteLevelList}
+        />
+      )}
+    </>
+  )
+}
+
+PointsWalletLevels.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Components types before business type filter
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after business type filter
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before business type filter
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after business type filter
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+PointsWalletLevels.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

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

@@ -1,113 +1,113 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { useSession } from '../../../contexts/SessionContext'
-import { useApi } from '../../../contexts/ApiContext'
-import { ToastType, useToast } from '../../../contexts/ToastContext'
-import { useLanguage } from '../../../contexts/LanguageContext'
-import { useEvent } from '../../../contexts/EventContext'
-
-export const ReviewCustomer = (props) => {
-  const {
-    UIComponent,
-    order
-  } = props
-
-  const [ordering] = useApi()
-  const [session] = useSession()
-  const [, t] = useLanguage()
-  const [, { showToast }] = useToast()
-  const [events] = useEvent()
-
-  const [reviewState, setReviewState] = useState({
-    qualification: 0,
-    comment: '',
-    order_id: order?.id,
-    user_id: order?.customer_id
-  })
-  const [actionState, setActionState] = useState({ loading: false, error: null })
-
-  /**
-   * Function that load and send the customer review to ordering
-   */
-  const handleSendCustomerReview = async () => {
-    setActionState({ loading: true, error: null })
-    try {
-      const response = await fetch(`${ordering.root}/users/${order?.customer_id}/user_reviews`, {
-        method: 'POST',
-        headers: {
-          Authorization: `Bearer ${session.token}`,
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(reviewState)
-      })
-      const { result, error } = await response.json()
-      if (!error) {
-        setActionState({ ...reviewState, loading: false })
-        showToast(ToastType.Success, t('CUSTOMER_REVIEW_SUCCESS_CONTENT', 'Thank you, Customer review successfully submitted!'))
-        events.emit('customer_reviewed', result)
-        props.onClose && props.onClose()
-      } else {
-        setActionState({ loading: false, error: result })
-      }
-    } catch (err) {
-      setActionState({
-        loading: false,
-        error: [err.message]
-      })
-    }
-  }
-
-  const handleChangeQualification = (index) => {
-    if (index) setReviewState({ ...reviewState, qualification: index })
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          reviewState={reviewState}
-          setReviewState={setReviewState}
-          actionState={actionState}
-          handleChangeQualification={handleChangeQualification}
-          handleSendCustomerReview={handleSendCustomerReview}
-        />
-      )}
-    </>
-  )
-}
-
-ReviewCustomer.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Components types before review customer
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after review customer
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before review customer
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after review customer
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-ReviewCustomer.defaultProps = {
-  order: {},
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import { useSession } from '../../../contexts/SessionContext'
+import { useApi } from '../../../contexts/ApiContext'
+import { ToastType, useToast } from '../../../contexts/ToastContext'
+import { useLanguage } from '../../../contexts/LanguageContext'
+import { useEvent } from '../../../contexts/EventContext'
+
+export const ReviewCustomer = (props) => {
+  const {
+    UIComponent,
+    order
+  } = props
+
+  const [ordering] = useApi()
+  const [session] = useSession()
+  const [, t] = useLanguage()
+  const [, { showToast }] = useToast()
+  const [events] = useEvent()
+
+  const [reviewState, setReviewState] = useState({
+    qualification: 0,
+    comment: '',
+    order_id: order?.id,
+    user_id: order?.customer_id
+  })
+  const [actionState, setActionState] = useState({ loading: false, error: null })
+
+  /**
+   * Function that load and send the customer review to ordering
+   */
+  const handleSendCustomerReview = async () => {
+    setActionState({ loading: true, error: null })
+    try {
+      const response = await fetch(`${ordering.root}/users/${order?.customer_id}/user_reviews`, {
+        method: 'POST',
+        headers: {
+          Authorization: `Bearer ${session.token}`,
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(reviewState)
+      })
+      const { result, error } = await response.json()
+      if (!error) {
+        setActionState({ ...reviewState, loading: false })
+        showToast(ToastType.Success, t('CUSTOMER_REVIEW_SUCCESS_CONTENT', 'Thank you, Customer review successfully submitted!'))
+        events.emit('customer_reviewed', result)
+        props.onClose && props.onClose()
+      } else {
+        setActionState({ loading: false, error: result })
+      }
+    } catch (err) {
+      setActionState({
+        loading: false,
+        error: [err.message]
+      })
+    }
+  }
+
+  const handleChangeQualification = (index) => {
+    if (index) setReviewState({ ...reviewState, qualification: index })
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          reviewState={reviewState}
+          setReviewState={setReviewState}
+          actionState={actionState}
+          handleChangeQualification={handleChangeQualification}
+          handleSendCustomerReview={handleSendCustomerReview}
+        />
+      )}
+    </>
+  )
+}
+
+ReviewCustomer.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Components types before review customer
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after review customer
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before review customer
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after review customer
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+ReviewCustomer.defaultProps = {
+  order: {},
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}