ordering-ui-react-native 0.23.76-test → 0.23.76

package/src/components/FacebookLogin/index.tsx

@@ -1,123 +1,123 @@
-import React from 'react';
-import { StyleSheet, Text } from 'react-native';
-import { AccessToken, LoginManager } from 'react-native-fbsdk-next';
-import { useLanguage, useSession, useApi } from 'ordering-components/native';
-
-import Icon from 'react-native-vector-icons/FontAwesome5';
-
-import { Container, FacebookButton } from './styles';
-import { useTheme } from 'styled-components/native';
-
-export const FacebookLogin = (props: any) => {
-  const {
-    handleErrors,
-    handleLoading,
-    handleSuccessFacebookLogin,
-    notificationState
-  } = props
-
-  const theme = useTheme()
-  const [, t] = useLanguage()
-  const [ordering] = useApi()
-  const [{ auth }] = useSession()
-
-  const buttonText = auth
-    ? t('LOGOUT_WITH_FACEBOOK', 'Logout with Facebook')
-    : t('LOGIN_WITH_FACEBOOK', 'Login with Facebook');
-
-  const logoutWithFacebook = () => {
-    LoginManager && LoginManager.logOut();
-  };
-
-  const handleLoginClick = async (accessToken: string) => {
-    try {
-      const body: any = {
-        access_token: accessToken
-      }
-      if (notificationState?.notification_token) {
-        body.notification_token = notificationState.notification_token
-        body.notification_app = notificationState.notification_app
-      }
-      const response = await ordering.users().authFacebook(body)
-      if (!response.content.error) {
-        if (handleSuccessFacebookLogin) {
-          handleSuccessFacebookLogin(response.content.result)
-          handleLoading && handleLoading(false)
-        }
-      } else {
-        handleLoading && handleLoading(false)
-        handleErrors && handleErrors(response.content.result)
-        logoutWithFacebook()
-      }
-    } catch (err : any) {
-      handleLoading && handleLoading(false)
-      handleErrors && handleErrors(err.message)
-    }
-  }
-
-  const loginWithFacebook = () => {
-    handleLoading && handleLoading(true)
-    LoginManager && LoginManager.logInWithPermissions(['public_profile']).then(
-      (login: any) => {
-        if (login.isCancelled) {
-          const err = t('LOGIN_WITH_FACEBOOK_CANCELLED', 'Login cancelled')
-          handleLoading && handleLoading(false)
-          handleErrors && handleErrors(err)
-        } else {
-          AccessToken.getCurrentAccessToken().then((data: any) => {
-            const accessToken = data.accessToken.toString();
-            handleLoginClick(accessToken)
-          }).catch((err : any) => {
-            handleErrors && handleErrors(err.message)
-            handleLoading && handleLoading(false)
-          });
-        }
-      },
-      (error: any) => {
-        const err = error
-          ? t(error?.replace(/ /g, '_').toUpperCase(), 'Login cancelled')
-          : t('LOGIN_FAIL_WITH_FACEBOOK', 'Login fail with facebook')
-        handleLoading && handleLoading(false)
-        handleErrors && handleErrors(err)
-      },
-    ).catch((err : any) => {
-        handleErrors && handleErrors(err.message)
-        handleLoading && handleLoading(false)
-    });
-  };
-
-  const onPressButton = auth
-    ? logoutWithFacebook
-    : loginWithFacebook;
-
-  return (
-    <Container>
-      <FacebookButton
-        onPress={onPressButton}
-      >
-        <Icon
-          name="facebook"
-          size={34}
-          color={theme.colors.skyBlue}
-          style={style.fbBtn}
-        />
-        <Text style={style.textBtn}>
-          {buttonText}
-        </Text>
-      </FacebookButton>
-    </Container>
-  );
-}
-
-const style = StyleSheet.create({
-  fbBtn: {
-    position: 'absolute',
-    left: 0,
-    marginHorizontal: 10
-  },
-  textBtn: {
-    fontSize: 16,
-    color: '#000000',
-    marginLeft: 20
-  }
-})
+import React from 'react';
+import { StyleSheet, Text } from 'react-native';
+import { AccessToken, LoginManager } from 'react-native-fbsdk-next';
+import { useLanguage, useSession, useApi } from 'ordering-components/native';
+
+import Icon from 'react-native-vector-icons/FontAwesome5';
+
+import { Container, FacebookButton } from './styles';
+import { useTheme } from 'styled-components/native';
+
+export const FacebookLogin = (props: any) => {
+  const {
+    handleErrors,
+    handleLoading,
+    handleSuccessFacebookLogin,
+    notificationState
+  } = props
+
+  const theme = useTheme()
+  const [, t] = useLanguage()
+  const [ordering] = useApi()
+  const [{ auth }] = useSession()
+
+  const buttonText = auth
+    ? t('LOGOUT_WITH_FACEBOOK', 'Logout with Facebook')
+    : t('LOGIN_WITH_FACEBOOK', 'Login with Facebook');
+
+  const logoutWithFacebook = () => {
+    LoginManager && LoginManager.logOut();
+  };
+
+  const handleLoginClick = async (accessToken: string) => {
+    try {
+      const body: any = {
+        access_token: accessToken
+      }
+      if (notificationState?.notification_token) {
+        body.notification_token = notificationState.notification_token
+        body.notification_app = notificationState.notification_app
+      }
+      const response = await ordering.users().authFacebook(body)
+      if (!response.content.error) {
+        if (handleSuccessFacebookLogin) {
+          handleSuccessFacebookLogin(response.content.result)
+          handleLoading && handleLoading(false)
+        }
+      } else {
+        handleLoading && handleLoading(false)
+        handleErrors && handleErrors(response.content.result)
+        logoutWithFacebook()
+      }
+    } catch (err : any) {
+      handleLoading && handleLoading(false)
+      handleErrors && handleErrors(err.message)
+    }
+  }
+
+  const loginWithFacebook = () => {
+    handleLoading && handleLoading(true)
+    LoginManager && LoginManager.logInWithPermissions(['public_profile']).then(
+      (login: any) => {
+        if (login.isCancelled) {
+          const err = t('LOGIN_WITH_FACEBOOK_CANCELLED', 'Login cancelled')
+          handleLoading && handleLoading(false)
+          handleErrors && handleErrors(err)
+        } else {
+          AccessToken.getCurrentAccessToken().then((data: any) => {
+            const accessToken = data.accessToken.toString();
+            handleLoginClick(accessToken)
+          }).catch((err : any) => {
+            handleErrors && handleErrors(err.message)
+            handleLoading && handleLoading(false)
+          });
+        }
+      },
+      (error: any) => {
+        const err = error
+          ? t(error?.replace(/ /g, '_').toUpperCase(), 'Login cancelled')
+          : t('LOGIN_FAIL_WITH_FACEBOOK', 'Login fail with facebook')
+        handleLoading && handleLoading(false)
+        handleErrors && handleErrors(err)
+      },
+    ).catch((err : any) => {
+        handleErrors && handleErrors(err.message)
+        handleLoading && handleLoading(false)
+    });
+  };
+
+  const onPressButton = auth
+    ? logoutWithFacebook
+    : loginWithFacebook;
+
+  return (
+    <Container>
+      <FacebookButton
+        onPress={onPressButton}
+      >
+        <Icon
+          name="facebook"
+          size={34}
+          color={theme.colors.skyBlue}
+          style={style.fbBtn}
+        />
+        <Text style={style.textBtn}>
+          {buttonText}
+        </Text>
+      </FacebookButton>
+    </Container>
+  );
+}
+
+const style = StyleSheet.create({
+  fbBtn: {
+    position: 'absolute',
+    left: 0,
+    marginHorizontal: 10
+  },
+  textBtn: {
+    fontSize: 16,
+    color: '#000000',
+    marginLeft: 20
+  }
+})

package/src/components/FacebookLogin/styles.tsx

@@ -1,23 +1,23 @@
-import styled from 'styled-components/native'
-
-export const Container = styled.View`
-  margin-bottom: 10px;
-`
-
-export const FacebookButton = styled.TouchableOpacity`
-  background-color: #EFEFEF;
-  border-color: #EFEFEF;
-  border-radius: 30px;
-  font-size: 16px;
-  padding: 15px 30px;
-  font-size: 16px;
-  font-weight: 400;
-  text-align: center;
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  height: 52px;
-`
+import styled from 'styled-components/native'
+
+export const Container = styled.View`
+  margin-bottom: 10px;
+`
+
+export const FacebookButton = styled.TouchableOpacity`
+  background-color: #EFEFEF;
+  border-color: #EFEFEF;
+  border-radius: 30px;
+  font-size: 16px;
+  padding: 15px 30px;
+  font-size: 16px;
+  font-weight: 400;
+  text-align: center;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  height: 52px;
+`

package/src/components/FacebookPixel/index.tsx

@@ -1,81 +1,81 @@
-import React, { useEffect } from 'react';
-import { useEvent, useConfig } from 'ordering-components/native'
-import { AppEventsLogger } from "react-native-fbsdk-next"
-
-export const FacebookPixel = (props : any) => {
-  const {
-    children
-  } = props
-
-  const [configs] = useConfig()
-  const [events] = useEvent()
-
-  const handleLoginUser = () => {
-    AppEventsLogger.logEvent(AppEventsLogger.AppEvents.CompletedRegistration, {
-      [AppEventsLogger.AppEventParams.RegistrationMethod]: "login",
-      ["currency"]: "email"
-    })
-  }
-  
-  const handleProductAdded = (product : any) => {
-    AppEventsLogger.logEvent(AppEventsLogger.AppEvents.AddedToCart, product?.total ?? product?.price , {
-      [AppEventsLogger.AppEventParams.Description]: product?.name,
-      [AppEventsLogger.AppEventParams.Currency]: configs?.stripe_currency?.value ?? 'USD',
-      [AppEventsLogger.AppEventParams.ContentID]: product?.id,
-      [AppEventsLogger.AppEventParams.ContentType]: "product",
-      ["fb_quantity"]: product?.quantity,
-    })
-  }
-
-  const handleProductEdited = (product : any) => {
-    AppEventsLogger.logEvent(AppEventsLogger.AppEvents.CustomizeProduct, product?.total ?? product?.price , {
-      [AppEventsLogger.AppEventParams.Description]: product?.name,
-      [AppEventsLogger.AppEventParams.Currency]: configs?.stripe_currency?.value ?? 'USD',
-      [AppEventsLogger.AppEventParams.ContentID]: product?.id,
-      [AppEventsLogger.AppEventParams.ContentType]: "product",
-      ["fb_quantity"]: product?.quantity,
-    })
-  }
-
-  const handleSignupUser = () => {
-    AppEventsLogger.logEvent(AppEventsLogger.AppEvents.CompletedRegistration, {
-      [AppEventsLogger.AppEventParams.RegistrationMethod]: "signup",
-      ["currency"]: "email"
-    })
-  }
-
-  const handlePaymentInfo = (payment : any) => {
-    AppEventsLogger.logEvent(AppEventsLogger.AppEvents.AddedPaymentInfo, {
-      [AppEventsLogger.AppEventParams.ContentType]: payment?.gateway,
-      [AppEventsLogger.AppEventParams.ContentID]: payment?.id
-    })
-  }
-
-  const handleOrderPlaced = (order : any) => {
-    AppEventsLogger.logPurchase(order.total, configs?.stripe_currency?.value ?? 'USD', { param: "value", id: order.id });
-  }
-
-  useEffect(() => {
-    events.on('userLogin', handleLoginUser)
-    events.on('product_added', handleProductAdded)
-    events.on('product_edited', handleProductEdited)
-    events.on('order_placed', handleOrderPlaced)
-    events.on('singup_user', handleSignupUser)
-    events.on('add_payment_option', handlePaymentInfo)
-
-    return () => {
-      events.off('userLogin', handleLoginUser)
-      events.off('product_added', handleProductAdded)
-      events.off('product_edited', handleProductEdited)
-      events.off('order_placed', handleOrderPlaced)
-      events.off('singup_user', handleSignupUser)
-      events.off('add_payment_option', handlePaymentInfo)
-    }
-  }, [])
-
-  return (
-    <>
-      {children}
-    </>
-  )
-};
+import React, { useEffect } from 'react';
+import { useEvent, useConfig } from 'ordering-components/native'
+import { AppEventsLogger } from "react-native-fbsdk-next"
+
+export const FacebookPixel = (props : any) => {
+  const {
+    children
+  } = props
+
+  const [configs] = useConfig()
+  const [events] = useEvent()
+
+  const handleLoginUser = () => {
+    AppEventsLogger.logEvent(AppEventsLogger.AppEvents.CompletedRegistration, {
+      [AppEventsLogger.AppEventParams.RegistrationMethod]: "login",
+      ["currency"]: "email"
+    })
+  }
+  
+  const handleProductAdded = (product : any) => {
+    AppEventsLogger.logEvent(AppEventsLogger.AppEvents.AddedToCart, product?.total ?? product?.price , {
+      [AppEventsLogger.AppEventParams.Description]: product?.name,
+      [AppEventsLogger.AppEventParams.Currency]: configs?.stripe_currency?.value ?? 'USD',
+      [AppEventsLogger.AppEventParams.ContentID]: product?.id,
+      [AppEventsLogger.AppEventParams.ContentType]: "product",
+      ["fb_quantity"]: product?.quantity,
+    })
+  }
+
+  const handleProductEdited = (product : any) => {
+    AppEventsLogger.logEvent(AppEventsLogger.AppEvents.CustomizeProduct, product?.total ?? product?.price , {
+      [AppEventsLogger.AppEventParams.Description]: product?.name,
+      [AppEventsLogger.AppEventParams.Currency]: configs?.stripe_currency?.value ?? 'USD',
+      [AppEventsLogger.AppEventParams.ContentID]: product?.id,
+      [AppEventsLogger.AppEventParams.ContentType]: "product",
+      ["fb_quantity"]: product?.quantity,
+    })
+  }
+
+  const handleSignupUser = () => {
+    AppEventsLogger.logEvent(AppEventsLogger.AppEvents.CompletedRegistration, {
+      [AppEventsLogger.AppEventParams.RegistrationMethod]: "signup",
+      ["currency"]: "email"
+    })
+  }
+
+  const handlePaymentInfo = (payment : any) => {
+    AppEventsLogger.logEvent(AppEventsLogger.AppEvents.AddedPaymentInfo, {
+      [AppEventsLogger.AppEventParams.ContentType]: payment?.gateway,
+      [AppEventsLogger.AppEventParams.ContentID]: payment?.id
+    })
+  }
+
+  const handleOrderPlaced = (order : any) => {
+    AppEventsLogger.logPurchase(order.total, configs?.stripe_currency?.value ?? 'USD', { param: "value", id: order.id });
+  }
+
+  useEffect(() => {
+    events.on('userLogin', handleLoginUser)
+    events.on('product_added', handleProductAdded)
+    events.on('product_edited', handleProductEdited)
+    events.on('order_placed', handleOrderPlaced)
+    events.on('singup_user', handleSignupUser)
+    events.on('add_payment_option', handlePaymentInfo)
+
+    return () => {
+      events.off('userLogin', handleLoginUser)
+      events.off('product_added', handleProductAdded)
+      events.off('product_edited', handleProductEdited)
+      events.off('order_placed', handleOrderPlaced)
+      events.off('singup_user', handleSignupUser)
+      events.off('add_payment_option', handlePaymentInfo)
+    }
+  }, [])
+
+  return (
+    <>
+      {children}
+    </>
+  )
+};

package/src/components/FloatingButton/index.tsx

@@ -1,74 +1,74 @@
-import React from 'react'
-import { FloatingButton as FloatingButtonController } from 'ordering-components/native'
-import { FloatingButtonParams } from '../../types'
-import {
-  Container,
-  Button
-} from './styles'
-import { OText } from '../shared'
-import { StyleSheet, Platform } from 'react-native'
-import { useTheme } from 'styled-components/native'
-
-const FloatingButtonUI = (props: FloatingButtonParams) => {
-  const {
-    btnLeftValue,
-    btnRightValue,
-    btnLeftValueShow,
-    btnRightValueShow,
-    btnText,
-    handleButtonClick,
-    disabled,
-    isSecondaryBtn
-  } = props
-
-  const theme = useTheme()
-
-  const styles = StyleSheet.create({
-    primaryBtn: {
-      backgroundColor: theme.colors.primary,
-    },
-    secodaryBtn: {
-      backgroundColor: theme.colors.textSecondary,
-    },
-    btnTextStyle: {
-      position: 'absolute',
-      width: '100%',
-      paddingBottom: 5,
-      left: 0,
-      textAlign: 'center',
-    }
-  })
-
-  return (
-    <Container
-      isIos={Platform.OS === 'ios'}
-    >
-      <Button
-        style={[isSecondaryBtn ? styles.secodaryBtn: styles.primaryBtn]}
-        onPress={handleButtonClick}
-        disabled={disabled}
-      >
-        <OText color={theme.colors.white} size={16} mLeft={20}>
-          {btnLeftValueShow ? btnLeftValue : ''}
-        </OText>
-        <OText style={styles.btnTextStyle} color={theme.colors.white} size={16} weight='bold'>
-          {btnText}
-        </OText>
-        <OText color={theme.colors.white} size={16} mRight={20}>
-          {btnRightValueShow ? btnRightValue : ''}
-        </OText>
-      </Button>
-    </Container>
-  )
-}
-
-export const FloatingButton = (props: FloatingButtonParams) => {
-  const floatingButtonProps = {
-    ...props,
-    UIComponent: FloatingButtonUI
-  }
-
-  return (
-    <FloatingButtonController {...floatingButtonProps} />
-  )
-}
+import React from 'react'
+import { FloatingButton as FloatingButtonController } from 'ordering-components/native'
+import { FloatingButtonParams } from '../../types'
+import {
+  Container,
+  Button
+} from './styles'
+import { OText } from '../shared'
+import { StyleSheet, Platform } from 'react-native'
+import { useTheme } from 'styled-components/native'
+
+const FloatingButtonUI = (props: FloatingButtonParams) => {
+  const {
+    btnLeftValue,
+    btnRightValue,
+    btnLeftValueShow,
+    btnRightValueShow,
+    btnText,
+    handleButtonClick,
+    disabled,
+    isSecondaryBtn
+  } = props
+
+  const theme = useTheme()
+
+  const styles = StyleSheet.create({
+    primaryBtn: {
+      backgroundColor: theme.colors.primary,
+    },
+    secodaryBtn: {
+      backgroundColor: theme.colors.textSecondary,
+    },
+    btnTextStyle: {
+      position: 'absolute',
+      width: '100%',
+      paddingBottom: 5,
+      left: 0,
+      textAlign: 'center',
+    }
+  })
+
+  return (
+    <Container
+      isIos={Platform.OS === 'ios'}
+    >
+      <Button
+        style={[isSecondaryBtn ? styles.secodaryBtn: styles.primaryBtn]}
+        onPress={handleButtonClick}
+        disabled={disabled}
+      >
+        <OText color={theme.colors.white} size={16} mLeft={20}>
+          {btnLeftValueShow ? btnLeftValue : ''}
+        </OText>
+        <OText style={styles.btnTextStyle} color={theme.colors.white} size={16} weight='bold'>
+          {btnText}
+        </OText>
+        <OText color={theme.colors.white} size={16} mRight={20}>
+          {btnRightValueShow ? btnRightValue : ''}
+        </OText>
+      </Button>
+    </Container>
+  )
+}
+
+export const FloatingButton = (props: FloatingButtonParams) => {
+  const floatingButtonProps = {
+    ...props,
+    UIComponent: FloatingButtonUI
+  }
+
+  return (
+    <FloatingButtonController {...floatingButtonProps} />
+  )
+}

package/src/components/FloatingButton/styles.tsx

@@ -1,32 +1,32 @@
-import styled, { css } from 'styled-components/native'
-
-export const Container = styled.View`
-  position: absolute;
-  flex: 1;
-  bottom: 0px;
-  left: 0;
-  padding: 10px;
-  border-top-width: 1px;
-  border-color: ${(props: any) => props.theme.colors.lightGray};
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #FFF;
-  z-index: 1000;
-
-  ${((props: any) => props.isIos && css `
-    padding-bottom: 20px;
-  `)}
-`
-
-export const Button = styled.TouchableOpacity`
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  width: 90%;
-  justify-content: space-between;
-  align-items: center;
-  border-radius: 25px;
-  height: 50px;
-`
+import styled, { css } from 'styled-components/native'
+
+export const Container = styled.View`
+  position: absolute;
+  flex: 1;
+  bottom: 0px;
+  left: 0;
+  padding: 10px;
+  border-top-width: 1px;
+  border-color: ${(props: any) => props.theme.colors.lightGray};
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #FFF;
+  z-index: 1000;
+
+  ${((props: any) => props.isIos && css `
+    padding-bottom: 20px;
+  `)}
+`
+
+export const Button = styled.TouchableOpacity`
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  width: 90%;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: 25px;
+  height: 50px;
+`