ordering-components-external 13.2.32 → 13.2.34

package/src/components/DriverTips/index.js

@@ -1,141 +1,141 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import Decimal from 'decimal.js'
-import { useOrder } from '../../contexts/OrderContext'
-import { useConfig } from '../../contexts/ConfigContext'
-
-/**
- * Component to manage driver tips behavior without UI component
- */
-export const DriverTips = (props) => {
-  const {
-    UIComponent,
-    businessId,
-    businessIds,
-    useOrderContext
-  } = props
-
-  if (useOrderContext && !businessId && !businessIds) {
-    throw new Error('`businessId` is required when `useOrderContext` is true.')
-  }
-
-  /**
-   * Order context
-   */
-  const [orderState, { changeDriverTip }] = useOrder()
-  /**
-   * Config context
-   */
-  const [{ configs }] = useConfig()
-  /**
-   * Save percentage selected by user
-   */
-  const [optionSelected, setOptionSelected] = useState(0)
-  /**
-   * Amount of driver tip, calculate with order.total and optionSelected
-   */
-  const [driverTipAmount, setDriverTipAmount] = useState(0)
-
-  /**
-   * handler when user change driver tip option
-   * @param {number} val
-   */
-  const handlerChangeOption = (driverTip, isFixedPrice = props.isFixedPrice) => {
-    driverTip = typeof driverTip === 'string' ? parseFloat(driverTip) : driverTip
-    if (useOrderContext) {
-      if (businessIds) {
-        const tip = new Decimal(driverTip)
-
-        const tipPerCart = !isFixedPrice ? driverTip
-          : parseFloat((Math.trunc(tip.dividedBy(businessIds?.length) * 100) / 100).toFixed(2))
-
-        const correctionValue = !isFixedPrice ? 0
-          : parseFloat(tip.minus(new Decimal(tipPerCart).times(businessIds?.length)).toFixed(2))
-
-        const tipsPerCart = businessIds.map((bid, idx) => {
-          return { bid, value: parseFloat(new Decimal(tipPerCart).plus(idx === 0 ? correctionValue : 0).toFixed(2)) }
-        })
-
-        Promise.all(tipsPerCart.map(tip => changeDriverTip(tip.bid, tip.value, isFixedPrice)))
-      } else {
-        changeDriverTip(businessId, driverTip, isFixedPrice)
-      }
-    } else {
-      setOptionSelected(driverTip)
-    }
-    props.handlerChangeDriverOption && props.handlerChangeDriverOption(driverTip)
-  }
-
-  useEffect(() => {
-    const orderDriverTipRate = orderState.carts?.[`businessId:${businessId ?? businessIds?.[0]}`]?.driver_tip_rate || 0
-    const orderDriverTip = orderState.carts?.[`businessId:${businessId ?? businessIds?.[0]}`]?.driver_tip || 0
-    const isFixedPrice = parseInt(configs?.driver_tip_type?.value, 10) === 1 || !!parseInt(configs?.driver_tip_use_custom?.value, 10) // 1 - fixed, 2 - percentage
-
-    setOptionSelected(isFixedPrice ? orderDriverTip : orderDriverTipRate)
-    setDriverTipAmount(orderDriverTip)
-  }, [orderState])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          driverTipAmount={driverTipAmount}
-          optionSelected={optionSelected}
-          handlerChangeOption={handlerChangeOption}
-        />
-      )}
-    </>
-  )
-}
-
-DriverTips.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Cart business id
-   */
-  businessId: PropTypes.number,
-  /**
-   * Switch to use order context
-   */
-  useOrderContext: PropTypes.bool,
-  /**
-   * driver tips options
-   */
-  driverTipsOptions: PropTypes.arrayOf(PropTypes.number),
-  /**
-   * method to get option selected
-   */
-  handlerChangeDriverOption: PropTypes.func,
-  /**
-   * Components types before driver tips
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after driver tips
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before driver tips
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after driver tips
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-DriverTips.defaultProps = {
-  useOrderContext: true,
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import Decimal from 'decimal.js'
+import { useOrder } from '../../contexts/OrderContext'
+import { useConfig } from '../../contexts/ConfigContext'
+
+/**
+ * Component to manage driver tips behavior without UI component
+ */
+export const DriverTips = (props) => {
+  const {
+    UIComponent,
+    businessId,
+    businessIds,
+    useOrderContext
+  } = props
+
+  if (useOrderContext && !businessId && !businessIds) {
+    throw new Error('`businessId` is required when `useOrderContext` is true.')
+  }
+
+  /**
+   * Order context
+   */
+  const [orderState, { changeDriverTip }] = useOrder()
+  /**
+   * Config context
+   */
+  const [{ configs }] = useConfig()
+  /**
+   * Save percentage selected by user
+   */
+  const [optionSelected, setOptionSelected] = useState(0)
+  /**
+   * Amount of driver tip, calculate with order.total and optionSelected
+   */
+  const [driverTipAmount, setDriverTipAmount] = useState(0)
+
+  /**
+   * handler when user change driver tip option
+   * @param {number} val
+   */
+  const handlerChangeOption = (driverTip, isFixedPrice = props.isFixedPrice) => {
+    driverTip = typeof driverTip === 'string' ? parseFloat(driverTip) : driverTip
+    if (useOrderContext) {
+      if (businessIds) {
+        const tip = new Decimal(driverTip)
+
+        const tipPerCart = !isFixedPrice ? driverTip
+          : parseFloat((Math.trunc(tip.dividedBy(businessIds?.length) * 100) / 100).toFixed(2))
+
+        const correctionValue = !isFixedPrice ? 0
+          : parseFloat(tip.minus(new Decimal(tipPerCart).times(businessIds?.length)).toFixed(2))
+
+        const tipsPerCart = businessIds.map((bid, idx) => {
+          return { bid, value: parseFloat(new Decimal(tipPerCart).plus(idx === 0 ? correctionValue : 0).toFixed(2)) }
+        })
+
+        Promise.all(tipsPerCart.map(tip => changeDriverTip(tip.bid, tip.value, isFixedPrice)))
+      } else {
+        changeDriverTip(businessId, driverTip, isFixedPrice)
+      }
+    } else {
+      setOptionSelected(driverTip)
+    }
+    props.handlerChangeDriverOption && props.handlerChangeDriverOption(driverTip)
+  }
+
+  useEffect(() => {
+    const orderDriverTipRate = orderState.carts?.[`businessId:${businessId ?? businessIds?.[0]}`]?.driver_tip_rate || 0
+    const orderDriverTip = orderState.carts?.[`businessId:${businessId ?? businessIds?.[0]}`]?.driver_tip || 0
+    const isFixedPrice = parseInt(configs?.driver_tip_type?.value, 10) === 1 || !!parseInt(configs?.driver_tip_use_custom?.value, 10) // 1 - fixed, 2 - percentage
+
+    setOptionSelected(isFixedPrice ? orderDriverTip : orderDriverTipRate)
+    setDriverTipAmount(orderDriverTip)
+  }, [orderState])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          driverTipAmount={driverTipAmount}
+          optionSelected={optionSelected}
+          handlerChangeOption={handlerChangeOption}
+        />
+      )}
+    </>
+  )
+}
+
+DriverTips.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Cart business id
+   */
+  businessId: PropTypes.number,
+  /**
+   * Switch to use order context
+   */
+  useOrderContext: PropTypes.bool,
+  /**
+   * driver tips options
+   */
+  driverTipsOptions: PropTypes.arrayOf(PropTypes.number),
+  /**
+   * method to get option selected
+   */
+  handlerChangeDriverOption: PropTypes.func,
+  /**
+   * Components types before driver tips
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after driver tips
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before driver tips
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after driver tips
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+DriverTips.defaultProps = {
+  useOrderContext: true,
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/Emitter/index.js

@@ -1,36 +1,36 @@
-export class Emitter {
-  constructor () {
-    this._events = {}
-  }
-
-  on (name, listener) {
-    if (!this._events[name]) {
-      this._events[name] = []
-    }
-
-    this._events[name].push(listener)
-  }
-
-  off (name, listenerToRemove) {
-    if (!this._events[name]) {
-      return
-    }
-
-    const filterListeners = (listener) => listener !== listenerToRemove
-
-    this._events[name] = this._events[name].filter(filterListeners)
-  }
-
-  emit (name, ...data) {
-    if (!this._events[name]) {
-      return
-    }
-
-    const fireCallbacks = (callback) => {
-      // eslint-disable-next-line standard/no-callback-literal
-      callback(...data)
-    }
-
-    this._events[name].forEach(fireCallbacks)
-  }
-}
+export class Emitter {
+  constructor () {
+    this._events = {}
+  }
+
+  on (name, listener) {
+    if (!this._events[name]) {
+      this._events[name] = []
+    }
+
+    this._events[name].push(listener)
+  }
+
+  off (name, listenerToRemove) {
+    if (!this._events[name]) {
+      return
+    }
+
+    const filterListeners = (listener) => listener !== listenerToRemove
+
+    this._events[name] = this._events[name].filter(filterListeners)
+  }
+
+  emit (name, ...data) {
+    if (!this._events[name]) {
+      return
+    }
+
+    const fireCallbacks = (callback) => {
+      // eslint-disable-next-line standard/no-callback-literal
+      callback(...data)
+    }
+
+    this._events[name].forEach(fireCallbacks)
+  }
+}

package/src/components/ExamineClick/index.js

@@ -1,40 +1,40 @@
-import React, { useRef } from 'react'
-
-export const ExamineClick = ({ onFiles, childRef, children, className, style, accept, disabled }) => {
-  const inputRef = useRef(null)
-
-  const handleClick = (e) => {
-    if (!childRef) {
-      inputRef.current.click()
-    }
-  }
-
-  const handleChange = (e) => {
-    e.preventDefault()
-    e.stopPropagation()
-    onFiles(e.target.files)
-  }
-
-  return (
-    <div
-      draggable
-      onClick={handleClick}
-      style={style}
-      className={className}
-    >
-      <input
-        type='file'
-        style={{ display: 'none' }}
-        onChange={handleChange}
-        onClick={e => e.stopPropagation()}
-        ref={(e) => {
-          inputRef.current = e
-          childRef && childRef(e)
-        }}
-        accept={accept}
-        disabled={disabled}
-      />
-      {children}
-    </div>
-  )
-}
+import React, { useRef } from 'react'
+
+export const ExamineClick = ({ onFiles, childRef, children, className, style, accept, disabled }) => {
+  const inputRef = useRef(null)
+
+  const handleClick = (e) => {
+    if (!childRef) {
+      inputRef.current.click()
+    }
+  }
+
+  const handleChange = (e) => {
+    e.preventDefault()
+    e.stopPropagation()
+    onFiles(e.target.files)
+  }
+
+  return (
+    <div
+      draggable
+      onClick={handleClick}
+      style={style}
+      className={className}
+    >
+      <input
+        type='file'
+        style={{ display: 'none' }}
+        onChange={handleChange}
+        onClick={e => e.stopPropagation()}
+        ref={(e) => {
+          inputRef.current = e
+          childRef && childRef(e)
+        }}
+        accept={accept}
+        disabled={disabled}
+      />
+      {children}
+    </div>
+  )
+}