ordering-components-external 13.2.33 → 13.2.34

package/src/components/FirebaseGoogleLoginButton/index.js

@@ -1,93 +1,93 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { useApi } from '../../contexts/ApiContext'
-import { useConfig } from '../../contexts/ConfigContext'
-import * as firebase from 'firebase/app'
-import { getAuth, signInWithPopup, GoogleAuthProvider } from 'firebase/auth'
-
-export const FirebaseGoogleLoginButton = (props) => {
-  const {
-    UIComponent,
-    handleSuccessGoogleLogin
-  } = props
-
-  const [ordering] = useApi()
-  const [{ configs }] = useConfig()
-  const [actionState, setActionState] = useState({ loading: false, error: null })
-
-  /**
-   * handling response of Google
-   */
-  const signInWithGoogle = async () => {
-    try {
-      setActionState({ ...actionState, loading: true })
-      firebase.initializeApp({
-        apiKey: configs?.google_login_api_key?.value,
-        authDomain: configs?.google_login_auth_domain?.value
-      })
-      const auth = getAuth()
-      const googleProvider = new GoogleAuthProvider()
-      googleProvider.setCustomParameters({ prompt: 'select_account' })
-
-      const response = await signInWithPopup(auth, googleProvider)
-      handleSigninSuccess(response._tokenResponse)
-    } catch (error) {
-      setActionState({
-        loading: false,
-        error: [error.message]
-      })
-    }
-  }
-
-  /**
-   * Function that return token of the user
-   * @param {object} res from Google
-   */
-  const handleSigninSuccess = async (tokenResponse) => {
-    try {
-      const { content: { error, result } } = await ordering.users().authGoogle({
-        access_token: tokenResponse.oauthIdToken,
-        name: tokenResponse.firstName,
-        lastname: tokenResponse.lastName
-      })
-      if (!error) {
-        if (handleSuccessGoogleLogin) {
-          handleSuccessGoogleLogin(result)
-        }
-      }
-      setActionState({
-        loading: false,
-        error: error ? result : null
-      })
-    } catch (error) {
-      setActionState({
-        loading: false,
-        error: [error.message]
-      })
-    }
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          signInWithGoogle={signInWithGoogle}
-        />
-      )}
-    </>
-  )
-}
-
-FirebaseGoogleLoginButton.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Function to get login with google success event
-   * @param {object} user User logged
-   */
-  handleSuccessGoogleLogin: PropTypes.func
-}
-FirebaseGoogleLoginButton.defaultProps = {}
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import { useApi } from '../../contexts/ApiContext'
+import { useConfig } from '../../contexts/ConfigContext'
+import * as firebase from 'firebase/app'
+import { getAuth, signInWithPopup, GoogleAuthProvider } from 'firebase/auth'
+
+export const FirebaseGoogleLoginButton = (props) => {
+  const {
+    UIComponent,
+    handleSuccessGoogleLogin
+  } = props
+
+  const [ordering] = useApi()
+  const [{ configs }] = useConfig()
+  const [actionState, setActionState] = useState({ loading: false, error: null })
+
+  /**
+   * handling response of Google
+   */
+  const signInWithGoogle = async () => {
+    try {
+      setActionState({ ...actionState, loading: true })
+      firebase.initializeApp({
+        apiKey: configs?.google_login_api_key?.value,
+        authDomain: configs?.google_login_auth_domain?.value
+      })
+      const auth = getAuth()
+      const googleProvider = new GoogleAuthProvider()
+      googleProvider.setCustomParameters({ prompt: 'select_account' })
+
+      const response = await signInWithPopup(auth, googleProvider)
+      handleSigninSuccess(response._tokenResponse)
+    } catch (error) {
+      setActionState({
+        loading: false,
+        error: [error.message]
+      })
+    }
+  }
+
+  /**
+   * Function that return token of the user
+   * @param {object} res from Google
+   */
+  const handleSigninSuccess = async (tokenResponse) => {
+    try {
+      const { content: { error, result } } = await ordering.users().authGoogle({
+        access_token: tokenResponse.oauthIdToken,
+        name: tokenResponse.firstName,
+        lastname: tokenResponse.lastName
+      })
+      if (!error) {
+        if (handleSuccessGoogleLogin) {
+          handleSuccessGoogleLogin(result)
+        }
+      }
+      setActionState({
+        loading: false,
+        error: error ? result : null
+      })
+    } catch (error) {
+      setActionState({
+        loading: false,
+        error: [error.message]
+      })
+    }
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          signInWithGoogle={signInWithGoogle}
+        />
+      )}
+    </>
+  )
+}
+
+FirebaseGoogleLoginButton.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Function to get login with google success event
+   * @param {object} user User logged
+   */
+  handleSuccessGoogleLogin: PropTypes.func
+}
+FirebaseGoogleLoginButton.defaultProps = {}

package/src/components/FloatingButton/index.js

@@ -1,70 +1,70 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-export const FloatingButton = (props) => {
-  const {
-    handleClick,
-    btnText,
-    btnValue,
-    UIComponent
-  } = props
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          handleButtonClick={handleClick}
-          btnText={btnText}
-          btnValue={btnValue}
-        />
-      )}
-    </>
-  )
-}
-
-FloatingButton.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Text for button
-   */
-  btnText: PropTypes.string.isRequired,
-  /**
-   * Value to show in button
-   */
-  btnValue: PropTypes.number,
-  /**
-   * handle click button
-   */
-  handleClick: PropTypes.func,
-  /**
-   * Components types before Floating button
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after Floating button
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before Floating button
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after Floating button
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-FloatingButton.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React from 'react'
+import PropTypes from 'prop-types'
+
+export const FloatingButton = (props) => {
+  const {
+    handleClick,
+    btnText,
+    btnValue,
+    UIComponent
+  } = props
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          handleButtonClick={handleClick}
+          btnText={btnText}
+          btnValue={btnValue}
+        />
+      )}
+    </>
+  )
+}
+
+FloatingButton.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Text for button
+   */
+  btnText: PropTypes.string.isRequired,
+  /**
+   * Value to show in button
+   */
+  btnValue: PropTypes.number,
+  /**
+   * handle click button
+   */
+  handleClick: PropTypes.func,
+  /**
+   * Components types before Floating button
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after Floating button
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before Floating button
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after Floating button
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+FloatingButton.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}