ordering-ui-react-native 0.19.7-testing → 0.19.8-release

package/src/pages/Login.tsx

@@ -1,47 +0,0 @@
-import React from 'react';
-import { Platform } from 'react-native';
-import styled from 'styled-components/native';
-import { LoginForm } from '../components/LoginForm';
-import { Container } from '../layouts/Container';
-
-import { useLanguage } from 'ordering-components/native';
-import { _setStoreData } from '../providers/StoreUtil';
-import { useTheme } from 'styled-components/native';
-
-const KeyboardView = styled.KeyboardAvoidingView`
-  flex: 1;
-`;
-
-export const Login = ({ navigation, route }: any) => {
-  const [, t] = useLanguage()
-  const theme = useTheme()
-
-  const loginProps = {
-    navigation,
-    useLoginByCellphone: true,
-    loginButtonText: t('LOGIN', 'Login'),
-    loginButtonBackground: theme.colors.primary,
-    forgotButtonText: t('FORGOT_YOUR_PASSWORD', 'Forgot your password?'),
-    registerButtonText: t('SIGNUP', 'Signup'),
-    onNavigationRedirect: (page: string) => {
-      if (!page) return
-      navigation.navigate(page);
-    },
-    notificationState: route?.params?.notification_state
-  }
-
-  _setStoreData('notification_state', route?.params?.notification_state);
-
-  return (
-    <KeyboardView
-      enabled
-      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-    >
-      <Container>
-        <LoginForm {...loginProps} />
-      </Container>
-    </KeyboardView>
-  );
-};
-
-export default Login;

package/src/pages/MomentOption.tsx

@@ -1,30 +0,0 @@
-import React from 'react'
-import { useConfig } from 'ordering-components/native'
-import { MomentOption as MomentOptionController } from '../components/MomentOption'
-
-const MomentOption = ({ navigation, props }: any) => {
-  const [{ configs }] = useConfig()
-  const limitDays = configs?.max_days_preorder?.value
-  const currentDate = new Date()
-  const time = limitDays > 1
-  ? currentDate.getTime() + ((limitDays - 1) * 24 * 60 * 60 * 1000)
-  : limitDays === 1 ? currentDate.getTime() : currentDate.getTime() + (6 * 24 * 60 * 60 * 1000)
-
-  currentDate.setTime(time)
-  currentDate.setHours(23)
-  currentDate.setMinutes(59)
-  const momentOptionProps = {
-    ...props,
-    navigation: navigation,
-    maxDate: currentDate
-  }
-  return (
-    <>
-      {currentDate && (
-        <MomentOptionController {...momentOptionProps} />
-      )}
-    </>
-  )
-}
-
-export default MomentOption

package/src/pages/MultiCheckout.tsx

@@ -1,31 +0,0 @@
-import React from 'react'
-import { Platform, KeyboardAvoidingView, StyleSheet } from 'react-native'
-import { MultiCheckout as MultiCheckoutController } from '../../themes/original/src/components/MultiCheckout'
-
-const MultiCheckout = (props: any) => {
-  const multiCheckoutProps = {
-    ...props,
-    onPlaceOrderClick: (orderUuids: any) => {
-      props.navigation.navigate('MultiOrdersDetails', { orderUuids: orderUuids, isFromMultiCheckout: true })
-    }
-  }
-
-  return (
-    <KeyboardAvoidingView
-      enabled
-      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-      style={styles.container}
-    >
-      <MultiCheckoutController {...multiCheckoutProps} />
-    </KeyboardAvoidingView>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flexGrow: 1,
-    paddingBottom: 70,
-  },
-});
-
-export default MultiCheckout

package/src/pages/MultiOrdersDetails.tsx

@@ -1,27 +0,0 @@
-import React from 'react'
-import { Platform } from 'react-native'
-import { MultiOrdersDetails as MultiOrdersDetailsController } from '../../themes/original/src/components/MultiOrdersDetails'
-import styled from 'styled-components/native';
-
-const SafeAreaContainer = styled.SafeAreaView`
-  flex: 1;
-  background-color: ${(props: any) => props.theme.colors.backgroundPage};
-  padding-top: ${Platform.OS === 'ios' ? '0px' : '24px'};
-`;
-
-const MultiOrdersDetails = ({ navigation, route }: any) => {
-  const multiOrdersDetailsProps = {
-    navigation,
-    orderUuids: route.params?.orderUuids || [],
-    isFromMultiCheckout: route.params?.isFromMultiCheckout,
-    onRedirectPage: () => navigation.navigate('BusinessList')
-  }
-
-  return (
-    <SafeAreaContainer>
-      <MultiOrdersDetailsController {...multiOrdersDetailsProps} />
-    </SafeAreaContainer>
-  )
-}
-
-export default MultiOrdersDetails

package/src/pages/MyOrders.tsx

@@ -1,40 +0,0 @@
-import React, {useState} from 'react'
-import { useLanguage } from 'ordering-components/native'
-import { OrdersOption } from '../components/OrdersOption'
-import { OText } from '../components/shared'
-import { Container } from '../layouts/Container'
-
-const MyOrders = ({ navigation }: any) => {
-
-  const [, t] = useLanguage()
-  const [ordersLength,setOrdersLength] = useState({activeOrdersLength: 0, previousOrdersLength: 0})
-  const myOrderProps = {
-    navigation,
-    onNavigationRedirect: (page: string, params: any) => {
-      if (!page) return
-      navigation.navigate(page, params);
-    }
-  }
-
-
-  return (
-    <Container>
-      <OText size={24} mBottom={20}>
-        {t('MY_ORDERS', 'My Orders')}
-      </OText>
-      <OrdersOption
-        {...myOrderProps}
-        activeOrders
-        ordersLength={ordersLength}
-        setOrdersLength={setOrdersLength}
-      />
-      <OrdersOption
-        {...myOrderProps}
-        ordersLength={ordersLength}
-        setOrdersLength={setOrdersLength}
-      />
-    </Container>
-  )
-}
-
-export default MyOrders;

package/src/pages/NetworkError.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import {
-  NotFoundSource,
-} from '../components/NotFoundSource';
-import { useTheme } from 'styled-components/native';
-import { useLanguage } from 'ordering-components/native';
-import { SafeAreaContainer } from '../layouts/SafeAreaContainer'
-
-const NetworkError = () => {
-  const theme = useTheme();
-  const [, t] = useLanguage();
-
-  return (
-    <SafeAreaContainer style={{ backgroundColor: theme.colors.white }}>
-      <NotFoundSource
-        content={t('NETWORK_ERROR', 'Network Error')}
-        image={theme.images.general.notFound}
-        conditioned={false}
-      />
-    </SafeAreaContainer>
-  );
-};
-
-export default NetworkError;

package/src/pages/NotFound.tsx

@@ -1,22 +0,0 @@
-import React from 'react'
-import { NotFoundSource } from '../components/NotFoundSource'
-import { Container } from '../layouts/Container'
-import {useSession, useLanguage} from 'ordering-components/native'
-
-const NotFound = ({navigation} : any) => {
-  const [{auth}] = useSession()
-  const [ ,t] = useLanguage()
-
-  const btnTitle = !auth ? t('GO_TO_HOMEPAGE', 'Go to homepage') : t('GO_TO_BUSINESSLIST', 'Go to business list')
-
-  const handleNavigate = () => {
-    auth ? navigation.navigate('BusinessList') : navigation.navigate('Home')
-  }
-  return (
-    <Container>
-      <NotFoundSource btnTitle={btnTitle} content={t('PAGE_NOT_FOUND' , 'Page not found')} onClickButton={handleNavigate}/>
-    </Container>
-  )
-}
-
-export default NotFound

package/src/pages/OrderDetails.tsx

@@ -1,25 +0,0 @@
-import React from 'react'
-import { OrderDetails as OrderDetailsController } from '../components/OrderDetails'
-import { SafeAreaContainer } from '../layouts/SafeAreaContainer'
-
-const OrderDetails = ({ navigation, route }: any) => {
-  const orderDetailsProps = {
-    navigation,
-    orderId: route.params?.orderId,
-    isFromCheckout: route.params?.isFromCheckout,
-    isFromRoot: route.params?.isFromRoot,
-    goToBusinessList: route?.params?.goToBusinessList,
-    onNavigationRedirect: (page: string, params: any) => {
-      if (!page) return
-      navigation.navigate(page, params);
-    }
-  }
-
-  return (
-    <SafeAreaContainer>
-      <OrderDetailsController {...orderDetailsProps} />
-    </SafeAreaContainer>
-  )
-}
-
-export default OrderDetails;

package/src/pages/ProductDetails.tsx

@@ -1,55 +0,0 @@
-import * as React from 'react';
-import styled, { useTheme } from 'styled-components/native';
-import { Platform } from 'react-native';
-import { ProductForm as ProductFormController } from '../components/ProductForm';
-interface Props {
-  navigation: any;
-  route: any;
-}
-
-const ProductDetails = (props: Props) => {
-  const theme = useTheme()
-
-  const productProps = {
-    ...props,
-    isCartProduct: props.route.params?.isCartProduct,
-    isFromCheckout: props.route.params?.isFromCheckout,
-    productCart: props.route.params?.productCart,
-    product: props.route.params?.product,
-    businessSlug: props.route.params?.businessSlug,
-    businessId: props.route.params?.businessId,
-    categoryId: props.route.params?.categoryId,
-    productId: props.route.params?.productId,
-    onSave: props?.navigation?.canGoBack()
-      ? () => { props.route.params?.onAction && props.route.params?.onAction(); props?.navigation?.goBack(); }
-      : () => { props.route.params?.onAction && props.route.params?.onAction(); props?.navigation?.navigate('BottomTab') }
-    ,
-    handleGoBack: props?.navigation?.canGoBack()
-      ? () => {
-        props.route.params?.onAction &&
-        props.route.params?.onAction();
-        props?.navigation?.goBack();
-      }
-      : (businessSlug: any) => {
-        props.route.params?.onAction &&
-        props.route.params?.onAction();
-        businessSlug
-          ? props?.navigation.navigate('Business', { store: businessSlug })
-          : props?.navigation.navigate('BottomTab')
-      }
-  };
-
-  const BusinessProductsListView = styled.SafeAreaView`
-    flex: 1;
-    background-color: ${theme.colors.backgroundPage};
-    padding-top: ${Platform.OS === 'ios' ? '0px' : '20px'};
-  `;
-
-  return (
-    <BusinessProductsListView>
-      <ProductFormController {...productProps} />
-    </BusinessProductsListView>
-  );
-};
-
-export default ProductDetails;

package/src/pages/Profile.tsx

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import styled from 'styled-components/native';
-import { Platform } from 'react-native';
-import { UserProfileForm as ProfileController } from '../components/UserProfileForm';
-import { SafeAreaContainer } from '../layouts/SafeAreaContainer'
-
-const KeyboardView = styled.KeyboardAvoidingView`
-  flex-grow: 1;
-`;
-interface Props {
-  navigation: any;
-  route: any;
-}
-
-const Profile = (props: Props) => {
-  const profileProps = {
-    ...props,
-    goToBack: () => props.navigation?.canGoBack() && props.navigation.goBack(),
-    onNavigationRedirect: (route: string, params: any) => props.navigation.navigate(route, params)
-  }
-
-  return (
-    <>
-      <KeyboardView
-        enabled
-        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-      >
-        <SafeAreaContainer>
-          <ProfileController {...profileProps} />
-        </SafeAreaContainer>
-      </KeyboardView>
-    </>
-  );
-};
-
-export default Profile;

package/src/pages/ReviewDriver.tsx

@@ -1,30 +0,0 @@
-import React from 'react'
-import { Platform } from 'react-native';
-import styled from 'styled-components/native';
-import { ReviewDriver as ReviewDriverController } from '../components/ReviewDriver'
-import { SafeAreaContainer } from '../layouts/SafeAreaContainer';
-
-const KeyboardView = styled.KeyboardAvoidingView`
-  flex: 1;
-`;
-
-const ReviewDriver = ({ navigation, route }: any) => {
-  const reviewDriverProps = {
-    navigation,
-    order: route?.params?.order,
-    onNavigationRedirect: (route: string, params: any) => navigation.navigate(route, params)
-  }
-
-  return (
-    <KeyboardView
-      enabled
-      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-    >
-      <SafeAreaContainer>
-        <ReviewDriverController {...reviewDriverProps} />
-      </SafeAreaContainer>
-    </KeyboardView>
-  )
-}
-
-export default ReviewDriver

package/src/pages/ReviewOrder.tsx

@@ -1,32 +0,0 @@
-import React from 'react'
-import { Platform } from 'react-native';
-import styled from 'styled-components/native';
-import { ReviewOrder as ReviewOrderController } from '../components/ReviewOrder'
-import { SafeAreaContainer } from '../layouts/SafeAreaContainer';
-
-const KeyboardView = styled.KeyboardAvoidingView`
-  flex: 1;
-`;
-
-const ReviewOrder = ({ navigation, route }: any) => {
-  const reviewOrderProps = {
-    navigation,
-    order: route?.params?.order,
-    setIsReviewed: route?.params?.setIsReviewed,
-    handleReviewState: route?.params?.handleReviewState,
-    onNavigationRedirect: (route: string, params: any) => navigation.navigate(route, params)
-  }
-
-  return (
-    <KeyboardView
-      enabled
-      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-    >
-      <SafeAreaContainer>
-        <ReviewOrderController {...reviewOrderProps} />
-      </SafeAreaContainer>
-    </KeyboardView>
-  )
-}
-
-export default ReviewOrder

package/src/pages/ReviewProducts.tsx

@@ -1,30 +0,0 @@
-import React from 'react'
-import { Platform } from 'react-native';
-import styled from 'styled-components/native';
-import {ReviewProducts as ReviewProductsController} from '../components/ReviewProducts'
-import { SafeAreaContainer } from '../layouts/SafeAreaContainer';
-
-const KeyboardView = styled.KeyboardAvoidingView`
-  flex: 1;
-`;
-
-const ReviewProducts = ({navigation, route} : any) => {
-  const reviewProductProps = {
-    navigation,
-    order: route?.params?.order,
-    onNavigationRedirect: (route: string, params: any) => navigation.navigate(route, params)
-  }
-
-  return (
-    <KeyboardView
-      enabled
-      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-    >
-      <SafeAreaContainer>
-        <ReviewProductsController {...reviewProductProps} />
-      </SafeAreaContainer>
-    </KeyboardView>
-  )
-}
-
-export default ReviewProducts

package/src/pages/Sessions.tsx

@@ -1,22 +0,0 @@
-import React from 'react'
-import { Container } from '../../themes/original/src/layouts/Container'
-import { Sessions as SessionsController } from '../../themes/original/src/components/Sessions'
-
-interface Props {
-  navigation: any;
-  route: any;
-}
-
-const Sessions = (props: Props) => {
-  const sessionsProps = {
-    ...props
-  }
-
-  return (
-    <Container>
-      <SessionsController {...sessionsProps} />
-    </Container>
-  )
-}
-
-export default Sessions

package/src/pages/Signup.tsx

@@ -1,53 +0,0 @@
-import React from 'react';
-import { SignupForm } from '../components/SignupForm';
-import { Container } from '../layouts/Container'
-import styled from 'styled-components/native';
-import { useLanguage, useSession } from 'ordering-components/native';
-import { Platform } from 'react-native';
-import { _setStoreData, _removeStoreData } from '../providers/StoreUtil';
-
-const KeyboardView = styled.KeyboardAvoidingView`
-  flex: 1;
-`;
-
-export const Signup = (props: any) => {
-  const [, t] = useLanguage()
-  const [, { login }] = useSession()
-
-  const signupProps = {
-    ...props,
-    useChekoutFileds: true,
-    loginButtonText: t('LOGIN', 'Login'),
-    signupButtonText: t('SIGNUP', 'Signup'),
-    useSignupByEmail: true,
-    notificationState: props.route?.params?.notification_state,
-    onNavigationRedirect: (page: string) => {
-      if (!page) return
-      props.navigation.navigate(page);
-    },
-    handleSuccessSignup: (user: any) => {
-      _removeStoreData('isGuestUser')
-      if (user?.id) {
-        login({
-          user,
-          token: user.session.access_token
-        })
-      }
-    }
-  }
-
-  _setStoreData('notification_state', props.route?.params?.notification_state);
-
-  return (
-    <KeyboardView
-      enabled
-      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-    >
-      <Container>
-        <SignupForm {...signupProps} />
-      </Container>
-    </KeyboardView>
-  );
-};
-
-export default Signup;

package/src/pages/SpinnerLoader.tsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import Spinner from 'react-native-loading-spinner-overlay';
-
-const SpinnerLoader = () => {
-  return (
-    <Spinner visible />
-  )
-}
-
-export default SpinnerLoader

package/src/pages/Splash.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import styled, { useTheme } from 'styled-components/native';
-
-const LogoSplash = styled.ImageBackground`
-  width: 100%;
-  height: 100%;
-  background-color: ${(props: any) => props.theme.colors.backgroundPage};
-`
-
-const Splash = () => {
-  const theme = useTheme();
-
-  return (
-    <LogoSplash
-      source={theme.images.general.loadingSplash}
-      resizeMode='contain'
-    />
-  )
-}
-
-export default Splash;