ordering-components-external 13.0.30 → 13.0.31

package/src/components/GoogleAutocompleteInput/index.js

@@ -1,154 +1,154 @@
-import React, { useEffect, useRef } from 'react'
-import PropTypes, { string } from 'prop-types'
-import { WrapperGoogleMaps } from '../WrapperGoogleMaps'
-
-/**
- * Component to make an input with Google Autocomplete
- * @param {object} props Props of AutocompleteInput component
- */
-const AutocompleteInput = (props) => {
-  const {
-    googleReady,
-    onChangeAddress,
-    types,
-    fields,
-    countryCode,
-    childRef
-  } = props
-
-  const inputRef = useRef()
-
-  const inputProps = {}
-
-  Object.entries(props).forEach(([key, value]) => {
-    if (['googleReady', 'apiKey', 'onChangeAddress', 'setValue', 'childRef', 'countryCode', 'types', 'fields'].indexOf(key) === -1) {
-      inputProps[key] = value
-    }
-  })
-
-  const options = {
-    types: types,
-    fields: fields
-  }
-
-  if (countryCode !== '*') {
-    options.componentRestrictions = {
-      country: countryCode
-    }
-  }
-
-  useEffect(() => {
-    if (googleReady && onChangeAddress) {
-      const autocomplete = new window.google.maps.places.Autocomplete(inputRef.current, options)
-      autocomplete.addListener('place_changed', () => {
-        const place = autocomplete.getPlace()
-        const addressObj = {}
-        if (place?.address_components) {
-          for (const component of place.address_components) {
-            const addressType = component.types[0]
-            if (addressType === 'postal_code') {
-              addressObj.zipcode = component.short_name
-            }
-            if (addressType === 'street_number') {
-              addressObj.street_number = component.long_name
-            }
-            if (addressType === 'neighborhood') {
-              addressObj.neighborhood = component.long_name
-            }
-            if (addressType === 'route') {
-              addressObj.route = component.short_name
-            }
-            if (addressType === 'locality') {
-              addressObj.locality = component.long_name
-            }
-            if (component.types?.includes('sublocality') === 'sublocality') {
-              addressObj.sublocality = component.long_name
-            }
-            if (addressType === 'country') {
-              addressObj.country = component.long_name
-              addressObj.country_code = component.short_name
-            }
-            if (addressType === 'administrative_area_level_1') {
-              addressObj.state = component.long_name
-            }
-            if (addressType === 'administrative_area_level_2') {
-              addressObj.city = component.long_name
-            }
-          }
-          const address = {
-            address: place.formatted_address,
-            location: {
-              lat: place.geometry.location.lat(),
-              lng: place.geometry.location.lng()
-            },
-            utc_offset: place.utc_offset_minutes,
-            map_data: {
-              library: 'google',
-              place_id: place.place_id
-            },
-            ...addressObj
-          }
-          onChangeAddress(address)
-        }
-      })
-    }
-  }, [googleReady])
-
-  useEffect(() => {
-    const interval = setInterval(() => {
-      if (inputRef.current.attributes.autocomplete &&
-        inputRef.current.attributes.autocomplete.value === 'new-field'
-      ) clearInterval(interval)
-      inputRef.current.setAttribute('autocomplete', 'new-field')
-    }, 100)
-    return () => clearInterval(interval)
-  })
-
-  return (
-    <input
-      {...inputProps}
-      autoComplete='new-field'
-      disabled={!props.googleReady}
-      ref={(e) => {
-        inputRef.current = e
-        childRef && childRef(e)
-      }}
-    />
-  )
-}
-
-AutocompleteInput.propTypes = {
-  /**
-   * You Google Maps api key
-   * @see apiKey What is Api Key ? https://developers.google.com/maps/gmp-get-started
-   */
-  apiKey: PropTypes.string.isRequired,
-  /**
-   * Fields for Google autocomplete
-   * @see fields https://developers.google.com/maps/documentation/javascript/reference/places-widget#AutocompleteOptions.fields
-   */
-  fields: PropTypes.arrayOf(string),
-  /**
-   * types for Google autocomplete
-   * @see types https://developers.google.com/maps/documentation/javascript/reference/places-widget#AutocompleteOptions.types
-   */
-  types: PropTypes.arrayOf(string),
-  /**
-   * types for Google autocomplete
-   * @see countryCode https://developers.google.com/maps/documentation/javascript/reference/places-autocomplete-service#ComponentRestrictions.country
-   */
-  countryCode: PropTypes.string,
-  /**
-   * Function to get address when this changed
-   * @param {object} address New address
-   */
-  onChangeAddress: PropTypes.func
-}
-
-AutocompleteInput.defaultProps = {
-  types: [],
-  fields: ['ALL'],
-  countryCode: '*'
-}
-
-export const GoogleAutocompleteInput = WrapperGoogleMaps(AutocompleteInput)
+import React, { useEffect, useRef } from 'react'
+import PropTypes, { string } from 'prop-types'
+import { WrapperGoogleMaps } from '../WrapperGoogleMaps'
+
+/**
+ * Component to make an input with Google Autocomplete
+ * @param {object} props Props of AutocompleteInput component
+ */
+const AutocompleteInput = (props) => {
+  const {
+    googleReady,
+    onChangeAddress,
+    types,
+    fields,
+    countryCode,
+    childRef
+  } = props
+
+  const inputRef = useRef()
+
+  const inputProps = {}
+
+  Object.entries(props).forEach(([key, value]) => {
+    if (['googleReady', 'apiKey', 'onChangeAddress', 'setValue', 'childRef', 'countryCode', 'types', 'fields'].indexOf(key) === -1) {
+      inputProps[key] = value
+    }
+  })
+
+  const options = {
+    types: types,
+    fields: fields
+  }
+
+  if (countryCode !== '*') {
+    options.componentRestrictions = {
+      country: countryCode
+    }
+  }
+
+  useEffect(() => {
+    if (googleReady && onChangeAddress) {
+      const autocomplete = new window.google.maps.places.Autocomplete(inputRef.current, options)
+      autocomplete.addListener('place_changed', () => {
+        const place = autocomplete.getPlace()
+        const addressObj = {}
+        if (place?.address_components) {
+          for (const component of place.address_components) {
+            const addressType = component.types[0]
+            if (addressType === 'postal_code') {
+              addressObj.zipcode = component.short_name
+            }
+            if (addressType === 'street_number') {
+              addressObj.street_number = component.long_name
+            }
+            if (addressType === 'neighborhood') {
+              addressObj.neighborhood = component.long_name
+            }
+            if (addressType === 'route') {
+              addressObj.route = component.short_name
+            }
+            if (addressType === 'locality') {
+              addressObj.locality = component.long_name
+            }
+            if (component.types?.includes('sublocality') === 'sublocality') {
+              addressObj.sublocality = component.long_name
+            }
+            if (addressType === 'country') {
+              addressObj.country = component.long_name
+              addressObj.country_code = component.short_name
+            }
+            if (addressType === 'administrative_area_level_1') {
+              addressObj.state = component.long_name
+            }
+            if (addressType === 'administrative_area_level_2') {
+              addressObj.city = component.long_name
+            }
+          }
+          const address = {
+            address: place.formatted_address,
+            location: {
+              lat: place.geometry.location.lat(),
+              lng: place.geometry.location.lng()
+            },
+            utc_offset: place.utc_offset_minutes,
+            map_data: {
+              library: 'google',
+              place_id: place.place_id
+            },
+            ...addressObj
+          }
+          onChangeAddress(address)
+        }
+      })
+    }
+  }, [googleReady])
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      if (inputRef.current.attributes.autocomplete &&
+        inputRef.current.attributes.autocomplete.value === 'new-field'
+      ) clearInterval(interval)
+      inputRef.current.setAttribute('autocomplete', 'new-field')
+    }, 100)
+    return () => clearInterval(interval)
+  })
+
+  return (
+    <input
+      {...inputProps}
+      autoComplete='new-field'
+      disabled={!props.googleReady}
+      ref={(e) => {
+        inputRef.current = e
+        childRef && childRef(e)
+      }}
+    />
+  )
+}
+
+AutocompleteInput.propTypes = {
+  /**
+   * You Google Maps api key
+   * @see apiKey What is Api Key ? https://developers.google.com/maps/gmp-get-started
+   */
+  apiKey: PropTypes.string.isRequired,
+  /**
+   * Fields for Google autocomplete
+   * @see fields https://developers.google.com/maps/documentation/javascript/reference/places-widget#AutocompleteOptions.fields
+   */
+  fields: PropTypes.arrayOf(string),
+  /**
+   * types for Google autocomplete
+   * @see types https://developers.google.com/maps/documentation/javascript/reference/places-widget#AutocompleteOptions.types
+   */
+  types: PropTypes.arrayOf(string),
+  /**
+   * types for Google autocomplete
+   * @see countryCode https://developers.google.com/maps/documentation/javascript/reference/places-autocomplete-service#ComponentRestrictions.country
+   */
+  countryCode: PropTypes.string,
+  /**
+   * Function to get address when this changed
+   * @param {object} address New address
+   */
+  onChangeAddress: PropTypes.func
+}
+
+AutocompleteInput.defaultProps = {
+  types: [],
+  fields: ['ALL'],
+  countryCode: '*'
+}
+
+export const GoogleAutocompleteInput = WrapperGoogleMaps(AutocompleteInput)

package/src/components/GoogleIdentity/index.js

@@ -1,144 +1,144 @@
-import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
-import { useApi } from '../../contexts/ApiContext'
-
-export const GoogleIdentityButton = (props) => {
-  const {
-    UIComponent,
-    handleSuccessGoogleLogin,
-    handleGoogleLoginClick
-  } = props
-
-  const [ordering] = useApi()
-  const [formState, setFormState] = useState({
-    loading: false,
-    result: { error: false }
-  })
-
-  useEffect(() => {
-    const element = document.getElementById('google-identity')
-    if (element) {
-      element.parentNode.removeChild(element)
-    }
-    insertGapiScript()
-  }, [])
-
-  /**
-   * loading script for the google's api
-   */
-  const insertGapiScript = () => {
-    const js = window.document.createElement('script')
-    js.id = 'google-identity'
-    js.src = 'https://accounts.google.com/gsi/client'
-    js.async = true
-    js.defer = true
-    window.document.body.appendChild(js)
-  }
-
-  /**
-   * Function that return token of the user
-   * @param {object} res from Google
-   */
-  const handleSigninSuccess = async (token) => {
-    if (handleGoogleLoginClick) {
-      handleGoogleLoginClick(token)
-      return
-    }
-    // login with backend
-    try {
-      setFormState({ ...formState, loading: true })
-      const response = await ordering
-        .users()
-        .authGoogle({ access_token: token })
-      setFormState({
-        result: response.content,
-        loading: false
-      })
-      if (!response.content.error) {
-        if (handleSuccessGoogleLogin) {
-          handleSuccessGoogleLogin(response.content.result)
-        }
-      } else {
-        setFormState({
-          result: {
-            error: true,
-            result: response.content
-          },
-          loading: false
-        })
-      }
-    } catch (err) {
-      setFormState({
-        result: {
-          error: true,
-          result: err.message
-        },
-        loading: false
-      })
-    }
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          formState={formState}
-          handleSigninSuccess={handleSigninSuccess}
-        />
-      )}
-    </>
-  )
-}
-
-GoogleIdentityButton.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * property to get response code if type "code"
-   */
-  handleSuccessGoogleLogin: PropTypes.func,
-  /**
-   * loading script for the google's api
-   */
-  insertGapiScript: PropTypes.func,
-  /**
-   * Function that return token of the user
-   */
-  handleSigninSuccess: PropTypes.func,
-  /**
-   * @param {google_response} res
-   * handleCustomClick, function to get click event and return google response without default behavior
-   */
-  handleGoogleLoginClick: 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)
-}
-
-GoogleIdentityButton.defaultProps = {
-  responseType: '',
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import { useApi } from '../../contexts/ApiContext'
+
+export const GoogleIdentityButton = (props) => {
+  const {
+    UIComponent,
+    handleSuccessGoogleLogin,
+    handleGoogleLoginClick
+  } = props
+
+  const [ordering] = useApi()
+  const [formState, setFormState] = useState({
+    loading: false,
+    result: { error: false }
+  })
+
+  useEffect(() => {
+    const element = document.getElementById('google-identity')
+    if (element) {
+      element.parentNode.removeChild(element)
+    }
+    insertGapiScript()
+  }, [])
+
+  /**
+   * loading script for the google's api
+   */
+  const insertGapiScript = () => {
+    const js = window.document.createElement('script')
+    js.id = 'google-identity'
+    js.src = 'https://accounts.google.com/gsi/client'
+    js.async = true
+    js.defer = true
+    window.document.body.appendChild(js)
+  }
+
+  /**
+   * Function that return token of the user
+   * @param {object} res from Google
+   */
+  const handleSigninSuccess = async (token) => {
+    if (handleGoogleLoginClick) {
+      handleGoogleLoginClick(token)
+      return
+    }
+    // login with backend
+    try {
+      setFormState({ ...formState, loading: true })
+      const response = await ordering
+        .users()
+        .authGoogle({ access_token: token })
+      setFormState({
+        result: response.content,
+        loading: false
+      })
+      if (!response.content.error) {
+        if (handleSuccessGoogleLogin) {
+          handleSuccessGoogleLogin(response.content.result)
+        }
+      } else {
+        setFormState({
+          result: {
+            error: true,
+            result: response.content
+          },
+          loading: false
+        })
+      }
+    } catch (err) {
+      setFormState({
+        result: {
+          error: true,
+          result: err.message
+        },
+        loading: false
+      })
+    }
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          formState={formState}
+          handleSigninSuccess={handleSigninSuccess}
+        />
+      )}
+    </>
+  )
+}
+
+GoogleIdentityButton.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * property to get response code if type "code"
+   */
+  handleSuccessGoogleLogin: PropTypes.func,
+  /**
+   * loading script for the google's api
+   */
+  insertGapiScript: PropTypes.func,
+  /**
+   * Function that return token of the user
+   */
+  handleSigninSuccess: PropTypes.func,
+  /**
+   * @param {google_response} res
+   * handleCustomClick, function to get click event and return google response without default behavior
+   */
+  handleGoogleLoginClick: 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)
+}
+
+GoogleIdentityButton.defaultProps = {
+  responseType: '',
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}