ordering-components-external 13.0.33 → 13.0.34

package/src/components/AnalyticsSegment/index.js

@@ -1,136 +1,136 @@
-import React, { useEffect, useState } from 'react'
-import { useEvent } from '../../contexts/EventContext'
-import { AnalyticsBrowser } from '@segment/analytics-next'
-import PropTypes from 'prop-types'
-
-export const AnalyticsSegment = (props) => {
-  const {
-    writeKey,
-    children
-  } = props
-
-  const [events] = useEvent()
-  const [analytics, setAnalytics] = useState(undefined)
-
-  const handleClickProduct = (product) => {
-    analytics.track('Product Clicked', {
-      id: product.id,
-      name: product.name,
-      category: product.category_id,
-      price: product.price
-    })
-  }
-
-  const handleProductAdded = (product) => {
-    analytics.track('Product Added', {
-      id: product.id,
-      name: product.name,
-      category: product.category_id,
-      price: product.price,
-      quantity: product.quantity
-    })
-  }
-
-  const handleProductRemoved = (product) => {
-    analytics.track('Product Removed', {
-      id: product.id,
-      name: product.name,
-      category: product.category_id,
-      price: product.price,
-      quantity: product.quantity
-    })
-  }
-
-  const handleOrderPlaced = (order) => {
-    analytics.track('Order Placed', {
-      id: order.id,
-      affiliation: order.business?.name,
-      revenue: order.total,
-      tax: order.tax_total,
-      shipping: order.delivery_zone_price
-    })
-    analytics.track('Payment Info Entered', {
-      order: order.id,
-      business: order.business?.name,
-      business_id: order.business_id,
-      total: order.total,
-      tax: order.tax_total,
-      delivery: order.delivery_zone_price,
-      paymethod: order.paymethod
-    })
-  }
-
-  const handleUpdateOrder = (order) => {
-    analytics.track('Order Updated', {
-      id: order.id,
-      affiliation: order.business?.name,
-      revenue: order.total,
-      tax: order.tax_total,
-      shipping: order.delivery_zone_price
-    })
-  }
-
-  const handleAddOrder = (order) => {
-    analytics.track('Order Added', {
-      id: order.id,
-      affiliation: order.business?.name,
-      revenue: order.total,
-      tax: order.tax_total,
-      shipping: order.delivery_zone_price
-    })
-  }
-
-  const handleLogin = (data) => {
-    analytics.identify(data.id, {
-      email: data.email,
-      name: data.name
-    })
-  }
-
-  useEffect(() => {
-    if (analytics) {
-      events.on('product_clicked', handleClickProduct)
-      events.on('product_added', handleProductAdded)
-      events.on('userLogin', handleLogin)
-      events.on('order_placed', handleOrderPlaced)
-      events.on('order_updated', handleUpdateOrder)
-      events.on('order_added', handleAddOrder)
-      events.on('cart_product_removed', handleProductRemoved)
-    }
-    return () => {
-      if (analytics) {
-        events.off('product_clicked', handleClickProduct)
-        events.off('product_added', handleProductAdded)
-        events.off('userLogin', handleLogin)
-        events.off('order_placed', handleOrderPlaced)
-        events.off('order_updated', handleUpdateOrder)
-        events.off('order_added', handleAddOrder)
-        events.off('cart_product_removed', handleProductRemoved)
-      }
-    }
-  }, [analytics])
-
-  useEffect(() => {
-    const loadAnalytics = async () => {
-      const [response] = await AnalyticsBrowser.load({ writeKey })
-      setAnalytics(response)
-    }
-    loadAnalytics()
-  }, [writeKey])
-
-  return (
-    <>
-      {children}
-    </>
-  )
-}
-
-AnalyticsSegment.propTypes = {
-  /**
-   * Your Segment Write Key
-   * @see writeKey What is Write Key ? https://segment.com/docs/getting-started/02-simple-install/#find-your-write-key
-   */
-  writeKey: PropTypes.string.isRequired
-}
-
-AnalyticsSegment.defaultProps = {}
+import React, { useEffect, useState } from 'react'
+import { useEvent } from '../../contexts/EventContext'
+import { AnalyticsBrowser } from '@segment/analytics-next'
+import PropTypes from 'prop-types'
+
+export const AnalyticsSegment = (props) => {
+  const {
+    writeKey,
+    children
+  } = props
+
+  const [events] = useEvent()
+  const [analytics, setAnalytics] = useState(undefined)
+
+  const handleClickProduct = (product) => {
+    analytics.track('Product Clicked', {
+      id: product.id,
+      name: product.name,
+      category: product.category_id,
+      price: product.price
+    })
+  }
+
+  const handleProductAdded = (product) => {
+    analytics.track('Product Added', {
+      id: product.id,
+      name: product.name,
+      category: product.category_id,
+      price: product.price,
+      quantity: product.quantity
+    })
+  }
+
+  const handleProductRemoved = (product) => {
+    analytics.track('Product Removed', {
+      id: product.id,
+      name: product.name,
+      category: product.category_id,
+      price: product.price,
+      quantity: product.quantity
+    })
+  }
+
+  const handleOrderPlaced = (order) => {
+    analytics.track('Order Placed', {
+      id: order.id,
+      affiliation: order.business?.name,
+      revenue: order.total,
+      tax: order.tax_total,
+      shipping: order.delivery_zone_price
+    })
+    analytics.track('Payment Info Entered', {
+      order: order.id,
+      business: order.business?.name,
+      business_id: order.business_id,
+      total: order.total,
+      tax: order.tax_total,
+      delivery: order.delivery_zone_price,
+      paymethod: order.paymethod
+    })
+  }
+
+  const handleUpdateOrder = (order) => {
+    analytics.track('Order Updated', {
+      id: order.id,
+      affiliation: order.business?.name,
+      revenue: order.total,
+      tax: order.tax_total,
+      shipping: order.delivery_zone_price
+    })
+  }
+
+  const handleAddOrder = (order) => {
+    analytics.track('Order Added', {
+      id: order.id,
+      affiliation: order.business?.name,
+      revenue: order.total,
+      tax: order.tax_total,
+      shipping: order.delivery_zone_price
+    })
+  }
+
+  const handleLogin = (data) => {
+    analytics.identify(data.id, {
+      email: data.email,
+      name: data.name
+    })
+  }
+
+  useEffect(() => {
+    if (analytics) {
+      events.on('product_clicked', handleClickProduct)
+      events.on('product_added', handleProductAdded)
+      events.on('userLogin', handleLogin)
+      events.on('order_placed', handleOrderPlaced)
+      events.on('order_updated', handleUpdateOrder)
+      events.on('order_added', handleAddOrder)
+      events.on('cart_product_removed', handleProductRemoved)
+    }
+    return () => {
+      if (analytics) {
+        events.off('product_clicked', handleClickProduct)
+        events.off('product_added', handleProductAdded)
+        events.off('userLogin', handleLogin)
+        events.off('order_placed', handleOrderPlaced)
+        events.off('order_updated', handleUpdateOrder)
+        events.off('order_added', handleAddOrder)
+        events.off('cart_product_removed', handleProductRemoved)
+      }
+    }
+  }, [analytics])
+
+  useEffect(() => {
+    const loadAnalytics = async () => {
+      const [response] = await AnalyticsBrowser.load({ writeKey })
+      setAnalytics(response)
+    }
+    loadAnalytics()
+  }, [writeKey])
+
+  return (
+    <>
+      {children}
+    </>
+  )
+}
+
+AnalyticsSegment.propTypes = {
+  /**
+   * Your Segment Write Key
+   * @see writeKey What is Write Key ? https://segment.com/docs/getting-started/02-simple-install/#find-your-write-key
+   */
+  writeKey: PropTypes.string.isRequired
+}
+
+AnalyticsSegment.defaultProps = {}

package/src/components/AppleLogin/index.js

@@ -1,164 +1,164 @@
-import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
-import { useApi } from '../../contexts/ApiContext'
-import { useConfig } from '../../contexts/ConfigContext'
-import { useWebsocket } from '../../contexts/WebsocketContext'
-
-export const AppleLogin = (props) => {
-  const { UIComponent, onSuccess, onFailure, initParams: initParamsCustom, handleButtonAppleLoginClick } = props
-
-  const [ordering] = useApi()
-  const socket = useWebsocket()
-  const [formState, setFormState] = useState({ loading: false, result: { error: false } })
-  const [{ configs }] = useConfig()
-
-  const initParams = initParamsCustom || {
-    clientId: configs?.apple_login_client_id?.value,
-    redirectURI: !window.location.origin.includes('localhost') ? `${window.location.href}login/apple/callback` : 'https://example-app.com/redirect',
-    response_mode: 'form_post',
-    response_type: 'code',
-    state: 'state',
-    scope: 'name email',
-    nonce: 'nonce',
-    usePopup: true // or true defaults to false
-  }
-
-  useEffect(() => {
-    const AppleIDSignInOnFailure = document.addEventListener('AppleIDSignInOnFailure', (error) => {
-      onFailure(error)
-    })
-    createScriptApple()
-
-    return () => {
-      document.removeEventListener('AppleIDSignInOnFailure', AppleIDSignInOnFailure)
-    }
-  }, [])
-
-  /**
-   * loading script of de Apple login sdk
-   */
-  const createScriptApple = () => {
-    if (window.document.getElementById('apple-login')) {
-      return
-    }
-    const js = window.document.createElement('script')
-    js.id = 'apple-login'
-    js.src =
-      'https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js'
-    js.async = true
-    js.defer = true
-
-    window.document.body.appendChild(js)
-  }
-
-  const handleAppleLoginClick = async (data) => {
-    if (handleButtonAppleLoginClick) {
-      handleButtonAppleLoginClick(data)
-      return
-    }
-
-    try {
-      setFormState({ ...formState, loading: true })
-      const response = await fetch(`${ordering.root}/auth/apple`, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'X-App-X': ordering.appId,
-          'X-Socket-Id-X': socket?.getId()
-        },
-        body: JSON.stringify({
-          code: data.code
-        })
-      })
-      const { result, error } = await response.json()
-      setFormState({
-        result: result,
-        loading: false
-      })
-      if (onSuccess && !error && result?.session) {
-        onSuccess(result)
-      } else {
-        if (onFailure) {
-          onFailure(result)
-        }
-      }
-    } catch (err) {
-      setFormState({
-        result: {
-          error: true,
-          result: err.message
-        },
-        loading: false
-      })
-    }
-  }
-
-  /**
-   * start Login Apple
-   */
-  const initLoginApple = () => {
-    window.AppleID.auth.init(initParams)
-
-    handleLoginApple()
-  }
-
-  /**
-   * handilng the response of login apple when login
-   */
-  const handleLoginApple = async () => {
-    try {
-      const data = await window.AppleID.auth.signIn()
-      handleAppleLoginClick(data?.authorization)
-    } catch (err) {
-      console.log('error', err)
-    }
-  }
-
-  return <>{UIComponent && <UIComponent {...props} initLoginApple={initLoginApple} />}</>
-}
-
-AppleLogin.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * loading script of de Apple login sdk
-   */
-  createScriptApple: PropTypes.func,
-  /**
-   * start Login Apple
-   */
-  initLoginApple: PropTypes.func,
-  /**
-   * handilng the response of login apple when login
-   */
-  handleLoginApple: PropTypes.func,
-  /**
-   * Components types before Facebook login button
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after Facebook login button
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before Facebook login button
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after Facebook login button
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-AppleLogin.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import { useApi } from '../../contexts/ApiContext'
+import { useConfig } from '../../contexts/ConfigContext'
+import { useWebsocket } from '../../contexts/WebsocketContext'
+
+export const AppleLogin = (props) => {
+  const { UIComponent, onSuccess, onFailure, initParams: initParamsCustom, handleButtonAppleLoginClick } = props
+
+  const [ordering] = useApi()
+  const socket = useWebsocket()
+  const [formState, setFormState] = useState({ loading: false, result: { error: false } })
+  const [{ configs }] = useConfig()
+
+  const initParams = initParamsCustom || {
+    clientId: configs?.apple_login_client_id?.value,
+    redirectURI: !window.location.origin.includes('localhost') ? `${window.location.href}login/apple/callback` : 'https://example-app.com/redirect',
+    response_mode: 'form_post',
+    response_type: 'code',
+    state: 'state',
+    scope: 'name email',
+    nonce: 'nonce',
+    usePopup: true // or true defaults to false
+  }
+
+  useEffect(() => {
+    const AppleIDSignInOnFailure = document.addEventListener('AppleIDSignInOnFailure', (error) => {
+      onFailure(error)
+    })
+    createScriptApple()
+
+    return () => {
+      document.removeEventListener('AppleIDSignInOnFailure', AppleIDSignInOnFailure)
+    }
+  }, [])
+
+  /**
+   * loading script of de Apple login sdk
+   */
+  const createScriptApple = () => {
+    if (window.document.getElementById('apple-login')) {
+      return
+    }
+    const js = window.document.createElement('script')
+    js.id = 'apple-login'
+    js.src =
+      'https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js'
+    js.async = true
+    js.defer = true
+
+    window.document.body.appendChild(js)
+  }
+
+  const handleAppleLoginClick = async (data) => {
+    if (handleButtonAppleLoginClick) {
+      handleButtonAppleLoginClick(data)
+      return
+    }
+
+    try {
+      setFormState({ ...formState, loading: true })
+      const response = await fetch(`${ordering.root}/auth/apple`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'X-App-X': ordering.appId,
+          'X-Socket-Id-X': socket?.getId()
+        },
+        body: JSON.stringify({
+          code: data.code
+        })
+      })
+      const { result, error } = await response.json()
+      setFormState({
+        result: result,
+        loading: false
+      })
+      if (onSuccess && !error && result?.session) {
+        onSuccess(result)
+      } else {
+        if (onFailure) {
+          onFailure(result)
+        }
+      }
+    } catch (err) {
+      setFormState({
+        result: {
+          error: true,
+          result: err.message
+        },
+        loading: false
+      })
+    }
+  }
+
+  /**
+   * start Login Apple
+   */
+  const initLoginApple = () => {
+    window.AppleID.auth.init(initParams)
+
+    handleLoginApple()
+  }
+
+  /**
+   * handilng the response of login apple when login
+   */
+  const handleLoginApple = async () => {
+    try {
+      const data = await window.AppleID.auth.signIn()
+      handleAppleLoginClick(data?.authorization)
+    } catch (err) {
+      console.log('error', err)
+    }
+  }
+
+  return <>{UIComponent && <UIComponent {...props} initLoginApple={initLoginApple} />}</>
+}
+
+AppleLogin.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * loading script of de Apple login sdk
+   */
+  createScriptApple: PropTypes.func,
+  /**
+   * start Login Apple
+   */
+  initLoginApple: PropTypes.func,
+  /**
+   * handilng the response of login apple when login
+   */
+  handleLoginApple: PropTypes.func,
+  /**
+   * Components types before Facebook login button
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after Facebook login button
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before Facebook login button
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after Facebook login button
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+AppleLogin.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}