ordering-ui-react-native 0.12.5 → 0.12.9

package/themes/uber-eats/src/components/HighestRatedBusinesses/index.tsx

@@ -0,0 +1,132 @@
+import React from 'react';
+import {
+	BusinessList as BusinessesListingController,
+  useLanguage,
+	useOrder
+} from 'ordering-components/native';
+import { Fade, Placeholder, PlaceholderLine } from 'rn-placeholder';
+import { View, ScrollView, Platform, Dimensions } from 'react-native';
+import { OText } from '../shared';
+import { HighestRatedBusinessesParams } from '../../types';
+import { BusinessController } from '../BusinessController'
+import { NotFoundSource } from '../NotFoundSource'
+import {
+  ListWrapper
+} from './styles'
+
+const HighestRatedBusinessesUI = (props: HighestRatedBusinessesParams) => {
+  const {
+    businessesList,
+    onBusinessClick
+  } = props;
+
+  const [, t] = useLanguage()
+	const [orderState] = useOrder();
+
+  const windowWidth = Dimensions.get('window').width;
+
+  return (
+    <>
+      <ListWrapper>
+        <OText size={16} mBottom={5} weight={Platform.OS === 'ios' ? '600' : 'bold'}>{t('HIGHEST_RATED', 'Highest rated')}</OText>
+        <OText size={12}>{t('TOP_RATINGS_AND_GREAT_SERVICE', 'Top ratings and great service')}</OText>
+        <ScrollView
+          showsHorizontalScrollIndicator={false}
+          nestedScrollEnabled
+          horizontal
+          style={{ height: 330 }}
+        >
+          {businessesList.loading ? (
+            <>
+              {[
+                ...Array(10).keys()
+              ].map((item, i) => (
+                <Placeholder
+                  Animation={Fade}
+                  key={i}
+                  style={{
+                    marginTop: 20,
+                    width: windowWidth - 100,
+                    paddingHorizontal: 5,
+                    height: '100%'
+                  }}>
+                  <View style={{ width: '100%' }}>
+                    <PlaceholderLine
+                      height={180}
+                      style={{ marginBottom: 20, borderRadius: 8 }}
+                    />
+                    <View style={{ paddingHorizontal: 10 }}>
+                      <View
+                        style={{
+                          flexDirection: 'row',
+                          justifyContent: 'space-between',
+                        }}>
+                        <PlaceholderLine
+                          height={15}
+                          width={40}
+                          style={{ marginBottom: 15 }}
+                        />
+                        <PlaceholderLine
+                          height={15}
+                          width={20}
+                          style={{ marginBottom: 15 }}
+                        />
+                      </View>
+                      <PlaceholderLine
+                        height={15}
+                        width={30}
+                        style={{ marginBottom: 10 }}
+                      />
+                      <PlaceholderLine
+                        height={15}
+                        width={80}
+                        style={{ marginBottom: 10 }}
+                      />
+                    </View>
+                  </View>
+                </Placeholder>
+              ))}
+            </>
+          ) : (
+            <>
+              {businessesList.businesses.length > 0 ? (
+                businessesList.businesses?.map(
+                  (business: any) => (
+                    <View
+                      key={business.id}
+                      style={{
+                        width: windowWidth - 100,
+                        paddingHorizontal: 5,
+                        height: '100%'
+                      }}
+                    >
+                      <BusinessController
+                        business={business}
+                        handleCustomClick={onBusinessClick}
+                        orderType={orderState?.options?.type}
+                        isBusinessOpen={business?.open}
+                      />
+                    </View>
+                  )
+                )
+              ) : (
+                <NotFoundSource />
+              )}
+            </>
+          )}
+        </ScrollView>
+      </ListWrapper>
+    </>
+  )
+}
+
+export const HighestRatedBusinesses = (props: any) => {
+	const highestRatedBusinessesProps = {
+		...props,
+		UIComponent: HighestRatedBusinessesUI,
+    initialOrderByValue: 'rating',
+    propsToFetch: ['id', 'name', 'header', 'logo', 'location', 'schedule', 'open', 'delivery_price', 'distance', 'delivery_time', 'pickup_time', 'reviews', 'featured', 'offers', 'food', 'laundry', 'alcohol', 'groceries', 'slug'],
+	};
+
+	return <BusinessesListingController {...highestRatedBusinessesProps} />;
+}; 

package/themes/uber-eats/src/components/HighestRatedBusinesses/styles.tsx

@@ -0,0 +1,6 @@
+import styled from 'styled-components/native'
+
+export const ListWrapper = styled.View`
+  background-color: ${(props: any) => props.theme.colors.backgroundLight};
+  margin-top: 30px;
+`;

package/themes/uber-eats/src/components/Messages/index.tsx

@@ -108,7 +108,7 @@ const MessagesUI = (props: MessagesParams) => {
 
   useEffect(() => {
     let newMessages: Array<any> = []
-    const console = `${t('ORDER_PLACED_FOR', 'Order placed for')} ${parseDate(order?.created_at)} ${t('VIA', 'Via')} ${order?.app_id ? t(order?.app_id.toUpperCase(), order?.app_id) : t('OTHER', 'Other')}`
+    const console = `${t('ORDER_PLACED_FOR', 'Order placed for')} ${parseDate(order?.created_at)}`
     const firstMessage = {
       _id: 0,
       text: console,

package/themes/uber-eats/src/components/OrderDetails/index.tsx

@@ -210,7 +210,7 @@ export const OrderDetailsUI = (props: OrderDetailsParams) => {
                   display: 'flex',
                   flexDirection: 'column',
                   alignItems: 'flex-start',
-                  flexGrow: 1
+                  width: '70%'
                 }}
               >
                 <View>
@@ -223,7 +223,9 @@ export const OrderDetailsUI = (props: OrderDetailsParams) => {
                     {order?.business?.name}
                   </OText>
                 </View>
-                <OText color={theme.colors.gray} numberOfLines={1}>{order?.business?.address}</OText>
+                <OText color={theme.colors.gray} numberOfLines={1}>
+                  {order?.business?.address}
+                </OText>
                 <OText>
                   {
                     order?.delivery_datetime_utc

package/themes/uber-eats/src/types/index.tsx

@@ -182,6 +182,11 @@ export interface BusinessProductsCategoriesParams {
   categorySelected: any;
   featured: boolean;
   loading?: any;
+  scrollViewRef?: any;
+	productListLayout?: any;
+	categoriesLayout?: any;
+	selectedCategoryId?: any;
+	lazyLoadProductsRecommended?: any;
 }
 export interface BusinessProductsListParams {
   errors?: any;
@@ -196,7 +201,9 @@ export interface BusinessProductsListParams {
   handleClearSearch?: (value: any) => {};
   isBusinessLoading?: any,
   errorQuantityProducts?: boolean,
-  handleCancelSearch?: () => void
+  handleCancelSearch?: () => void,
+  categoriesLayout?: any,
+	setCategoriesLayout?: any
 }
 export interface SingleProductCardParams {
   businessId: any,
@@ -438,3 +445,7 @@ export interface HelpGuideParams {
 export interface HelpAccountAndPaymentParams {
   navigation: any;
 }
+export interface HighestRatedBusinessesParams {
+	businessesList: { businesses: Array<any>, loading: boolean, error: null | string };
+	onBusinessClick?: void;
+}