ordering-components-external 13.1.2 → 13.1.3

package/example/views/FacebookLogin/index.js

@@ -1,63 +1,63 @@
-import React from 'react'
-
-import { TestComponent } from '../../components/TestComponent'
-import { FacebookLoginButtonUI } from '../../components/FacebookLoginButtonUI'
-import { FacebookLoginButton } from '../../../src/components/FacebookLoginButton'
-
-export const FacebookLogin = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: FacebookLoginButtonUI,
-    /**
-     * Function to change default login with Facebook behavior
-     * Uncomment to test
-     * @param {Object} result Result from Facebook
-     */
-    // handleButtonFacebookLoginClick: (result) => console.log('Your own login with facebook workflow', result),
-    /**
-     * Function to get login with Facebook success event
-     * @param {object} user User logged
-     */
-    handleSuccessFacebookLogin: (user) => console.log('Success login Facebook with user', user),
-    /**
-     * Function to get logout with Facebook success event
-     * @param {Object} result Result from Facebook
-     */
-    handleSuccessFacebookLogout: (result) => console.log('Success logout Facebook', result),
-    /**
-     * Default email to forgot password form
-     */
-    appId: '3192786437482189',
-    /**
-     * Enable/Disable Facebook login debug mode
-     */
-    debug: false,
-    /**
-     * Facebook SDK version
-     */
-    version: 'v7.0',
-    /**
-     * Components types before Facebook login button
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after Facebook login button
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before Facebook login button
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after Facebook login button
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <FacebookLoginButton {...props} />
-}
+import React from 'react'
+
+import { TestComponent } from '../../components/TestComponent'
+import { FacebookLoginButtonUI } from '../../components/FacebookLoginButtonUI'
+import { FacebookLoginButton } from '../../../src/components/FacebookLoginButton'
+
+export const FacebookLogin = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: FacebookLoginButtonUI,
+    /**
+     * Function to change default login with Facebook behavior
+     * Uncomment to test
+     * @param {Object} result Result from Facebook
+     */
+    // handleButtonFacebookLoginClick: (result) => console.log('Your own login with facebook workflow', result),
+    /**
+     * Function to get login with Facebook success event
+     * @param {object} user User logged
+     */
+    handleSuccessFacebookLogin: (user) => console.log('Success login Facebook with user', user),
+    /**
+     * Function to get logout with Facebook success event
+     * @param {Object} result Result from Facebook
+     */
+    handleSuccessFacebookLogout: (result) => console.log('Success logout Facebook', result),
+    /**
+     * Default email to forgot password form
+     */
+    appId: '3192786437482189',
+    /**
+     * Enable/Disable Facebook login debug mode
+     */
+    debug: false,
+    /**
+     * Facebook SDK version
+     */
+    version: 'v7.0',
+    /**
+     * Components types before Facebook login button
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after Facebook login button
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before Facebook login button
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after Facebook login button
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <FacebookLoginButton {...props} />
+}

package/example/views/FloatingButtonExample/index.js

@@ -1,47 +1,47 @@
-import React from 'react'
-
-import { FloatingButtonUI } from '../../components/FloatingButtonUI'
-import { FloatingButton } from '../../../src/components/FloatingButton'
-import { TestComponent } from '../../components/TestComponent'
-
-export const FloatingButtonExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: FloatingButtonUI,
-    /**
-     * Text for button
-     */
-    btnText: 'View order',
-    /**
-     * Value to show in button
-     */
-    btnValue: 5,
-    /**
-     * handle click button
-     */
-    handleClick: () => { alert('Click') },
-    /**
-     * Components types before Floating Button
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after Floating Button
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before Floating Button
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after Floating Button
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-  return <FloatingButton {...props} />
-}
+import React from 'react'
+
+import { FloatingButtonUI } from '../../components/FloatingButtonUI'
+import { FloatingButton } from '../../../src/components/FloatingButton'
+import { TestComponent } from '../../components/TestComponent'
+
+export const FloatingButtonExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: FloatingButtonUI,
+    /**
+     * Text for button
+     */
+    btnText: 'View order',
+    /**
+     * Value to show in button
+     */
+    btnValue: 5,
+    /**
+     * handle click button
+     */
+    handleClick: () => { alert('Click') },
+    /**
+     * Components types before Floating Button
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after Floating Button
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before Floating Button
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after Floating Button
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+  return <FloatingButton {...props} />
+}

package/example/views/ForgotPassword/index.js

@@ -1,77 +1,77 @@
-import React from 'react'
-import { Link } from 'react-router-dom'
-
-import { ForgotPasswordFormUI } from '../../components/ForgotPasswordFormUI'
-import { ForgotPasswordForm } from '../../../src/components/ForgotPasswordForm'
-import { TestComponent } from '../../components/TestComponent'
-
-export const ForgotPassword = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: ForgotPasswordFormUI,
-    /**
-     * Function to change default forgot password behavior
-     * Uncomment to test
-     * @param {Object} formData All input values
-     */
-    // handleButtonForgotPasswordClick: (formData) => console.log('Your own forgot password workflow', formData),
-    /**
-     * Function to get forgot password success event
-     * @param {string} email Email to which it was sent
-     */
-    handleSuccessForgotPassword: (email) => console.log('Forgot password with email', email),
-    /**
-   * @param {form_data} data
-   * handleCustomClick, function to get click event and return data without default behavior
-   */
-    handleCustomForgotPasswordClick: (data) => console.log('Forgot password data', data),
-    /**
-     * Default email to forgot password form
-     */
-    // defaultEmail: 'customer@ordering.co',
-    /**
-     * Components types before forgot password form
-     * Array of type components, the parent props will pass to these components
-     */
-
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after forgot password form
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before forgot password form
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after forgot password 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 login page
-     * Url to create element link to login
-     */
-    linkToLogin: '/login',
-    /**
-     * 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 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 <ForgotPasswordForm {...props} />
-}
+import React from 'react'
+import { Link } from 'react-router-dom'
+
+import { ForgotPasswordFormUI } from '../../components/ForgotPasswordFormUI'
+import { ForgotPasswordForm } from '../../../src/components/ForgotPasswordForm'
+import { TestComponent } from '../../components/TestComponent'
+
+export const ForgotPassword = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: ForgotPasswordFormUI,
+    /**
+     * Function to change default forgot password behavior
+     * Uncomment to test
+     * @param {Object} formData All input values
+     */
+    // handleButtonForgotPasswordClick: (formData) => console.log('Your own forgot password workflow', formData),
+    /**
+     * Function to get forgot password success event
+     * @param {string} email Email to which it was sent
+     */
+    handleSuccessForgotPassword: (email) => console.log('Forgot password with email', email),
+    /**
+   * @param {form_data} data
+   * handleCustomClick, function to get click event and return data without default behavior
+   */
+    handleCustomForgotPasswordClick: (data) => console.log('Forgot password data', data),
+    /**
+     * Default email to forgot password form
+     */
+    // defaultEmail: 'customer@ordering.co',
+    /**
+     * Components types before forgot password form
+     * Array of type components, the parent props will pass to these components
+     */
+
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after forgot password form
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before forgot password form
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after forgot password 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 login page
+     * Url to create element link to login
+     */
+    linkToLogin: '/login',
+    /**
+     * 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 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 <ForgotPasswordForm {...props} />
+}

package/example/views/GoogleLoginExample/index.js

@@ -1,85 +1,85 @@
-import React from 'react'
-import { GoogleLoginUI } from '../../components/GoogleLoginUI'
-import { GoogleLoginButton } from '../../../src/components/GoogleLoginButton'
-import { TestComponent } from '../../components/TestComponent'
-
-export const GoogleLoginExample = () => {
-  const props = {
-    /**
-     * UI Component, this must be containt all graphic elements and use parent props
-     */
-    UIComponent: GoogleLoginUI,
-    /**
-     * handling response of google
-     * @param {Object} result google response when the result is success
-     */
-    onSuccess: (res) => console.log('success', res),
-    /**
-     * handling response of google
-     * @param {Object} result google response when the result is error
-     */
-    onFailure: (err) => console.log('error', err),
-    /**
-     * handling response of google
-     * google response when the user is logging
-     */
-    onRequest: () => console.log('requesting'),
-    /**
-     * Function to get login with google success event
-     * @param {object} user User logged
-     */
-    handleSuccessGoogleLogin: (user) =>
-      console.log('Success login Google with user', user),
-    /**
-     * Property to get response code if type "code"
-     */
-    responseType: '',
-    /**
-     * Params for the init of google login
-     */
-    initParams: {
-      apiKey: 'AIzaSyB-aDD3TIBR5tBCNM-lb1u0jadsaY-LIjs',
-      client_id:
-              '813628525689-v00sl2nrfdg1rnj79pqh994rvkkq0glt.apps.googleusercontent.com',
-      cookiepolicy: 'single_host_origin',
-      scope: 'profile'
-    },
-    /**
-     * Style of the button
-     */
-    buttonStyle: {
-      scope: 'profile email',
-      width: 240,
-      height: 50,
-      longtitle: true,
-      theme: 'dark'
-    },
-    /**
-   * @param {google_response} res
-   * handleCustomClick, function to get click event and return google response without default behavior
-   */
-    handleGoogleLoginClick: (res) => console.log('Google response', res),
-    /**
-     * Components types before Facebook login button
-     * Array of type components, the parent props will pass to these components
-     */
-    beforeComponents: [TestComponent],
-    /**
-     * Components types after Facebook login button
-     * Array of type components, the parent props will pass to these components
-     */
-    afterComponents: [TestComponent],
-    /**
-     * Elements before Facebook login button
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    beforeElements: [<p>Test Element Before</p>],
-    /**
-     * Elements after Facebook login button
-     * Array of HTML/Components elements, these components will not get the parent props
-     */
-    afterElements: [<p>Test Element After</p>]
-  }
-
-  return <GoogleLoginButton {...props} />
-}
+import React from 'react'
+import { GoogleLoginUI } from '../../components/GoogleLoginUI'
+import { GoogleLoginButton } from '../../../src/components/GoogleLoginButton'
+import { TestComponent } from '../../components/TestComponent'
+
+export const GoogleLoginExample = () => {
+  const props = {
+    /**
+     * UI Component, this must be containt all graphic elements and use parent props
+     */
+    UIComponent: GoogleLoginUI,
+    /**
+     * handling response of google
+     * @param {Object} result google response when the result is success
+     */
+    onSuccess: (res) => console.log('success', res),
+    /**
+     * handling response of google
+     * @param {Object} result google response when the result is error
+     */
+    onFailure: (err) => console.log('error', err),
+    /**
+     * handling response of google
+     * google response when the user is logging
+     */
+    onRequest: () => console.log('requesting'),
+    /**
+     * Function to get login with google success event
+     * @param {object} user User logged
+     */
+    handleSuccessGoogleLogin: (user) =>
+      console.log('Success login Google with user', user),
+    /**
+     * Property to get response code if type "code"
+     */
+    responseType: '',
+    /**
+     * Params for the init of google login
+     */
+    initParams: {
+      apiKey: 'AIzaSyB-aDD3TIBR5tBCNM-lb1u0jadsaY-LIjs',
+      client_id:
+              '813628525689-v00sl2nrfdg1rnj79pqh994rvkkq0glt.apps.googleusercontent.com',
+      cookiepolicy: 'single_host_origin',
+      scope: 'profile'
+    },
+    /**
+     * Style of the button
+     */
+    buttonStyle: {
+      scope: 'profile email',
+      width: 240,
+      height: 50,
+      longtitle: true,
+      theme: 'dark'
+    },
+    /**
+   * @param {google_response} res
+   * handleCustomClick, function to get click event and return google response without default behavior
+   */
+    handleGoogleLoginClick: (res) => console.log('Google response', res),
+    /**
+     * Components types before Facebook login button
+     * Array of type components, the parent props will pass to these components
+     */
+    beforeComponents: [TestComponent],
+    /**
+     * Components types after Facebook login button
+     * Array of type components, the parent props will pass to these components
+     */
+    afterComponents: [TestComponent],
+    /**
+     * Elements before Facebook login button
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    beforeElements: [<p>Test Element Before</p>],
+    /**
+     * Elements after Facebook login button
+     * Array of HTML/Components elements, these components will not get the parent props
+     */
+    afterElements: [<p>Test Element After</p>]
+  }
+
+  return <GoogleLoginButton {...props} />
+}