ordering-components-external 13.2.13 → 13.2.15

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: []
+}

package/src/components/BaseComponent/index.js

@@ -1,52 +1,52 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-export const BaseComponent = (props) => {
-  const {
-    UIComponent
-  } = props
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-        />
-      )}
-    </>
-  )
-}
-
-BaseComponent.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Components types before [PUT HERE COMPONENT NAME]
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after [PUT HERE COMPONENT NAME]
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before [PUT HERE COMPONENT NAME]
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after [PUT HERE COMPONENT NAME]
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-BaseComponent.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React from 'react'
+import PropTypes from 'prop-types'
+
+export const BaseComponent = (props) => {
+  const {
+    UIComponent
+  } = props
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+        />
+      )}
+    </>
+  )
+}
+
+BaseComponent.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Components types before [PUT HERE COMPONENT NAME]
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after [PUT HERE COMPONENT NAME]
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before [PUT HERE COMPONENT NAME]
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after [PUT HERE COMPONENT NAME]
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+BaseComponent.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}