ordering-ui-react-native 0.14.94 → 0.14.96-release

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/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">
           <>