ordering-components-external 13.1.5 → 13.1.7

package/src/components/OrdersDashboardComponents/CheckPassword/index.js

@@ -1,177 +1,177 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { useApi } from '../../../contexts/ApiContext'
-import { useSession } from '../../../contexts/SessionContext'
-
-export const CheckPassword = (props) => {
-  const {
-    UIComponent,
-    defaultConfirmTab
-  } = props
-  const [ordering] = useApi()
-  const [{ token }] = useSession()
-
-  const [checkPasswordStatus, setCheckPasswordStatus] = useState({ result: null, loading: false, error: null })
-  const [checkCodeState, setCheckCodeState] = useState({ loading: false, result: { error: false } })
-  const [credentials, setCredentials] = useState({ email: '', cellphone: '', password: '' })
-
-  const [confirmTab, setConfirmTab] = useState(defaultConfirmTab)
-  const [otpType, setOtpType] = useState('email')
-  const [otpState, setOtpState] = useState('')
-
-  /**
-   * Change current selected tab
-   * @param {string} tab Reference tab email or cellphone
-   */
-  const handleChangeTab = (tab) => {
-    setConfirmTab(tab)
-  }
-
-  /**
-   * Update credential data
-   * @param {EventTarget} e Related HTML event
-   */
-  const handleChangeInput = (e) => {
-    setCredentials({
-      ...credentials,
-      [e.target.name]: e.target.value
-    })
-  }
-
-  /**
-   * Update credential data
-   */
-  const handleChangeCredentials = (changes) => {
-    setCredentials({
-      ...credentials,
-      ...changes
-    })
-  }
-
-  /**
-   * Method to confirm password from API
-   */
-  const getCheckPassword = async () => {
-    try {
-      setCheckPasswordStatus({ ...checkPasswordStatus, loading: true })
-      const requestOptions = {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${token}`
-        },
-        body: JSON.stringify({ password: credentials?.password })
-      }
-      const response = await fetch(`${ordering.root}/users/check_password`, requestOptions)
-      const content = await response.json()
-      if (!content.error) {
-        setCheckPasswordStatus({ ...checkPasswordStatus, loading: false, result: content.result, error: null })
-      } else {
-        setCheckPasswordStatus({ ...checkPasswordStatus, loading: false, error: content.result })
-      }
-    } catch (err) {
-      setCheckPasswordStatus({ ...checkPasswordStatus, loading: false, error: err })
-    }
-  }
-
-  const generateOtpCode = async (values) => {
-    const body = {
-      type: 5,
-      channel: otpType === 'email' ? 1 : 2,
-      size: 6
-    }
-    const email = values?.email || credentials?.email
-    const cellphone = values?.cellphone || credentials?.cellphone
-    const countryPhoneCode = values?.countryPhoneCode || values?.country_phone_code || credentials.country_phone_code
-
-    try {
-      if (otpType === 'cellphone') {
-        body.country_phone_code = countryPhoneCode
-        body.cellphone = cellphone
-        setCredentials({
-          cellphone,
-          country_phone_code: countryPhoneCode
-        })
-      } else {
-        body.email = email
-        setCredentials({
-          email
-        })
-      }
-      const response = await fetch(`${ordering.root}/codes/generate`, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${token}`
-        },
-        body: JSON.stringify(body)
-      })
-      const { result, error } = await response.json()
-      if (!error) {
-        setCheckCodeState({ ...checkCodeState, result: { result: result, error: null } })
-        return
-      }
-      setCheckCodeState({ ...checkCodeState, result: { error: result } })
-    } catch (err) {
-      setCheckCodeState({ ...checkCodeState, result: { error: err.message } })
-    }
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          checkPasswordStatus={checkPasswordStatus}
-          getCheckPassword={getCheckPassword}
-          confirmTab={confirmTab}
-          setOtpType={setOtpType}
-          otpType={otpType}
-          handleChangeTab={handleChangeTab}
-          setOtpState={setOtpState}
-          otpState={otpState}
-          generateOtpCode={generateOtpCode}
-          checkCodeState={checkCodeState}
-          credentials={credentials}
-          handleChangeInput={handleChangeInput}
-          handleChangeCredentials={handleChangeCredentials}
-        />
-      )}
-    </>
-  )
-}
-
-CheckPassword.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * 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)
-}
-
-CheckPassword.defaultProps = {
-  defaultConfirmTab: 'password',
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import { useApi } from '../../../contexts/ApiContext'
+import { useSession } from '../../../contexts/SessionContext'
+
+export const CheckPassword = (props) => {
+  const {
+    UIComponent,
+    defaultConfirmTab
+  } = props
+  const [ordering] = useApi()
+  const [{ token }] = useSession()
+
+  const [checkPasswordStatus, setCheckPasswordStatus] = useState({ result: null, loading: false, error: null })
+  const [checkCodeState, setCheckCodeState] = useState({ loading: false, result: { error: false } })
+  const [credentials, setCredentials] = useState({ email: '', cellphone: '', password: '' })
+
+  const [confirmTab, setConfirmTab] = useState(defaultConfirmTab)
+  const [otpType, setOtpType] = useState('email')
+  const [otpState, setOtpState] = useState('')
+
+  /**
+   * Change current selected tab
+   * @param {string} tab Reference tab email or cellphone
+   */
+  const handleChangeTab = (tab) => {
+    setConfirmTab(tab)
+  }
+
+  /**
+   * Update credential data
+   * @param {EventTarget} e Related HTML event
+   */
+  const handleChangeInput = (e) => {
+    setCredentials({
+      ...credentials,
+      [e.target.name]: e.target.value
+    })
+  }
+
+  /**
+   * Update credential data
+   */
+  const handleChangeCredentials = (changes) => {
+    setCredentials({
+      ...credentials,
+      ...changes
+    })
+  }
+
+  /**
+   * Method to confirm password from API
+   */
+  const getCheckPassword = async () => {
+    try {
+      setCheckPasswordStatus({ ...checkPasswordStatus, loading: true })
+      const requestOptions = {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${token}`
+        },
+        body: JSON.stringify({ password: credentials?.password })
+      }
+      const response = await fetch(`${ordering.root}/users/check_password`, requestOptions)
+      const content = await response.json()
+      if (!content.error) {
+        setCheckPasswordStatus({ ...checkPasswordStatus, loading: false, result: content.result, error: null })
+      } else {
+        setCheckPasswordStatus({ ...checkPasswordStatus, loading: false, error: content.result })
+      }
+    } catch (err) {
+      setCheckPasswordStatus({ ...checkPasswordStatus, loading: false, error: err })
+    }
+  }
+
+  const generateOtpCode = async (values) => {
+    const body = {
+      type: 5,
+      channel: otpType === 'email' ? 1 : 2,
+      size: 6
+    }
+    const email = values?.email || credentials?.email
+    const cellphone = values?.cellphone || credentials?.cellphone
+    const countryPhoneCode = values?.countryPhoneCode || values?.country_phone_code || credentials.country_phone_code
+
+    try {
+      if (otpType === 'cellphone') {
+        body.country_phone_code = countryPhoneCode
+        body.cellphone = cellphone
+        setCredentials({
+          cellphone,
+          country_phone_code: countryPhoneCode
+        })
+      } else {
+        body.email = email
+        setCredentials({
+          email
+        })
+      }
+      const response = await fetch(`${ordering.root}/codes/generate`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${token}`
+        },
+        body: JSON.stringify(body)
+      })
+      const { result, error } = await response.json()
+      if (!error) {
+        setCheckCodeState({ ...checkCodeState, result: { result: result, error: null } })
+        return
+      }
+      setCheckCodeState({ ...checkCodeState, result: { error: result } })
+    } catch (err) {
+      setCheckCodeState({ ...checkCodeState, result: { error: err.message } })
+    }
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          checkPasswordStatus={checkPasswordStatus}
+          getCheckPassword={getCheckPassword}
+          confirmTab={confirmTab}
+          setOtpType={setOtpType}
+          otpType={otpType}
+          handleChangeTab={handleChangeTab}
+          setOtpState={setOtpState}
+          otpState={otpState}
+          generateOtpCode={generateOtpCode}
+          checkCodeState={checkCodeState}
+          credentials={credentials}
+          handleChangeInput={handleChangeInput}
+          handleChangeCredentials={handleChangeCredentials}
+        />
+      )}
+    </>
+  )
+}
+
+CheckPassword.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * 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)
+}
+
+CheckPassword.defaultProps = {
+  defaultConfirmTab: 'password',
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/OrdersDashboardComponents/CityList/index.js

@@ -1,98 +1,98 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes, { string } from 'prop-types'
-import { useApi } from '../../../contexts/ApiContext'
-
-export const CityList = (props) => {
-  const {
-    cities,
-    propsToFetch,
-    UIComponent
-  } = props
-
-  const [ordering] = useApi()
-
-  /**
-   * Array to save cities
-   */
-  const [citiesList, setCitiesList] = useState({ cities: [], loading: true, error: null })
-
-  /**
-   * Method to get cities from API
-   */
-  const getCities = async () => {
-    try {
-      setCitiesList({ ...citiesList, loading: true })
-      const { content: { error, result } } = await ordering.countries().select(propsToFetch).get()
-
-      let cities = []
-      if (!error) {
-        for (const country of result) {
-          if (country?.enabled) {
-            cities = [...cities, ...country?.cities]
-          }
-        }
-        setCitiesList({ ...citiesList, loading: false, cities: cities })
-      }
-    } catch (err) {
-      setCitiesList({ ...citiesList, loading: false, error: err.message })
-    }
-  }
-
-  useEffect(() => {
-    if (cities) {
-      setCitiesList({ ...citiesList, loading: false, cities: cities })
-    } else {
-      getCities()
-    }
-  }, [])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          citiesList={citiesList}
-        />
-      )}
-    </>
-  )
-}
-
-CityList.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Array of cities props to fetch
-   */
-  propsToFetch: PropTypes.arrayOf(string),
-  /**
-   * Components types before my orders
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after my orders
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before my orders
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after my orders
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-CityList.defaultProps = {
-  propsToFetch: ['id', 'name', 'enabled', 'cities'],
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useEffect, useState } from 'react'
+import PropTypes, { string } from 'prop-types'
+import { useApi } from '../../../contexts/ApiContext'
+
+export const CityList = (props) => {
+  const {
+    cities,
+    propsToFetch,
+    UIComponent
+  } = props
+
+  const [ordering] = useApi()
+
+  /**
+   * Array to save cities
+   */
+  const [citiesList, setCitiesList] = useState({ cities: [], loading: true, error: null })
+
+  /**
+   * Method to get cities from API
+   */
+  const getCities = async () => {
+    try {
+      setCitiesList({ ...citiesList, loading: true })
+      const { content: { error, result } } = await ordering.countries().select(propsToFetch).get()
+
+      let cities = []
+      if (!error) {
+        for (const country of result) {
+          if (country?.enabled) {
+            cities = [...cities, ...country?.cities]
+          }
+        }
+        setCitiesList({ ...citiesList, loading: false, cities: cities })
+      }
+    } catch (err) {
+      setCitiesList({ ...citiesList, loading: false, error: err.message })
+    }
+  }
+
+  useEffect(() => {
+    if (cities) {
+      setCitiesList({ ...citiesList, loading: false, cities: cities })
+    } else {
+      getCities()
+    }
+  }, [])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          citiesList={citiesList}
+        />
+      )}
+    </>
+  )
+}
+
+CityList.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Array of cities props to fetch
+   */
+  propsToFetch: PropTypes.arrayOf(string),
+  /**
+   * Components types before my orders
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after my orders
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before my orders
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after my orders
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+CityList.defaultProps = {
+  propsToFetch: ['id', 'name', 'enabled', 'cities'],
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}