ordering-ui-react-native 0.12.80 → 0.12.84

package/package.json

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

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

@@ -1,6 +1,5 @@
 import React, { useState, useEffect } from 'react'
-import { OrderList, useLanguage, useOrder, ToastType, useToast } from 'ordering-components/native'
-import { OrderDetails as OrderDetailsConTableoller } from './naked'
+import { useLanguage, useOrder, ToastType, useToast, OrderList, OrderDetails as OrderDetailsConTableoller } from 'ordering-components/native'
 import { useTheme } from 'styled-components/native';
 import { useFocusEffect } from '@react-navigation/native'
 import { OText, OModal } from '../shared'

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

@@ -261,7 +261,9 @@ export interface OrdersOptionParams {
 	setOrderList?: any,
 	preOrders?: boolean,
 	setOrdersLength?: ({ activeOrdersLength, previousOrdersLength }: { activeOrdersLength: number, previousOrdersLength: number }) => void,
-	ordersLength: { activeOrdersLength: number, previousOrdersLength: number }
+	ordersLength: { activeOrdersLength: number, previousOrdersLength: number },
+	setSelectedOrderId?: any,
+	setOpenMessges?: any
 }
 export interface ActiveOrdersParams {
 	orders?: any,
@@ -272,7 +274,9 @@ export interface ActiveOrdersParams {
 	setScreen?: any,
 	screen?: any,
 	loadMoreOrders?: () => {},
-	onNavigationRedirect?: (route: string, params?: any) => {}
+	onNavigationRedirect?: (route: string, params?: any) => {},
+	isMessageView?: boolean,
+	handleClickOrder?: any
 }
 export interface PreviousOrdersParams {
 	orders?: any,
@@ -334,6 +338,7 @@ export interface MessagesParams {
 	setMessages?: () => {},
 	readMessages?: () => {},
 	onClose?: () => void,
+	isMeesageListing?: boolean
 }
 export interface ViewInterface {
 	navigation?: any;
@@ -459,4 +464,7 @@ export interface HelpGuideParams {
 export interface HelpAccountAndPaymentParams {
 	navigation: any;
 }
-  
+  
+export interface MessageListingParams {
+	navigation: any;
+}

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

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

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

@@ -259,7 +259,10 @@ export const ProductOptionsUI = (props: any) => {
   }, []);
 
   return (
-    <>
+    <KeyboardAvoidingView
+      enabled
+      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+    >
       <ScrollView ref={scrollViewRef}>
         {!error && (
           <>
@@ -710,7 +713,7 @@ export const ProductOptionsUI = (props: any) => {
           </View>
         </ProductActions>
       )}
-    </>
+    </KeyboardAvoidingView>
   );
 };
 

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

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import React, { useState, useEffect, useRef } from 'react'
 import { OrderReview as ReviewOrderController, useLanguage, useToast, ToastType } from 'ordering-components/native'
 import { useForm, Controller } from 'react-hook-form'
 import LinearGradient from 'react-native-linear-gradient'
@@ -14,7 +14,7 @@ import {
   RatingTextContainer
 } from './styles'
 import { OButton, OIcon, OInput, OText } from '../shared'
-import { TouchableOpacity, StyleSheet, View, I18nManager } from 'react-native';
+import { TouchableOpacity, StyleSheet, View, I18nManager, Keyboard } from 'react-native';
 import NavBar from '../NavBar'
 import { FloatingBottomContainer } from '../../../../../src/layouts/FloatingBottomContainer'
 import Spinner from 'react-native-loading-spinner-overlay'
@@ -90,6 +90,7 @@ export const ReviewOrderUI = (props: ReviewOrderParams) => {
   const [alertState, setAlertState] = useState<{ open: boolean, content: Array<any>, success?: boolean }>({ open: false, content: [], success: false })
   const [comments, setComments] = useState<Array<any>>([])
   const [extraComment, setExtraComment] = useState('')
+  const scrollViewRef = useRef<any>()
 
   const onSubmit = () => {
     if (Object.values(stars).some((value: any) => value === 0)) {
@@ -199,9 +200,23 @@ export const ReviewOrderUI = (props: ReviewOrderParams) => {
     setStars({ ...stars, comments: _comment })
   }, [comments, extraComment])
 
+  useEffect(() => {
+    const keyboardDidShowListener = Keyboard.addListener(
+      'keyboardDidShow',
+      () => {
+        scrollViewRef?.current && scrollViewRef?.current?.scrollToEnd()
+      }
+    );
+
+    return () => {
+      keyboardDidShowListener.remove();
+    };
+  }, []);
+
+
   return (
     <>
-      <ReviewOrderContainer>
+      <ReviewOrderContainer ref={scrollViewRef}>
         <NavBar
           title={t('REVIEW_ORDER', 'Review Order')}
           titleAlign={'center'}