ordering-ui-react-native 0.14.85 → 0.14.86-release

package/src/utils/index.tsx

@@ -32,7 +32,8 @@ export const getTraduction = (key: string, t: any) => {
     ERROR_PLACE_PAY_WITH_CARD1: 'An error occurred while trying to pay by card',
     ERROR_PLACE_PAY_WITH_PAYPAL_CAPTURE: 'An error occurred while trying to pay by PayPal',
     ERROR_ADD_PRODUCT_VERY_FAR_FOR_DELIVERY: 'Error adding product, very far for delivery',
-    ERROR_PRODUCT_NOT_FOUND: 'Error with the product'
+    ERROR_PRODUCT_NOT_FOUND: 'Error with the product',
+    ERROR_ADD_BUSINESS_INVALID: 'An error occurred with the business',
   }
 
   return keyList[key] ? t(key, keyList[key]) : t(key)
@@ -191,3 +192,197 @@ export const transformCountryCode = (countryCode : number) => {
   const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a))
   return R * c
 }
+
+/**
+ * function to manage review comment list
+ * @param {number} param0 type of reviews to return
+ * @returns object with reviews dictionary
+ */
+ export const reviewCommentList = (type: string) => {
+  const [, t] = useLanguage()
+
+  const reviews: any = {
+    order: {
+      1: {
+        title: t('QUICK_COMMENT_TITLE_1', "What went wrong?"),
+        list: [
+          { key: 0, content: t('QUICK_COMMENT_1_0', "Not handled with care") },
+          { key: 1, content: t('QUICK_COMMENT_1_1', "Poor communication") },
+          { key: 2, content: t('QUICK_COMMENT_1_2', "COVID-19 issue") },
+          { key: 3, content: t('QUICK_COMMENT_1_3', "Didn't follow instructions") },
+          { key: 4, content: t('QUICK_COMMENT_1_4', "Rude") },
+          { key: 5, content: t('QUICK_COMMENT_1_5', "Not on-time") },
+        ]
+      },
+      2: {
+        title: t('QUICK_COMMENT_TITLE_2', "What went wrong?"),
+        list: [
+          { key: 0, content: t('QUICK_COMMENT_2_0', "Not handled with care") },
+          { key: 1, content: t('QUICK_COMMENT_2_1', "Poor communication") },
+          { key: 2, content: t('QUICK_COMMENT_2_2', "COVID-19 issue") },
+          { key: 3, content: t('QUICK_COMMENT_2_3', "Didn't follow instructions") },
+          { key: 4, content: t('QUICK_COMMENT_2_4', "Rude") },
+          { key: 5, content: t('QUICK_COMMENT_2_5', "Not on-time") },
+        ]
+      },
+      3: {
+        title: t('QUICK_COMMENT_TITLE_3', "What could have been better?"),
+        list: [
+          { key: 0, content: t('QUICK_COMMENT_3_0', "Not handled with care") },
+          { key: 1, content: t('QUICK_COMMENT_3_1', "Poor communication") },
+          { key: 2, content: t('QUICK_COMMENT_3_2', "COVID-19 issue") },
+          { key: 3, content: t('QUICK_COMMENT_3_3', "Didn't follow instructions") },
+          { key: 4, content: t('QUICK_COMMENT_3_4', "Rude") },
+          { key: 5, content: t('QUICK_COMMENT_3_5', "Not on-time") },
+        ]
+      },
+      4: {
+        title: t('QUICK_COMMENT_TITLE_4', " Tell us more"),
+        list: [
+          { key: 0, content: t('QUICK_COMMENT_4_0', "Not handled with care") },
+          { key: 1, content: t('QUICK_COMMENT_4_1', "Poor communication") },
+          { key: 2, content: t('QUICK_COMMENT_4_2', "COVID-19 issue") },
+          { key: 3, content: t('QUICK_COMMENT_4_3', "Didn't follow instructions") },
+          { key: 4, content: t('QUICK_COMMENT_4_4', "Rude") },
+          { key: 5, content: t('QUICK_COMMENT_4_5', "Not on-time") },
+        ]
+      },
+      5: {
+        title: t('QUICK_COMMENT_TITLE_5', "What went well?"),
+        list: [
+          { key: 0, content: t('QUICK_COMMENT_5_0', "Good communication") },
+          { key: 1, content: t('QUICK_COMMENT_5_1', "Followed instructions") },
+          { key: 2, content: t('QUICK_COMMENT_5_2', "Friendly") },
+          { key: 3, content: t('QUICK_COMMENT_5_3', 'Handled with care') },
+          { key: 4, content: t('QUICK_COMMENT_5_4', "Above and beyond") },
+        ]
+      },
+    },
+    customer: {
+      1: {
+        title: t('CUSTOMER_QUICK_COMMENT_TITLE_1', "What went wrong?"),
+        list: [
+          { key: 0, content: t('CUSTOMER_QUICK_COMMENT_1_0', "Poor communication") },
+          { key: 1, content: t('CUSTOMER_QUICK_COMMENT_1_1', "Wrong address") },
+          { key: 2, content: t('CUSTOMER_QUICK_COMMENT_1_2', "COVID-19 issue") },
+          { key: 3, content: t('CUSTOMER_QUICK_COMMENT_1_3', "Didn't follow instructions") },
+          { key: 4, content: t('CUSTOMER_QUICK_COMMENT_1_4', "Rude") },
+          { key: 5, content: t('CUSTOMER_QUICK_COMMENT_1_5', "Not on-time") },
+        ]
+      },
+      2: {
+        title: t('CUSTOMER_QUICK_COMMENT_TITLE_2', "What went wrong?"),
+        list: [
+          { key: 0, content: t('CUSTOMER_QUICK_COMMENT_2_0', "Poor communication") },
+          { key: 1, content: t('CUSTOMER_QUICK_COMMENT_2_1', "Wrong address") },
+          { key: 2, content: t('CUSTOMER_QUICK_COMMENT_2_2', "COVID-19 issue") },
+          { key: 3, content: t('CUSTOMER_QUICK_COMMENT_2_3', "Didn't follow instructions") },
+          { key: 4, content: t('CUSTOMER_QUICK_COMMENT_2_4', "Rude") },
+          { key: 5, content: t('CUSTOMER_QUICK_COMMENT_2_5', "Not on-time") },
+        ]
+      },
+      3: {
+        title: t('CUSTOMER_QUICK_COMMENT_TITLE_3', "What could have been better?"),
+        list: [
+          { key: 0, content: t('CUSTOMER_QUICK_COMMENT_3_0', "Poor communication") },
+          { key: 1, content: t('CUSTOMER_QUICK_COMMENT_3_1', "Wrong address") },
+          { key: 2, content: t('CUSTOMER_QUICK_COMMENT_3_2', "COVID-19 issue") },
+          { key: 3, content: t('CUSTOMER_QUICK_COMMENT_3_3', "Didn't follow instructions") },
+          { key: 4, content: t('CUSTOMER_QUICK_COMMENT_3_4', "Rude") },
+          { key: 5, content: t('CUSTOMER_QUICK_COMMENT_3_5', "Not on-time") },
+        ]
+      },
+      4: {
+        title: t('CUSTOMER_QUICK_COMMENT_TITLE_4', " Tell us more"),
+        list: [
+          { key: 0, content: t('CUSTOMER_QUICK_COMMENT_4_0', "Poor communication") },
+          { key: 1, content: t('CUSTOMER_QUICK_COMMENT_4_1', "Wrong address") },
+          { key: 2, content: t('CUSTOMER_QUICK_COMMENT_4_2', "COVID-19 issue") },
+          { key: 3, content: t('CUSTOMER_QUICK_COMMENT_4_3', "Didn't follow instructions") },
+          { key: 4, content: t('CUSTOMER_QUICK_COMMENT_4_4', "Rude") },
+          { key: 5, content: t('CUSTOMER_QUICK_COMMENT_4_5', "Not on-time") },
+        ]
+      },
+      5: {
+        title: t('CUSTOMER_QUICK_COMMENT_TITLE_5', "What went well?"),
+        list: [
+          { key: 0, content: t('CUSTOMER_QUICK_COMMENT_5_0', "Good communication") },
+          { key: 1, content: t('CUSTOMER_QUICK_COMMENT_5_1', "Friendly") },
+          { key: 2, content: t('CUSTOMER_QUICK_COMMENT_5_2', "Above and beyond") },
+        ]
+      },
+    },
+    driver: {
+      1: {
+        title: t('DRIVER_QUICK_COMMENT_TITLE_1', "What went wrong?"),
+        list: [
+          { key: 0, content: t('DRIVER_QUICK_COMMENT_1_0', "Not handled with care") },
+          { key: 1, content: t('DRIVER_QUICK_COMMENT_1_1', "Poor communication") },
+          { key: 2, content: t('DRIVER_QUICK_COMMENT_1_2', "COVID-19 issue") },
+          { key: 3, content: t('DRIVER_QUICK_COMMENT_1_3', "Didn't follow instructions") },
+          { key: 4, content: t('DRIVER_QUICK_COMMENT_1_4', "Rude") },
+          { key: 5, content: t('DRIVER_QUICK_COMMENT_1_5', "Not on-time") },
+        ]
+      },
+      2: {
+        title: t('DRIVER_QUICK_COMMENT_TITLE_2', "What went wrong?"),
+        list: [
+          { key: 0, content: t('DRIVER_QUICK_COMMENT_2_0', "Not handled with care") },
+          { key: 1, content: t('DRIVER_QUICK_COMMENT_2_1', "Poor communication") },
+          { key: 2, content: t('DRIVER_QUICK_COMMENT_2_2', "COVID-19 issue") },
+          { key: 3, content: t('DRIVER_QUICK_COMMENT_2_3', "Didn't follow instructions") },
+          { key: 4, content: t('DRIVER_QUICK_COMMENT_2_4', "Rude") },
+          { key: 5, content: t('DRIVER_QUICK_COMMENT_2_5', "Not on-time") },
+        ]
+      },
+      3: {
+        title: t('DRIVER_QUICK_COMMENT_TITLE_3', "What could have been better?"),
+        list: [
+          { key: 0, content: t('DRIVER_QUICK_COMMENT_3_0', "Not handled with care") },
+          { key: 1, content: t('DRIVER_QUICK_COMMENT_3_1', "Poor communication") },
+          { key: 2, content: t('DRIVER_QUICK_COMMENT_3_2', "COVID-19 issue") },
+          { key: 3, content: t('DRIVER_QUICK_COMMENT_3_3', "Didn't follow instructions") },
+          { key: 4, content: t('DRIVER_QUICK_COMMENT_3_4', "Rude") },
+          { key: 5, content: t('DRIVER_QUICK_COMMENT_3_5', "Not on-time") },
+        ]
+      },
+      4: {
+        title: t('DRIVER_QUICK_COMMENT_TITLE_4', " Tell us more"),
+        list: [
+          { key: 0, content: t('DRIVER_QUICK_COMMENT_4_0', "Not handled with care") },
+          { key: 1, content: t('DRIVER_QUICK_COMMENT_4_1', "Poor communication") },
+          { key: 2, content: t('DRIVER_QUICK_COMMENT_4_2', "COVID-19 issue") },
+          { key: 3, content: t('DRIVER_QUICK_COMMENT_4_3', "Didn't follow instructions") },
+          { key: 4, content: t('DRIVER_QUICK_COMMENT_4_4', "Rude") },
+          { key: 5, content: t('DRIVER_QUICK_COMMENT_4_5', "Not on-time") },
+        ]
+      },
+      5: {
+        title: t('DRIVER_QUICK_COMMENT_TITLE_5', "What went well?"),
+        list: [
+          { key: 0, content: t('DRIVER_QUICK_COMMENT_5_0', "Good communication") },
+          { key: 1, content: t('DRIVER_QUICK_COMMENT_5_1', "Followed instructions") },
+          { key: 2, content: t('DRIVER_QUICK_COMMENT_5_2', "Friendly") },
+          { key: 3, content: t('DRIVER_QUICK_COMMENT_5_3', 'Handled with care') },
+          { key: 4, content: t('DRIVER_QUICK_COMMENT_5_4', "Above and beyond") },
+        ]
+      },
+    },
+    product: {
+      like: [
+        { key: 0, content: t('QUICK_COMMENT_LIKE_0', "Tasty") },
+        { key: 1, content: t('QUICK_COMMENT_LIKE_1', "Good price") },
+        { key: 2, content: t('QUICK_COMMENT_LIKE_2', "Good portion size") },
+        { key: 3, content: t('QUICK_COMMENT_LIKE_3', "Packed well") },
+      ],
+      dislike: [
+        { key: 0, content: t('QUICK_COMMENT_DISLIKE_0', "Not tasty") },
+        { key: 1, content: t('QUICK_COMMENT_DISLIKE_1', "High price") },
+        { key: 2, content: t('QUICK_COMMENT_DISLIKE_2', "Bad portion size") },
+        { key: 3, content: t('QUICK_COMMENT_DISLIKE_3', "Not packed well") },
+      ]
+    }
+  }
+
+  return reviews[type]
+}

package/themes/business/index.tsx

@@ -10,11 +10,13 @@ import { LanguageSelector } from './src/components/LanguageSelector';
 import { LoginForm } from './src/components/LoginForm';
 import { LogoutButton } from './src/components/LogoutButton';
 import { MessagesOption } from './src/components/MessagesOption';
+import { NetworkError } from './src/components/NetworkError';
 import { NotFoundSource } from './src/components/NotFoundSource';
 import { OrderMessage } from './src/components/OrderMessage';
 import { OrderDetailsBusiness } from './src/components/OrderDetails/Business';
 import { OrderDetailsDelivery } from './src/components/OrderDetails/Delivery';
 import { OrdersOption } from './src/components/OrdersOption';
+import { OrdersListManager } from './src/components/OrdersListManager';
 import { OrdersOptionStatus } from './src/components/OrdersOptionStatus';
 import { OrdersOptionBusiness } from './src/components/OrdersOptionBusiness';
 import { OrdersOptionCity } from './src/components/OrdersOptionCity';
@@ -77,11 +79,13 @@ export {
   MessagesOption,
   MapView,
   NewOrderNotification,
+  NetworkError,
   NotFoundSource,
   OrderDetailsBusiness,
   OrderDetailsDelivery,
   OrderMessage,
   OrdersOption,
+  OrdersListManager,
   OrdersOptionStatus,
   OrdersOptionBusiness,
   OrdersOptionCity,

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

@@ -94,8 +94,8 @@ const ChatUI = (props: MessagesParams) => {
     Dimensions.get('window').width < Dimensions.get('window').height
       ? parseInt(parseFloat(String(Dimensions.get('window').width)).toFixed(0))
       : parseInt(
-          parseFloat(String(Dimensions.get('window').height)).toFixed(0),
-        );
+        parseFloat(String(Dimensions.get('window').height)).toFixed(0),
+      );
 
   const [orientation, setOrientation] = useState<string>(
     Dimensions.get('window').width < Dimensions.get('window').height
@@ -218,7 +218,7 @@ const ChatUI = (props: MessagesParams) => {
       paddingLeft: 12,
       paddingRight: 5,
     },
-    editButton : {
+    editButton: {
       borderRadius: 50,
       backgroundColor: '#E9ECEF',
       marginRight: 10,
@@ -272,9 +272,10 @@ const ChatUI = (props: MessagesParams) => {
     launchImageLibrary(
       {
         mediaType: 'photo',
-        maxHeight: 300,
-        maxWidth: 300,
+        maxHeight: 2048,
+        maxWidth: 2048,
         includeBase64: true,
+        quality: 1
       },
       (response: any) => {
         if (response.didCancel) {
@@ -366,15 +367,18 @@ const ChatUI = (props: MessagesParams) => {
           return 'ORDER_CUSTOMER_ALMOST_ARRIVED_BUSINESS';
         case 21:
           return 'ORDER_CUSTOMER_ARRIVED_BUSINESS';
+        case 22:
+          return 'ORDER_LOOKING_FOR_DRIVER'
+        case 23:
+          return 'ORDER_DRIVER_ON_WAY'
         default:
           return ``;
       }
     }
 
     if (attribute === 'prepared_in' || attribute === 'delivered_in') {
-      return `${hour < 10 ? '0' + hour : hour}:${min < 10 ? '0' + min : min} ${
-        status > 60 ? 'hours' : 'minutes'
-      }`;
+      return `${hour < 10 ? '0' + hour : hour}:${min < 10 ? '0' + min : min} ${status > 60 ? 'hours' : 'minutes'
+        }`;
     }
   };
 
@@ -400,30 +404,27 @@ const ChatUI = (props: MessagesParams) => {
           style={{ ...styles.firstMessageText, textAlign: 'center' }}>
           {message.change?.attribute !== 'driver_id'
             ? `${t('ORDER', 'Order')} ${t(
-                message.change.attribute.toUpperCase(),
-                message.change.attribute,
-              )} ${t('CHANGED_FROM', 'Changed from')} ${
-                message.change.old !== null
-                  ? t(
-                      getStatus(
-                        parseInt(message.change.old, 10),
-                        message.change?.attribute,
-                      ),
-                    )
-                  : '0'
-              } ${t('TO', 'to')} ${t(
+              message.change.attribute.toUpperCase(),
+              message.change.attribute,
+            )} ${t('CHANGED_FROM', 'Changed from')} ${message.change.old !== null
+              ? t(
                 getStatus(
-                  parseInt(message.change.new, 10),
+                  parseInt(message.change.old, 10),
                   message.change?.attribute,
                 ),
-              )}`
+              )
+              : '0'
+            } ${t('TO', 'to')} ${t(
+              getStatus(
+                parseInt(message.change.new, 10),
+                message.change?.attribute,
+              ),
+            )}`
             : message.change.new
-            ? `${message.driver?.name} ${
-                message.driver?.lastname !== null ? message.driver.lastname : ''
-              } ${t('WAS_ASSIGNED_AS_DRIVER', 'Was assigned as driver')} ${
-                message.comment ? message.comment.length : ''
+              ? `${message.driver?.name} ${message.driver?.lastname !== null ? message.driver.lastname : ''
+              } ${t('WAS_ASSIGNED_AS_DRIVER', 'Was assigned as driver')} ${message.comment ? message.comment.length : ''
               }`
-            : `${t('DRIVER_UNASSIGNED', 'Driver unassigned')}`}
+              : `${t('DRIVER_UNASSIGNED', 'Driver unassigned')}`}
         </OText>
         <OText size={10} color={'#aaa'} style={{ alignSelf: 'flex-start' }}>
           {parseTime(message?.created_at, { outputFormat: 'hh:mma' })}
@@ -928,8 +929,8 @@ const ChatUI = (props: MessagesParams) => {
           borderWidth: 0,
           opacity:
             sendMessage?.loading ||
-            (message === '' && !image) ||
-            messages?.loading
+              (message === '' && !image) ||
+              messages?.loading
               ? 0.6
               : 1,
           borderColor: theme.colors.transparent,
@@ -1034,7 +1035,7 @@ const ChatUI = (props: MessagesParams) => {
               <OIcon
                 url={optimizeImage(
                   order?.customer?.photo ||
-                    theme?.images?.dummies?.customerPhoto,
+                  theme?.images?.dummies?.customerPhoto,
                   'h_300,c_limit',
                 )}
                 style={styles.avatarIcon}
@@ -1141,7 +1142,7 @@ const ChatUI = (props: MessagesParams) => {
           backgroundColor={theme.colors.composerView}
           onEnd={handleEnd}
         />
-         <TouchableOpacity
+        <TouchableOpacity
           style={{
             position: 'absolute',
             right: 35,

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

@@ -0,0 +1,61 @@
+import React from 'react'
+import { useLanguage } from 'ordering-components/native'
+import { Dimensions } from 'react-native'
+import RNRestart from 'react-native-restart'
+import { OText, OIcon, OButton } from '../shared'
+import { useTheme } from 'styled-components/native'
+import { NoNetworkParams } from '../../types'
+import {
+  Container,
+  ImageContainer
+} from './styles'
+
+export const NetworkError = (props: NoNetworkParams) => {
+  const {
+    image
+  } = props
+  const theme = useTheme()
+  const [, t] = useLanguage()
+
+  const noNetworkImage = image || theme.images.general.noNetwork
+  const deviceWidth = Dimensions.get('screen').width
+
+  return (
+    <Container>
+      <OText
+        color={theme.colors.darkText}
+        size={20}
+        weight='700'
+        style={{ marginBottom: 14 }}
+      >
+        {t('MOBILE_NO_INTERNET', 'No internet connection')}
+      </OText>
+      <OText
+        color={theme.colors.darkText}
+        size={14}
+      >
+        {t('NETWORK_OFFLINE_MESSAGE', 'Your connection appears to be off-line. Try to refresh the page')}
+      </OText>
+      <ImageContainer>
+        <OIcon
+          src={noNetworkImage}
+          width={(deviceWidth - 80) * 0.9}
+          height={(deviceWidth - 80) * 0.8}
+        />
+        <OButton
+          text={t('REFRESH', 'Refresh')}
+          bgColor={theme.colors.primary}
+          borderColor={theme.colors.primary}
+          style={{
+            borderRadius: 8,
+            marginTop: 45
+          }}
+          textStyle={{
+            color: theme.colors.white
+          }}
+          onClick={() => RNRestart.Restart()}
+        />
+      </ImageContainer>
+    </Container>
+  )
+}

package/themes/business/src/components/NetworkError/styles.tsx

@@ -0,0 +1,11 @@
+import styled from 'styled-components/native'
+
+export const Container = styled.View`
+  flex: 1;
+  padding: 20px 40px;
+`
+export const ImageContainer = styled.View`
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+`

package/themes/business/src/components/OrderDetails/Business.tsx

@@ -431,6 +431,7 @@ export const OrderDetailsUI = (props: OrderDetailsParams) => {
             handleViewSummaryOrder={handleViewSummaryOrder}
             handleCopyClipboard={handleCopyClipboard}
             handleArrowBack={handleArrowBack}
+            isCustomView={props.isCustomView}
           />
           <OrderDetailsContainer
             keyboardShouldPersistTaps="handled"

package/themes/business/src/components/OrderDetails/OrderHeaderComponent.tsx

@@ -30,6 +30,7 @@ interface OrderHeader {
   logisticOrderStatus?: Array<number>,
   handleViewSummaryOrder?: any;
   handleCopyClipboard?: any
+  isCustomView?: any
 }
 
 export const OrderHeaderComponent = (props: OrderHeader) => {
@@ -105,17 +106,17 @@ export const OrderHeaderComponent = (props: OrderHeader) => {
 
   return (
     <>
-      <Header>
-        <OIconButton
-          icon={theme.images.general.arrow_left}
-          iconStyle={{ width: 20, height: 20 }}
-          borderColor={theme.colors.clear}
-          style={{ ...styles.icons, justifyContent: 'flex-end' }}
-          onClick={() => handleArrowBack()}
-        />
-
-        {
-          (!order?.isLogistic || (!logisticOrderStatus?.includes(order?.status) && !order?.order_group)) && (
+      {!props.isCustomView && (
+        <Header>
+          <OIconButton
+            icon={theme.images.general.arrow_left}
+            iconStyle={{ width: 20, height: 20 }}
+            borderColor={theme.colors.clear}
+            style={{ ...styles.icons, justifyContent: 'flex-end' }}
+            onClick={() => handleArrowBack()}
+          />
+
+          {(!order?.isLogistic || (!logisticOrderStatus?.includes(order?.status) && !order?.order_group)) && (
             <Actions>
               {getOrderStatus(order?.status, t)?.value !==
                 t('PENDING', 'Pending') && (
@@ -170,13 +171,80 @@ export const OrderHeaderComponent = (props: OrderHeader) => {
               />
             </Actions>
           )}
-      </Header>
+        </Header>
+      )}
       <OrderHeader>
-        <OText size={13} style={{ marginBottom: 5 }}>
-          {order?.delivery_datetime_utc
-            ? parseDate(order?.delivery_datetime_utc)
-            : parseDate(order?.delivery_datetime, { utc: false })}
-        </OText>
+        {!props.isCustomView ? (
+          <OText size={13} style={{ marginBottom: 5 }}>
+            {order?.delivery_datetime_utc
+              ? parseDate(order?.delivery_datetime_utc)
+              : parseDate(order?.delivery_datetime, { utc: false })}
+          </OText>
+        ) : (
+          <Header style={{ alignItems: 'center' }}>
+            <OText size={13} style={{ marginBottom: 5 }}>
+              {order?.delivery_datetime_utc
+                ? parseDate(order?.delivery_datetime_utc)
+                : parseDate(order?.delivery_datetime, { utc: false })}
+            </OText>
+
+            {(!order?.isLogistic || (!logisticOrderStatus?.includes(order?.status) && !order?.order_group)) && (
+              <Actions>
+                {getOrderStatus(order?.status, t)?.value !==
+                  t('PENDING', 'Pending') && (
+                    <>
+                      <OIconButton
+                        icon={theme.images.general.copy}
+                        iconStyle={{
+                          width: 20,
+                          height: 25,
+                          top: 2,
+                          tintColor: theme.colors.backArrow,
+                        }}
+                        borderColor={theme.colors.clear}
+                        style={styles.icons}
+                        onClick={() => handleCopyClipboard?.()}
+                      />
+                      <OIconButton
+                        icon={theme.images.general.print}
+                        iconStyle={{
+                          width: 25,
+                          height: 22,
+                          tintColor: theme.colors.backArrow,
+                        }}
+                        borderColor={theme.colors.clear}
+                        style={styles.icons}
+                        onClick={() => handleViewSummaryOrder?.()}
+                      />
+                    </>
+                  )}
+                <OIconButton
+                  icon={theme.images.general.map}
+                  iconStyle={{
+                    width: 20,
+                    height: 20,
+                    tintColor: theme.colors.backArrow,
+                  }}
+                  borderColor={theme.colors.clear}
+                  style={styles.icons}
+                  onClick={() => handleOpenMapView()}
+                />
+
+                <OIconButton
+                  icon={theme.images.general.messages}
+                  iconStyle={{
+                    width: 20,
+                    height: 20,
+                    tintColor: theme.colors.backArrow,
+                  }}
+                  borderColor={theme.colors.clear}
+                  style={styles.icons}
+                  onClick={() => handleOpenMessagesForBusiness()}
+                />
+              </Actions>
+            )}
+          </Header>
+        )}
 
         <OText numberOfLines={2} size={20} weight="600">
           <>