ordering-components-external 13.1.7 → 13.1.8

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

@@ -1,77 +1,77 @@
-import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
-import { useWebsocket } from '../../../contexts/WebsocketContext'
-import { useLanguage } from '../../../contexts/LanguageContext'
-
-/**
- * Component to manage websocket status without UI component
- */
-export const WebsocketStatus = (props) => {
-  const {
-    UIComponent
-  } = props
-
-  const [, t] = useLanguage()
-  const socket = useWebsocket()
-
-  const [socketStatus, setSocketStatus] = useState(socket?.socket?.connected ? 1 : 2)
-  const [connectedDate, setConnectedDate] = useState(
-    window.localStorage.getItem('websocket-connected-date')
-      ? new Date(window.localStorage.getItem('websocket-connected-date'))
-      : new Date()
-  )
-  const [reconnectAttemptCount, setReconnectAttemptCount] = useState(0)
-
-  const getWebsocketStatus = (num) => {
-    switch (num) {
-      case 0:
-        return t('CONNECTING', 'Connecting')
-      case 1:
-        return t('OK', 'Ok')
-      case 2:
-        return t('DISCONNECTED', 'Disconnected')
-    }
-  }
-
-  useEffect(() => {
-    if (socket?.socket) {
-      socket.socket.on('connect', () => {
-        setReconnectAttemptCount(0)
-        setSocketStatus(1)
-        setConnectedDate(new Date())
-      })
-
-      socket.socket.on('disconnect', (reason) => {
-        setSocketStatus(2)
-      })
-
-      socket.socket.on('reconnect_attempt', () => {
-        setReconnectAttemptCount(prev => prev + 1)
-        setSocketStatus(0)
-      })
-    }
-  }, [socket?.socket])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          socketStatus={socketStatus}
-          connectedDate={connectedDate}
-          getWebsocketStatus={getWebsocketStatus}
-          reconnectAttemptCount={reconnectAttemptCount}
-        />
-      )}
-    </>
-  )
-}
-
-WebsocketStatus.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType
-}
-
-WebsocketStatus.defaultProps = {}
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import { useWebsocket } from '../../../contexts/WebsocketContext'
+import { useLanguage } from '../../../contexts/LanguageContext'
+
+/**
+ * Component to manage websocket status without UI component
+ */
+export const WebsocketStatus = (props) => {
+  const {
+    UIComponent
+  } = props
+
+  const [, t] = useLanguage()
+  const socket = useWebsocket()
+
+  const [socketStatus, setSocketStatus] = useState(socket?.socket?.connected ? 1 : 2)
+  const [connectedDate, setConnectedDate] = useState(
+    window.localStorage.getItem('websocket-connected-date')
+      ? new Date(window.localStorage.getItem('websocket-connected-date'))
+      : new Date()
+  )
+  const [reconnectAttemptCount, setReconnectAttemptCount] = useState(0)
+
+  const getWebsocketStatus = (num) => {
+    switch (num) {
+      case 0:
+        return t('CONNECTING', 'Connecting')
+      case 1:
+        return t('OK', 'Ok')
+      case 2:
+        return t('DISCONNECTED', 'Disconnected')
+    }
+  }
+
+  useEffect(() => {
+    if (socket?.socket) {
+      socket.socket.on('connect', () => {
+        setReconnectAttemptCount(0)
+        setSocketStatus(1)
+        setConnectedDate(new Date())
+      })
+
+      socket.socket.on('disconnect', (reason) => {
+        setSocketStatus(2)
+      })
+
+      socket.socket.on('reconnect_attempt', () => {
+        setReconnectAttemptCount(prev => prev + 1)
+        setSocketStatus(0)
+      })
+    }
+  }, [socket?.socket])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          socketStatus={socketStatus}
+          connectedDate={connectedDate}
+          getWebsocketStatus={getWebsocketStatus}
+          reconnectAttemptCount={reconnectAttemptCount}
+        />
+      )}
+    </>
+  )
+}
+
+WebsocketStatus.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType
+}
+
+WebsocketStatus.defaultProps = {}

package/src/components/OrdersDashboardComponents/index.js

@@ -1,57 +1,57 @@
-import { Appointments } from './Appointments'
-import { BusinessProductsListing } from './BusinessProductsListing'
-import { CheckPassword } from './CheckPassword'
-import { CustomOrderDetails } from './CustomOrderDetails'
-import { CityList } from './CityList'
-import { CountryList } from './CountryList'
-import { DashboardBusinessList } from './DashboardBusinessList'
-import { DashboardOrdersList } from './DashboardOrdersList'
-import { DriversList } from './DriversList'
-import { ExportCSV } from './ExportCSV'
-import { GiftCardsList } from './GiftCardsList'
-import { GoogleMapsApiKeySetting } from './GoogleMapsApiKeySetting'
-import { LogisticInformation } from './LogisticInformation'
-import { Logistics } from './Logistics'
-import { Messages } from './Messages'
-import { MetaFields } from './MetaFields'
-import { OrderDetails } from './OrderDetails'
-import { OrderNotification } from './OrderNotification'
-import { OrdersFilter } from './OrdersFilter'
-import { OrdersManage } from './OrdersManage'
-import { PointsWalletLevels } from './PointsWalletLevels'
-import { ReviewCustomer } from './ReviewCustomer'
-import { Schedule } from './Schedule'
-import { SettingsList } from './SettingsList'
-import { UserFormDetails } from './UserFormDetails'
-import { UsersList } from './UsersList'
-import { WebsocketContext } from '../../contexts/WebsocketContext'
-
-export {
-  Appointments,
-  BusinessProductsListing,
-  CheckPassword,
-  CityList,
-  CountryList,
-  CustomOrderDetails,
-  DashboardBusinessList,
-  DashboardOrdersList,
-  DriversList,
-  ExportCSV,
-  GiftCardsList,
-  GoogleMapsApiKeySetting,
-  LogisticInformation,
-  Logistics,
-  Messages,
-  MetaFields,
-  OrderDetails,
-  OrderNotification,
-  OrdersFilter,
-  OrdersManage,
-  PointsWalletLevels,
-  ReviewCustomer,
-  Schedule,
-  SettingsList,
-  UserFormDetails,
-  UsersList,
-  WebsocketContext
-}
+import { Appointments } from './Appointments'
+import { BusinessProductsListing } from './BusinessProductsListing'
+import { CheckPassword } from './CheckPassword'
+import { CustomOrderDetails } from './CustomOrderDetails'
+import { CityList } from './CityList'
+import { CountryList } from './CountryList'
+import { DashboardBusinessList } from './DashboardBusinessList'
+import { DashboardOrdersList } from './DashboardOrdersList'
+import { DriversList } from './DriversList'
+import { ExportCSV } from './ExportCSV'
+import { GiftCardsList } from './GiftCardsList'
+import { GoogleMapsApiKeySetting } from './GoogleMapsApiKeySetting'
+import { LogisticInformation } from './LogisticInformation'
+import { Logistics } from './Logistics'
+import { Messages } from './Messages'
+import { MetaFields } from './MetaFields'
+import { OrderDetails } from './OrderDetails'
+import { OrderNotification } from './OrderNotification'
+import { OrdersFilter } from './OrdersFilter'
+import { OrdersManage } from './OrdersManage'
+import { PointsWalletLevels } from './PointsWalletLevels'
+import { ReviewCustomer } from './ReviewCustomer'
+import { Schedule } from './Schedule'
+import { SettingsList } from './SettingsList'
+import { UserFormDetails } from './UserFormDetails'
+import { UsersList } from './UsersList'
+import { WebsocketContext } from '../../contexts/WebsocketContext'
+
+export {
+  Appointments,
+  BusinessProductsListing,
+  CheckPassword,
+  CityList,
+  CountryList,
+  CustomOrderDetails,
+  DashboardBusinessList,
+  DashboardOrdersList,
+  DriversList,
+  ExportCSV,
+  GiftCardsList,
+  GoogleMapsApiKeySetting,
+  LogisticInformation,
+  Logistics,
+  Messages,
+  MetaFields,
+  OrderDetails,
+  OrderNotification,
+  OrdersFilter,
+  OrdersManage,
+  PointsWalletLevels,
+  ReviewCustomer,
+  Schedule,
+  SettingsList,
+  UserFormDetails,
+  UsersList,
+  WebsocketContext
+}

package/src/components/PageBanner/index.js

@@ -1,107 +1,107 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import dayjs from 'dayjs'
-import utc from 'dayjs/plugin/utc'
-import { useApi } from '../../contexts/ApiContext'
-import { useWebsocket } from '../../contexts/WebsocketContext'
-import { useConfig } from '../../contexts/ConfigContext'
-import { useOrder } from '../../contexts/OrderContext'
-dayjs.extend(utc)
-
-export const PageBanner = (props) => {
-  const {
-    UIComponent,
-    position,
-    businessId
-  } = props
-
-  const [ordering] = useApi()
-  const socket = useWebsocket()
-  const [{ configs }] = useConfig()
-  const [orderState] = useOrder()
-
-  const [pageBannerState, setPageBannerState] = useState({ loading: true, banner: null, error: null })
-
-  const unaddressedTypes = configs?.unaddressed_order_types_allowed?.value.split('|').map(value => Number(value)) || []
-  const isAllowUnaddressOrderType = unaddressedTypes.includes(orderState?.options?.type)
-  const isValidMoment = (date, format) => dayjs.utc(date, format).format(format) === date
-
-  /**
-   * Method to get the page banner from API
-   */
-  const handleGetPageBanner = async () => {
-    try {
-      setPageBannerState({ ...pageBannerState, loading: true })
-      const requestOptions = {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json',
-          'X-App-X': ordering.appId,
-          'X-Socket-Id-X': socket?.getId()
-        }
-      }
-      let fetchEndpoint = `${ordering.root}/banner?position=${position}`
-      if (position === 'web_business_listing' || position === 'app_business_listing') {
-        const defaultLatitude = Number(configs?.location_default_latitude?.value)
-        const defaultLongitude = Number(configs?.location_default_longitude?.value)
-        const isInvalidDefaultLocation = isNaN(defaultLatitude) || isNaN(defaultLongitude)
-        const defaultLocation = {
-          lat: !isInvalidDefaultLocation ? defaultLatitude : 40.7744146,
-          lng: !isInvalidDefaultLocation ? defaultLongitude : -73.9678064
-        }
-        const location = (isAllowUnaddressOrderType && !orderState.options?.address?.location)
-          ? defaultLocation
-          : orderState.options?.address?.location
-        const type = orderState.options?.type || 1
-        fetchEndpoint = `${ordering.root}/banner?position=${position}&location=${JSON.stringify(location)}&order_type_id=${type}`
-      }
-      if (position === 'web_business_page' || position === 'app_business_page') {
-        fetchEndpoint = `${ordering.root}/banner?position=${position}&business_id=${businessId}`
-      }
-      if (orderState.options?.moment && isValidMoment(orderState.options?.moment, 'YYYY-MM-DD HH:mm:ss')) {
-        const moment = dayjs.utc(orderState.options?.moment, 'YYYY-MM-DD HH:mm:ss').local().unix()
-        fetchEndpoint += `&timestamp=${moment}`
-      }
-      const response = await fetch(fetchEndpoint, requestOptions)
-      const { error, result } = await response.json()
-      const totalItems = result.reduce((items, banner) => [...items, ...banner?.items], [])
-      setPageBannerState({
-        loading: false,
-        banner: error ? null : { items: totalItems },
-        result: result,
-        error: error ? result : null
-      })
-    } catch (error) {
-      setPageBannerState({
-        ...pageBannerState,
-        loading: false,
-        error: [error.message]
-      })
-    }
-  }
-
-  useEffect(() => {
-    if (!position) return
-    handleGetPageBanner()
-  }, [position, businessId, JSON.stringify(orderState.options?.address?.location), orderState?.options?.type, orderState.options?.moment])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          pageBannerState={pageBannerState}
-        />
-      )}
-    </>
-  )
-}
-
-PageBanner.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType
-}
-
-PageBanner.defaultProps = {}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import dayjs from 'dayjs'
+import utc from 'dayjs/plugin/utc'
+import { useApi } from '../../contexts/ApiContext'
+import { useWebsocket } from '../../contexts/WebsocketContext'
+import { useConfig } from '../../contexts/ConfigContext'
+import { useOrder } from '../../contexts/OrderContext'
+dayjs.extend(utc)
+
+export const PageBanner = (props) => {
+  const {
+    UIComponent,
+    position,
+    businessId
+  } = props
+
+  const [ordering] = useApi()
+  const socket = useWebsocket()
+  const [{ configs }] = useConfig()
+  const [orderState] = useOrder()
+
+  const [pageBannerState, setPageBannerState] = useState({ loading: true, banner: null, error: null })
+
+  const unaddressedTypes = configs?.unaddressed_order_types_allowed?.value.split('|').map(value => Number(value)) || []
+  const isAllowUnaddressOrderType = unaddressedTypes.includes(orderState?.options?.type)
+  const isValidMoment = (date, format) => dayjs.utc(date, format).format(format) === date
+
+  /**
+   * Method to get the page banner from API
+   */
+  const handleGetPageBanner = async () => {
+    try {
+      setPageBannerState({ ...pageBannerState, loading: true })
+      const requestOptions = {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+          'X-App-X': ordering.appId,
+          'X-Socket-Id-X': socket?.getId()
+        }
+      }
+      let fetchEndpoint = `${ordering.root}/banner?position=${position}`
+      if (position === 'web_business_listing' || position === 'app_business_listing') {
+        const defaultLatitude = Number(configs?.location_default_latitude?.value)
+        const defaultLongitude = Number(configs?.location_default_longitude?.value)
+        const isInvalidDefaultLocation = isNaN(defaultLatitude) || isNaN(defaultLongitude)
+        const defaultLocation = {
+          lat: !isInvalidDefaultLocation ? defaultLatitude : 40.7744146,
+          lng: !isInvalidDefaultLocation ? defaultLongitude : -73.9678064
+        }
+        const location = (isAllowUnaddressOrderType && !orderState.options?.address?.location)
+          ? defaultLocation
+          : orderState.options?.address?.location
+        const type = orderState.options?.type || 1
+        fetchEndpoint = `${ordering.root}/banner?position=${position}&location=${JSON.stringify(location)}&order_type_id=${type}`
+      }
+      if (position === 'web_business_page' || position === 'app_business_page') {
+        fetchEndpoint = `${ordering.root}/banner?position=${position}&business_id=${businessId}`
+      }
+      if (orderState.options?.moment && isValidMoment(orderState.options?.moment, 'YYYY-MM-DD HH:mm:ss')) {
+        const moment = dayjs.utc(orderState.options?.moment, 'YYYY-MM-DD HH:mm:ss').local().unix()
+        fetchEndpoint += `&timestamp=${moment}`
+      }
+      const response = await fetch(fetchEndpoint, requestOptions)
+      const { error, result } = await response.json()
+      const totalItems = result.reduce((items, banner) => [...items, ...banner?.items], [])
+      setPageBannerState({
+        loading: false,
+        banner: error ? null : { items: totalItems },
+        result: result,
+        error: error ? result : null
+      })
+    } catch (error) {
+      setPageBannerState({
+        ...pageBannerState,
+        loading: false,
+        error: [error.message]
+      })
+    }
+  }
+
+  useEffect(() => {
+    if (!position) return
+    handleGetPageBanner()
+  }, [position, businessId, JSON.stringify(orderState.options?.address?.location), orderState?.options?.type, orderState.options?.moment])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          pageBannerState={pageBannerState}
+        />
+      )}
+    </>
+  )
+}
+
+PageBanner.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType
+}
+
+PageBanner.defaultProps = {}

package/src/components/PaymentOptionCash/index.js

@@ -1,74 +1,74 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-// import { useOrder } from '../../contexts/OrderContext'
-
-/**
- * Component to manage payment option cash behavior without UI component
- */
-export const PaymentOptionCash = (props) => {
-  const {
-    UIComponent,
-    orderTotal
-  } = props
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          total={orderTotal}
-        />
-      )}
-    </>
-  )
-}
-
-PaymentOptionCash.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Flag to know if use props from context or not
-   */
-  useOrderContext: PropTypes.bool,
-  /**
-   * Business id to know where order total come from
-   */
-  businessId: PropTypes.number,
-  /**
-   * orderTotal, amount of order total
-   */
-  orderTotal: PropTypes.number,
-  /**
-   * handler value typed on input cash
-   */
-  handlerSubmit: PropTypes.func,
-  /**
-   * 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)
-}
-
-PaymentOptionCash.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React from 'react'
+import PropTypes from 'prop-types'
+// import { useOrder } from '../../contexts/OrderContext'
+
+/**
+ * Component to manage payment option cash behavior without UI component
+ */
+export const PaymentOptionCash = (props) => {
+  const {
+    UIComponent,
+    orderTotal
+  } = props
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          total={orderTotal}
+        />
+      )}
+    </>
+  )
+}
+
+PaymentOptionCash.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Flag to know if use props from context or not
+   */
+  useOrderContext: PropTypes.bool,
+  /**
+   * Business id to know where order total come from
+   */
+  businessId: PropTypes.number,
+  /**
+   * orderTotal, amount of order total
+   */
+  orderTotal: PropTypes.number,
+  /**
+   * handler value typed on input cash
+   */
+  handlerSubmit: PropTypes.func,
+  /**
+   * 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)
+}
+
+PaymentOptionCash.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}