ordering-components-external 13.1.2 → 13.1.3

package/example/views/ProductImagesExample/index.js

@@ -1,43 +1,43 @@
-import React from 'react'
-
-import { ProductImagesUI } from '../../components/ProductImagesUI'
-import { ProductImages } from '../../../src/components/ProductImages'
-import { TestComponent } from '../../components/TestComponent'
-
-export const ProductImagesExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: ProductImagesUI,
-    /**
-     * hero, this must be contain the main product image
-     */
-    hero: 'https://picsum.photos/510/510',
-    /**
-     * gallery, this must be contain the array of product images
-     */
-    gallery: ['https://picsum.photos/510/510'],
-    /**
-     * Components types before product images
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after product images
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before product images
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after product images
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <ProductImages {...props} />
-}
+import React from 'react'
+
+import { ProductImagesUI } from '../../components/ProductImagesUI'
+import { ProductImages } from '../../../src/components/ProductImages'
+import { TestComponent } from '../../components/TestComponent'
+
+export const ProductImagesExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: ProductImagesUI,
+    /**
+     * hero, this must be contain the main product image
+     */
+    hero: 'https://picsum.photos/510/510',
+    /**
+     * gallery, this must be contain the array of product images
+     */
+    gallery: ['https://picsum.photos/510/510'],
+    /**
+     * Components types before product images
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after product images
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before product images
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after product images
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <ProductImages {...props} />
+}

package/example/views/ProductOptionExample/index.js

@@ -1,88 +1,88 @@
-import React, { useEffect, useState } from 'react'
-import { ProductForm } from '../../../src/components/ProductForm'
-import { ProductFormUI } from '../../components/ProductFormUI'
-import { Cart } from '../../../src/components/Cart'
-import { CartUI } from '../../components/CartUI'
-import { useApi } from '../../../src/contexts/ApiContext'
-
-export const ProductOptionExample = () => {
-  const [ordering] = useApi()
-  const [productCart, setProductCart] = useState({})
-  const [product, setProduct] = useState()
-  const loadProductWithOptions = async () => {
-    const { content: { result } } = await ordering.businesses(41).categories(251).products(1309).get()
-    setProduct(result)
-  }
-
-  useEffect(() => {
-    loadProductWithOptions()
-  }, [])
-
-  const productFormProps = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: ProductFormUI,
-    /**
-     * `businessId` is required if `product` prop is not present
-     */
-    businessId: productCart.businessId || 41,
-    /**
-     * `categoryId` is required if `product` prop is not present
-     */
-    // categoryId: 251,
-    /**
-     * `productId` is required if `product` prop is not present
-     */
-    // productId: 1309,
-    /**
-     * `product` is required if `businessId`, `categoryId` or `productId` is not present
-     */
-    // product: product,
-    /**
-     * Product from cart
-     */
-    productCart: productCart,
-    /**
-     * Function to save event
-     */
-    onSave: (productCart) => {
-      console.log(productCart)
-    }
-  }
-
-  if (!productCart.id) {
-    productFormProps.product = product
-  } else {
-    productFormProps.categoryId = productCart.categoryId
-    productFormProps.productId = productCart.id
-  }
-
-  const cartProps = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: CartUI,
-    /**
-     * Function to edit product behavior
-     */
-    handleEditProduct: (productCart) => {
-      setProductCart(productCart)
-    }
-  }
-
-  return (
-    <>
-      <div style={{ float: 'left', width: '50%' }}>
-        <h2>Product options</h2>
-        {
-          product && <ProductForm {...productFormProps} />
-        }
-      </div>
-      <div style={{ float: 'left', width: '50%' }}>
-        <h2>Cart</h2>
-        <Cart {...cartProps} />
-      </div>
-    </>
-  )
-}
+import React, { useEffect, useState } from 'react'
+import { ProductForm } from '../../../src/components/ProductForm'
+import { ProductFormUI } from '../../components/ProductFormUI'
+import { Cart } from '../../../src/components/Cart'
+import { CartUI } from '../../components/CartUI'
+import { useApi } from '../../../src/contexts/ApiContext'
+
+export const ProductOptionExample = () => {
+  const [ordering] = useApi()
+  const [productCart, setProductCart] = useState({})
+  const [product, setProduct] = useState()
+  const loadProductWithOptions = async () => {
+    const { content: { result } } = await ordering.businesses(41).categories(251).products(1309).get()
+    setProduct(result)
+  }
+
+  useEffect(() => {
+    loadProductWithOptions()
+  }, [])
+
+  const productFormProps = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: ProductFormUI,
+    /**
+     * `businessId` is required if `product` prop is not present
+     */
+    businessId: productCart.businessId || 41,
+    /**
+     * `categoryId` is required if `product` prop is not present
+     */
+    // categoryId: 251,
+    /**
+     * `productId` is required if `product` prop is not present
+     */
+    // productId: 1309,
+    /**
+     * `product` is required if `businessId`, `categoryId` or `productId` is not present
+     */
+    // product: product,
+    /**
+     * Product from cart
+     */
+    productCart: productCart,
+    /**
+     * Function to save event
+     */
+    onSave: (productCart) => {
+      console.log(productCart)
+    }
+  }
+
+  if (!productCart.id) {
+    productFormProps.product = product
+  } else {
+    productFormProps.categoryId = productCart.categoryId
+    productFormProps.productId = productCart.id
+  }
+
+  const cartProps = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: CartUI,
+    /**
+     * Function to edit product behavior
+     */
+    handleEditProduct: (productCart) => {
+      setProductCart(productCart)
+    }
+  }
+
+  return (
+    <>
+      <div style={{ float: 'left', width: '50%' }}>
+        <h2>Product options</h2>
+        {
+          product && <ProductForm {...productFormProps} />
+        }
+      </div>
+      <div style={{ float: 'left', width: '50%' }}>
+        <h2>Cart</h2>
+        <Cart {...cartProps} />
+      </div>
+    </>
+  )
+}

package/example/views/ProductShareExample/index.js

@@ -1,51 +1,51 @@
-import React from 'react'
-
-import { ProductShare } from '../../../src/components/ProductShare'
-import { ProductShareUI } from '../../components/ProductShareUI'
-import { TestComponent } from '../../components/TestComponent'
-
-export const ProductShareExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: ProductShareUI,
-
-    /**
-     * Current product business name
-     */
-    slug: 'mcbonalds',
-
-    /**
-     * product category id
-     */
-    categoryId: 248,
-
-    /**
-     * product id
-     */
-    productId: 1292,
-    /**
-     * Components types before product share
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after product share
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before product share
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after product share
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-
-  return <ProductShare {...props} />
-}
+import React from 'react'
+
+import { ProductShare } from '../../../src/components/ProductShare'
+import { ProductShareUI } from '../../components/ProductShareUI'
+import { TestComponent } from '../../components/TestComponent'
+
+export const ProductShareExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: ProductShareUI,
+
+    /**
+     * Current product business name
+     */
+    slug: 'mcbonalds',
+
+    /**
+     * product category id
+     */
+    categoryId: 248,
+
+    /**
+     * product id
+     */
+    productId: 1292,
+    /**
+     * Components types before product share
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after product share
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before product share
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after product share
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+
+  return <ProductShare {...props} />
+}

package/example/views/ProductsListExample/index.js

@@ -1,77 +1,77 @@
-import React, { useEffect, useState } from 'react'
-
-import { ProductsListUI } from '../../components/ProductsListUI'
-import { ProductsList } from '../../../src/components/ProductsList'
-import { TestComponent } from '../../components/TestComponent'
-import { useApi } from '../../../src/contexts/ApiContext'
-
-export const ProductsListExample = () => {
-  const [ordering] = useApi()
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: ProductsListUI,
-    /**
-     * flag shows categories with products or only products
-     */
-    isAllCategory: false,
-    /**
-     * Components types before products list
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after products list
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before products list
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after products list
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-
-  const [productsList, setProductsList] = useState({ products: [], loading: true, error: false })
-  const [categories, setCategories] = useState([])
-
-  const getProducts = async () => {
-    try {
-      const { content: { result } } = await ordering
-        .businesses(41)
-        .parameters({ type: 1 })
-        .products()
-        .get()
-
-      setProductsList({
-        ...productsList,
-        loading: false,
-        products: result
-      })
-    } catch (error) {
-      setProductsList({
-        ...productsList,
-        loading: false,
-        error
-      })
-    }
-  }
-
-  const getCategories = async () => {
-    const { content: { result } } = await ordering.businesses(41).categories().get()
-    setCategories(result)
-  }
-
-  useEffect(() => {
-    getProducts()
-    getCategories()
-  }, [])
-
-  return <ProductsList {...props} productsList={productsList} categories={categories} />
-}
+import React, { useEffect, useState } from 'react'
+
+import { ProductsListUI } from '../../components/ProductsListUI'
+import { ProductsList } from '../../../src/components/ProductsList'
+import { TestComponent } from '../../components/TestComponent'
+import { useApi } from '../../../src/contexts/ApiContext'
+
+export const ProductsListExample = () => {
+  const [ordering] = useApi()
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: ProductsListUI,
+    /**
+     * flag shows categories with products or only products
+     */
+    isAllCategory: false,
+    /**
+     * Components types before products list
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after products list
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before products list
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after products list
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+
+  const [productsList, setProductsList] = useState({ products: [], loading: true, error: false })
+  const [categories, setCategories] = useState([])
+
+  const getProducts = async () => {
+    try {
+      const { content: { result } } = await ordering
+        .businesses(41)
+        .parameters({ type: 1 })
+        .products()
+        .get()
+
+      setProductsList({
+        ...productsList,
+        loading: false,
+        products: result
+      })
+    } catch (error) {
+      setProductsList({
+        ...productsList,
+        loading: false,
+        error
+      })
+    }
+  }
+
+  const getCategories = async () => {
+    const { content: { result } } = await ordering.businesses(41).categories().get()
+    setCategories(result)
+  }
+
+  useEffect(() => {
+    getProducts()
+    getCategories()
+  }, [])
+
+  return <ProductsList {...props} productsList={productsList} categories={categories} />
+}

package/example/views/ProductsListingExample/index.js

@@ -1,47 +1,47 @@
-import React from 'react'
-
-import { ProductsListingUI } from '../../components/ProductsListingUI'
-import { ProductsListing } from '../../../src/components/ProductsListing'
-import { TestComponent } from '../../components/TestComponent'
-
-export const ProductsListingExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: ProductsListingUI,
-    /**
-     * Businessid, this must be contains an business id for get data from API
-     */
-    businessId: 41,
-    /**
-     * Enable/disable search by name
-     */
-    isSearchByName: true,
-    /**
-     * Enable/disable search by description
-     */
-    isSearchByDescription: true,
-    /**
-     * Components types before products listing
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after products listing
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before products listing
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after products listing
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <ProductsListing {...props} />
-}
+import React from 'react'
+
+import { ProductsListingUI } from '../../components/ProductsListingUI'
+import { ProductsListing } from '../../../src/components/ProductsListing'
+import { TestComponent } from '../../components/TestComponent'
+
+export const ProductsListingExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: ProductsListingUI,
+    /**
+     * Businessid, this must be contains an business id for get data from API
+     */
+    businessId: 41,
+    /**
+     * Enable/disable search by name
+     */
+    isSearchByName: true,
+    /**
+     * Enable/disable search by description
+     */
+    isSearchByDescription: true,
+    /**
+     * Components types before products listing
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after products listing
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before products listing
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after products listing
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <ProductsListing {...props} />
+}