ordering-components-external 13.2.13 → 13.2.15

package/src/components/CouponControl/index.js

@@ -1,171 +1,171 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import { useOrder } from '../../contexts/OrderContext'
-import { useLanguage } from '../../contexts/LanguageContext'
-import { useCustomer } from '../../contexts/CustomerContext'
-import { useConfig } from '../../contexts/ConfigContext'
-
-/**
- * Component to manage coupon form behavior without UI component
- */
-export const CouponControl = (props) => {
-  const {
-    businessId,
-    businessIds,
-    price,
-    UIComponent
-  } = props
-
-  const [{ configs }] = useConfig()
-  const [orderState, { applyCoupon, applyOffer }] = useOrder()
-  const [confirm, setConfirm] = useState({ open: false, content: null, error: false })
-  const [, t] = useLanguage()
-  const [{ user }] = useCustomer()
-
-  const couponDefault = (
-    orderState?.carts &&
-    businessId &&
-    orderState?.carts?.[`businessId:${businessId}`]?.coupon
-  ) || null
-
-  const [couponInput, setCouponInput] = useState(null)
-
-  /**
-   * method to manage coupon apply button
-   */
-  const handleButtonApplyClick = () => {
-    setCouponInput('')
-    if (!configs?.advanced_offers_module?.value) {
-      if (user?.id) { // Callcenter
-        if (businessIds) {
-          businessIds.map(businessId => (
-            applyCoupon({
-              business_id: businessId,
-              coupon: couponInput
-            }, {
-              businessId,
-              userId: user?.id
-            })
-          ))
-          return
-        }
-        applyCoupon({
-          business_id: businessId,
-          coupon: couponInput
-        }, {
-          businessId,
-          userId: user?.id
-        })
-      } else {
-        if (businessIds) {
-          businessIds.map(businessId => (
-            applyCoupon({ business_id: businessId, coupon: couponInput })
-          ))
-          return
-        }
-        applyCoupon({
-          business_id: businessId,
-          coupon: couponInput
-        })
-      }
-    } else {
-      if (businessIds) {
-        businessIds.forEach(businessId => {
-          const dataOffer = {
-            business_id: businessId,
-            coupon: couponInput,
-            force: true
-          }
-          if (user?.id) dataOffer.userId = user?.id // Callcenter
-          applyOffer(dataOffer)
-        })
-        return
-      }
-      const dataOffer = {
-        business_id: businessId,
-        coupon: couponInput,
-        force: true
-      }
-      if (user?.id) dataOffer.userId = user?.id // Callcenter
-      applyOffer(dataOffer)
-    }
-  }
-
-  /**
-   * method to manage remove coupon assigned
-   */
-  const handleRemoveCouponClick = () => {
-    if (businessIds) {
-      businessIds.map(businessId => (
-        applyCoupon({ business_id: businessId, coupon: null })
-      ))
-      return
-    }
-    applyCoupon({
-      business_id: businessId,
-      coupon: null
-    })
-  }
-
-  useEffect(() => {
-    if (price < 0) {
-      handleRemoveCouponClick()
-      setConfirm({ ...confirm, open: true, content: t('COUPON_TOTAL_ERROR', 'The total value of the cart with discount must be positive'), error: true })
-    }
-  }, [price])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          couponDefault={couponDefault}
-          couponInput={couponInput}
-          onChangeInputCoupon={(val => setCouponInput(val))}
-          handleButtonApplyClick={handleButtonApplyClick}
-          handleRemoveCouponClick={handleRemoveCouponClick}
-          confirm={confirm}
-          setConfirm={setConfirm}
-        />
-      )}
-    </>
-  )
-}
-
-CouponControl.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * isDisabled, flag to enable/disable coupon input
-   */
-  isDisabled: PropTypes.bool,
-  /**
-   * Components types before coupon control
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after coupon control
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before coupon control
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after coupon control
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-CouponControl.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import { useOrder } from '../../contexts/OrderContext'
+import { useLanguage } from '../../contexts/LanguageContext'
+import { useCustomer } from '../../contexts/CustomerContext'
+import { useConfig } from '../../contexts/ConfigContext'
+
+/**
+ * Component to manage coupon form behavior without UI component
+ */
+export const CouponControl = (props) => {
+  const {
+    businessId,
+    businessIds,
+    price,
+    UIComponent
+  } = props
+
+  const [{ configs }] = useConfig()
+  const [orderState, { applyCoupon, applyOffer }] = useOrder()
+  const [confirm, setConfirm] = useState({ open: false, content: null, error: false })
+  const [, t] = useLanguage()
+  const [{ user }] = useCustomer()
+
+  const couponDefault = (
+    orderState?.carts &&
+    businessId &&
+    orderState?.carts?.[`businessId:${businessId}`]?.coupon
+  ) || null
+
+  const [couponInput, setCouponInput] = useState(null)
+
+  /**
+   * method to manage coupon apply button
+   */
+  const handleButtonApplyClick = () => {
+    setCouponInput('')
+    if (!configs?.advanced_offers_module?.value) {
+      if (user?.id) { // Callcenter
+        if (businessIds) {
+          businessIds.map(businessId => (
+            applyCoupon({
+              business_id: businessId,
+              coupon: couponInput
+            }, {
+              businessId,
+              userId: user?.id
+            })
+          ))
+          return
+        }
+        applyCoupon({
+          business_id: businessId,
+          coupon: couponInput
+        }, {
+          businessId,
+          userId: user?.id
+        })
+      } else {
+        if (businessIds) {
+          businessIds.map(businessId => (
+            applyCoupon({ business_id: businessId, coupon: couponInput })
+          ))
+          return
+        }
+        applyCoupon({
+          business_id: businessId,
+          coupon: couponInput
+        })
+      }
+    } else {
+      if (businessIds) {
+        businessIds.forEach(businessId => {
+          const dataOffer = {
+            business_id: businessId,
+            coupon: couponInput,
+            force: true
+          }
+          if (user?.id) dataOffer.userId = user?.id // Callcenter
+          applyOffer(dataOffer)
+        })
+        return
+      }
+      const dataOffer = {
+        business_id: businessId,
+        coupon: couponInput,
+        force: true
+      }
+      if (user?.id) dataOffer.userId = user?.id // Callcenter
+      applyOffer(dataOffer)
+    }
+  }
+
+  /**
+   * method to manage remove coupon assigned
+   */
+  const handleRemoveCouponClick = () => {
+    if (businessIds) {
+      businessIds.map(businessId => (
+        applyCoupon({ business_id: businessId, coupon: null })
+      ))
+      return
+    }
+    applyCoupon({
+      business_id: businessId,
+      coupon: null
+    })
+  }
+
+  useEffect(() => {
+    if (price < 0) {
+      handleRemoveCouponClick()
+      setConfirm({ ...confirm, open: true, content: t('COUPON_TOTAL_ERROR', 'The total value of the cart with discount must be positive'), error: true })
+    }
+  }, [price])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          couponDefault={couponDefault}
+          couponInput={couponInput}
+          onChangeInputCoupon={(val => setCouponInput(val))}
+          handleButtonApplyClick={handleButtonApplyClick}
+          handleRemoveCouponClick={handleRemoveCouponClick}
+          confirm={confirm}
+          setConfirm={setConfirm}
+        />
+      )}
+    </>
+  )
+}
+
+CouponControl.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * isDisabled, flag to enable/disable coupon input
+   */
+  isDisabled: PropTypes.bool,
+  /**
+   * Components types before coupon control
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after coupon control
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before coupon control
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after coupon control
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+CouponControl.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/DragAndDrop/index.js

@@ -1,41 +1,41 @@
-import React, { useState } from 'react'
-
-export const DragAndDrop = ({ onDrop, children, className, style }) => {
-  const [classname, setClassname] = useState()
-
-  const handleDrop = (e) => {
-    e.preventDefault()
-    e.stopPropagation()
-    onDrop(e.dataTransfer)
-  }
-
-  const handleDragOver = (e) => {
-    e.preventDefault()
-    e.stopPropagation()
-  }
-
-  const handleDragEnter = (e) => {
-    e.preventDefault()
-    e.stopPropagation()
-    setClassname('dragover')
-  }
-
-  const handleDragLeave = (e) => {
-    e.preventDefault()
-    e.stopPropagation()
-    setClassname()
-  }
-
-  return (
-    <div
-      onDrop={handleDrop}
-      onDragOver={handleDragOver}
-      onDragEnter={handleDragEnter}
-      onDragLeave={handleDragLeave}
-      style={style}
-      className={className + ' ' + classname}
-    >
-      {children}
-    </div>
-  )
-}
+import React, { useState } from 'react'
+
+export const DragAndDrop = ({ onDrop, children, className, style }) => {
+  const [classname, setClassname] = useState()
+
+  const handleDrop = (e) => {
+    e.preventDefault()
+    e.stopPropagation()
+    onDrop(e.dataTransfer)
+  }
+
+  const handleDragOver = (e) => {
+    e.preventDefault()
+    e.stopPropagation()
+  }
+
+  const handleDragEnter = (e) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setClassname('dragover')
+  }
+
+  const handleDragLeave = (e) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setClassname()
+  }
+
+  return (
+    <div
+      onDrop={handleDrop}
+      onDragOver={handleDragOver}
+      onDragEnter={handleDragEnter}
+      onDragLeave={handleDragLeave}
+      style={style}
+      className={className + ' ' + classname}
+    >
+      {children}
+    </div>
+  )
+}

package/src/components/DriverList/index.js

@@ -1,112 +1,112 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes, { string } from 'prop-types'
-import { useApi } from '../../contexts/ApiContext'
-
-/**
- * Component to manage drivers behavior without UI component
- */
-export const DriverList = (props) => {
-  const {
-    drivers,
-    UIComponent,
-    propsToFetch
-  } = props
-
-  const [ordering] = useApi()
-
-  /**
-   * Array to save drivers
-   */
-  const [driverList, setDriverList] = useState({ drivers: [], loading: true, error: null })
-
-  /**
-   * Method to get drivers from API
-   */
-  const getDriverList = async () => {
-    try {
-      setDriverList({
-        ...driverList,
-        loading: true
-      })
-      const where = [{ attribute: 'level', value: '4' }]
-      const { content: { error, result } } = await ordering.users().select(propsToFetch).where(where).get()
-      if (!error) {
-        setDriverList({
-          ...driverList,
-          loading: false,
-          drivers: result
-        })
-      } else {
-        setDriverList({
-          ...driverList,
-          loading: false,
-          error: result
-        })
-      }
-    } catch (error) {
-      setDriverList({
-        ...driverList,
-        loading: false,
-        error: [error || error?.toString() || error?.message]
-      })
-    }
-  }
-
-  useEffect(() => {
-    if (drivers) {
-      setDriverList({ ...driverList, loading: false, drivers: drivers })
-    } else {
-      getDriverList()
-    }
-  }, [])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          driverList={driverList}
-        />
-      )}
-    </>
-  )
-}
-
-DriverList.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Array of business props to fetch
-   */
-  propsToFetch: PropTypes.arrayOf(string),
-  /**
-   * 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)
-}
-
-DriverList.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: [],
-  propsToFetch: ['name', 'lastname', 'email', 'phone', 'photo', 'cellphone', 'country_phone_code', 'city_id', 'city', 'address', 'addresses', 'address_notes', 'dropdown_option_id', 'dropdown_option', 'location', 'zipcode', 'level', 'enabled', 'middle_name', 'second_lastname']
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes, { string } from 'prop-types'
+import { useApi } from '../../contexts/ApiContext'
+
+/**
+ * Component to manage drivers behavior without UI component
+ */
+export const DriverList = (props) => {
+  const {
+    drivers,
+    UIComponent,
+    propsToFetch
+  } = props
+
+  const [ordering] = useApi()
+
+  /**
+   * Array to save drivers
+   */
+  const [driverList, setDriverList] = useState({ drivers: [], loading: true, error: null })
+
+  /**
+   * Method to get drivers from API
+   */
+  const getDriverList = async () => {
+    try {
+      setDriverList({
+        ...driverList,
+        loading: true
+      })
+      const where = [{ attribute: 'level', value: '4' }]
+      const { content: { error, result } } = await ordering.users().select(propsToFetch).where(where).get()
+      if (!error) {
+        setDriverList({
+          ...driverList,
+          loading: false,
+          drivers: result
+        })
+      } else {
+        setDriverList({
+          ...driverList,
+          loading: false,
+          error: result
+        })
+      }
+    } catch (error) {
+      setDriverList({
+        ...driverList,
+        loading: false,
+        error: [error || error?.toString() || error?.message]
+      })
+    }
+  }
+
+  useEffect(() => {
+    if (drivers) {
+      setDriverList({ ...driverList, loading: false, drivers: drivers })
+    } else {
+      getDriverList()
+    }
+  }, [])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          driverList={driverList}
+        />
+      )}
+    </>
+  )
+}
+
+DriverList.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Array of business props to fetch
+   */
+  propsToFetch: PropTypes.arrayOf(string),
+  /**
+   * 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)
+}
+
+DriverList.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: [],
+  propsToFetch: ['name', 'lastname', 'email', 'phone', 'photo', 'cellphone', 'country_phone_code', 'city_id', 'city', 'address', 'addresses', 'address_notes', 'dropdown_option_id', 'dropdown_option', 'location', 'zipcode', 'level', 'enabled', 'middle_name', 'second_lastname']
+}