ordering-components-external 13.2.32 → 13.2.34

package/src/components/GiftCard/PurchaseGiftCard/index.js

@@ -1,127 +1,127 @@
-import React, { useEffect, useState } from 'react'
-import PropTypes from 'prop-types'
-import { useSession } from '../../../contexts/SessionContext'
-import { useApi } from '../../../contexts/ApiContext'
-import { useOrder } from '../../../contexts/OrderContext'
-import { useEvent } from '../../../contexts/EventContext'
-import { useWebsocket } from '../../../contexts/WebsocketContext'
-
-/**
- * Component to manage purchase gift card behavior without UI component
- */
-export const PurchaseGiftCard = (props) => {
-  const {
-    UIComponent,
-    handleCustomGoToCheckout
-  } = props
-
-  const [{ token }] = useSession()
-  const [ordering] = useApi()
-  const socket = useWebsocket()
-  const [orderState, { addProduct, removeProduct }] = useOrder()
-  const [events] = useEvent()
-
-  const giftCart = Object.values(orderState.carts).find(_cart => !_cart?.business_id)
-
-  const [productsListState, setProductsListState] = useState({ loading: true, products: [], error: null })
-  const [selectedProduct, setSelectedProduct] = useState(giftCart ? giftCart?.products[0] : null)
-
-  /**
-   * Method to get the gift products from API
-   */
-  const getPlatformProductsList = async () => {
-    try {
-      let where = null
-      const conditions = []
-      conditions.push({
-        attribute: 'type',
-        value: 'gift_card'
-      })
-      if (conditions.length) {
-        where = {
-          conditions,
-          conector: 'AND'
-        }
-      }
-      setProductsListState({
-        ...productsListState,
-        loading: true
-      })
-      const requestOptions = {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${token}`,
-          'X-App-X': ordering.appId,
-          'X-Socket-Id-X': socket?.getId()
-        }
-      }
-      const response = await fetch(`${ordering.root}/platform_products?where=${JSON.stringify(where)}`, requestOptions)
-      const { error, result } = await response.json()
-      setProductsListState({
-        loading: false,
-        products: error ? [] : result,
-        error: error ? result : null
-      })
-    } catch (error) {
-      setProductsListState({
-        ...productsListState,
-        loading: false,
-        error: [error.message]
-      })
-    }
-  }
-
-  const handleAccept = async () => {
-    const giftCard = {
-      id: selectedProduct?.id,
-      quantity: 1
-    }
-    if (giftCart && selectedProduct?.id === giftCart.products[0]?.id) {
-      if (handleCustomGoToCheckout) {
-        handleCustomGoToCheckout(giftCart.uuid)
-      } else {
-        events.emit('go_to_page', { page: 'checkout', params: { cartUuid: giftCart.uuid } })
-      }
-    } else {
-      if (giftCart) {
-        removeProduct(giftCart.products[0], giftCart)
-      }
-      const { error, result } = await addProduct(giftCard, null, null, true)
-      if (!error) {
-        if (handleCustomGoToCheckout) {
-          handleCustomGoToCheckout(result.uuid)
-        } else {
-          events.emit('go_to_page', { page: 'checkout', params: { cartUuid: result.uuid } })
-        }
-      }
-    }
-  }
-
-  useEffect(() => {
-    getPlatformProductsList()
-  }, [])
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          productsListState={productsListState}
-          selectedProduct={selectedProduct}
-          setSelectedProduct={setSelectedProduct}
-          handleAccept={handleAccept}
-        />
-      )}
-    </>
-  )
-}
-
-PurchaseGiftCard.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType
-}
-
-PurchaseGiftCard.defaultProps = {}
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import { useSession } from '../../../contexts/SessionContext'
+import { useApi } from '../../../contexts/ApiContext'
+import { useOrder } from '../../../contexts/OrderContext'
+import { useEvent } from '../../../contexts/EventContext'
+import { useWebsocket } from '../../../contexts/WebsocketContext'
+
+/**
+ * Component to manage purchase gift card behavior without UI component
+ */
+export const PurchaseGiftCard = (props) => {
+  const {
+    UIComponent,
+    handleCustomGoToCheckout
+  } = props
+
+  const [{ token }] = useSession()
+  const [ordering] = useApi()
+  const socket = useWebsocket()
+  const [orderState, { addProduct, removeProduct }] = useOrder()
+  const [events] = useEvent()
+
+  const giftCart = Object.values(orderState.carts).find(_cart => !_cart?.business_id)
+
+  const [productsListState, setProductsListState] = useState({ loading: true, products: [], error: null })
+  const [selectedProduct, setSelectedProduct] = useState(giftCart ? giftCart?.products[0] : null)
+
+  /**
+   * Method to get the gift products from API
+   */
+  const getPlatformProductsList = async () => {
+    try {
+      let where = null
+      const conditions = []
+      conditions.push({
+        attribute: 'type',
+        value: 'gift_card'
+      })
+      if (conditions.length) {
+        where = {
+          conditions,
+          conector: 'AND'
+        }
+      }
+      setProductsListState({
+        ...productsListState,
+        loading: true
+      })
+      const requestOptions = {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${token}`,
+          'X-App-X': ordering.appId,
+          'X-Socket-Id-X': socket?.getId()
+        }
+      }
+      const response = await fetch(`${ordering.root}/platform_products?where=${JSON.stringify(where)}`, requestOptions)
+      const { error, result } = await response.json()
+      setProductsListState({
+        loading: false,
+        products: error ? [] : result,
+        error: error ? result : null
+      })
+    } catch (error) {
+      setProductsListState({
+        ...productsListState,
+        loading: false,
+        error: [error.message]
+      })
+    }
+  }
+
+  const handleAccept = async () => {
+    const giftCard = {
+      id: selectedProduct?.id,
+      quantity: 1
+    }
+    if (giftCart && selectedProduct?.id === giftCart.products[0]?.id) {
+      if (handleCustomGoToCheckout) {
+        handleCustomGoToCheckout(giftCart.uuid)
+      } else {
+        events.emit('go_to_page', { page: 'checkout', params: { cartUuid: giftCart.uuid } })
+      }
+    } else {
+      if (giftCart) {
+        removeProduct(giftCart.products[0], giftCart)
+      }
+      const { error, result } = await addProduct(giftCard, null, null, true)
+      if (!error) {
+        if (handleCustomGoToCheckout) {
+          handleCustomGoToCheckout(result.uuid)
+        } else {
+          events.emit('go_to_page', { page: 'checkout', params: { cartUuid: result.uuid } })
+        }
+      }
+    }
+  }
+
+  useEffect(() => {
+    getPlatformProductsList()
+  }, [])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          productsListState={productsListState}
+          selectedProduct={selectedProduct}
+          setSelectedProduct={setSelectedProduct}
+          handleAccept={handleAccept}
+        />
+      )}
+    </>
+  )
+}
+
+PurchaseGiftCard.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType
+}
+
+PurchaseGiftCard.defaultProps = {}

package/src/components/GiftCard/RedeemGiftCard/index.js

@@ -1,77 +1,77 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { useSession } from '../../../contexts/SessionContext'
-import { useApi } from '../../../contexts/ApiContext'
-import { useEvent } from '../../../contexts/EventContext'
-import { useWebsocket } from '../../../contexts/WebsocketContext'
-
-/**
- * Component to manage redeem gift card behavior without UI component
- */
-export const RedeemGiftCard = (props) => {
-  const {
-    UIComponent
-  } = props
-
-  const [{ token }] = useSession()
-  const [ordering] = useApi()
-  const socket = useWebsocket()
-  const [events] = useEvent()
-
-  const [actionState, setActionState] = useState({ loading: false, error: null })
-  const [redeemedGiftCard, setRedeemedGiftCard] = useState(null)
-
-  const handleApply = async (values) => {
-    try {
-      setActionState({ ...actionState, loading: true })
-      const requestOptions = {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${token}`,
-          'X-App-X': ordering.appId,
-          'X-Socket-Id-X': socket?.getId()
-        },
-        body: JSON.stringify(values)
-      }
-      const response = await fetch(`${ordering.root}/gift_cards/redeem`, requestOptions)
-      const { error, result } = await response.json()
-      setActionState({
-        loading: false,
-        error: error ? result : null
-      })
-      if (!error) {
-        setRedeemedGiftCard(result)
-        events.emit('gift_card_redeemed')
-      }
-    } catch (err) {
-      setActionState({
-        loading: false,
-        error: [err.message]
-      })
-    }
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          actionState={actionState}
-          redeemedGiftCard={redeemedGiftCard}
-          handleApply={handleApply}
-          setRedeemedGiftCard={setRedeemedGiftCard}
-        />
-      )}
-    </>
-  )
-}
-
-RedeemGiftCard.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType
-}
-
-RedeemGiftCard.defaultProps = {}
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import { useSession } from '../../../contexts/SessionContext'
+import { useApi } from '../../../contexts/ApiContext'
+import { useEvent } from '../../../contexts/EventContext'
+import { useWebsocket } from '../../../contexts/WebsocketContext'
+
+/**
+ * Component to manage redeem gift card behavior without UI component
+ */
+export const RedeemGiftCard = (props) => {
+  const {
+    UIComponent
+  } = props
+
+  const [{ token }] = useSession()
+  const [ordering] = useApi()
+  const socket = useWebsocket()
+  const [events] = useEvent()
+
+  const [actionState, setActionState] = useState({ loading: false, error: null })
+  const [redeemedGiftCard, setRedeemedGiftCard] = useState(null)
+
+  const handleApply = async (values) => {
+    try {
+      setActionState({ ...actionState, loading: true })
+      const requestOptions = {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${token}`,
+          'X-App-X': ordering.appId,
+          'X-Socket-Id-X': socket?.getId()
+        },
+        body: JSON.stringify(values)
+      }
+      const response = await fetch(`${ordering.root}/gift_cards/redeem`, requestOptions)
+      const { error, result } = await response.json()
+      setActionState({
+        loading: false,
+        error: error ? result : null
+      })
+      if (!error) {
+        setRedeemedGiftCard(result)
+        events.emit('gift_card_redeemed')
+      }
+    } catch (err) {
+      setActionState({
+        loading: false,
+        error: [err.message]
+      })
+    }
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          actionState={actionState}
+          redeemedGiftCard={redeemedGiftCard}
+          handleApply={handleApply}
+          setRedeemedGiftCard={setRedeemedGiftCard}
+        />
+      )}
+    </>
+  )
+}
+
+RedeemGiftCard.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType
+}
+
+RedeemGiftCard.defaultProps = {}

package/src/components/GiftCard/SendGiftCard/index.js

@@ -1,83 +1,83 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { useSession } from '../../../contexts/SessionContext'
-import { useApi } from '../../../contexts/ApiContext'
-import { useToast, ToastType } from '../../../contexts/ToastContext'
-import { useLanguage } from '../../../contexts/LanguageContext'
-import { useWebsocket } from '../../../contexts/WebsocketContext'
-
-/**
- * Component to manage to send gift card behavior without UI component
- */
-export const SendGiftCard = (props) => {
-  const {
-    UIComponent,
-    giftCardId,
-    setIsGiftCardSent
-  } = props
-
-  const [{ token }] = useSession()
-  const [ordering] = useApi()
-  const socket = useWebsocket()
-  const [, { showToast }] = useToast()
-  const [, t] = useLanguage()
-
-  const [actionState, setActionState] = useState({ loading: false, error: null })
-
-  const handleSendGiftCard = async (values) => {
-    try {
-      setActionState({ ...actionState, loading: true })
-      const requestOptions = {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${token}`,
-          'X-App-X': ordering.appId,
-          'X-Socket-Id-X': socket?.getId()
-        },
-        body: JSON.stringify(values)
-      }
-      const response = await fetch(`${ordering.root}/gift_cards/${giftCardId}/send`, requestOptions)
-      const { error, result } = await response.json()
-      setActionState({
-        loading: false,
-        error: error ? result : null
-      })
-      setIsGiftCardSent(true)
-      if (props.showToastMsg) {
-        showToast(
-          error ? ToastType.Error : ToastType.Success,
-          error
-            ? t('ERROR', result[0])
-            : t('GIFT_CARD_SENT', 'The gift card sent')
-        )
-      }
-    } catch (err) {
-      setActionState({
-        loading: false,
-        error: [err.message]
-      })
-    }
-  }
-
-  return (
-    <>
-      {UIComponent && (
-        <UIComponent
-          {...props}
-          actionState={actionState}
-          handleSendGiftCard={handleSendGiftCard}
-        />
-      )}
-    </>
-  )
-}
-
-SendGiftCard.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
-   */
-  UIComponent: PropTypes.elementType
-}
-
-SendGiftCard.defaultProps = {}
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import { useSession } from '../../../contexts/SessionContext'
+import { useApi } from '../../../contexts/ApiContext'
+import { useToast, ToastType } from '../../../contexts/ToastContext'
+import { useLanguage } from '../../../contexts/LanguageContext'
+import { useWebsocket } from '../../../contexts/WebsocketContext'
+
+/**
+ * Component to manage to send gift card behavior without UI component
+ */
+export const SendGiftCard = (props) => {
+  const {
+    UIComponent,
+    giftCardId,
+    setIsGiftCardSent
+  } = props
+
+  const [{ token }] = useSession()
+  const [ordering] = useApi()
+  const socket = useWebsocket()
+  const [, { showToast }] = useToast()
+  const [, t] = useLanguage()
+
+  const [actionState, setActionState] = useState({ loading: false, error: null })
+
+  const handleSendGiftCard = async (values) => {
+    try {
+      setActionState({ ...actionState, loading: true })
+      const requestOptions = {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${token}`,
+          'X-App-X': ordering.appId,
+          'X-Socket-Id-X': socket?.getId()
+        },
+        body: JSON.stringify(values)
+      }
+      const response = await fetch(`${ordering.root}/gift_cards/${giftCardId}/send`, requestOptions)
+      const { error, result } = await response.json()
+      setActionState({
+        loading: false,
+        error: error ? result : null
+      })
+      setIsGiftCardSent(true)
+      if (props.showToastMsg) {
+        showToast(
+          error ? ToastType.Error : ToastType.Success,
+          error
+            ? t('ERROR', result[0])
+            : t('GIFT_CARD_SENT', 'The gift card sent')
+        )
+      }
+    } catch (err) {
+      setActionState({
+        loading: false,
+        error: [err.message]
+      })
+    }
+  }
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          actionState={actionState}
+          handleSendGiftCard={handleSendGiftCard}
+        />
+      )}
+    </>
+  )
+}
+
+SendGiftCard.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType
+}
+
+SendGiftCard.defaultProps = {}