ordering-components-external 13.2.13 → 13.2.14

package/src/components/MultiOrdersDetails/index.js

@@ -1,109 +1,109 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import { useApi } from '../../contexts/ApiContext'
-import { useSession } from '../../contexts/SessionContext'
-
-/**
- * Component to manage Multi orders page behavior without UI component
- */
-export const MultiOrdersDetails = (props) => {
-  const {
-    orderId,
-    userId,
-    onRedirectPage,
-    UIComponent
-  } = props
-
-  const [ordering] = useApi()
-  const [{ token }] = useSession()
-  const [ordersList, setOrdersList] = useState({ loading: true, error: null, orders: [] })
-  const [ordersSummary, setOrdersSummary] = useState({})
-
-  const formatPaymentEvents = (payments) => {
-    const list = [].concat(...payments)
-
-    const uniqueArr = []
-    const uniqueObj = {}
-
-    list.forEach((item) => {
-      if (!uniqueObj[item?.wallet_event?.id]) {
-        uniqueObj[item?.wallet_event?.id] = true
-        uniqueArr.push(item)
-      }
-    })
-
-    return uniqueArr ?? []
-  }
-
-  /**
-   * Get orders from API
-   */
-  const getOrders = async () => {
-    try {
-      setOrdersList({
-        ...ordersList,
-        loading: true
-      })
-      const options = {
-        query: {
-          orderBy: '-',
-          where: [{ attribute: 'cart_group_id', value: orderId }]
-        }
-      }
-      if (userId) {
-        options.query.mode = 'dashboard'
-      }
-      const { content: { error, result } } = await ordering.setAccessToken(token).orders().get(options)
-      setOrdersList({
-        loading: false,
-        orders: error ? [] : result,
-        error: error ? result : null
-      })
-      if (!error) {
-        const _total = result.reduce((total, order) => { return total + order?.summary?.total }, 0)
-        const _subtotal = result.reduce((subtotal, order) => { return subtotal + order?.summary?.subtotal }, 0)
-        const _tax = result.reduce((tax, order) => { return tax + order?.summary?.tax }, 0)
-        setOrdersSummary({
-          total: _total,
-          subtotal: _subtotal,
-          tax: _tax
-        })
-      }
-    } catch (err) {
-      setOrdersList({
-        ...ordersList,
-        loading: false,
-        error: [err.message]
-      })
-    }
-  }
-
-  useEffect(() => {
-    if (orderId) {
-      getOrders()
-    } else {
-      onRedirectPage && onRedirectPage()
-    }
-  }, [])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          ordersList={ordersList}
-          customer={ordersList.orders[0]?.customer}
-          paymentEvents={formatPaymentEvents(ordersList.orders.map(order => order?.payment_events) || [])}
-          ordersSummary={ordersSummary}
-        />
-      )}
-    </>
-  )
-}
-
-MultiOrdersDetails.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import { useApi } from '../../contexts/ApiContext'
+import { useSession } from '../../contexts/SessionContext'
+
+/**
+ * Component to manage Multi orders page behavior without UI component
+ */
+export const MultiOrdersDetails = (props) => {
+  const {
+    orderId,
+    userId,
+    onRedirectPage,
+    UIComponent
+  } = props
+
+  const [ordering] = useApi()
+  const [{ token }] = useSession()
+  const [ordersList, setOrdersList] = useState({ loading: true, error: null, orders: [] })
+  const [ordersSummary, setOrdersSummary] = useState({})
+
+  const formatPaymentEvents = (payments) => {
+    const list = [].concat(...payments)
+
+    const uniqueArr = []
+    const uniqueObj = {}
+
+    list.forEach((item) => {
+      if (!uniqueObj[item?.wallet_event?.id]) {
+        uniqueObj[item?.wallet_event?.id] = true
+        uniqueArr.push(item)
+      }
+    })
+
+    return uniqueArr ?? []
+  }
+
+  /**
+   * Get orders from API
+   */
+  const getOrders = async () => {
+    try {
+      setOrdersList({
+        ...ordersList,
+        loading: true
+      })
+      const options = {
+        query: {
+          orderBy: '-',
+          where: [{ attribute: 'cart_group_id', value: orderId }]
+        }
+      }
+      if (userId) {
+        options.query.mode = 'dashboard'
+      }
+      const { content: { error, result } } = await ordering.setAccessToken(token).orders().get(options)
+      setOrdersList({
+        loading: false,
+        orders: error ? [] : result,
+        error: error ? result : null
+      })
+      if (!error) {
+        const _total = result.reduce((total, order) => { return total + order?.summary?.total }, 0)
+        const _subtotal = result.reduce((subtotal, order) => { return subtotal + order?.summary?.subtotal }, 0)
+        const _tax = result.reduce((tax, order) => { return tax + order?.summary?.tax }, 0)
+        setOrdersSummary({
+          total: _total,
+          subtotal: _subtotal,
+          tax: _tax
+        })
+      }
+    } catch (err) {
+      setOrdersList({
+        ...ordersList,
+        loading: false,
+        error: [err.message]
+      })
+    }
+  }
+
+  useEffect(() => {
+    if (orderId) {
+      getOrders()
+    } else {
+      onRedirectPage && onRedirectPage()
+    }
+  }, [])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          ordersList={ordersList}
+          customer={ordersList.orders[0]?.customer}
+          paymentEvents={formatPaymentEvents(ordersList.orders.map(order => order?.payment_events) || [])}
+          ordersSummary={ordersSummary}
+        />
+      )}
+    </>
+  )
+}
+
+MultiOrdersDetails.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType
+}

package/src/components/MyOrders/index.js

@@ -1,150 +1,150 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import { useSession } from '../../contexts/SessionContext'
-import { useApi } from '../../contexts/ApiContext'
-
-export const MyOrders = (props) => {
-  const {
-    UIComponent
-  } = props
-
-  const [ordering] = useApi()
-  const requestsState = {}
-
-  /**
-   * Get token session
-   */
-  const [{ token }] = useSession()
-  /**
-   * Array to save active orders
-   */
-  const [activeOrdersStatus, setActiveOrdersStatus] = useState({ loading: true, orders: [], error: null })
-  /**
-   * Array to save previous orders
-   */
-  const [previousOrdersStatus, setPreviousOrdersStatus] = useState({ loading: true, orders: [], error: null })
-  /**
-   * Method to get active orders from API
-   */
-  const getActiveOrders = async () => {
-    try {
-      const source = {}
-      requestsState.activeOrders = source
-      const { content: { result } } = await ordering.setAccessToken(token).orders().where([
-        { attribute: 'status', value: [0, 3, 4, 7, 8, 9] }
-      ]).get({ cancelToken: source })
-      setActiveOrdersStatus({
-        ...activeOrdersStatus,
-        loading: false,
-        orders: result
-      })
-    } catch (err) {
-      setActiveOrdersStatus({
-        ...activeOrdersStatus,
-        loading: false,
-        error: err.message
-      })
-    }
-  }
-  /**
-   * Method to get previous orders from API
-   */
-  const getPreviousOrders = async () => {
-    try {
-      const source = {}
-      requestsState.previousOrders = source
-      const { content: { result } } = await ordering.setAccessToken(token).orders().where([
-        { attribute: 'status', value: [1, 2, 5, 6, 10, 11, 12] }
-      ]).get({ cancelToken: source })
-      setPreviousOrdersStatus({
-        ...previousOrdersStatus,
-        loading: false,
-        orders: result
-      })
-    } catch (err) {
-      setPreviousOrdersStatus({
-        ...previousOrdersStatus,
-        loading: false,
-        error: err.message
-      })
-    }
-  }
-
-  useEffect(() => {
-    getPreviousOrders()
-    getActiveOrders()
-    return () => {
-      if (requestsState.previousOrders) {
-        requestsState.previousOrders.cancel()
-      }
-      if (requestsState.activeOrders) {
-        requestsState.activeOrders.cancel()
-      }
-    }
-  }, [])
-
-  // useEffect(() => {
-  //   if (orderState.loading) return
-  //   const handleUpdateOrder = (order) => {
-  //     if (order.id !== orderState.order.id) return
-  //     delete order.total
-  //     delete order.subtotal
-  //     setOrderState({
-  //       ...orderState,
-  //       order: Object.assign(orderState.order, order)
-  //     })
-  //   }
-  //   socket.join(`orders_${user.id}`)
-  //   socket.on('update_order', handleUpdateOrder)
-  //   return () => {
-  //     socket.leave(`orders_${user.id}`)
-  //     socket.off('update_order', handleUpdateOrder)
-  //   }
-  // }, [orderState.order, socket])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          activeOrders={activeOrdersStatus}
-          previousOrders={previousOrdersStatus}
-        />
-      )}
-    </>
-  )
-}
-
-MyOrders.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Components types before my orders
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after my orders
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before my orders
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after my orders
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-MyOrders.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import { useSession } from '../../contexts/SessionContext'
+import { useApi } from '../../contexts/ApiContext'
+
+export const MyOrders = (props) => {
+  const {
+    UIComponent
+  } = props
+
+  const [ordering] = useApi()
+  const requestsState = {}
+
+  /**
+   * Get token session
+   */
+  const [{ token }] = useSession()
+  /**
+   * Array to save active orders
+   */
+  const [activeOrdersStatus, setActiveOrdersStatus] = useState({ loading: true, orders: [], error: null })
+  /**
+   * Array to save previous orders
+   */
+  const [previousOrdersStatus, setPreviousOrdersStatus] = useState({ loading: true, orders: [], error: null })
+  /**
+   * Method to get active orders from API
+   */
+  const getActiveOrders = async () => {
+    try {
+      const source = {}
+      requestsState.activeOrders = source
+      const { content: { result } } = await ordering.setAccessToken(token).orders().where([
+        { attribute: 'status', value: [0, 3, 4, 7, 8, 9] }
+      ]).get({ cancelToken: source })
+      setActiveOrdersStatus({
+        ...activeOrdersStatus,
+        loading: false,
+        orders: result
+      })
+    } catch (err) {
+      setActiveOrdersStatus({
+        ...activeOrdersStatus,
+        loading: false,
+        error: err.message
+      })
+    }
+  }
+  /**
+   * Method to get previous orders from API
+   */
+  const getPreviousOrders = async () => {
+    try {
+      const source = {}
+      requestsState.previousOrders = source
+      const { content: { result } } = await ordering.setAccessToken(token).orders().where([
+        { attribute: 'status', value: [1, 2, 5, 6, 10, 11, 12] }
+      ]).get({ cancelToken: source })
+      setPreviousOrdersStatus({
+        ...previousOrdersStatus,
+        loading: false,
+        orders: result
+      })
+    } catch (err) {
+      setPreviousOrdersStatus({
+        ...previousOrdersStatus,
+        loading: false,
+        error: err.message
+      })
+    }
+  }
+
+  useEffect(() => {
+    getPreviousOrders()
+    getActiveOrders()
+    return () => {
+      if (requestsState.previousOrders) {
+        requestsState.previousOrders.cancel()
+      }
+      if (requestsState.activeOrders) {
+        requestsState.activeOrders.cancel()
+      }
+    }
+  }, [])
+
+  // useEffect(() => {
+  //   if (orderState.loading) return
+  //   const handleUpdateOrder = (order) => {
+  //     if (order.id !== orderState.order.id) return
+  //     delete order.total
+  //     delete order.subtotal
+  //     setOrderState({
+  //       ...orderState,
+  //       order: Object.assign(orderState.order, order)
+  //     })
+  //   }
+  //   socket.join(`orders_${user.id}`)
+  //   socket.on('update_order', handleUpdateOrder)
+  //   return () => {
+  //     socket.leave(`orders_${user.id}`)
+  //     socket.off('update_order', handleUpdateOrder)
+  //   }
+  // }, [orderState.order, socket])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          activeOrders={activeOrdersStatus}
+          previousOrders={previousOrdersStatus}
+        />
+      )}
+    </>
+  )
+}
+
+MyOrders.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Components types before my orders
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after my orders
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before my orders
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after my orders
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+MyOrders.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}