ordering-ui-react-native 0.16.62 → 0.16.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-react-native",
-  "version": "0.16.62",
+  "version": "0.16.63",
   "description": "Reusable components made in react native",
   "main": "src/index.tsx",
   "author": "ordering.inc",

package/themes/business/src/components/Chat/index.tsx

@@ -111,6 +111,13 @@ const ChatUI = (props: MessagesParams) => {
     { key: 'driver_message_4', text: t('DRIVER_MESSAGE_4', 'driver_message_4') }
   ]
 
+  const adminMessageList: any = [
+    { key: 'message_1', text: t('ADMIN_MESSAGE_1', 'admin_message_1') },
+    { key: 'message_2', text: t('ADMIN_MESSAGE_2', 'admin_message_2') },
+    { key: 'message_3', text: t('ADMIN_MESSAGE_3', 'admin_message_3') },
+    { key: 'message_4', text: t('ADMIN_MESSAGE_4', 'admin_message_4') }
+  ]
+
   const handleClickQuickMessage = (text: string) => {
     setMessage && setMessage(`${message}${text}`)
   }
@@ -426,7 +433,8 @@ const ChatUI = (props: MessagesParams) => {
   };
 
   useEffect(() => {
-    if (user.level === 2) setMessageList(storeMessageList)
+    if (user.level === 0) setMessageList(adminMessageList)
+    else if (user.level === 2) setMessageList(storeMessageList)
     else if (user.level === 4) setMessageList(driverMessageList)
     else setMessageList([])
   }, [user])

package/themes/business/src/components/OrdersOption/index.tsx

@@ -88,7 +88,8 @@ const OrdersOptionUI = (props: OrdersOptionParams) => {
     handleClickLogisticOrder,
     logisticOrders,
     loadLogisticOrders,
-    isLogisticActivated
+    isLogisticActivated,
+    isAlsea
   } = props;
 
   const defaultSearchList = {
@@ -545,7 +546,7 @@ const OrdersOptionUI = (props: OrdersOptionParams) => {
         </ScrollView>
       </FiltersTab>
       <View style={{ flex: 1, minHeight: HEIGHT_SCREEN - 450 }}>
-        {currentTabSelected !== 'logisticOrders' && (
+        {currentTabSelected !== 'logisticOrders' && !isAlsea && (
           <View
             style={{
               display: 'flex',

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

@@ -293,7 +293,8 @@ export interface OrdersOptionParams {
   handleClickLogisticOrder: (status: number, orderId: number) => void,
   logisticOrders: {orders: Array<any>, loading: boolean, error: Array<string> | string},
   loadLogisticOrders: () => void;
-  isLogisticActivated?: boolean
+  isLogisticActivated?: boolean;
+  isAlsea?: boolean;
 }
 export interface ActiveOrdersParams {
   orders?: any;

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

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { StyleSheet, View, TouchableOpacity, Linking } from 'react-native';
+import { StyleSheet, View, TouchableOpacity, Linking, Pressable } from 'react-native';
 import { useUtils, useOrder, useLanguage, useOrderingTheme } from 'ordering-components/native';
 import { useTheme } from 'styled-components/native';
 import { OIcon, OText, OModal } from '../shared';
@@ -218,14 +218,14 @@ export const BusinessBasicInformation = (
 							/>
 						)}
 						{!!business?.tiktok_profile && (
-							<TouchableOpacity style={styles.socialIcon} onPress={() => Linking.openURL(business?.tiktok_profile)}>
+							<Pressable style={styles.socialIcon} onPress={() => Linking.openURL(business?.tiktok_profile)}>
 								<View style={styles.tiktokIcon}>
 									<OIcon
 										src={theme.images.general.tiktok}
 										style={{ width: '100%', height: '100%' }}
 									/>
 								</View>
-							</TouchableOpacity>
+							</Pressable>
 						)}
 						{!!business?.pinterest_profile && (
 							<SocialNetWork
@@ -327,7 +327,7 @@ export const BusinessBasicInformation = (
 								</Placeholder>
 							) : (
 								<TitleWrapper>
-									<OText size={24} weight={'600'}>
+									<OText size={24} weight={'600'} numberOfLines={2}>
 										{business?.name}
 									</OText>
 									{business?.ribbon?.enabled && (

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

@@ -216,6 +216,11 @@ const BusinessesListingUI = (props: BusinessesListingParams) => {
 		}
 	}
 
+	const handleChangeCity = (cityId : number | null) => {
+		changeCityFilter(orderState?.options?.city_id === cityId ? null : cityId)
+		setIsOpenCities(false)
+	}
+
 	useEffect(() => {
 		if (!businessesList?.loading) {
 			const fb = businessesList.businesses.filter((b) => b.featured === true && b?.open);
@@ -345,11 +350,6 @@ const BusinessesListingUI = (props: BusinessesListingParams) => {
 						<OText size={18} weight={700} color={theme.colors?.white}>
 							{t('WELCOME', 'Welcome')} {user?.name}!
 						</OText>
-						<TouchableOpacity
-							onPress={() => searchBarRef?.current?.focus?.()}
-						>
-							<Ionicons name='search' style={{ ...styles.iconStyle, color: theme.colors?.white }} />
-						</TouchableOpacity>
 					</View>
 				)}
 				<Search isChewLayout={isChewLayout}>
@@ -654,7 +654,7 @@ const BusinessesListingUI = (props: BusinessesListingParams) => {
 								borderBottomColor: orderState?.options?.city_id === city?.id ? theme.colors.primary : theme.colors.backgroundGray,
 								marginBottom: 10,
 							}}
-							onPress={() => changeCityFilter(city?.id)}
+							onPress={() => handleChangeCity(city?.id)}
 							disabled={orderState?.loading}
 						>
 							<OText color={orderState?.options?.city_id === city?.id ? theme.colors.primary : theme.colors.black}>

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

@@ -60,11 +60,11 @@ const CartUI = (props: any) => {
 
   const isCartPending = cart?.status === 2
   const isCouponEnabled = validationFields?.fields?.checkout?.coupon?.enabled
-	const isCheckoutMultiBusinessEnabled: Boolean = configs?.checkout_multi_business_enabled?.value === '1'
+  const isCheckoutMultiBusinessEnabled: Boolean = configs?.checkout_multi_business_enabled?.value === '1'
 
   const business: any = (orderState?.carts && Object.values(orderState.carts).find((_cart: any) => _cart?.uuid === props.cartuuid)) ?? {}
   const businessId = business?.business_id ?? null
-  const placeSpotTypes = [3, 4]
+  const placeSpotTypes = [4]
 
   const momentFormatted = !orderState?.option?.moment
     ? t('RIGHT_NOW', 'Right Now')
@@ -99,10 +99,10 @@ const CartUI = (props: any) => {
     setOpenUpselling(false)
     setCanOpenUpselling(false)
     if (isCheckoutMultiBusinessEnabled) {
-			props.onNavigationRedirect('CheckoutNavigator', {
-				screen: 'MultiCheckout'
-			})
-		} else {
+      props.onNavigationRedirect('CheckoutNavigator', {
+        screen: 'MultiCheckout'
+      })
+    } else {
       props.onNavigationRedirect('CheckoutNavigator', {
         screen: 'CheckoutPage',
         cartUuid: cart?.uuid,
@@ -446,7 +446,7 @@ const CartUI = (props: any) => {
                 </OText>
               </View>
             )}
-          </>          
+          </>
         )}
       </BusinessItemAccordion>
 

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

@@ -169,7 +169,7 @@ export const ProductOptionsUI = (props: any) => {
 	const [gallery, setGallery] = useState([])
 	const [thumbsSwiper, setThumbsSwiper] = useState(0)
 	const [indexGallery, setIndexGallery] = useState(0)
-	const [selOpt, setSelectedOpt] = useState(0);
+	const [selOpt, setSelectedOpt] = useState(-1);
 	const [isHaveWeight, setIsHaveWeight] = useState(false)
 	const [playing, setPlaying] = useState(false);
 	const [qtyBy, setQtyBy] = useState({
@@ -323,6 +323,14 @@ export const ProductOptionsUI = (props: any) => {
 		</>
 	);
 
+	const handleScroll = ({ nativeEvent: { contentOffset, layoutMeasurement } }: any) => {
+
+		const _topOption = Object.keys(optionLayout).find(((option: any) => Math.abs(contentOffset?.y - layoutMeasurement?.height - optionLayout[option]?.y) < 20))
+		if (_topOption) {
+			const _topOptionId = Number(_topOption.replace('id:', ''))
+		}
+	}
+
 	const handleGoBack = navigation?.canGoBack()
 		? () => navigation.goBack()
 		: () => navigation.navigate('Business', { store: props.businessSlug })
@@ -408,7 +416,7 @@ export const ProductOptionsUI = (props: any) => {
 								height: 44,
 								shadowOpacity: 0,
 								borderWidth: 1,
-								marginTop: isHaveWeight ? 10: 0
+								marginTop: isHaveWeight ? 10 : 0
 							}}
 						/>
 					)}
@@ -457,7 +465,8 @@ export const ProductOptionsUI = (props: any) => {
 				<ScrollView
 					ref={scrollViewRef}
 					contentContainerStyle={{ paddingBottom: 80 }}
-					stickyHeaderIndices={[2]}>
+					stickyHeaderIndices={[2]}
+					onScroll={handleScroll}>
 					<WrapHeader onLayout={(event: any) => setHeaderRefHeight(event.nativeEvent.layout?.height)}>
 						{loading && !product ? (
 							<View style={styles.productHeaderSkeleton}>
@@ -681,36 +690,36 @@ export const ProductOptionsUI = (props: any) => {
 							contentContainerStyle={{ paddingHorizontal: 33, backgroundColor: theme.colors.white }}
 						>
 							<TouchableOpacity
-								key={`eopt_all_0`}
-								onPress={() => setSelectedOpt(0)}
+								key={`eopt_key_00`}
+								onPress={() => setSelectedOpt(-1)}
 								style={[
 									styles.extraItem,
 									{
-										borderBottomColor: selOpt == 0 ? theme.colors.textNormal : theme.colors.border,
+										borderBottomColor: selOpt == -1 ? theme.colors.textNormal : theme.colors.border,
 									},
 								]}>
 								<OText
-									color={selOpt == 0 ? theme.colors.textNormal : theme.colors.textSecondary}
-									size={selOpt == 0 ? 14 : 12}
-									weight={selOpt == 0 ? '600' : 'normal'}>
+									color={selOpt == -1 ? theme.colors.textNormal : theme.colors.textSecondary}
+									size={selOpt == -1 ? 14 : 12}
+									weight={selOpt == -1 ? '600' : 'normal'}>
 									{t('ALL', 'All')}
 								</OText>
 							</TouchableOpacity>
 							{product?.ingredients.length > 0 && (
 								<TouchableOpacity
-									key={`eopt_all_00`}
-									onPress={() => setSelectedOpt(-1)}
+									key={`eopt_key_01`}
+									onPress={() => setSelectedOpt(0)}
 									style={[
 										styles.extraItem,
 										{
 											borderBottomColor:
-												selOpt == -1 ? theme.colors.textNormal : theme.colors.border,
+												selOpt == 0 ? theme.colors.textNormal : theme.colors.border,
 										},
 									]}>
 									<OText
-										color={selOpt == -1 ? theme.colors.textNormal : theme.colors.textSecondary}
-										size={selOpt == -1 ? 14 : 12}
-										weight={selOpt == -1 ? '600' : 'normal'}>
+										color={selOpt == 0 ? theme.colors.textNormal : theme.colors.textSecondary}
+										size={selOpt == 0 ? 14 : 12}
+										weight={selOpt == 0 ? '600' : 'normal'}>
 										{t('INGREDIENTS', 'Ingredients')}
 									</OText>
 								</TouchableOpacity>
@@ -760,10 +769,10 @@ export const ProductOptionsUI = (props: any) => {
 						</>
 					) : (
 						<ProductEditions>
-							{selOpt == 0 ? (
+							{selOpt === -1 ? (
 								<>
 									{product?.ingredients.length > 0 && (
-										<View style={styles.optionContainer}>
+										<View style={styles.optionContainer} onLayout={(event: any) => handleOnLayout(event, 0)}>
 											<SectionTitle>
 												<OText size={16}>
 													{t('INGREDIENTS', 'Ingredients')}
@@ -845,7 +854,7 @@ export const ProductOptionsUI = (props: any) => {
 								</>
 							) : (
 								<>
-									{selOpt == -1 ? (
+									{selOpt === 0 ? (
 										<View style={styles.optionContainer}>
 											<SectionTitle>
 												<OText size={16}>