ordering-ui-react-native 0.11.60 → 0.12.2

package/themes/kiosk/src/components/CustomerName/index.tsx

@@ -34,7 +34,7 @@ const CustomerName = (props: Props): React.ReactElement => {
       marginBottom: 20,
       borderWidth: 1,
       borderColor: theme.colors.disabled,
-      height: 44
+      height: 50
     },
   });
 
@@ -67,72 +67,99 @@ const CustomerName = (props: Props): React.ReactElement => {
     }}
   />);
 
+  const skipButton  = (
+    <View style={{flex:1, left: orientationState?.dimensions.width * 0.2,}}>
+      <OButton
+        text={t('SKIP', 'Skip')}
+        onClick={onProceedToPay}
+        textStyle={{color: theme.colors.primaryContrast, fontSize: 20}}
+        parentStyle={{
+          height: orientationState?.orientation === PORTRAIT
+            ? 50 : 100
+        }}
+        style={{
+          width: orientationState?.orientation === PORTRAIT
+            ? orientationState?.dimensions.width - 40
+            : orientationState?.dimensions.width * 0.1,
+        }}
+      />
+    </View>
+  );
+
   return (
     <>
-      <Container>
-        <NavBar
-          title={t('YOUR_NAME', 'Your name')}
-          onActionLeft={goToBack}
-          btnStyle={{paddingLeft: 0}}
-        />
-
-        <View style={{ marginVertical: orientationState?.dimensions?.height * 0.03 }}>
-          <OText
-            size={orientationState?.dimensions?.width * 0.05}
-          >
-            {t('WHOM_MIGHT_THIS', 'Whom might this')} {'\n'}
-            <OText
-              size={orientationState?.dimensions?.width * 0.05}
-              weight={'700'}
-            >
-              {`${t('ORDER_BE_FOR', 'order be for?')}`}
-            </OText>
-          </OText>
-        </View>
-
-        <Controller
-          control={control}
-          render={({ onChange, value }: any) => (
-            <OInput
-              placeholder={t('WRITE_YOUR_NAME', 'Write your name')}
-              style={{
-                ...styles.inputStyle,
-                width: orientationState?.orientation === PORTRAIT
-                  ? orientationState?.dimensions.width - 40
-                  : orientationState?.dimensions.width * 0.5,
-              }}
-              value={value}
-              autoCapitalize="words"
-              autoCorrect={false}
-              onChange={(val: any) => onChange(val)}
-            />
-          )}
-          name="name"
-          rules={{
-            required: t(
-              'VALIDATION_ERROR_REQUIRED',
-              'The field Customer Name is required',
-            ).replace('_attribute_', t('REQUEST_COLLECTION_CUSTOMER_NAME', 'Customer Name')),
-            pattern: {
-              value: /^[a-zA-Z áéíóúüñçÁÉÍÓÚÜÑÇ]+$/i,
-              message: t(
-                'INVALID_ERROR',
-                'Invalid name',
-              ).replace('_attribute_', t('NAME', 'Name')),
-            }
-          }}
-          defaultValue=""
-        />
-
-        {orientationState?.orientation === LANDSCAPE && submitButton}
-      </Container>
+        <Container>
+          <NavBar
+                title={t('YOUR_NAME', 'Your name')}
+                onActionLeft={goToBack}
+                btnStyle={{paddingLeft: 0}}
+          />
+          <View style={{ 
+            marginVertical: orientationState?.dimensions?.height * 0.08,
+            paddingLeft: orientationState?.dimensions?.width * 0.25
+          }}>
+              <OText
+                size={orientationState?.dimensions?.width * 0.05}
+                style={{bottom: 20}}
+              >
+                {t('WHATS_YOUR_NAME', "What's your name?")}
+                {/* <OText
+                  size={orientationState?.dimensions?.width * 0.05}
+                  weight={'700'}
+                >
+                  {`${t('ORDER_BE_FOR', 'order be for?')}`}
+                </OText> */}
+              </OText>
+              <Controller
+                control={control}
+                render={({ onChange, value }: any) => (
+                  <OInput
+                    placeholder={t('WRITE_YOUR_NAME', 'Write your name')}
+                    style={{
+                      ...styles.inputStyle,
+                      width: orientationState?.orientation === PORTRAIT
+                        ? orientationState?.dimensions.width - 40
+                        : orientationState?.dimensions.width * 0.5,
+                    }}
+                    value={value}
+                    autoCapitalize="words"
+                    autoCorrect={false}
+                    onChange={(val: any) => onChange(val)}
+                    onSubmitEditing={handleSubmit(onSubmit)}
+                  />
+                )}
+                name="name"
+                rules={{
+                  required: t(
+                    'VALIDATION_ERROR_REQUIRED',
+                    'The field Customer Name is required',
+                  ).replace('_attribute_', t('REQUEST_COLLECTION_CUSTOMER_NAME', 'Customer Name')),
+                  pattern: {
+                    value: /^[a-zA-Z áéíóúüñçÁÉÍÓÚÜÑÇ]+$/i,
+                    message: t(
+                      'INVALID_ERROR',
+                      'Invalid name',
+                    ).replace('_attribute_', t('NAME', 'Name')),
+                  }
+                }}
+                defaultValue=""
+              />
 
-      {(orientationState?.orientation === PORTRAIT) && (
-        <OSActions>
-          {submitButton}
-        </OSActions>
-      )}
-    </>
+              {orientationState?.orientation === LANDSCAPE && submitButton}
+              {orientationState?.orientation === LANDSCAPE && skipButton}
+              {(orientationState?.orientation === PORTRAIT) && (
+                <OSActions>
+                  {submitButton}
+                </OSActions>
+              )}
+              {(orientationState?.orientation === PORTRAIT) && (
+                <OSActions>
+                  {skipButton}
+                </OSActions>
+              )}
+            </View>
+        </Container>
+      </>
   );
 };
 

package/themes/kiosk/src/components/UpsellingProducts/index.tsx

@@ -31,6 +31,7 @@ const UpsellingProductsUI = (props: UpsellingProductsParams) => {
     canOpenUpselling,
     setCanOpenUpselling,
     onClose,
+    resetInactivityTimeout,
   } = props
   const [actualProduct, setActualProduct] = useState<any>(null)
   const [modalIsOpen, setModalIsOpen] = useState(false)
@@ -150,7 +151,10 @@ const UpsellingProductsUI = (props: UpsellingProductsParams) => {
                         style={{ height: 40, width: '100%' }}
                         bgColor="#EAF2FE"
                         borderColor="#EAF2FE"
-                        onClick={() => handleFormProduct(product)}
+                        onClick={() => {
+                          resetInactivityTimeout()
+                          handleFormProduct(product)
+                        }}
                       />
                     </Item>
                   )) : (
@@ -221,7 +225,10 @@ const UpsellingProductsUI = (props: UpsellingProductsParams) => {
                                 style={{ minHeight: 40, height: 'auto', width: '100%' }}
                                 bgColor="#EAF2FE"
                                 borderColor="#EAF2FE"
-                                onClick={() => handleFormProduct(product)}
+                                onClick={() => {
+                                  resetInactivityTimeout()
+                                  handleFormProduct(product)
+                                }}
                               />
                             </Item>
                           )}
@@ -251,7 +258,10 @@ const UpsellingProductsUI = (props: UpsellingProductsParams) => {
                         imgRightSrc=''
                         text={t('I_AM_FINE_THANK_YOU', 'I’m fine, thank you')}
                         style={styles.closeUpsellingButton}
-                        onClick={() => handleUpsellingPage()}
+                        onClick={() => {
+                          resetInactivityTimeout()
+                          handleUpsellingPage()
+                        }}
                       />
                     </CloseUpsellingLand>
                   </View>

package/themes/kiosk/src/types/index.d.ts

@@ -12,6 +12,9 @@ export interface BusinessProductsListingParams {
   errorQuantityProducts?: boolean;
   header?: any;
   logo?: any;
+  resetInactivityTimeout: any;
+  clearInactivityTimeout: any;
+  bottomSheetVisibility: any;
 }
 
 export interface OrderDetailsParams {
@@ -49,6 +52,7 @@ export interface UpsellingProductsParams {
   canOpenUpselling?: boolean;
   setCanOpenUpselling?: (value: any) => void;
   onClose?: () => void;
+  resetInactivityTimeout: any;
 }
 
 export interface LanguageSelectorParams {
@@ -464,4 +468,5 @@ export interface Cart {
   service_fee_with_discount: number;
   delivery_price_with_discount: number;
   total: number;
+  clearInactivityTimeout: any;
 }

package/themes/single-business/index.tsx

@@ -1,31 +1,76 @@
-import { AddressForm } from './src/components/AddressForm';
-import { AddressDetails } from './src/components/AddressDetails';
-import { Home } from './src/components/Home';
-import { LoginForm } from './src/components/LoginForm';
-import { SignupForm } from './src/components/SignupForm';
 import { ActiveOrders } from './src/components/ActiveOrders';
+import { AddressDetails } from './src/components/AddressDetails';
+import { AddressForm } from './src/components/AddressForm';
 import { AddressList } from './src/components/AddressList';
 import { AppleLogin } from './src/components/AppleLogin';
+import BottomWrapper from './src/components/BottomWrapper';
+import { BusinessBasicInformation } from './src/components/BusinessBasicInformation';
+import { BusinessController } from './src/components/BusinessController';
 import { BusinessesListing } from './src/components/BusinessesListing';
+import { BusinessFeaturedController } from './src/components/BusinessFeaturedController';
+import { BusinessInformation } from './src/components/BusinessInformation';
+import { BusinessItemAccordion } from './src/components/BusinessItemAccordion';
+import { BusinessProductsCategories } from './src/components/BusinessProductsCategories';
+import { BusinessProductsList } from './src/components/BusinessProductsList';
 import { BusinessProductsListing } from './src/components/BusinessProductsListing';
+import { BusinessReviews } from './src/components/BusinessReviews';
+import { BusinessTypeFilter } from './src/components/BusinessTypeFilter';
+import { Cart } from './src/components/Cart';
 import { CartContent } from './src/components/CartContent';
 import { Checkout } from './src/components/Checkout';
+import { CouponControl } from './src/components/CouponControl';
+import { DriverTips } from './src/components/DriverTips';
+import { FacebookLogin } from './src/components/FacebookLogin';
+import { FloatingButton } from './src/components/FloatingButton';
 import { ForgotPasswordForm } from './src/components/ForgotPasswordForm';
+import { GoogleLogin } from './src/components/GoogleLogin';
+import { GoogleMap } from './src/components/GoogleMap';
+import { GPSButton } from './src/components/GPSButton';
+import { Help } from './src/components/Help';
+import { HelpAccountAndPayment } from './src/components/HelpAccountAndPayment';
+import { HelpGuide } from './src/components/HelpGuide';
+import { HelpOrder } from './src/components/HelpOrder';
+import { Home } from './src/components/Home';
+import { LanguageSelector } from './src/components/LanguageSelector';
+import { LastOrder } from './src/components/LastOrder';
+import { LastOrders } from './src/components/LastOrders';
+import { LoginForm } from './src/components/LoginForm';
+import { LogoutButton } from './src/components/LogoutButton';
+import { Messages } from './src/components/Messages';
 import { MomentOption } from './src/components/MomentOption';
-import { OrdersOption } from './src/components/OrdersOption';
+import NavBar from './src/components/NavBar';
+import { NotFoundSource } from './src/components/NotFoundSource';
+import Notifications from './src/components/Notifications';
 import { OrderDetails } from './src/components/OrderDetails';
-import { UserProfileForm } from './src/components/UserProfileForm';
+import { OrdersOption } from './src/components/OrdersOption';
+import { OrderSummary } from './src/components/OrderSummary';
+import { OrderTypeSelector } from './src/components/OrderTypeSelector';
+import { PaymentOptionCash } from './src/components/PaymentOptionCash';
+import { PaymentOptions } from './src/components/PaymentOptions';
+import { PaymentOptionStripe } from './src/components/PaymentOptionStripe';
+import { PhoneInputNumber } from './src/components/PhoneInputNumber';
+import { PreviousOrders } from './src/components/PreviousOrders';
+import { ProductForm } from './src/components/ProductForm';
+import { ProductIngredient } from './src/components/ProductIngredient';
+import { ProductItemAccordion } from './src/components/ProductItemAccordion';
+import { ProductOption } from './src/components/ProductOption';
+import { ProductOptionSubOption } from './src/components/ProductOptionSubOption';
 import { ReviewOrder } from './src/components/ReviewOrder';
+import { SearchBar } from './src/components/SearchBar';
+import { SignupForm } from './src/components/SignupForm';
+import { SingleProductCard } from './src/components/SingleProductCard';
+import { StripeCardForm } from './src/components/StripeCardForm';
+import { StripeCardsList } from './src/components/StripeCardsList';
+import { StripeElementsForm } from './src/components/StripeElementsForm';
+import { StripeRedirectForm } from './src/components/StripeRedirectForm';
+import TagSelector from './src/components/TagSelector';
+import { UpsellingProducts } from './src/components/UpsellingProducts';
+import { UserDetails } from './src/components/UserDetails';
+import { UserFormDetailsUI } from './src/components/UserFormDetails';
 import { UserProfile } from './src/components/UserProfile';
-import { NotFoundSource } from './src/components/NotFoundSource';
-import { Help } from './src/components/Help';
-import { HelpOrder } from './src/components/HelpOrder';
-import { HelpGuide } from './src/components/HelpGuide';
-import { HelpAccountAndPayment } from './src/components/HelpAccountAndPayment';
-import { OrderTypeSelector } from './src/components/OrderTypeSelector';
-import Notifications from './src/components/Notifications';
+import { UserProfileForm } from './src/components/UserProfileForm';
+import { VerifyPhone } from './src/components/VerifyPhone';
 
-import { Toast } from './src/components/shared/OToast';
 import {
 	OText,
 	OButton,
@@ -40,6 +85,7 @@ import {
 	OAlert,
 	OModal,
 	OBottomPopup,
+  Toast
 } from './src/components/shared';
 
 import { Container } from './src/layouts/Container';
@@ -78,6 +124,52 @@ export {
 	HelpAccountAndPayment,
 	OrderTypeSelector,
 	Notifications,
+  BottomWrapper,
+  BusinessBasicInformation,
+  BusinessController,
+  BusinessFeaturedController,
+  BusinessInformation,
+  BusinessItemAccordion,
+  BusinessProductsCategories,
+  BusinessProductsList,
+  BusinessReviews,
+  BusinessTypeFilter,
+  Cart,
+  CouponControl,
+  DriverTips,
+  FacebookLogin,
+  FloatingButton,
+  GoogleLogin,
+  GoogleMap,
+  GPSButton,
+  LanguageSelector,
+  LastOrder,
+  LastOrders,
+  LogoutButton,
+  Messages,
+  NavBar,
+  OrderSummary,
+  PaymentOptionCash,
+  PaymentOptions,
+  PaymentOptionStripe,
+  PhoneInputNumber,
+  PreviousOrders,
+  ProductForm,
+  ProductIngredient,
+  ProductItemAccordion,
+  ProductOption,
+  ProductOptionSubOption,
+  SearchBar,
+  SingleProductCard,
+  StripeCardForm,
+  StripeCardsList,
+  StripeElementsForm,
+  StripeRedirectForm,
+  TagSelector,
+  UpsellingProducts,
+  UserDetails,
+  UserFormDetailsUI,
+  VerifyPhone,
 
 	// OComponents
 	Toast,
@@ -104,4 +196,4 @@ export {
 	_setStoreData,
 	_removeStoreData,
 	_clearStoreData
-}
+}

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

@@ -55,6 +55,11 @@ export const BusinessBasicInformation = (
 		return _types.join(', ');
 	};
 
+  const onNavigationRedirect = (page: string, params: any) => {
+    if (!page) return
+    navigation.navigate(page, params);
+  }
+
 	return (
 		<BusinessContainer>
 			<BusinessHeader
@@ -150,7 +155,12 @@ export const BusinessBasicInformation = (
 								{business?.name}
 							</OText>
 							{!isBusinessInfoShow && (
-								<WrapBusinessInfo onPress={() => setOpenBusinessInformation(true)}>
+								<WrapBusinessInfo
+                  onPress={() => onNavigationRedirect(
+                    'BusinessInformation',
+                    { businessState, business }
+                  )}
+                >
 									<OIcon src={theme.images.general.info} width={16} color={theme.colors.textSecondary} />
 								</WrapBusinessInfo>
 							)}
@@ -227,7 +237,7 @@ export const BusinessBasicInformation = (
 					)}
 				</WrapReviews>
 			</BusinessInfo>
-			<OModal
+			{/* <OModal
 				titleSectionStyle={styles.modalTitleSectionStyle}
 				open={openBusinessInformation}
 				onClose={() => setOpenBusinessInformation(false)}
@@ -236,7 +246,7 @@ export const BusinessBasicInformation = (
 					businessState={businessState}
 					business={business}
 				/>
-			</OModal>
+			</OModal> */}
 			<OModal
 				entireModal
 				titleSectionStyle={styles.modalTitleSectionStyle}

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

@@ -62,4 +62,4 @@ export const DropOptionButton = styled.TouchableOpacity`
   padding-horizontal: 8px;
   flex-direction: row;
   margin-end: 12px;
-`
+`

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

@@ -1,10 +1,11 @@
-import React from 'react';
+import React, { useState } from 'react';
 import {
 	BusinessInformation as BusinessInformationController,
 	useLanguage, useUtils
 } from 'ordering-components/native';
 import { useTheme } from 'styled-components/native';
-import { OIcon, OText } from '../shared';
+import { SliderBox } from 'react-native-image-slider-box';
+import { OIcon, OText, OModal } from '../shared';
 import {
 	BusinessInformationContainer,
 	WrapMainContent,
@@ -16,17 +17,21 @@ import {
 	DivideView,
 	MediaWrapper,
 } from './styles';
-import { Platform, StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
 import { BusinessInformationParams } from '../../types';
 import { GoogleMap } from '../GoogleMap';
 import { WebView } from 'react-native-webview';
+import NavBar from '../../../../../src/components/NavBar'
 
 const BusinessInformationUI = (props: BusinessInformationParams) => {
-	const { businessState, businessSchedule, businessLocation } = props;
+	const { businessState, business, businessSchedule, businessLocation } = props;
 
 	const theme = useTheme();
 	const [, t] = useLanguage();
 	const [{ optimizeImage }] = useUtils();
+
+  const [openImages, setOpenImages] = useState(false)
+
 	const daysOfWeek = [
 		t('SUNDAY_ABBREVIATION', 'Sun'),
 		t('MONDAY_ABBREVIATION', 'Mon'),
@@ -69,7 +74,7 @@ const BusinessInformationUI = (props: BusinessInformationParams) => {
 		return vAry;
 	};
 	const bImages: any = () => {
-		const len = businessState?.business?.gallery?.length | 0;
+		const len = businessState?.business?.gallery?.length ?? 0;
 		if (len == 0) return [];
 		const iAry = businessState?.business?.gallery.filter(
 			({ type, video }: any) => type == 1 && video == null,
@@ -79,6 +84,10 @@ const BusinessInformationUI = (props: BusinessInformationParams) => {
 
 	return (
 		<BusinessInformationContainer>
+      <NavBar
+        style={{ paddingBottom: 0 }}
+        onActionLeft={() => props.navigation?.canGoBack() && props.navigation.goBack()}
+      />
 			<WrapMainContent contentContainerStyle={{}}>
 				<InnerContent>
 					<OText size={24} weight={Platform.OS === 'ios' ? '600' : 'bold'}>
@@ -89,7 +98,7 @@ const BusinessInformationUI = (props: BusinessInformationParams) => {
 							{t('BUSINESS_LOCATION', 'Business Location')}
 						</OText>
 					</GrayBackground>
-					{businessLocation.location && (
+					{!!businessLocation.location && (
 						<WrapBusinessMap style={styles.wrapMapStyle}>
 							<GoogleMap
 								readOnly
@@ -107,7 +116,7 @@ const BusinessInformationUI = (props: BusinessInformationParams) => {
 							{t('OPENING_TIME', 'Opening Time')}
 						</OText>
 					</GrayBackground>
-					{businessSchedule && businessSchedule?.length > 0 && (
+					{!!businessSchedule && businessSchedule?.length > 0 && (
 						<WrapScheduleBlock>
 							{businessSchedule.map((schedule: any, i: number) => (
 								<ScheduleBlock key={i}>
@@ -164,19 +173,41 @@ const BusinessInformationUI = (props: BusinessInformationParams) => {
 										{t('IMAGES', 'Images')}
 									</OText>
 								</GrayBackground>
+
 								<MediaWrapper horizontal>
-									{bImages().map((i: any) => (
-										i.file != null &&
-										<View key={i.id} style={{ width: 210, height: 127, borderRadius: 7.6, marginEnd: 20, overflow: 'hidden' }}>
-											<OIcon cover url={optimizeImage(i?.file, 'h_150,c_limit')} width={210} height={127} />
-										</View>
-									))}
+									{bImages().map((i: any) => ( i.file != null && (
+                    <View key={i.id} style={{ width: 210, height: 127, borderRadius: 7.6, marginEnd: 20, overflow: 'hidden' }}>
+                      <TouchableOpacity  onPress={() => setOpenImages(true)}>
+                        <OIcon cover url={optimizeImage(i?.file, 'h_150,c_limit')} width={210} height={127} />
+                      </TouchableOpacity>
+                    </View>
+                  )))}
 								</MediaWrapper>
 							</>
 						)}
 					</>
 				</InnerContent>
 			</WrapMainContent>
+      <OModal
+				titleSectionStyle={styles.modalTitleSectionStyle}
+				open={openImages}
+				onClose={() => setOpenImages(false)}
+				isNotDecoration
+      >
+        <View style={{ height: '100%', flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>
+          <View style={{ marginTop: 20, height: 200}}>
+            <SliderBox
+              // circleLoop
+              sliderBoxHeight={200}
+              images={bImages().map((image: any) => optimizeImage(image?.file, 'h_300,c_limit'))}
+              dotColor={theme.colors.primary}
+              inactiveDotColor={theme.colors.backgroundGray}
+              dotStyle={styles.dotStyle}
+              activeOpacity={1}
+            />
+          </View>
+        </View>
+			</OModal>
 		</BusinessInformationContainer>
 	);
 };
@@ -187,6 +218,21 @@ const styles = StyleSheet.create({
 		marginTop: 15,
 		marginBottom: 10,
 	},
+  dotStyle: {
+    width: 15,
+    height: 15,
+    borderRadius: 15,
+    marginHorizontal: 10,
+    padding: 0,
+    margin: 0
+  },
+  modalTitleSectionStyle: {
+		position: 'absolute',
+		width: '100%',
+		top: 0,
+		zIndex: 100,
+		left: 40
+	},
 });
 
 export const BusinessInformation = (props: BusinessInformationParams) => {

package/themes/single-business/src/components/BusinessInformation/styles.tsx

@@ -8,7 +8,7 @@ export const GrayBackground = styled.View`
   margin-top: 27px;
 `
 export const WrapMainContent = styled.ScrollView`
-  margin-top: 40px;
+  /* margin-top: 40px; */
 `
 export const MediaWrapper = styled.ScrollView`
   margin-top: 16px;
@@ -36,4 +36,4 @@ export const DivideView = styled.View`
 	height: 8px;
 	background-color: ${(props: any) => props.theme.colors.backgroundGray100};
 	margin-horizontal: -40px;
-`;
+`;

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

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { View, StyleSheet } from 'react-native';
 import { initStripe, useConfirmPayment } from '@stripe/stripe-react-native';
-
+import { Fade, Placeholder, PlaceholderLine } from 'rn-placeholder';
 import {
 	Checkout as CheckoutController,
 	useOrder,
@@ -22,6 +22,10 @@ import { PaymentOptions } from '../PaymentOptions';
 import { DriverTips } from '../DriverTips';
 import { NotFoundSource } from '../NotFoundSource';
 import { UserDetails } from '../UserDetails';
+import { FloatingButton } from '../FloatingButton';
+import { Container } from '../../layouts/Container';
+import NavBar from '../NavBar';
+import { OrderSummary } from '../OrderSummary';
 
 import {
 	ChContainer,
@@ -36,12 +40,7 @@ import {
 	ChUserDetails,
 	ChCart
 } from './styles';
-import { Fade, Placeholder, PlaceholderLine } from 'rn-placeholder';
 
-import { FloatingButton } from '../FloatingButton';
-import { Container } from '../../layouts/Container';
-import NavBar from '../NavBar';
-import { OrderSummary } from '../OrderSummary';
 import { getTypesText } from '../../utils';
 
 const mapConfigs = {

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

@@ -84,6 +84,7 @@ const DriverTipsUI = (props: any) => {
 							<TouchableOpacity
 								key={i}
 								onPress={() => handleChangeOpt(option)}
+                disabled={loading}
 							>
 								<DTCard
 									style={style.circle}