ordering-ui-react-native 0.20.3-release → 0.20.5-release

package/package.json

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

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

@@ -138,7 +138,10 @@ export const Home = (props: any) => {
                       placeholder={t('PROJECT_NAME', 'Project Name')}
                       icon={theme.images.general.project}
                       iconColor={theme.colors.arrowColor}
-                      onChange={(e: any) => onChange(e?.target?.value)}
+                      onChange={(e: any) => {
+                        const project = e?.target?.value?.replace(/\s/g, '')
+                        onChange(project)
+                      }}
                       selectionColor={theme.colors.primary}
                       color={theme.colors.white}
                       value={value}
@@ -148,6 +151,7 @@ export const Home = (props: any) => {
                       autoCapitalize='none'
                       blurOnSubmit={false}
                       onSubmitEditing={() => handleSubmit(onSubmit)()}
+                      isValueSync
                     />
                   )}
                 />

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

@@ -4,7 +4,10 @@ import {
   View,
   StyleSheet,
   Dimensions,
-  TouchableOpacity
+  TouchableOpacity,
+  NativeModules,
+  PermissionsAndroid,
+  Platform
 } from 'react-native';
 import { useTheme } from 'styled-components/native'
 import moment from 'moment'
@@ -32,7 +35,7 @@ const SoundPlayerComponent = (props: any) => {
 
   const theme = useTheme()
   const [count, setCount] = useState(0);
-
+  const [isEnabledReadStorage, setIsEnabledReadStorage] = useState(true)
   const URL_SOUND = 'https://d33aymufw4jvwf.cloudfront.net/notification.mp3' ?? theme.sounds.notification
 
   useEffect(() => {
@@ -43,15 +46,28 @@ const SoundPlayerComponent = (props: any) => {
       await new Promise(resolve => setTimeout(resolve, DELAY_SOUND))
       SoundPlayer.stop()
     }
-
-    playSound()
+    if (NativeModules?.RNSoundPlayer?.playUrl && typeof URL_SOUND === 'string' && isEnabledReadStorage) {
+      playSound()
+    }
 
     return () => {
       SoundPlayer.stop()
       clearInterval(id);
     }
-  }, [count])
+  }, [count, isEnabledReadStorage])
+
+  useEffect(() => {
+    const checkSoundMedia = async () => {
+      if (Platform.OS === 'android') {
+        const enabled = await PermissionsAndroid.check(PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE)
+        setIsEnabledReadStorage(enabled)
+      } else {
+        setIsEnabledReadStorage(true)
+      }
+    }
+    checkSoundMedia()
 
+  }, [])
   return (
     <Modal
       animationType='slide'

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

@@ -140,8 +140,10 @@ export const OrderSummary = ({ order, navigation, orderStatus, askBluetoothPermi
         } </br>`
         : ''
       }
-         ${t('ZIPCODE', 'Zipcode')}: ${order?.customer.zipcode}
-         </p>  
+        ${order?.customer.zipcode ?
+        `${t('ZIPCODE', 'Zipcode')}: ${order?.customer.zipcode}`
+        : ''}
+         </p>
 
         <h1>${t('BUSINESS_DETAILS', 'Business details')}</h1>
         <p style="font-size: 27px"> 
@@ -241,15 +243,18 @@ export const OrderSummary = ({ order, navigation, orderStatus, askBluetoothPermi
         : ''
       }
 
-        ${order?.summary?.delivery_price > 0
-        ? `<div style="font-size: 25px;"> ${t(
-          'DELIVERY_FEE',
-          'Delivery Fee',
-        )}
-              </div>`
-        : ''
-      }
+      ${order?.summary?.delivery_price > 0 ?
+        ` <div style="display: flex">
+          <div style="font-size: 26px; width: 70%; display: flex; justify-content: flex-start"> 
+            ${t('DELIVERY_FEE', 'Delivery Fee')}
+          </div>
+
+          <div style="font-size: 26px; width: 30%; display: flex; justify-content: flex-end">
+            ${parsePrice(order?.summary?.delivery_price ?? 0)}
+          </div>` :
+        ''}
 
+        </div>
         <div style="display: flex">
 
           <div style="font-size: 26px; width: 70%; display: flex; justify-content: flex-start"> 

package/themes/business/src/components/shared/OInput.tsx

@@ -64,6 +64,7 @@ interface Props extends TextInputProps {
   onSubmitEditing?: any;
   blurOnSubmit?: any;
   color?: any;
+  isValueSync?: boolean
 }
 
 const OInput = (props: Props): React.ReactElement => {
@@ -118,6 +119,7 @@ const OInput = (props: Props): React.ReactElement => {
         selectionColor={props.selectionColor}
         color={props.color}
         maxLength={props.maxLength || 1000}
+        value={props.isValueSync && props.value}
       />
 
       {props.iconRight && (