ordering-components-external 13.1.2 → 13.1.4

package/src/components/LogoutAction/index.js

@@ -1,165 +1,165 @@
-import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
-import { useSession } from '../../contexts/SessionContext'
-import { useApi } from '../../contexts/ApiContext'
-import { useConfig } from '../../contexts/ConfigContext'
-
-/**
- * Component to manage logout behavior without UI component
- */
-export const LogoutAction = (props) => {
-  const {
-    UIComponent,
-    handleSuccessLogout,
-    token,
-    isNative,
-    useDefualtSessionManager,
-    handleCustomLogoutClick
-  } = props
-
-  const [ordering] = useApi()
-  const [formState, setFormState] = useState({ loading: false, result: { error: false } })
-
-  const [data, { logout }] = useSession()
-  const [{ configs }] = useConfig()
-
-  useEffect(() => {
-    if (configs?.facebook_id?.value && !isNative) {
-      window.fbAsyncInit = () => {
-        window.FB.init({
-          appId: configs?.facebook_id?.value,
-          cookie: true,
-          xfbml: false,
-          version: 'v7.0',
-          status: true
-        })
-      }
-
-      if (window.document.getElementById('facebook-jssdk')) {
-        return
-      }
-
-      const js = window.document.createElement('script')
-      const fjs = window.document.getElementsByTagName('script')[0]
-      js.id = 'facebook-jssdk'
-      js.async = true
-      js.defer = true
-      js.src = 'https://connect.facebook.net/en_US/sdk.js'
-      fjs.parentNode.insertBefore(js, fjs)
-    }
-  }, [configs?.facebook_id?.value])
-
-  useEffect(() => {
-    if (configs?.google_login_client_id?.value && !isNative) {
-      const js = window.document.createElement('script')
-      js.id = 'google-login'
-      js.src = 'https://apis.google.com/js/api.js'
-      js.async = true
-      js.defer = true
-      js.onload = () => {
-        window.gapi.load('auth2', () => { })
-      }
-      window.document.body.appendChild(js)
-
-      return () => {
-        const element = document.getElementById('google-login')
-        if (element) {
-          element.parentNode.removeChild(element)
-        }
-      }
-    }
-  }, [configs?.google_login_client_id?.value])
-
-  /**
-   * Default fuction for logout workflow
-   */
-  const handleLogoutClick = async (bodyParams) => {
-    if (handleCustomLogoutClick) {
-      handleCustomLogoutClick && handleCustomLogoutClick()
-    }
-    try {
-      setFormState({ ...formState, loading: true })
-      const accessToken = token || data.token
-      const body = bodyParams && bodyParams?.notification_token ? {
-        notification_app: bodyParams?.notification_app,
-        notification_token: bodyParams?.notification_token,
-        token_notification: bodyParams?.notification_token,
-      } : null
-      const funtionFetch = body
-        ? ordering.setAccessToken(accessToken).users().logout(body)
-        : ordering.setAccessToken(accessToken).users().logout()
-      const { content: { error, result } } = await funtionFetch
-      if (!error) {
-        setFormState({
-          result: { error, result },
-          loading: false
-        })
-        if (useDefualtSessionManager) {
-          logout()
-        }
-        if (handleSuccessLogout) {
-          handleSuccessLogout()
-        }
-        return true
-      }
-      setFormState({
-        result: { error, result },
-        loading: false
-      })
-      return false
-    } catch (err) {
-      setFormState({
-        result: {
-          error: true,
-          result: err.message
-        },
-        loading: false
-      })
-      return false
-    }
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          formState={formState}
-          handleLogoutClick={handleLogoutClick}
-        />
-      )}
-    </>
-  )
-}
-
-LogoutAction.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Function to get logout success event
-   */
-  handleSuccessLogout: PropTypes.func,
-  /**
-   * Function to get logout error event
-   */
-  handleErrorLogout: PropTypes.func,
-  /**
-   * Provide token if you use custom session manager
-   */
-  token: PropTypes.string,
-  /**
-   * Enable/Disable default session manager
-   * Remove user and token with default session manager
-   */
-  useDefualtSessionManager: PropTypes.bool,
-  /**
-   * Custom function
-   */
-  handleCustomLogoutClick: PropTypes.func
-}
-
-LogoutAction.defaultProps = {
-  useDefualtSessionManager: true
-}
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import { useSession } from '../../contexts/SessionContext'
+import { useApi } from '../../contexts/ApiContext'
+import { useConfig } from '../../contexts/ConfigContext'
+
+/**
+ * Component to manage logout behavior without UI component
+ */
+export const LogoutAction = (props) => {
+  const {
+    UIComponent,
+    handleSuccessLogout,
+    token,
+    isNative,
+    useDefualtSessionManager,
+    handleCustomLogoutClick
+  } = props
+
+  const [ordering] = useApi()
+  const [formState, setFormState] = useState({ loading: false, result: { error: false } })
+
+  const [data, { logout }] = useSession()
+  const [{ configs }] = useConfig()
+
+  useEffect(() => {
+    if (configs?.facebook_id?.value && !isNative) {
+      window.fbAsyncInit = () => {
+        window.FB.init({
+          appId: configs?.facebook_id?.value,
+          cookie: true,
+          xfbml: false,
+          version: 'v7.0',
+          status: true
+        })
+      }
+
+      if (window.document.getElementById('facebook-jssdk')) {
+        return
+      }
+
+      const js = window.document.createElement('script')
+      const fjs = window.document.getElementsByTagName('script')[0]
+      js.id = 'facebook-jssdk'
+      js.async = true
+      js.defer = true
+      js.src = 'https://connect.facebook.net/en_US/sdk.js'
+      fjs.parentNode.insertBefore(js, fjs)
+    }
+  }, [configs?.facebook_id?.value])
+
+  useEffect(() => {
+    if (configs?.google_login_client_id?.value && !isNative) {
+      const js = window.document.createElement('script')
+      js.id = 'google-login'
+      js.src = 'https://apis.google.com/js/api.js'
+      js.async = true
+      js.defer = true
+      js.onload = () => {
+        window.gapi.load('auth2', () => { })
+      }
+      window.document.body.appendChild(js)
+
+      return () => {
+        const element = document.getElementById('google-login')
+        if (element) {
+          element.parentNode.removeChild(element)
+        }
+      }
+    }
+  }, [configs?.google_login_client_id?.value])
+
+  /**
+   * Default fuction for logout workflow
+   */
+  const handleLogoutClick = async (bodyParams) => {
+    if (handleCustomLogoutClick) {
+      handleCustomLogoutClick && handleCustomLogoutClick()
+    }
+    try {
+      setFormState({ ...formState, loading: true })
+      const accessToken = token || data.token
+      const body = bodyParams && bodyParams?.notification_token ? {
+        notification_app: bodyParams?.notification_app,
+        notification_token: bodyParams?.notification_token,
+        token_notification: bodyParams?.notification_token,
+      } : null
+      const funtionFetch = body
+        ? ordering.setAccessToken(accessToken).users().logout(body)
+        : ordering.setAccessToken(accessToken).users().logout()
+      const { content: { error, result } } = await funtionFetch
+      if (!error) {
+        setFormState({
+          result: { error, result },
+          loading: false
+        })
+        if (useDefualtSessionManager) {
+          logout()
+        }
+        if (handleSuccessLogout) {
+          handleSuccessLogout()
+        }
+        return true
+      }
+      setFormState({
+        result: { error, result },
+        loading: false
+      })
+      return false
+    } catch (err) {
+      setFormState({
+        result: {
+          error: true,
+          result: err.message
+        },
+        loading: false
+      })
+      return false
+    }
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          formState={formState}
+          handleLogoutClick={handleLogoutClick}
+        />
+      )}
+    </>
+  )
+}
+
+LogoutAction.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Function to get logout success event
+   */
+  handleSuccessLogout: PropTypes.func,
+  /**
+   * Function to get logout error event
+   */
+  handleErrorLogout: PropTypes.func,
+  /**
+   * Provide token if you use custom session manager
+   */
+  token: PropTypes.string,
+  /**
+   * Enable/Disable default session manager
+   * Remove user and token with default session manager
+   */
+  useDefualtSessionManager: PropTypes.bool,
+  /**
+   * Custom function
+   */
+  handleCustomLogoutClick: PropTypes.func
+}
+
+LogoutAction.defaultProps = {
+  useDefualtSessionManager: true
+}

package/src/components/MainSearch/index.js

@@ -1,149 +1,149 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import { useOrder } from '../../contexts/OrderContext'
-import { useApi } from '../../contexts/ApiContext'
-
-export const MainSearch = (props) => {
-  const {
-    searchByAddress,
-    handlerFindBusiness,
-    UIComponent
-  } = props
-
-  const [ordering] = useApi()
-  const [orderState] = useOrder()
-
-  /**
-   * Object to save all arrays to use
-   */
-  const [allListValues, setAllListValues] = useState({ countries: [], cities: [], citiesOptions: [] })
-  /**
-   * Object to save current values about country selection
-   */
-  const [countryValues, setCountryValues] = useState({ cityId: null, dropdownOptionId: null, orderType: orderState.options?.type || 1 })
-  /**
-   * Handle form error
-   */
-  const [countryFormErrors, setCountryFormErrors] = useState(false)
-  /**
-   * Method to get countries from SDK
-   */
-  const getContries = async () => {
-    try {
-      const { response } = await ordering.countries().get()
-      setAllListValues({ ...allListValues, countries: response?.data?.result })
-    } catch (error) {
-      console.log(error)
-    }
-  }
-  /**
-   * Method to handle change values when searchByAddres is false
-   * @param {object} e
-   */
-  const onChangeValue = ({ name, value }) => {
-    switch (name) {
-      case 'country': {
-        const country = allListValues?.countries.find(country => Number(country.id) === Number(value))
-        const cities = country?.cities.filter(city => city.options.length)
-        setAllListValues({ ...allListValues, cities })
-        setCountryValues({
-          ...countryValues,
-          cityId: null
-        })
-        break
-      }
-      case 'cityId': {
-        const city = allListValues.cities.find(city => Number(city.id) === Number(value))
-        setAllListValues({ ...allListValues, citiesOptions: city?.options })
-        setCountryValues({
-          ...countryValues,
-          cityId: value,
-          dropdownOptionId: null
-        })
-        break
-      }
-      case 'dropdownOptionId': {
-        setCountryValues({
-          ...countryValues,
-          dropdownOptionId: value
-        })
-        break
-      }
-    }
-  }
-  /**
-   * Method to valid if all countries values are valid
-   */
-  const onClickFindBusiness = () => {
-    const isCityOption = allListValues.citiesOptions.length > 0 ? !!countryValues.dropdownOptionId : true
-    const isValid = countryValues.cityId && isCityOption
-    if (isValid) {
-      handlerFindBusiness(countryValues)
-    }
-    setCountryFormErrors(!isValid)
-  }
-
-  useEffect(() => {
-    if (!searchByAddress) {
-      getContries()
-    }
-  }, [])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          orderState={orderState}
-          allListValues={allListValues}
-          currentValues={countryValues}
-          isFormErrors={countryFormErrors}
-          handleChangeValue={onChangeValue}
-          handleFindBusiness={onClickFindBusiness}
-        />
-      )}
-    </>
-  )
-}
-
-MainSearch.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * searchByAddress is used to validate if use address list and address form or dropdown options
-   */
-  searchByAddress: PropTypes.bool,
-  /**
-   * Method to find business from API
-   */
-  handlerFindBusiness: PropTypes.func,
-  /**
-   * Components types before main search
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after main search
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before main search
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after main search
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-MainSearch.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import { useOrder } from '../../contexts/OrderContext'
+import { useApi } from '../../contexts/ApiContext'
+
+export const MainSearch = (props) => {
+  const {
+    searchByAddress,
+    handlerFindBusiness,
+    UIComponent
+  } = props
+
+  const [ordering] = useApi()
+  const [orderState] = useOrder()
+
+  /**
+   * Object to save all arrays to use
+   */
+  const [allListValues, setAllListValues] = useState({ countries: [], cities: [], citiesOptions: [] })
+  /**
+   * Object to save current values about country selection
+   */
+  const [countryValues, setCountryValues] = useState({ cityId: null, dropdownOptionId: null, orderType: orderState.options?.type || 1 })
+  /**
+   * Handle form error
+   */
+  const [countryFormErrors, setCountryFormErrors] = useState(false)
+  /**
+   * Method to get countries from SDK
+   */
+  const getContries = async () => {
+    try {
+      const { response } = await ordering.countries().get()
+      setAllListValues({ ...allListValues, countries: response?.data?.result })
+    } catch (error) {
+      console.log(error)
+    }
+  }
+  /**
+   * Method to handle change values when searchByAddres is false
+   * @param {object} e
+   */
+  const onChangeValue = ({ name, value }) => {
+    switch (name) {
+      case 'country': {
+        const country = allListValues?.countries.find(country => Number(country.id) === Number(value))
+        const cities = country?.cities.filter(city => city.options.length)
+        setAllListValues({ ...allListValues, cities })
+        setCountryValues({
+          ...countryValues,
+          cityId: null
+        })
+        break
+      }
+      case 'cityId': {
+        const city = allListValues.cities.find(city => Number(city.id) === Number(value))
+        setAllListValues({ ...allListValues, citiesOptions: city?.options })
+        setCountryValues({
+          ...countryValues,
+          cityId: value,
+          dropdownOptionId: null
+        })
+        break
+      }
+      case 'dropdownOptionId': {
+        setCountryValues({
+          ...countryValues,
+          dropdownOptionId: value
+        })
+        break
+      }
+    }
+  }
+  /**
+   * Method to valid if all countries values are valid
+   */
+  const onClickFindBusiness = () => {
+    const isCityOption = allListValues.citiesOptions.length > 0 ? !!countryValues.dropdownOptionId : true
+    const isValid = countryValues.cityId && isCityOption
+    if (isValid) {
+      handlerFindBusiness(countryValues)
+    }
+    setCountryFormErrors(!isValid)
+  }
+
+  useEffect(() => {
+    if (!searchByAddress) {
+      getContries()
+    }
+  }, [])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          orderState={orderState}
+          allListValues={allListValues}
+          currentValues={countryValues}
+          isFormErrors={countryFormErrors}
+          handleChangeValue={onChangeValue}
+          handleFindBusiness={onClickFindBusiness}
+        />
+      )}
+    </>
+  )
+}
+
+MainSearch.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * searchByAddress is used to validate if use address list and address form or dropdown options
+   */
+  searchByAddress: PropTypes.bool,
+  /**
+   * Method to find business from API
+   */
+  handlerFindBusiness: PropTypes.func,
+  /**
+   * Components types before main search
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after main search
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before main search
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after main search
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+MainSearch.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}