ordering-components-external 13.1.1 → 13.1.3

package/example/views/ActiveOrders/index.js

@@ -1,86 +1,86 @@
-import React from 'react'
-import { OrderList } from '../../../src/components/OrderList'
-import { ActiveOrdersUI } from '../../components/ActiveOrdersUI'
-import { TestComponent } from '../../components/TestComponent'
-
-export const ActiveOrders = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: ActiveOrdersUI,
-    /**
-     * Function to get order that was clicked
-     * @param {Object} order Order that was clicked
-     */
-    onOrderClick: (order) => console.log('Click order', order),
-    /**
-     * Array of orders
-     * This is used of first option to show list
-     */
-    // orders: [],
-    /**
-     * Array of id of orders
-     * Get a list of orders by ids form Ordering API
-     */
-    // orderIds: [],
-    /**
-     * Array of id of orders
-     * Get a list of orders by status form Ordering API
-     * This can be use together `orderIds` option but not has effect with `orders` option
-     */
-    orderStatus: [0],
-    /**
-     * Order orders by some attribute. Default by `id`.
-     */
-    orderBy: 'id',
-    /**
-     * Order direction ascendent (asc) or descendent (desc). Default is `desc`.
-     */
-    orderDirection: 'desc',
-    /**
-     * Pagination settings
-     * You can set the pageSize, initialPage and controlType can be by pages or infinity
-     */
-    paginationSettings: {
-      /**
-       * initialPage only work with control type `pages`
-       */
-      initialPage: 1,
-      pageSize: 10,
-      controlType: 'pages'
-    },
-    /**
-     * Enable/Disable default session manager
-     * Save user and token with default session manager
-     */
-    useDefualtSessionManager: true,
-    /**
-     * Access token to update user
-     * Is required when `useDefualtSessionManager` is false
-     */
-    accessToken: 'TOKEN',
-    /**
-     * Components types before login form
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after login form
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before login form
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after login form
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-
-  return <OrderList {...props} />
-}
+import React from 'react'
+import { OrderList } from '../../../src/components/OrderList'
+import { ActiveOrdersUI } from '../../components/ActiveOrdersUI'
+import { TestComponent } from '../../components/TestComponent'
+
+export const ActiveOrders = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: ActiveOrdersUI,
+    /**
+     * Function to get order that was clicked
+     * @param {Object} order Order that was clicked
+     */
+    onOrderClick: (order) => console.log('Click order', order),
+    /**
+     * Array of orders
+     * This is used of first option to show list
+     */
+    // orders: [],
+    /**
+     * Array of id of orders
+     * Get a list of orders by ids form Ordering API
+     */
+    // orderIds: [],
+    /**
+     * Array of id of orders
+     * Get a list of orders by status form Ordering API
+     * This can be use together `orderIds` option but not has effect with `orders` option
+     */
+    orderStatus: [0],
+    /**
+     * Order orders by some attribute. Default by `id`.
+     */
+    orderBy: 'id',
+    /**
+     * Order direction ascendent (asc) or descendent (desc). Default is `desc`.
+     */
+    orderDirection: 'desc',
+    /**
+     * Pagination settings
+     * You can set the pageSize, initialPage and controlType can be by pages or infinity
+     */
+    paginationSettings: {
+      /**
+       * initialPage only work with control type `pages`
+       */
+      initialPage: 1,
+      pageSize: 10,
+      controlType: 'pages'
+    },
+    /**
+     * Enable/Disable default session manager
+     * Save user and token with default session manager
+     */
+    useDefualtSessionManager: true,
+    /**
+     * Access token to update user
+     * Is required when `useDefualtSessionManager` is false
+     */
+    accessToken: 'TOKEN',
+    /**
+     * Components types before login form
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after login form
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before login form
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after login form
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+
+  return <OrderList {...props} />
+}

package/example/views/AddressDetailsExample/index.js

@@ -1,57 +1,57 @@
-import React from 'react'
-
-import { AddressDetailsUI } from '../../components/AddressDetailsUI'
-import { AddressDetails } from '../../../src/components/AddressDetails'
-import { TestComponent } from '../../components/TestComponent'
-import { useConfig } from '../../../src/contexts/ConfigContext'
-
-export const AddressDetailsExample = () => {
-  const [{ configs }] = useConfig()
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: AddressDetailsUI,
-    /**
-     * location, business location with lat, lng and zoom properties
-     */
-    location: null,
-    /**
-     * businessId, to get business information
-     */
-    businessId: 41,
-    /**
-     * apiKey, google maps api key
-     */
-    apiKey: configs?.google_maps_api_key?.value,
-    /**
-     * zoom of google Map
-     */
-    mapZoom: 15,
-    /**
-     * location default
-     */
-    orderLocation: { lat: 40.77312273847563, lng: -73.9645569005249 },
-    /**
-     * Components types before address details
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after address details
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before address details
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after address details
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <AddressDetails {...props} />
-}
+import React from 'react'
+
+import { AddressDetailsUI } from '../../components/AddressDetailsUI'
+import { AddressDetails } from '../../../src/components/AddressDetails'
+import { TestComponent } from '../../components/TestComponent'
+import { useConfig } from '../../../src/contexts/ConfigContext'
+
+export const AddressDetailsExample = () => {
+  const [{ configs }] = useConfig()
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: AddressDetailsUI,
+    /**
+     * location, business location with lat, lng and zoom properties
+     */
+    location: null,
+    /**
+     * businessId, to get business information
+     */
+    businessId: 41,
+    /**
+     * apiKey, google maps api key
+     */
+    apiKey: configs?.google_maps_api_key?.value,
+    /**
+     * zoom of google Map
+     */
+    mapZoom: 15,
+    /**
+     * location default
+     */
+    orderLocation: { lat: 40.77312273847563, lng: -73.9645569005249 },
+    /**
+     * Components types before address details
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after address details
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before address details
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after address details
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <AddressDetails {...props} />
+}

package/example/views/AppleLoginExample/index.js

@@ -1,51 +1,51 @@
-import React from 'react'
-
-import { AppleLoginUI } from '../../components/AppleLoginUI'
-import { AppleLogin } from '../../../src/components/AppleLogin'
-import { TestComponent } from '../../components/TestComponent'
-
-export const AppleLoginExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: AppleLoginUI,
-    /**
-     * Components types before business information
-     * Array of type components, the parent props will pass to these components
-     */
-    initParams: {
-      clientId: 'co.ordering.logintest',
-      redirectURI: 'https://e6b6ae1cf48a.ngrok.io/applelogin.html',
-      responseType: 'code',
-      responseMode: 'form_post',
-      state: 'state',
-      nonce: 'nonce',
-      usePopup: true // or false defaults to false
-    },
-    onSuccess: (data) => console.log(data),
-
-    onFailure: (err) => console.log(err),
-
-    handleAppleLoginClick: (data) => console.log(data),
-
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after business information
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before business information
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after business information
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-
-  return <AppleLogin {...props} />
-}
+import React from 'react'
+
+import { AppleLoginUI } from '../../components/AppleLoginUI'
+import { AppleLogin } from '../../../src/components/AppleLogin'
+import { TestComponent } from '../../components/TestComponent'
+
+export const AppleLoginExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: AppleLoginUI,
+    /**
+     * Components types before business information
+     * Array of type components, the parent props will pass to these components
+     */
+    initParams: {
+      clientId: 'co.ordering.logintest',
+      redirectURI: 'https://e6b6ae1cf48a.ngrok.io/applelogin.html',
+      responseType: 'code',
+      responseMode: 'form_post',
+      state: 'state',
+      nonce: 'nonce',
+      usePopup: true // or false defaults to false
+    },
+    onSuccess: (data) => console.log(data),
+
+    onFailure: (err) => console.log(err),
+
+    handleAppleLoginClick: (data) => console.log(data),
+
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after business information
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before business information
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after business information
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+
+  return <AppleLogin {...props} />
+}

package/example/views/BaseComponentExample/index.js

@@ -1,35 +1,35 @@
-import React from 'react'
-
-import { BaseComponentUI } from '../../components/BaseComponentUI'
-import { BaseComponent } from '../../../src/components/BaseComponent'
-import { TestComponent } from '../../components/TestComponent'
-
-export const BaseComponentExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: BaseComponentUI,
-    /**
-     * Components types before [PUT HERE COMPONENT NAME]
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after [PUT HERE COMPONENT NAME]
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before [PUT HERE COMPONENT NAME]
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after [PUT HERE COMPONENT NAME]
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <BaseComponent {...props} />
-}
+import React from 'react'
+
+import { BaseComponentUI } from '../../components/BaseComponentUI'
+import { BaseComponent } from '../../../src/components/BaseComponent'
+import { TestComponent } from '../../components/TestComponent'
+
+export const BaseComponentExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: BaseComponentUI,
+    /**
+     * Components types before [PUT HERE COMPONENT NAME]
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after [PUT HERE COMPONENT NAME]
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before [PUT HERE COMPONENT NAME]
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after [PUT HERE COMPONENT NAME]
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <BaseComponent {...props} />
+}

package/example/views/BusinessBasicInformationExample/index.js

@@ -1,43 +1,43 @@
-import React from 'react'
-
-import { BusinessBasicInformationUI } from '../../components/BusinessBasicInformationUI'
-import { BusinessBasicInformation } from '../../../src/components/BusinessBasicInformation'
-import { TestComponent } from '../../components/TestComponent'
-
-export const BusinessBasicInformationExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: BusinessBasicInformationUI,
-    /**
-     * Contains business basic information
-     */
-    business: null,
-    /**
-     * Contains businessId to fetch business from API
-     */
-    businessId: 41,
-    /**
-     * Components types before business basic information
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after business basic information
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before business basic information
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after business basic information
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <BusinessBasicInformation {...props} />
-}
+import React from 'react'
+
+import { BusinessBasicInformationUI } from '../../components/BusinessBasicInformationUI'
+import { BusinessBasicInformation } from '../../../src/components/BusinessBasicInformation'
+import { TestComponent } from '../../components/TestComponent'
+
+export const BusinessBasicInformationExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: BusinessBasicInformationUI,
+    /**
+     * Contains business basic information
+     */
+    business: null,
+    /**
+     * Contains businessId to fetch business from API
+     */
+    businessId: 41,
+    /**
+     * Components types before business basic information
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after business basic information
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before business basic information
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after business basic information
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <BusinessBasicInformation {...props} />
+}

package/example/views/BusinessControllerExample/index.js

@@ -1,55 +1,55 @@
-import React from 'react'
-
-import { BusinessControllerUI } from '../../components/BusinessControllerUI'
-import { BusinessController } from '../../../src/components/BusinessController'
-import { TestComponent } from '../../components/TestComponent'
-
-export const BusinessControllerExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: BusinessControllerUI,
-    /**
-     * business, this must be containt all business data
-     */
-    business: null,
-    /**
-     * businessId, this must be containt id or slug to get business from API
-     */
-    businessId: 41,
-    /**
-     * businessAttributes, Array of attributes to get business from API
-     */
-    businessAttributes: ['id', 'name', 'header', 'logo', 'name', 'today', 'delivery_price', 'minimum', 'description', 'distance', 'delivery_time', 'pickup_time', 'reviews', 'featured', 'offers'],
-    /**
-     * onBusinessClick, function to get click event and return business object after default behavior
-     */
-    onBusinessClick: (e) => { console.log('onBusinessClick event', e) },
-    /**
-     * handleCustomClick, function to get click event and return business object without default behavior
-     */
-    handleCustomClick: null,
-    /**
-     * Components types before Business controller
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after Business controller
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before Business controller
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after Business controller
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <BusinessController {...props} />
-}
+import React from 'react'
+
+import { BusinessControllerUI } from '../../components/BusinessControllerUI'
+import { BusinessController } from '../../../src/components/BusinessController'
+import { TestComponent } from '../../components/TestComponent'
+
+export const BusinessControllerExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: BusinessControllerUI,
+    /**
+     * business, this must be containt all business data
+     */
+    business: null,
+    /**
+     * businessId, this must be containt id or slug to get business from API
+     */
+    businessId: 41,
+    /**
+     * businessAttributes, Array of attributes to get business from API
+     */
+    businessAttributes: ['id', 'name', 'header', 'logo', 'name', 'today', 'delivery_price', 'minimum', 'description', 'distance', 'delivery_time', 'pickup_time', 'reviews', 'featured', 'offers'],
+    /**
+     * onBusinessClick, function to get click event and return business object after default behavior
+     */
+    onBusinessClick: (e) => { console.log('onBusinessClick event', e) },
+    /**
+     * handleCustomClick, function to get click event and return business object without default behavior
+     */
+    handleCustomClick: null,
+    /**
+     * Components types before Business controller
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after Business controller
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before Business controller
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after Business controller
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <BusinessController {...props} />
+}