ordering-components-external 13.1.5 → 13.1.7

package/example/views/ResetPasswordExample/index.js

@@ -1,60 +1,60 @@
-import React from 'react'
-
-import { ResetPasswordUI } from '../../components/ResetPasswordUI'
-import { ResetPassword } from '../../../src/components/ResetPassword'
-import { TestComponent } from '../../components/TestComponent'
-
-export const ResetPasswordExample = (props) => {
-  const params = new URLSearchParams(props.location?.search)
-  const code = params.get('code')
-  const random = params.get('random')
-
-  const ResetPasswordProps = {
-    ...props,
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: ResetPasswordUI,
-    /**
-     *  Code is generated with the endpoint Users Forgot Password, injected on the link received on the Forgot Password email.
-     */
-    code,
-    /**
-     *  Random is generated with the endpoint Users Forgot Password, injected on the link received on the Forgot Password email.
-     */
-    random,
-    /**
-     * Function to know that the password has already been changed
-     *  @param {Object} result Api response
-     */
-    handleSucessResetPassword: (result) => console.log('Your password has been changed successfully', result),
-    /**
-      * handleCustomClick, function to get click event and return data without default behavior
-      */
-    handleCustomResetPassword: (resetPasswordData) => console.log(resetPasswordData),
-    /**
-     * 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 (
-    <ResetPassword {...ResetPasswordProps} />
-  )
-}
+import React from 'react'
+
+import { ResetPasswordUI } from '../../components/ResetPasswordUI'
+import { ResetPassword } from '../../../src/components/ResetPassword'
+import { TestComponent } from '../../components/TestComponent'
+
+export const ResetPasswordExample = (props) => {
+  const params = new URLSearchParams(props.location?.search)
+  const code = params.get('code')
+  const random = params.get('random')
+
+  const ResetPasswordProps = {
+    ...props,
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: ResetPasswordUI,
+    /**
+     *  Code is generated with the endpoint Users Forgot Password, injected on the link received on the Forgot Password email.
+     */
+    code,
+    /**
+     *  Random is generated with the endpoint Users Forgot Password, injected on the link received on the Forgot Password email.
+     */
+    random,
+    /**
+     * Function to know that the password has already been changed
+     *  @param {Object} result Api response
+     */
+    handleSucessResetPassword: (result) => console.log('Your password has been changed successfully', result),
+    /**
+      * handleCustomClick, function to get click event and return data without default behavior
+      */
+    handleCustomResetPassword: (resetPasswordData) => console.log(resetPasswordData),
+    /**
+     * 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 (
+    <ResetPassword {...ResetPasswordProps} />
+  )
+}

package/example/views/SearchOptionsExample/index.js

@@ -1,42 +1,42 @@
-import React from 'react'
-
-import { SearchOptionsUI } from '../../components/SearchOptionsUI'
-import { SearchOptions } from '../../../src/components/SearchOptions'
-import { TestComponent } from '../../components/TestComponent'
-
-export const SearchOptionsExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: SearchOptionsUI,
-    /**
-     * Components types before Search options
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after Search options
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before Search options
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after Search options
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-
-  const momentProps = {
-    minDate: new Date('2020-08-21 04:00 PM'),
-    maxDate: new Date('2020-12-31 04:00 PM'),
-    currentDate: new Date()
-  }
-
-  return <SearchOptions {...props} momentProps={momentProps} />
-}
+import React from 'react'
+
+import { SearchOptionsUI } from '../../components/SearchOptionsUI'
+import { SearchOptions } from '../../../src/components/SearchOptions'
+import { TestComponent } from '../../components/TestComponent'
+
+export const SearchOptionsExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: SearchOptionsUI,
+    /**
+     * Components types before Search options
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after Search options
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before Search options
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after Search options
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+
+  const momentProps = {
+    minDate: new Date('2020-08-21 04:00 PM'),
+    maxDate: new Date('2020-12-31 04:00 PM'),
+    currentDate: new Date()
+  }
+
+  return <SearchOptions {...props} momentProps={momentProps} />
+}

package/example/views/SessionManager/index.js

@@ -1,122 +1,122 @@
-import React from 'react'
-import { Link } from 'react-router-dom'
-
-import { LoginFormUI } from '../../components/LoginFormUI'
-import { LoginForm } from '../../../src/components/LoginForm'
-import { TestComponent } from '../../components/TestComponent'
-import { Header } from '../../components/Header'
-import { useSession } from '../../../src/contexts/SessionContext'
-import { LogoutAction } from '../../../src/components/LogoutAction'
-import { LogoutButtonUI } from '../../components/LogoutButtonUI'
-
-export const SessionManager = () => {
-  const sessionManager = useSession()
-  const [{ auth }] = sessionManager
-
-  const loginProps = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: LoginFormUI,
-    /**
-     * Function to change default login behavior
-     * Uncomment to test
-     */
-    // handleButtonLoginClick: () => console.log('Your own login workflow')),
-    /**
-     * Function to get login success event
-     * @param {Object} user User with session data
-     */
-    handleSuccessLogin: (user) => console.log('Login success with use', user),
-    /**
-     * Function to continue as guest behavior
-     * Uncomment to test
-     */
-    handleContinueAsGuest: () => console.log('Continue as guest'),
-    /**
-     * Enable/Disable default session manager
-     * Save user and token with default session manager
-     */
-    useDefualtSessionManager: true,
-    /**
-     * Enable/Disable login by email
-     */
-    useLoginByEmail: true,
-    /**
-     * Enable/Disable login by cellphone
-     */
-    useLoginByCellphone: false,
-    /**
-     * Selected tab by default
-     * You can choose between 'email' or 'cellphone'
-     */
-    defaultLoginTab: 'email',
-    /**
-     * 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>],
-    /**
-   * Url to signup page
-   * Url to create element link to signup page
-   */
-    linkToSignup: '/signup',
-    /**
-     * Url to forgot password page
-     * Url to create element link to signup page
-     */
-    linkToForgetPassword: '/forgot_password',
-    /**
-     * Element to custom link to signup
-     * You can provide de link element as react router Link or your custom Anchor to signup page
-     */
-    elementLinkToSignup: <Link to='/signup'>Go to signup</Link>,
-    /**
-     * Element to custo link to forgot password
-     * You can provide de link element as react router Link or your custom Anchor to forgot password page
-     */
-    elementLinkToForgetPassword: <Link to='/forgot_password'>Go to forgot password</Link>
-  }
-
-  const logoutProps = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: LogoutButtonUI,
-    /**
-     * Provide token if you use custom session manager
-     */
-    // token: 'CUSTOM TOKEN',
-    /**
-     * Enable/Disable default session manager
-     * Save user and token with default session manager
-     */
-    useDefualtSessionManager: true
-  }
-  return (
-    <>
-      <Header />
-      {
-        !auth && <LoginForm {...loginProps} />
-      }
-      {
-        auth && <LogoutAction {...logoutProps} />
-      }
-    </>
-  )
-}
+import React from 'react'
+import { Link } from 'react-router-dom'
+
+import { LoginFormUI } from '../../components/LoginFormUI'
+import { LoginForm } from '../../../src/components/LoginForm'
+import { TestComponent } from '../../components/TestComponent'
+import { Header } from '../../components/Header'
+import { useSession } from '../../../src/contexts/SessionContext'
+import { LogoutAction } from '../../../src/components/LogoutAction'
+import { LogoutButtonUI } from '../../components/LogoutButtonUI'
+
+export const SessionManager = () => {
+  const sessionManager = useSession()
+  const [{ auth }] = sessionManager
+
+  const loginProps = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: LoginFormUI,
+    /**
+     * Function to change default login behavior
+     * Uncomment to test
+     */
+    // handleButtonLoginClick: () => console.log('Your own login workflow')),
+    /**
+     * Function to get login success event
+     * @param {Object} user User with session data
+     */
+    handleSuccessLogin: (user) => console.log('Login success with use', user),
+    /**
+     * Function to continue as guest behavior
+     * Uncomment to test
+     */
+    handleContinueAsGuest: () => console.log('Continue as guest'),
+    /**
+     * Enable/Disable default session manager
+     * Save user and token with default session manager
+     */
+    useDefualtSessionManager: true,
+    /**
+     * Enable/Disable login by email
+     */
+    useLoginByEmail: true,
+    /**
+     * Enable/Disable login by cellphone
+     */
+    useLoginByCellphone: false,
+    /**
+     * Selected tab by default
+     * You can choose between 'email' or 'cellphone'
+     */
+    defaultLoginTab: 'email',
+    /**
+     * 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>],
+    /**
+   * Url to signup page
+   * Url to create element link to signup page
+   */
+    linkToSignup: '/signup',
+    /**
+     * Url to forgot password page
+     * Url to create element link to signup page
+     */
+    linkToForgetPassword: '/forgot_password',
+    /**
+     * Element to custom link to signup
+     * You can provide de link element as react router Link or your custom Anchor to signup page
+     */
+    elementLinkToSignup: <Link to='/signup'>Go to signup</Link>,
+    /**
+     * Element to custo link to forgot password
+     * You can provide de link element as react router Link or your custom Anchor to forgot password page
+     */
+    elementLinkToForgetPassword: <Link to='/forgot_password'>Go to forgot password</Link>
+  }
+
+  const logoutProps = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: LogoutButtonUI,
+    /**
+     * Provide token if you use custom session manager
+     */
+    // token: 'CUSTOM TOKEN',
+    /**
+     * Enable/Disable default session manager
+     * Save user and token with default session manager
+     */
+    useDefualtSessionManager: true
+  }
+  return (
+    <>
+      <Header />
+      {
+        !auth && <LoginForm {...loginProps} />
+      }
+      {
+        auth && <LogoutAction {...logoutProps} />
+      }
+    </>
+  )
+}

package/example/views/Signup/index.js

@@ -1,64 +1,64 @@
-import React from 'react'
-import { Link } from 'react-router-dom'
-
-import { SignupFormUI } from '../../components/SignupFormUI'
-import { SignupForm } from '../../../src/components/SignupForm'
-import { TestComponent } from '../../components/TestComponent'
-
-export const Signup = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: SignupFormUI,
-    /**
-     * Function to change default signup behavior
-     * Uncomment to test
-     */
-    // handleButtonSignupClick: () => console.log('Your own signup workflow'),
-    /**
-     * Function to get signup success event
-     * @param {Object} user User with session data
-     */
-    handleSuccessSignup: (user) => console.log('Signup success with use', user),
-    /**
-     * Function to continue as guest behavior
-     */
-    handleContinueAsGuest: () => console.log('Continue as guest'),
-    /**
-     * Enable to get checkout fields to show/hide fields from Ordering API
-     */
-    useChekoutFileds: true,
-    /**
-     * Components types before signup form
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after signup form
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before signup form
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after signup form
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>],
-    /**
-     * Url to login page
-     * Url to create element link to login page
-     */
-    linkToLogin: '/login',
-    /**
-     * Element to custom link to login
-     * You can provide de link element as react router Link or your custom Anchor to login page
-     */
-    elementLinkToLogin: <Link to='/login'>Go to login</Link>
-  }
-  return <SignupForm {...props} />
-}
+import React from 'react'
+import { Link } from 'react-router-dom'
+
+import { SignupFormUI } from '../../components/SignupFormUI'
+import { SignupForm } from '../../../src/components/SignupForm'
+import { TestComponent } from '../../components/TestComponent'
+
+export const Signup = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: SignupFormUI,
+    /**
+     * Function to change default signup behavior
+     * Uncomment to test
+     */
+    // handleButtonSignupClick: () => console.log('Your own signup workflow'),
+    /**
+     * Function to get signup success event
+     * @param {Object} user User with session data
+     */
+    handleSuccessSignup: (user) => console.log('Signup success with use', user),
+    /**
+     * Function to continue as guest behavior
+     */
+    handleContinueAsGuest: () => console.log('Continue as guest'),
+    /**
+     * Enable to get checkout fields to show/hide fields from Ordering API
+     */
+    useChekoutFileds: true,
+    /**
+     * Components types before signup form
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after signup form
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before signup form
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after signup form
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>],
+    /**
+     * Url to login page
+     * Url to create element link to login page
+     */
+    linkToLogin: '/login',
+    /**
+     * Element to custom link to login
+     * You can provide de link element as react router Link or your custom Anchor to login page
+     */
+    elementLinkToLogin: <Link to='/login'>Go to login</Link>
+  }
+  return <SignupForm {...props} />
+}

package/example/views/UpsellingPageExample/index.js

@@ -1,35 +1,35 @@
-import React from 'react'
-
-import { UpsellingPage } from '../../../src/components/UpsellingPage'
-import { UpsellingPageUI } from '../../components/UpsellingPageUI'
-
-export const UpsellingPageExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: UpsellingPageUI,
-    /**
-     * list of products that are already in the cart (filts by id)
-     */
-    cartProducts: [{ id: 1319 }, { id: 1298 }],
-    /**
-     * list of business products
-     */
-    products: [],
-    /**
-      * BusinessId is required when products is not defined
-      */
-    businessId: 41,
-    /**
-     * Function to save event
-     */
-    onSave: (productCart) => {
-      console.log(productCart)
-    }
-  }
-
-  return (
-    <UpsellingPage {...props} />
-  )
-}
+import React from 'react'
+
+import { UpsellingPage } from '../../../src/components/UpsellingPage'
+import { UpsellingPageUI } from '../../components/UpsellingPageUI'
+
+export const UpsellingPageExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: UpsellingPageUI,
+    /**
+     * list of products that are already in the cart (filts by id)
+     */
+    cartProducts: [{ id: 1319 }, { id: 1298 }],
+    /**
+     * list of business products
+     */
+    products: [],
+    /**
+      * BusinessId is required when products is not defined
+      */
+    businessId: 41,
+    /**
+     * Function to save event
+     */
+    onSave: (productCart) => {
+      console.log(productCart)
+    }
+  }
+
+  return (
+    <UpsellingPage {...props} />
+  )
+}