ordering-components-external 13.0.30 → 13.0.32

package/src/components/SingleProductCard/index.js

@@ -1,130 +1,130 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { useApi } from '../../contexts/ApiContext'
-import { useSession } from '../../contexts/SessionContext'
-import { useToast, ToastType } from '../../contexts/ToastContext'
-import { useLanguage } from '../../contexts/LanguageContext'
-import { useWebsocket } from '../../contexts/WebsocketContext'
-import { useEvent } from '../../contexts/EventContext'
-
-export const SingleProductCard = (props) => {
-  const {
-    UIComponent,
-    product,
-    handleUpdateProducts,
-    isProductId
-  } = props
-
-  const [ordering] = useApi()
-  const socket = useWebsocket()
-  const [{ user, token }] = useSession()
-  const [, { showToast }] = useToast()
-  const [, t] = useLanguage()
-  const [events] = useEvent()
-
-  const [actionState, setActionState] = useState({ loading: false, error: null })
-
-  /**
-   * Method to add, remove favorite info for user from API
-   */
-  const handleFavoriteProduct = async (isAdd = false) => {
-    if (!product || !user) return
-    showToast(ToastType.Info, t('LOADING', 'loading'))
-    try {
-      setActionState({ ...actionState, loading: true, error: null })
-      const productId = isProductId ? product?.product_id : product?.id
-      const changes = { object_id: productId }
-      const requestOptions = {
-        method: isAdd ? 'POST' : 'DELETE',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${token}`,
-          'X-App-X': ordering.appId,
-          'X-Socket-Id-X': socket?.getId()
-        },
-        ...(isAdd && { body: JSON.stringify(changes) })
-      }
-
-      const fetchEndpoint = isAdd
-        ? `${ordering.root}/users/${user?.id}/favorite_products`
-        : `${ordering.root}/users/${user.id}/favorite_products/${productId}`
-      const response = await fetch(fetchEndpoint, requestOptions)
-      const content = await response.json()
-
-      if (!content.error) {
-        setActionState({ ...actionState, loading: false })
-        handleUpdateProducts && handleUpdateProducts(productId, { favorite: isAdd })
-        if (isAdd) {
-          events.emit('product_added_to_wishlist', product)
-        } else {
-          events.emit('product_removed_from_wishlist', product)
-        }
-        showToast(ToastType.Success, isAdd ? t('FAVORITE_ADDED', 'Favorite added') : t('FAVORITE_REMOVED', 'Favorite removed'))
-      } else {
-        setActionState({
-          ...actionState,
-          loading: false,
-          error: content.result
-        })
-        showToast(ToastType.Error, content.result)
-      }
-    } catch (error) {
-      setActionState({
-        ...actionState,
-        loading: false,
-        error: [error.message]
-      })
-      showToast(ToastType.Error, [error.message])
-    }
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          handleFavoriteProduct={handleFavoriteProduct}
-          actionState={actionState}
-        />
-      )}
-    </>
-  )
-}
-
-SingleProductCard.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Businessid, this must be contains an business id for get data from API
-   */
-  businessId: PropTypes.number,
-  /**
-   * Components types before products listing
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after products listing
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before products listing
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after products listing
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-SingleProductCard.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import { useApi } from '../../contexts/ApiContext'
+import { useSession } from '../../contexts/SessionContext'
+import { useToast, ToastType } from '../../contexts/ToastContext'
+import { useLanguage } from '../../contexts/LanguageContext'
+import { useWebsocket } from '../../contexts/WebsocketContext'
+import { useEvent } from '../../contexts/EventContext'
+
+export const SingleProductCard = (props) => {
+  const {
+    UIComponent,
+    product,
+    handleUpdateProducts,
+    isProductId
+  } = props
+
+  const [ordering] = useApi()
+  const socket = useWebsocket()
+  const [{ user, token }] = useSession()
+  const [, { showToast }] = useToast()
+  const [, t] = useLanguage()
+  const [events] = useEvent()
+
+  const [actionState, setActionState] = useState({ loading: false, error: null })
+
+  /**
+   * Method to add, remove favorite info for user from API
+   */
+  const handleFavoriteProduct = async (isAdd = false) => {
+    if (!product || !user) return
+    showToast(ToastType.Info, t('LOADING', 'loading'))
+    try {
+      setActionState({ ...actionState, loading: true, error: null })
+      const productId = isProductId ? product?.product_id : product?.id
+      const changes = { object_id: productId }
+      const requestOptions = {
+        method: isAdd ? 'POST' : 'DELETE',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${token}`,
+          'X-App-X': ordering.appId,
+          'X-Socket-Id-X': socket?.getId()
+        },
+        ...(isAdd && { body: JSON.stringify(changes) })
+      }
+
+      const fetchEndpoint = isAdd
+        ? `${ordering.root}/users/${user?.id}/favorite_products`
+        : `${ordering.root}/users/${user.id}/favorite_products/${productId}`
+      const response = await fetch(fetchEndpoint, requestOptions)
+      const content = await response.json()
+
+      if (!content.error) {
+        setActionState({ ...actionState, loading: false })
+        handleUpdateProducts && handleUpdateProducts(productId, { favorite: isAdd })
+        if (isAdd) {
+          events.emit('product_added_to_wishlist', product)
+        } else {
+          events.emit('product_removed_from_wishlist', product)
+        }
+        showToast(ToastType.Success, isAdd ? t('FAVORITE_ADDED', 'Favorite added') : t('FAVORITE_REMOVED', 'Favorite removed'))
+      } else {
+        setActionState({
+          ...actionState,
+          loading: false,
+          error: content.result
+        })
+        showToast(ToastType.Error, content.result)
+      }
+    } catch (error) {
+      setActionState({
+        ...actionState,
+        loading: false,
+        error: [error.message]
+      })
+      showToast(ToastType.Error, [error.message])
+    }
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          handleFavoriteProduct={handleFavoriteProduct}
+          actionState={actionState}
+        />
+      )}
+    </>
+  )
+}
+
+SingleProductCard.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Businessid, this must be contains an business id for get data from API
+   */
+  businessId: PropTypes.number,
+  /**
+   * Components types before products listing
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after products listing
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before products listing
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after products listing
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+SingleProductCard.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/SingleProfessionalCard/index.js

@@ -1,121 +1,121 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { useApi } from '../../contexts/ApiContext'
-import { useSession } from '../../contexts/SessionContext'
-import { useToast, ToastType } from '../../contexts/ToastContext'
-import { useLanguage } from '../../contexts/LanguageContext'
-import { useWebsocket } from '../../contexts/WebsocketContext'
-
-export const SingleProfessionalCard = (props) => {
-  const {
-    UIComponent,
-    professional,
-    handleUpdateProfessionals
-  } = props
-
-  const [ordering] = useApi()
-  const socket = useWebsocket()
-  const [{ user, token }] = useSession()
-  const [, { showToast }] = useToast()
-  const [, t] = useLanguage()
-
-  const [actionState, setActionState] = useState({ loading: false, error: null })
-
-  /**
-   * Method to add, remove favorite info for user from API
-   */
-  const handleFavoriteProfessional = async (isAdd = false) => {
-    if (!professional || !user) return
-    showToast(ToastType.Info, t('LOADING', 'loading'))
-    try {
-      setActionState({ ...actionState, loading: true, error: null })
-      const changes = { object_id: professional?.id }
-      const requestOptions = {
-        method: isAdd ? 'POST' : 'DELETE',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${token}`,
-          'X-App-X': ordering.appId,
-          'X-Socket-Id-X': socket?.getId()
-        },
-        ...(isAdd && { body: JSON.stringify(changes) })
-      }
-
-      const fetchEndpoint = isAdd
-        ? `${ordering.root}/users/${user?.id}/favorite_users`
-        : `${ordering.root}/users/${user.id}/favorite_users/${professional?.id}`
-      const response = await fetch(fetchEndpoint, requestOptions)
-      const content = await response.json()
-
-      if (!content.error) {
-        setActionState({ ...actionState, loading: false })
-        handleUpdateProfessionals && handleUpdateProfessionals(professional?.id, { favorite: isAdd })
-        showToast(ToastType.Success, isAdd ? t('FAVORITE_ADDED', 'Favorite added') : t('FAVORITE_REMOVED', 'Favorite removed'))
-      } else {
-        setActionState({
-          ...actionState,
-          loading: false,
-          error: content.result
-        })
-        showToast(ToastType.Error, content.result)
-      }
-    } catch (error) {
-      setActionState({
-        ...actionState,
-        loading: false,
-        error: [error.message]
-      })
-      showToast(ToastType.Error, [error.message])
-    }
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          handleFavoriteProfessional={handleFavoriteProfessional}
-          actionState={actionState}
-        />
-      )}
-    </>
-  )
-}
-
-SingleProfessionalCard.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * Businessid, this must be contains an business id for get data from API
-   */
-  businessId: PropTypes.number,
-  /**
-   * Components types before products listing
-   * Array of type components, the parent props will pass to these components
-   */
-  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Components types after products listing
-   * Array of type components, the parent props will pass to these components
-   */
-  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
-  /**
-   * Elements before products listing
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  beforeElements: PropTypes.arrayOf(PropTypes.element),
-  /**
-   * Elements after products listing
-   * Array of HTML/Components elements, these components will not get the parent props
-   */
-  afterElements: PropTypes.arrayOf(PropTypes.element)
-}
-
-SingleProfessionalCard.defaultProps = {
-  beforeComponents: [],
-  afterComponents: [],
-  beforeElements: [],
-  afterElements: []
-}
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import { useApi } from '../../contexts/ApiContext'
+import { useSession } from '../../contexts/SessionContext'
+import { useToast, ToastType } from '../../contexts/ToastContext'
+import { useLanguage } from '../../contexts/LanguageContext'
+import { useWebsocket } from '../../contexts/WebsocketContext'
+
+export const SingleProfessionalCard = (props) => {
+  const {
+    UIComponent,
+    professional,
+    handleUpdateProfessionals
+  } = props
+
+  const [ordering] = useApi()
+  const socket = useWebsocket()
+  const [{ user, token }] = useSession()
+  const [, { showToast }] = useToast()
+  const [, t] = useLanguage()
+
+  const [actionState, setActionState] = useState({ loading: false, error: null })
+
+  /**
+   * Method to add, remove favorite info for user from API
+   */
+  const handleFavoriteProfessional = async (isAdd = false) => {
+    if (!professional || !user) return
+    showToast(ToastType.Info, t('LOADING', 'loading'))
+    try {
+      setActionState({ ...actionState, loading: true, error: null })
+      const changes = { object_id: professional?.id }
+      const requestOptions = {
+        method: isAdd ? 'POST' : 'DELETE',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${token}`,
+          'X-App-X': ordering.appId,
+          'X-Socket-Id-X': socket?.getId()
+        },
+        ...(isAdd && { body: JSON.stringify(changes) })
+      }
+
+      const fetchEndpoint = isAdd
+        ? `${ordering.root}/users/${user?.id}/favorite_users`
+        : `${ordering.root}/users/${user.id}/favorite_users/${professional?.id}`
+      const response = await fetch(fetchEndpoint, requestOptions)
+      const content = await response.json()
+
+      if (!content.error) {
+        setActionState({ ...actionState, loading: false })
+        handleUpdateProfessionals && handleUpdateProfessionals(professional?.id, { favorite: isAdd })
+        showToast(ToastType.Success, isAdd ? t('FAVORITE_ADDED', 'Favorite added') : t('FAVORITE_REMOVED', 'Favorite removed'))
+      } else {
+        setActionState({
+          ...actionState,
+          loading: false,
+          error: content.result
+        })
+        showToast(ToastType.Error, content.result)
+      }
+    } catch (error) {
+      setActionState({
+        ...actionState,
+        loading: false,
+        error: [error.message]
+      })
+      showToast(ToastType.Error, [error.message])
+    }
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          handleFavoriteProfessional={handleFavoriteProfessional}
+          actionState={actionState}
+        />
+      )}
+    </>
+  )
+}
+
+SingleProfessionalCard.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * Businessid, this must be contains an business id for get data from API
+   */
+  businessId: PropTypes.number,
+  /**
+   * Components types before products listing
+   * Array of type components, the parent props will pass to these components
+   */
+  beforeComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Components types after products listing
+   * Array of type components, the parent props will pass to these components
+   */
+  afterComponents: PropTypes.arrayOf(PropTypes.elementType),
+  /**
+   * Elements before products listing
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  beforeElements: PropTypes.arrayOf(PropTypes.element),
+  /**
+   * Elements after products listing
+   * Array of HTML/Components elements, these components will not get the parent props
+   */
+  afterElements: PropTypes.arrayOf(PropTypes.element)
+}
+
+SingleProfessionalCard.defaultProps = {
+  beforeComponents: [],
+  afterComponents: [],
+  beforeElements: [],
+  afterElements: []
+}

package/src/components/SmartAppBanner/index.js

@@ -1,71 +1,71 @@
-import React, { useEffect } from 'react'
-import { useConfig } from '../../contexts/ConfigContext'
-import PropTypes from 'prop-types'
-
-export const SmartAppBanner = (props) => {
-  const {
-    UIComponent,
-    storeAndroidId,
-    storeAppleId,
-    storeKindleId
-  } = props
-
-  const [{ configs }] = useConfig()
-
-  useEffect(() => {
-    if (!configs) return
-    const metas = [
-      {
-        name: 'google-play-app',
-        id: storeAndroidId || configs?.android_app_id?.value
-      },
-      {
-        name: 'apple-itunes-app',
-        id: storeAppleId || configs?.ios_app_id?.value
-      },
-      {
-        name: 'kindle-fire-app',
-        id: storeKindleId || configs?.kindle_app_id?.value
-      }
-    ]
-    metas.filter(meta => meta?.id).map(meta => {
-      const metaElement = document.createElement('meta')
-      metaElement.name = meta.name
-      metaElement.content = `app-id=${meta.id}`
-      document.getElementsByTagName('head')[0].appendChild(metaElement)
-    })
-  }, [configs])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent {...props} />
-      )}
-    </>
-  )
-}
-
-SmartAppBanner.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType,
-  /**
-   * store android id
-   */
-  storeAndroidId: PropTypes.string,
-  /**
-   * store apple id
-   */
-  storeAppleId: PropTypes.string,
-  /**
-   * store kindle id
-   */
-  storeKindleId: PropTypes.string
-}
-
-SmartAppBanner.defaultProps = {
-  storeAndroidId: '',
-  storeAppleId: '',
-  storeKindleId: ''
-}
+import React, { useEffect } from 'react'
+import { useConfig } from '../../contexts/ConfigContext'
+import PropTypes from 'prop-types'
+
+export const SmartAppBanner = (props) => {
+  const {
+    UIComponent,
+    storeAndroidId,
+    storeAppleId,
+    storeKindleId
+  } = props
+
+  const [{ configs }] = useConfig()
+
+  useEffect(() => {
+    if (!configs) return
+    const metas = [
+      {
+        name: 'google-play-app',
+        id: storeAndroidId || configs?.android_app_id?.value
+      },
+      {
+        name: 'apple-itunes-app',
+        id: storeAppleId || configs?.ios_app_id?.value
+      },
+      {
+        name: 'kindle-fire-app',
+        id: storeKindleId || configs?.kindle_app_id?.value
+      }
+    ]
+    metas.filter(meta => meta?.id).map(meta => {
+      const metaElement = document.createElement('meta')
+      metaElement.name = meta.name
+      metaElement.content = `app-id=${meta.id}`
+      document.getElementsByTagName('head')[0].appendChild(metaElement)
+    })
+  }, [configs])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent {...props} />
+      )}
+    </>
+  )
+}
+
+SmartAppBanner.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType,
+  /**
+   * store android id
+   */
+  storeAndroidId: PropTypes.string,
+  /**
+   * store apple id
+   */
+  storeAppleId: PropTypes.string,
+  /**
+   * store kindle id
+   */
+  storeKindleId: PropTypes.string
+}
+
+SmartAppBanner.defaultProps = {
+  storeAndroidId: '',
+  storeAppleId: '',
+  storeKindleId: ''
+}