ordering-ui-react-native 0.12.62 → 0.12.66

package/themes/original/src/components/BusinessPreorder/styles.tsx

@@ -0,0 +1,60 @@
+import styled, { css } from 'styled-components/native'
+
+export const PreOrderContainer = styled.ScrollView`
+  padding: 20px 40px 30px 40px;
+`
+
+export const BusinessInfoWrapper = styled.View`
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+`
+
+export const PreorderTypeWrapper = styled.View`
+  margin-top: 23px;
+`
+
+export const MenuWrapper = styled(PreorderTypeWrapper)``
+
+export const OrderTimeWrapper = styled.View`
+  margin-top: 34px;
+`
+
+export const TimeListWrapper = styled.ScrollView`
+  margin-top: 30px;
+  max-height: 160px;
+`
+
+export const TimeContentWrapper = styled.View`
+  flex: 1;
+  flex-wrap: wrap;
+  flex-direction: row;
+  justify-content: space-between;
+`
+
+export const TimeItem = styled.View`
+  width: 86px;
+  height: 34px;
+  background: #E9ECEF;
+  border-radius: 7.6px;
+  justify-content: center;
+  align-items: center;
+  margin: 10px 0px;
+  ${({ active }: any) => active && css`
+    background: #F5F9FF;
+  `}
+`
+
+export const PreorderTypeListWrapper = styled.ScrollView`
+  padding: 20px 40px 30px 40px;
+`
+
+export const DropOption = styled.View`
+  padding: 10px;
+  margin-bottom: 5px;
+  font-size: 16px;
+  border-bottom-width: 1px;
+  border-bottom-color: ${(props: any) => props.theme.colors.lightGray};
+  flex-direction: row;
+  align-items: center;
+`

package/themes/original/src/components/BusinessesListing/index.tsx

@@ -263,7 +263,7 @@ const BusinessesListingUI = (props: BusinessesListingParams) => {
 				</FeaturedWrapper>
 			)}
 			<View style={{ height: 8, backgroundColor: theme.colors.backgroundGray100 }} />
-			<HighestRatedBusinesses onBusinessClick={handleBusinessClick} />
+			<HighestRatedBusinesses onBusinessClick={handleBusinessClick} navigation={navigation} />
 			<View style={{ height: 8, backgroundColor: theme.colors.backgroundGray100 }} />
 			<ListWrapper>
 				<BusinessTypeFilter
@@ -287,6 +287,7 @@ const BusinessesListingUI = (props: BusinessesListingParams) => {
 							business={business}
 							handleCustomClick={handleBusinessClick}
 							orderType={orderState?.options?.type}
+							navigation={navigation}
 						/>
 					)
 				)}

package/themes/original/src/components/HighestRatedBusinesses/index.tsx

@@ -17,7 +17,8 @@ import {
 const HighestRatedBusinessesUI = (props: HighestRatedBusinessesParams) => {
   const {
     businessesList,
-    onBusinessClick
+    onBusinessClick,
+    navigation
   } = props;
 
   const [, t] = useLanguage()
@@ -104,6 +105,7 @@ const HighestRatedBusinessesUI = (props: HighestRatedBusinessesParams) => {
                         business={business}
                         handleCustomClick={onBusinessClick}
                         orderType={orderState?.options?.type}
+                        navigation={navigation}
                       />
                     </View>
                   )

package/themes/original/src/types/index.tsx

@@ -132,6 +132,7 @@ export interface BusinessesListingParams {
 export interface HighestRatedBusinessesParams {
 	businessesList: { businesses: Array<any>, loading: boolean, error: null | string };
 	onBusinessClick?: void;
+	navigation? :any;
 }
 export interface BusinessTypeFilterParams {
 	businessTypes?: Array<any>;
@@ -149,7 +150,8 @@ export interface BusinessControllerParams {
 	handleClick?: any;
 	isBusinessOpen?: boolean;
 	businessWillCloseSoonMinutes?: number
-	isBusinessClose?: number
+	isBusinessClose?: number,
+	navigation?: any
 }
 export interface BusinessProductsListingParams {
 	navigation?: any;
@@ -379,6 +381,25 @@ export interface MomentOptionParams {
 	handleChangeDate: (value: any) => {};
 	handleChangeTime: (value: any) => {};
 }
+export interface BusinessPreorderParams {
+	navigation?: any;
+	datesList: Array<any>;
+	hoursList: Array<any>;
+	dateSelected?: any;
+	timeSelected?: any;
+	isAsap?: boolean;
+	handleAsap?: () => {};
+	handleChangeDate: (value: any) => {};
+	handleChangeTime: (value: any) => {};
+	goToBack: any;
+	business: any;
+	handleBusinessClick: (value: any) => {};
+}
+export interface BusinessMenuListParams {
+	menu: any;
+	businessMenuList: any;
+	setMenu: (value: any) => {};
+}
 export interface OrderTypeSelectParams {
 	navigation?: any;
 	handleChangeOrderType: (value: any) => {};

package/themes/single-business/src/components/BusinessBasicInformation/index.tsx

@@ -65,8 +65,8 @@ export const BusinessBasicInformation = (
 			<BusinessHeader
 				style={
 					isBusinessInfoShow
-						? {...styles.businesInfoheaderStyle, paddingTop: top}
-						: { ...styles.headerStyle, paddingTop: top, backgroundColor: theme.colors.backgroundGray }
+						? {...styles.businesInfoheaderStyle, paddingTop: 0}
+						: { ...styles.headerStyle, paddingTop: 0, backgroundColor: theme.colors.backgroundGray }
 				}
 				source={{
 					uri:

package/themes/single-business/src/components/BusinessProductsListing/index.tsx

@@ -182,7 +182,7 @@ const BusinessProductsListingUI = (props: BusinessProductsListingParams) => {
       >
 				<WrapHeader>
 					{(!auth || props.isFranchiseApp) && !loading &&
-						<TopHeader style={{top: top}}>
+						<TopHeader style={{top: 0}}>
               <NavBar
                 style={{ paddingBottom: 0, marginLeft: 20, backgroundColor: 'transparent' }}
                 btnStyle={{ backgroundColor: 'transparent' }}
@@ -297,7 +297,7 @@ const BusinessProductsListingUI = (props: BusinessProductsListingParams) => {
 					btnRightValue={parsePrice(currentCart?.total)}
 					disabled={openUpselling || currentCart?.subtotal < currentCart?.minimum}
 					handleClick={() => onRedirect('Cart')}
-					hasBottom
+					hasBottom={false}
 				/>
 			)}
 			<OModal

package/themes/single-business/src/components/BusinessesListing/index.tsx

@@ -163,7 +163,7 @@ const BusinessesListingUI = (props: BusinessesListingParams) => {
               isFromBusinesses: true,
             })
           }
-          style={{ marginTop: !auth ? 36 : top > 0 ? 0 : 20 }}
+          style={{ marginTop: !auth ? 36 : 20 }}
           activeOpacity={0.8}
         >
           <OIcon src={theme.images.general.pin} width={16} color={theme.colors.textSecondary} />