ordering-components-external 13.0.47 → 13.1.1

package/src/components/ReviewCustomer/index.js

@@ -1,117 +1,117 @@
-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'
-import { useWebsocket } from '../../contexts/WebsocketContext'
-
-export const ReviewCustomer = (props) => {
-  const {
-    UIComponent,
-    order
-  } = props
-
-  const [ordering] = useApi()
-  const socket = useWebsocket()
-  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',
-          'X-App-X': ordering.appId,
-          'X-Socket-Id-X': socket?.getId()
-        },
-        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'
+import { useWebsocket } from '../../contexts/WebsocketContext'
+
+export const ReviewCustomer = (props) => {
+  const {
+    UIComponent,
+    order
+  } = props
+
+  const [ordering] = useApi()
+  const socket = useWebsocket()
+  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',
+          'X-App-X': ordering.appId,
+          'X-Socket-Id-X': socket?.getId()
+        },
+        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: []
+}

package/src/components/ReviewDriver/index.js

@@ -1,157 +1,157 @@
-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 { useWebsocket } from '../../contexts/WebsocketContext'
-
-export const ReviewDriver = (props) => {
-  const { UIComponent, order, isToast, isProfessional, hashKey } = props
-
-  const [ordering] = useApi()
-  const socket = useWebsocket()
-  const [session] = useSession()
-  const [, t] = useLanguage()
-  const [, { showToast }] = useToast()
-  const [reviews, setReviews] = useState({ qualification: 0, comment: '' })
-  const [formState, setFormState] = useState({ loading: false, result: { error: false } })
-
-  /**
-   * Function that load and send the driver review to ordering
-   */
-  const handleSendDriverReview = async () => {
-    setFormState({ ...formState, loading: true })
-    const orderId = Array.isArray(order?.id) ? order?.id : [order?.id]
-    if (!orderId?.length) return
-
-    try {
-      const userId = isProfessional
-        ? order?.products[0]?.calendar_event?.professional?.id
-        : order?.driver?.id
-
-      const fetchReviews = async (ids) => {
-        const promises = ids.map(async id => {
-          let headers = {
-            Authorization: `Bearer ${session.token}`,
-            'Content-Type': 'application/json',
-            'X-App-X': ordering.appId,
-            'X-Socket-Id-X': socket?.getId()
-          }
-          if (hashKey && !session.token) {
-            headers = {
-              ...headers,
-              'X-uuid-access-X': hashKey
-            }
-          }
-          const res = await fetch(`${ordering.root}/users/${userId}/user_reviews`, {
-            method: 'POST',
-            headers,
-            body: JSON.stringify({ ...reviews, order_id: id, user_id: userId })
-          })
-          const { result, error } = await res.json()
-          return { result, error }
-        })
-        const data = await Promise.all(promises)
-        return data
-      }
-
-      const reviewsArray = await fetchReviews(orderId)
-
-      const error = reviewsArray.length && reviewsArray.every(obj => obj.error) && reviewsArray[0]?.result?.[0]
-      const result = reviewsArray.length && reviewsArray.map(obj => (obj.result?.[0] ?? obj.result)).filter(o => typeof o !== 'string')
-
-      if (!error) {
-        setFormState({
-          loading: false,
-          result: {
-            result: result,
-            error: false
-          }
-        })
-        if (isToast) {
-          showToast(
-            ToastType.Success,
-            isProfessional
-              ? t('PROFESSIONAL_REVIEW_SUCCESS_CONTENT', 'Thank you, Professional review successfully submitted!')
-              : t('DRIVER_REVIEW_SUCCESS_CONTENT', 'Thank you, Driver review successfully submitted!'))
-        }
-      } else {
-        setFormState({
-          ...formState,
-          loading: false,
-          result: {
-            result: error,
-            error: true
-          }
-        })
-      }
-    } catch (err) {
-      setFormState({
-        ...formState,
-        result: {
-          error: true,
-          result: err.message
-        },
-        loading: false
-      })
-    }
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          formState={formState}
-          handleSendDriverReview={handleSendDriverReview}
-          dirverReviews={reviews}
-          setDriverReviews={setReviews}
-        />
-      )}
-    </>
-  )
-}
-
-ReviewDriver.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Getting the order that can be review
-  */
-  order: PropTypes.object,
-  /**
-   * Enable to show/hide toast
-   */
-  isToast: PropTypes.bool,
-  /**
-   * Components types before payment option cash
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after payment option cash
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before payment option cash
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after payment option cash
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-ReviewDriver.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 { useWebsocket } from '../../contexts/WebsocketContext'
+
+export const ReviewDriver = (props) => {
+  const { UIComponent, order, isToast, isProfessional, hashKey } = props
+
+  const [ordering] = useApi()
+  const socket = useWebsocket()
+  const [session] = useSession()
+  const [, t] = useLanguage()
+  const [, { showToast }] = useToast()
+  const [reviews, setReviews] = useState({ qualification: 0, comment: '' })
+  const [formState, setFormState] = useState({ loading: false, result: { error: false } })
+
+  /**
+   * Function that load and send the driver review to ordering
+   */
+  const handleSendDriverReview = async () => {
+    setFormState({ ...formState, loading: true })
+    const orderId = Array.isArray(order?.id) ? order?.id : [order?.id]
+    if (!orderId?.length) return
+
+    try {
+      const userId = isProfessional
+        ? order?.products[0]?.calendar_event?.professional?.id
+        : order?.driver?.id
+
+      const fetchReviews = async (ids) => {
+        const promises = ids.map(async id => {
+          let headers = {
+            Authorization: `Bearer ${session.token}`,
+            'Content-Type': 'application/json',
+            'X-App-X': ordering.appId,
+            'X-Socket-Id-X': socket?.getId()
+          }
+          if (hashKey && !session.token) {
+            headers = {
+              ...headers,
+              'X-uuid-access-X': hashKey
+            }
+          }
+          const res = await fetch(`${ordering.root}/users/${userId}/user_reviews`, {
+            method: 'POST',
+            headers,
+            body: JSON.stringify({ ...reviews, order_id: id, user_id: userId })
+          })
+          const { result, error } = await res.json()
+          return { result, error }
+        })
+        const data = await Promise.all(promises)
+        return data
+      }
+
+      const reviewsArray = await fetchReviews(orderId)
+
+      const error = reviewsArray.length && reviewsArray.every(obj => obj.error) && reviewsArray[0]?.result?.[0]
+      const result = reviewsArray.length && reviewsArray.map(obj => (obj.result?.[0] ?? obj.result)).filter(o => typeof o !== 'string')
+
+      if (!error) {
+        setFormState({
+          loading: false,
+          result: {
+            result: result,
+            error: false
+          }
+        })
+        if (isToast) {
+          showToast(
+            ToastType.Success,
+            isProfessional
+              ? t('PROFESSIONAL_REVIEW_SUCCESS_CONTENT', 'Thank you, Professional review successfully submitted!')
+              : t('DRIVER_REVIEW_SUCCESS_CONTENT', 'Thank you, Driver review successfully submitted!'))
+        }
+      } else {
+        setFormState({
+          ...formState,
+          loading: false,
+          result: {
+            result: error,
+            error: true
+          }
+        })
+      }
+    } catch (err) {
+      setFormState({
+        ...formState,
+        result: {
+          error: true,
+          result: err.message
+        },
+        loading: false
+      })
+    }
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          formState={formState}
+          handleSendDriverReview={handleSendDriverReview}
+          dirverReviews={reviews}
+          setDriverReviews={setReviews}
+        />
+      )}
+    </>
+  )
+}
+
+ReviewDriver.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Getting the order that can be review
+  */
+  order: PropTypes.object,
+  /**
+   * Enable to show/hide toast
+   */
+  isToast: PropTypes.bool,
+  /**
+   * Components types before payment option cash
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after payment option cash
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before payment option cash
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after payment option cash
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+ReviewDriver.defaultProps = {
+  order: {},
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}