ordering-components-external 13.1.2 → 13.1.3

package/src/components/PaymentOptionStripeDirect/index.js

@@ -1,116 +1,116 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import { useSession } from '../../contexts/SessionContext'
-import { useApi } from '../../contexts/ApiContext'
-import { useWebsocket } from '../../contexts/WebsocketContext'
-
-/**
- * Component to manage payment option stripe direct behavior without UI component
- */
-export const PaymentOptionStripeDirect = (props) => {
-  const {
-    UIComponent
-  } = props
-
-  const [ordering] = useApi()
-  const socket = useWebsocket()
-  const [{ token }] = useSession()
-  /**
-   * save stripe public key
-   */
-  const [stripePK, setStripePK] = useState(null)
-  /**
-   * Save client id used in stripe
-   */
-  const [requirements, setRequirements] = useState(null)
-
-  /**
-   * Method to get stripe credentials from API
-   */
-  const getCredentials = async () => {
-    // Replace for a sdk method
-    const response = await fetch(
-      `${ordering.root}/payments/stripe/credentials`,
-      {
-        headers: {
-          Authorization: `Bearer ${token}`,
-          'X-App-X': ordering.appId,
-          'X-Socket-Id-X': socket?.getId()
-        }
-      }
-    )
-    const { result: { publishable } } = await response.json()
-    setStripePK(publishable)
-  }
-
-  /**
-   * Method to get client id for create stripe payment method
-   */
-  const getRequirements = async () => {
-    // Replace for a sdk method
-    const response = await fetch(
-      `${ordering.root}/payments/stripe/requirements?type=add_card`,
-      {
-        headers: {
-          Authorization: `Bearer ${token}`,
-          'X-App-X': ordering.appId,
-          'X-Socket-Id-X': socket?.getId()
-        }
-      }
-    )
-    const { result } = await response.json()
-    setRequirements(result)
-  }
-
-  useEffect(() => {
-    if (!token) return
-    getCredentials()
-    getRequirements()
-  }, [token])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          stripeKey={stripePK}
-          clientSecret={requirements}
-        />
-      )}
-    </>
-  )
-}
-
-PaymentOptionStripeDirect.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Components types before payment option stripe direct
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after payment option stripe direct
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before payment option stripe direct
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after payment option stripe direct
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-PaymentOptionStripeDirect.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import { useSession } from '../../contexts/SessionContext'
+import { useApi } from '../../contexts/ApiContext'
+import { useWebsocket } from '../../contexts/WebsocketContext'
+
+/**
+ * Component to manage payment option stripe direct behavior without UI component
+ */
+export const PaymentOptionStripeDirect = (props) => {
+  const {
+    UIComponent
+  } = props
+
+  const [ordering] = useApi()
+  const socket = useWebsocket()
+  const [{ token }] = useSession()
+  /**
+   * save stripe public key
+   */
+  const [stripePK, setStripePK] = useState(null)
+  /**
+   * Save client id used in stripe
+   */
+  const [requirements, setRequirements] = useState(null)
+
+  /**
+   * Method to get stripe credentials from API
+   */
+  const getCredentials = async () => {
+    // Replace for a sdk method
+    const response = await fetch(
+      `${ordering.root}/payments/stripe/credentials`,
+      {
+        headers: {
+          Authorization: `Bearer ${token}`,
+          'X-App-X': ordering.appId,
+          'X-Socket-Id-X': socket?.getId()
+        }
+      }
+    )
+    const { result: { publishable } } = await response.json()
+    setStripePK(publishable)
+  }
+
+  /**
+   * Method to get client id for create stripe payment method
+   */
+  const getRequirements = async () => {
+    // Replace for a sdk method
+    const response = await fetch(
+      `${ordering.root}/payments/stripe/requirements?type=add_card`,
+      {
+        headers: {
+          Authorization: `Bearer ${token}`,
+          'X-App-X': ordering.appId,
+          'X-Socket-Id-X': socket?.getId()
+        }
+      }
+    )
+    const { result } = await response.json()
+    setRequirements(result)
+  }
+
+  useEffect(() => {
+    if (!token) return
+    getCredentials()
+    getRequirements()
+  }, [token])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          stripeKey={stripePK}
+          clientSecret={requirements}
+        />
+      )}
+    </>
+  )
+}
+
+PaymentOptionStripeDirect.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Components types before payment option stripe direct
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after payment option stripe direct
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before payment option stripe direct
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after payment option stripe direct
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+PaymentOptionStripeDirect.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/PaymentOptionStripeRedirect/StripeRedirectForm/index.js

@@ -1,71 +1,71 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-/**
- * Component to manage stripe redirect form behavior without UI component
- */
-export const StripeRedirectForm = (props) => {
-  const {
-    UIComponent,
-    handleStripeRedirect
-  } = props
-
-  /**
-   * Method to handle all workflow about stripe redirect page
-   * @param {Object} param0 object with name, email and paydata from stripe form
-   */
-  const handleSubmitPaymentMethod = async ({ type, name, email }) => {
-    handleStripeRedirect && handleStripeRedirect({
-      type,
-      owner: {
-        name,
-        email
-      }
-    })
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          handleSubmitPaymentMethod={handleSubmitPaymentMethod}
-        />
-      )}
-    </>
-  )
-}
-
-StripeRedirectForm.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Components types before stripe redirect form
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after stripe redirect form
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before stripe redirect form
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after stripe redirect form
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-StripeRedirectForm.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React from 'react'
+import PropTypes from 'prop-types'
+
+/**
+ * Component to manage stripe redirect form behavior without UI component
+ */
+export const StripeRedirectForm = (props) => {
+  const {
+    UIComponent,
+    handleStripeRedirect
+  } = props
+
+  /**
+   * Method to handle all workflow about stripe redirect page
+   * @param {Object} param0 object with name, email and paydata from stripe form
+   */
+  const handleSubmitPaymentMethod = async ({ type, name, email }) => {
+    handleStripeRedirect && handleStripeRedirect({
+      type,
+      owner: {
+        name,
+        email
+      }
+    })
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          handleSubmitPaymentMethod={handleSubmitPaymentMethod}
+        />
+      )}
+    </>
+  )
+}
+
+StripeRedirectForm.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Components types before stripe redirect form
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after stripe redirect form
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before stripe redirect form
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after stripe redirect form
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+StripeRedirectForm.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/PaymentOptionStripeRedirect/index.js

@@ -1,122 +1,122 @@
-import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
-
-import { useSession } from '../../contexts/SessionContext'
-import { useApi } from '../../contexts/ApiContext'
-import { useWebsocket } from '../../contexts/WebsocketContext'
-
-/**
- * Component to manage payment option stripe redirect behavior without UI component
- */
-export const PaymentOptionStripeRedirect = (props) => {
-  const {
-    paymentMethods,
-    UIComponent
-  } = props
-
-  const [{ token }] = useSession()
-  const [ordering] = useApi()
-  const socket = useWebsocket()
-  /**
-   * save stripe public key
-   */
-  const [stripePK, setStripePK] = useState(null)
-
-  /**
-   * Method to get modal name to show
-   */
-  const modalName = () => {
-    let name = ''
-    paymentMethods.map((paym, i) => {
-      i === paymentMethods.length - 1
-        ? name += `${paym.name}`
-        : name += `${paym.name}, `
-    })
-    return name
-  }
-
-  /**
-   * Method to get stripe credentials from API
-   */
-  const getCredentials = async () => {
-    // Replace for a sdk method
-    const response = await fetch(
-      `${ordering.root}/payments/stripe/credentials`,
-      {
-        headers: {
-          Authorization: `Bearer ${token}`,
-          'X-App-X': ordering.appId,
-          'X-Socket-Id-X': socket?.getId()
-        }
-      }
-    )
-    const { result: { publishable } } = await response.json()
-    setStripePK(publishable)
-  }
-
-  useEffect(() => {
-    getCredentials()
-  }, [])
-
-  return (
-    <>
-      {UIComponent && stripePK && (
-        <UIComponent
-          {...props}
-          stripePK={stripePK}
-          modalName={modalName()}
-        />
-      )}
-    </>
-  )
-}
-
-PaymentOptionStripeRedirect.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Business id
-   */
-  businessId: PropTypes.number.isRequired,
-  /**
-   * currency to use stripe methods
-   */
-  currency: PropTypes.string.isRequired,
-  /**
-   * paymentMethods, array that must be contains a list of payment methods
-   */
-  paymentMethods: PropTypes.arrayOf(PropTypes.object).isRequired,
-  /**
-   * Method to get stripe source from a stripe redirect form
-   */
-  handlerStripeSource: PropTypes.func,
-  /**
-   * Components types before payment option stripe redirect
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after payment option stripe redirect
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before payment option stripe redirect
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after payment option stripe redirect
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-PaymentOptionStripeRedirect.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+
+import { useSession } from '../../contexts/SessionContext'
+import { useApi } from '../../contexts/ApiContext'
+import { useWebsocket } from '../../contexts/WebsocketContext'
+
+/**
+ * Component to manage payment option stripe redirect behavior without UI component
+ */
+export const PaymentOptionStripeRedirect = (props) => {
+  const {
+    paymentMethods,
+    UIComponent
+  } = props
+
+  const [{ token }] = useSession()
+  const [ordering] = useApi()
+  const socket = useWebsocket()
+  /**
+   * save stripe public key
+   */
+  const [stripePK, setStripePK] = useState(null)
+
+  /**
+   * Method to get modal name to show
+   */
+  const modalName = () => {
+    let name = ''
+    paymentMethods.map((paym, i) => {
+      i === paymentMethods.length - 1
+        ? name += `${paym.name}`
+        : name += `${paym.name}, `
+    })
+    return name
+  }
+
+  /**
+   * Method to get stripe credentials from API
+   */
+  const getCredentials = async () => {
+    // Replace for a sdk method
+    const response = await fetch(
+      `${ordering.root}/payments/stripe/credentials`,
+      {
+        headers: {
+          Authorization: `Bearer ${token}`,
+          'X-App-X': ordering.appId,
+          'X-Socket-Id-X': socket?.getId()
+        }
+      }
+    )
+    const { result: { publishable } } = await response.json()
+    setStripePK(publishable)
+  }
+
+  useEffect(() => {
+    getCredentials()
+  }, [])
+
+  return (
+    <>
+      {UIComponent && stripePK && (
+        <UIComponent
+          {...props}
+          stripePK={stripePK}
+          modalName={modalName()}
+        />
+      )}
+    </>
+  )
+}
+
+PaymentOptionStripeRedirect.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Business id
+   */
+  businessId: PropTypes.number.isRequired,
+  /**
+   * currency to use stripe methods
+   */
+  currency: PropTypes.string.isRequired,
+  /**
+   * paymentMethods, array that must be contains a list of payment methods
+   */
+  paymentMethods: PropTypes.arrayOf(PropTypes.object).isRequired,
+  /**
+   * Method to get stripe source from a stripe redirect form
+   */
+  handlerStripeSource: PropTypes.func,
+  /**
+   * Components types before payment option stripe redirect
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after payment option stripe redirect
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before payment option stripe redirect
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after payment option stripe redirect
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+PaymentOptionStripeRedirect.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}