ordering-components-external 13.0.33 → 13.0.34

package/src/components/AddressList/index.js

@@ -1,212 +1,212 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import { useSession } from '../../contexts/SessionContext'
-import { useOrder } from '../../contexts/OrderContext'
-import { useApi } from '../../contexts/ApiContext'
-import { useCustomer } from '../../contexts/CustomerContext'
-
-/**
- * Component to control a address list
- * @param {object} props Props of AddressList component
- */
-export const AddressList = (props) => {
-  const {
-    UIComponent,
-    changeOrderAddressWithDefault,
-    handleClickSetDefault,
-    handleClickDelete
-  } = props
-
-  const [ordering] = useApi()
-  const [{ user, token }] = useSession()
-  const [, { setUserCustomer }] = useCustomer()
-  const userId = props.userId || user?.id
-  const accessToken = props.accessToken || token
-
-  const [addressList, setAddressList] = useState({ loading: true, error: null, addresses: [] })
-  const [actionStatus, setActionStatus] = useState({ loading: false, error: null })
-  const [{ options }, { changeAddress }] = useOrder()
-  const requestsState = {}
-
-  /**
-   * Function to load addresses from API
-   */
-  const loadAddresses = async () => {
-    try {
-      setAddressList({ ...addressList, loading: true })
-      const source = {}
-      requestsState.list = source
-      const { content } = await ordering.setAccessToken(accessToken).users(userId).addresses().get({ cancelToken: source })
-      setAddressList({
-        loading: false,
-        error: content.error ? content.result : null,
-        addresses: content.error ? [] : Array.isArray(content.result) ? content.result : []
-      })
-    } catch (err) {
-      if (err.constructor.name !== 'Cancel') {
-        setAddressList({ ...addressList, loading: false, error: [err.message] })
-      }
-    }
-  }
-
-  useEffect(() => {
-    loadAddresses()
-    return () => {
-      if (typeof requestsState.list.cancel === 'function') {
-        requestsState.list.cancel()
-      }
-    }
-  }, [userId])
-
-  /**
-   * Function to make an address as default address
-   * @param {object} address Address to make as default
-   */
-  const handleSetDefault = async (address, userCustomerSetup, sameAddress, dontSetUserCustomer) => {
-    if (userCustomerSetup && !dontSetUserCustomer) {
-      setUserCustomer({
-        ...userCustomerSetup,
-        address: address?.address,
-        address_notes: address?.address_notes,
-        internal_number: address?.internal_number,
-        zipcode: address?.zipcode
-      }, true)
-    }
-    if (handleClickSetDefault) {
-      return handleClickSetDefault(address)
-    }
-    if (sameAddress) {
-      changeAddress(address?.id,
-        {
-          country_code: address?.country_code,
-          type: options?.type
-        }
-      )
-      return
-    }
-    try {
-      setActionStatus({ ...actionStatus, loading: true })
-      const { content } = await ordering.setAccessToken(accessToken).users(userId).addresses(address.id).save({ default: true })
-      setActionStatus({
-        loading: false,
-        error: content.error ? content.result : null
-      })
-      if (!content.error && content.result.default) {
-        addressList.addresses.map(_address => {
-          _address.default = _address.id === address.id
-          return _address
-        })
-        if (changeOrderAddressWithDefault) {
-          changeAddress(content.result.id, {
-            country_code: content.result?.country_code,
-            type: options?.type
-          })
-        }
-        setAddressList({ ...addressList })
-      }
-    } catch (err) {
-      setActionStatus({ ...actionStatus, loading: false, error: [err.message] })
-    }
-  }
-  /**
-   * Function to delete an address
-   * @param {object} address Address to delete
-   */
-  const handleDelete = async (address) => {
-    if (handleClickDelete) {
-      return handleClickDelete(address)
-    }
-    try {
-      setActionStatus({ ...actionStatus, loading: true })
-      const { content } = await ordering.users(userId).addresses(address.id).delete({ accessToken })
-      setActionStatus({
-        loading: false,
-        error: content.error ? content.result : null
-      })
-      if (!content.error) {
-        const addresses = addressList.addresses.filter(_address => {
-          return _address.id !== address.id
-        })
-        setAddressList({ ...addressList, addresses })
-      }
-    } catch (err) {
-      setActionStatus({ ...actionStatus, loading: false, error: [err.message] })
-    }
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          addressList={addressList}
-          setAddressList={setAddressList}
-          actionStatus={actionStatus}
-          handleSetDefault={handleSetDefault}
-          handleDelete={handleDelete}
-          loadAddresses={loadAddresses}
-        />
-      )}
-    </>
-  )
-}
-
-AddressList.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Behavior when click on address
-   * @param {object} address Addres that was clicked
-   */
-  handleClickAddress: PropTypes.func,
-  /**
-   * Custom set default address
-   * @param {object} address Address to make to as default
-   */
-  handleClickSetDefault: PropTypes.func,
-  /**
-   * Custom delete address
-   * @param {object} address Address to make to as default
-   */
-  handleClickDelete: PropTypes.func,
-  /**
-   * User id to get address from this user
-   * If you don't provide one it is used by the current session by default
-   */
-  userId: PropTypes.number,
-  /**
-   * Access token to get addresses
-   * If you don't provide one it is used by the current session by default
-   */
-  accessToken: PropTypes.string,
-  /**
-   * Components types before addresses list
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after addresses list
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before addresses list
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after addresses list
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-AddressList.defaultProps = {
-  changeOrderAddressWithDefault: true,
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import { useSession } from '../../contexts/SessionContext'
+import { useOrder } from '../../contexts/OrderContext'
+import { useApi } from '../../contexts/ApiContext'
+import { useCustomer } from '../../contexts/CustomerContext'
+
+/**
+ * Component to control a address list
+ * @param {object} props Props of AddressList component
+ */
+export const AddressList = (props) => {
+  const {
+    UIComponent,
+    changeOrderAddressWithDefault,
+    handleClickSetDefault,
+    handleClickDelete
+  } = props
+
+  const [ordering] = useApi()
+  const [{ user, token }] = useSession()
+  const [, { setUserCustomer }] = useCustomer()
+  const userId = props.userId || user?.id
+  const accessToken = props.accessToken || token
+
+  const [addressList, setAddressList] = useState({ loading: true, error: null, addresses: [] })
+  const [actionStatus, setActionStatus] = useState({ loading: false, error: null })
+  const [{ options }, { changeAddress }] = useOrder()
+  const requestsState = {}
+
+  /**
+   * Function to load addresses from API
+   */
+  const loadAddresses = async () => {
+    try {
+      setAddressList({ ...addressList, loading: true })
+      const source = {}
+      requestsState.list = source
+      const { content } = await ordering.setAccessToken(accessToken).users(userId).addresses().get({ cancelToken: source })
+      setAddressList({
+        loading: false,
+        error: content.error ? content.result : null,
+        addresses: content.error ? [] : Array.isArray(content.result) ? content.result : []
+      })
+    } catch (err) {
+      if (err.constructor.name !== 'Cancel') {
+        setAddressList({ ...addressList, loading: false, error: [err.message] })
+      }
+    }
+  }
+
+  useEffect(() => {
+    loadAddresses()
+    return () => {
+      if (typeof requestsState.list.cancel === 'function') {
+        requestsState.list.cancel()
+      }
+    }
+  }, [userId])
+
+  /**
+   * Function to make an address as default address
+   * @param {object} address Address to make as default
+   */
+  const handleSetDefault = async (address, userCustomerSetup, sameAddress, dontSetUserCustomer) => {
+    if (userCustomerSetup && !dontSetUserCustomer) {
+      setUserCustomer({
+        ...userCustomerSetup,
+        address: address?.address,
+        address_notes: address?.address_notes,
+        internal_number: address?.internal_number,
+        zipcode: address?.zipcode
+      }, true)
+    }
+    if (handleClickSetDefault) {
+      return handleClickSetDefault(address)
+    }
+    if (sameAddress) {
+      changeAddress(address?.id,
+        {
+          country_code: address?.country_code,
+          type: options?.type
+        }
+      )
+      return
+    }
+    try {
+      setActionStatus({ ...actionStatus, loading: true })
+      const { content } = await ordering.setAccessToken(accessToken).users(userId).addresses(address.id).save({ default: true })
+      setActionStatus({
+        loading: false,
+        error: content.error ? content.result : null
+      })
+      if (!content.error && content.result.default) {
+        addressList.addresses.map(_address => {
+          _address.default = _address.id === address.id
+          return _address
+        })
+        if (changeOrderAddressWithDefault) {
+          changeAddress(content.result.id, {
+            country_code: content.result?.country_code,
+            type: options?.type
+          })
+        }
+        setAddressList({ ...addressList })
+      }
+    } catch (err) {
+      setActionStatus({ ...actionStatus, loading: false, error: [err.message] })
+    }
+  }
+  /**
+   * Function to delete an address
+   * @param {object} address Address to delete
+   */
+  const handleDelete = async (address) => {
+    if (handleClickDelete) {
+      return handleClickDelete(address)
+    }
+    try {
+      setActionStatus({ ...actionStatus, loading: true })
+      const { content } = await ordering.users(userId).addresses(address.id).delete({ accessToken })
+      setActionStatus({
+        loading: false,
+        error: content.error ? content.result : null
+      })
+      if (!content.error) {
+        const addresses = addressList.addresses.filter(_address => {
+          return _address.id !== address.id
+        })
+        setAddressList({ ...addressList, addresses })
+      }
+    } catch (err) {
+      setActionStatus({ ...actionStatus, loading: false, error: [err.message] })
+    }
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          addressList={addressList}
+          setAddressList={setAddressList}
+          actionStatus={actionStatus}
+          handleSetDefault={handleSetDefault}
+          handleDelete={handleDelete}
+          loadAddresses={loadAddresses}
+        />
+      )}
+    </>
+  )
+}
+
+AddressList.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Behavior when click on address
+   * @param {object} address Addres that was clicked
+   */
+  handleClickAddress: PropTypes.func,
+  /**
+   * Custom set default address
+   * @param {object} address Address to make to as default
+   */
+  handleClickSetDefault: PropTypes.func,
+  /**
+   * Custom delete address
+   * @param {object} address Address to make to as default
+   */
+  handleClickDelete: PropTypes.func,
+  /**
+   * User id to get address from this user
+   * If you don't provide one it is used by the current session by default
+   */
+  userId: PropTypes.number,
+  /**
+   * Access token to get addresses
+   * If you don't provide one it is used by the current session by default
+   */
+  accessToken: PropTypes.string,
+  /**
+   * Components types before addresses list
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after addresses list
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before addresses list
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after addresses list
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+AddressList.defaultProps = {
+  changeOrderAddressWithDefault: true,
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/Analitycs/index.js

@@ -1,119 +1,119 @@
-import React, { useEffect, useState } from 'react'
-import { useEvent } from '../../contexts/EventContext'
-import PropTypes from 'prop-types'
-
-export const Analytics = (props) => {
-  const {
-    trackId,
-    children
-  } = props
-
-  const [events] = useEvent()
-  const [analyticsReady, setAnalyticsReady] = useState(false)
-
-  useEffect(() => {
-    if (!trackId) {
-      return
-    }
-    if (window.document.getElementById('google-analytics-sdk')) {
-      if (typeof ga !== 'undefined') {
-        setAnalyticsReady(true)
-      }
-      return
-    }
-
-    const js = window.document.createElement('script')
-    js.id = 'google-analytics-sdk'
-    js.async = true
-    js.defer = true
-    js.src = 'https://www.google-analytics.com/analytics.js'
-    js.onload = window?.ga && function () {
-      setAnalyticsReady(true)
-      window.ga('create', trackId)
-      window.ga('require', 'ec')
-      window.ga('set', 'page', window.location.pathname)
-      window.ga('send', 'pageview')
-    }
-
-    window.document.body.appendChild(js)
-    return () => {
-      js.onload = null
-    }
-  }, [trackId])
-
-  /**
-   * Method to handle Pageview send to analytics
-   * @param {String} pageName
-   */
-  const handlechangeView = (pageName) => {
-    window.ga('set', 'page', pageName?.page)
-    window.ga('send', 'pageview')
-  }
-  const handleClickProduct = (product) => {
-    window.ga('ec:addProduct', {
-      id: product.id,
-      name: product.name,
-      category: product.category_id,
-      price: product.price
-    })
-    window.ga('ec:setAction', 'click')
-    window.ga('send', 'event', 'UI', 'click', 'add to cart')
-  }
-  const handleProductAdded = (product) => {
-    window.ga('ec:addProduct', {
-      id: product.id,
-      name: product.name,
-      category: product.category_id,
-      price: product.price,
-      quantity: product.quantity
-    })
-    window.ga('ec:setAction', 'add')
-    window.ga('send', 'event', 'UI', 'click', 'add to cart')
-  }
-  const handleLogin = (data) => {
-    window.ga('set', 'userId', data.id)
-  }
-  const handleOrderPlaced = (order) => {
-    window.ga('ec:setAction', 'purchase', { // Transaction details are provided in an actionFieldObject.
-      id: order.id, // (Required) Transaction id (string).
-      affiliation: order.business?.name, // Affiliation (string).
-      revenue: order.total, // Revenue (number).
-      tax: order.tax_total, // Tax (number).
-      shipping: order.delivery_zone_price // Shipping (number).
-    })
-  }
-  useEffect(() => {
-    console.log('Analytic Ready')
-    if (analyticsReady && window.ga) {
-      events.on('change_view', handlechangeView)
-      events.on('userLogin', handleLogin)
-      events.on('product_clicked', handleClickProduct)
-      events.on('product_added', handleProductAdded)
-      events.on('order_placed', handleOrderPlaced)
-    }
-    return () => {
-      if (analyticsReady && window.ga) {
-        events.off('change_view', handlechangeView)
-        events.off('userLogin', handleLogin)
-        events.off('product_clicked', handleClickProduct)
-        events.off('product_added', handleProductAdded)
-        events.off('order_placed', handleOrderPlaced)
-      }
-    }
-  }, [analyticsReady])
-  return (
-    <>
-      {children}
-    </>
-  )
-}
-
-Analytics.propTypes = {
-  /**
-   * Your Google Analytics trackId
-   * @see trackId What is trackID ? https://developers.google.com/analytics/devguides/collection/analyticsjs
-   */
-  trackId: PropTypes.string.isRequired
-}
-
-Analytics.defaultProps = {}
+import React, { useEffect, useState } from 'react'
+import { useEvent } from '../../contexts/EventContext'
+import PropTypes from 'prop-types'
+
+export const Analytics = (props) => {
+  const {
+    trackId,
+    children
+  } = props
+
+  const [events] = useEvent()
+  const [analyticsReady, setAnalyticsReady] = useState(false)
+
+  useEffect(() => {
+    if (!trackId) {
+      return
+    }
+    if (window.document.getElementById('google-analytics-sdk')) {
+      if (typeof ga !== 'undefined') {
+        setAnalyticsReady(true)
+      }
+      return
+    }
+
+    const js = window.document.createElement('script')
+    js.id = 'google-analytics-sdk'
+    js.async = true
+    js.defer = true
+    js.src = 'https://www.google-analytics.com/analytics.js'
+    js.onload = window?.ga && function () {
+      setAnalyticsReady(true)
+      window.ga('create', trackId)
+      window.ga('require', 'ec')
+      window.ga('set', 'page', window.location.pathname)
+      window.ga('send', 'pageview')
+    }
+
+    window.document.body.appendChild(js)
+    return () => {
+      js.onload = null
+    }
+  }, [trackId])
+
+  /**
+   * Method to handle Pageview send to analytics
+   * @param {String} pageName
+   */
+  const handlechangeView = (pageName) => {
+    window.ga('set', 'page', pageName?.page)
+    window.ga('send', 'pageview')
+  }
+  const handleClickProduct = (product) => {
+    window.ga('ec:addProduct', {
+      id: product.id,
+      name: product.name,
+      category: product.category_id,
+      price: product.price
+    })
+    window.ga('ec:setAction', 'click')
+    window.ga('send', 'event', 'UI', 'click', 'add to cart')
+  }
+  const handleProductAdded = (product) => {
+    window.ga('ec:addProduct', {
+      id: product.id,
+      name: product.name,
+      category: product.category_id,
+      price: product.price,
+      quantity: product.quantity
+    })
+    window.ga('ec:setAction', 'add')
+    window.ga('send', 'event', 'UI', 'click', 'add to cart')
+  }
+  const handleLogin = (data) => {
+    window.ga('set', 'userId', data.id)
+  }
+  const handleOrderPlaced = (order) => {
+    window.ga('ec:setAction', 'purchase', { // Transaction details are provided in an actionFieldObject.
+      id: order.id, // (Required) Transaction id (string).
+      affiliation: order.business?.name, // Affiliation (string).
+      revenue: order.total, // Revenue (number).
+      tax: order.tax_total, // Tax (number).
+      shipping: order.delivery_zone_price // Shipping (number).
+    })
+  }
+  useEffect(() => {
+    console.log('Analytic Ready')
+    if (analyticsReady && window.ga) {
+      events.on('change_view', handlechangeView)
+      events.on('userLogin', handleLogin)
+      events.on('product_clicked', handleClickProduct)
+      events.on('product_added', handleProductAdded)
+      events.on('order_placed', handleOrderPlaced)
+    }
+    return () => {
+      if (analyticsReady && window.ga) {
+        events.off('change_view', handlechangeView)
+        events.off('userLogin', handleLogin)
+        events.off('product_clicked', handleClickProduct)
+        events.off('product_added', handleProductAdded)
+        events.off('order_placed', handleOrderPlaced)
+      }
+    }
+  }, [analyticsReady])
+  return (
+    <>
+      {children}
+    </>
+  )
+}
+
+Analytics.propTypes = {
+  /**
+   * Your Google Analytics trackId
+   * @see trackId What is trackID ? https://developers.google.com/analytics/devguides/collection/analyticsjs
+   */
+  trackId: PropTypes.string.isRequired
+}
+
+Analytics.defaultProps = {}