ordering-ui-react-native 0.12.32 → 0.12.36

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

@@ -75,4 +75,4 @@ export const ProductActions = styled.View`
 `
 export const ExtraOptionWrap = styled.ScrollView`
 	margin-horizontal: -40px;
-`;
+`;

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

@@ -130,7 +130,7 @@ const ProfileListUI = (props: ProfileParams) => {
   }
 
 	return (
-		<View style={{ flex: 1, height: height - top - bottom - 62 }}>
+		<View style={{ flex: 1, height: height - top - bottom - 80 }}>
 			<OText size={24} color={theme.colors.textNormal} lineHeight={36} weight={Platform.OS === 'ios' ? '600' : 'bold'} style={{ marginTop: 14, marginBottom: 24, ...styles.pagePadding }}>{t('PROFILE', 'Profile')}</OText>
 			<CenterView style={styles.pagePadding}>
 				<View style={styles.photo}>
@@ -167,7 +167,7 @@ const ProfileListUI = (props: ProfileParams) => {
 				</Actions>
 
 				<Actions>
-					<LanguageSelector iconColor={theme.colors.textNormal} pickerStyle={langPickerStyle} />
+					<LanguageSelector iconColor={theme.colors.textNormal} pickerStyle={langPickerStyle} allowLoading />
 					<View style={{ height: 17 }} />
 					<LogoutButton color={theme.colors.textNormal} text={t('LOGOUT', 'Logout')} />
 				</Actions>

package/themes/single-business/src/components/shared/OIconButton.tsx

@@ -21,8 +21,8 @@ const DisabledWrapper = styled.View`
     justify-content: center;
 `
 const Icon = styled.Image`
-    width: 22px;
-    height: 22px;
+    width: 20px;
+    height: 20px;
 `
 const Title = styled.Text`
     font-size: 16px;

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

@@ -74,6 +74,7 @@ const OInput = (props: Props): React.ReactElement => {
 			<Input
 				name={props.name}
 				secureTextEntry={props.isSecured}
+        numberOfLines={props.numberOfLines}
 				onChangeText={(txt: any) => props.name ? props.onChange({ target: { name: props.name, value: txt } }) : props.onChange(txt)}
 				defaultValue={props.value}
 				placeholder={props.placeholder ? props.placeholder : ''}

package/themes/single-business/src/components/shared/OLink.tsx

@@ -0,0 +1,80 @@
+import * as React from 'react';
+import { Alert, Linking, Pressable, TextStyle } from 'react-native';
+import { useLanguage } from 'ordering-components/native';
+import OText from './OText';
+import OButton from './OButton';
+
+interface Props {
+  url: string | undefined;
+  shorcut?: string;
+  color?: string;
+  PressStyle?: TextStyle;
+  TextStyle?: TextStyle;
+  type?: string;
+  hasButton?: boolean;
+  children?: any;
+}
+
+const OLink = (props: Props): React.ReactElement => {
+  const { url, shorcut, color, PressStyle, TextStyle, type, hasButton, children } = props;
+  const [, t] = useLanguage();
+
+  const handleAlert = () =>
+    Alert.alert(
+      t('ERROR_OPENING_THE_LINK', 'Error opening the link'),
+      t('LINK_UNSUPPORTED', 'Link could not be opened or is not supported'),
+      [
+        {
+          text: t('OK', 'Ok'),
+        },
+      ],
+    );
+
+  const handleOpenUrl = async (breakFunction = false) => {
+    if(breakFunction) {
+      return
+    }
+    if (!url) {
+      handleAlert();
+      return;
+    }
+
+    try {
+      const supported = await Linking.canOpenURL(url);
+
+      if (supported) {
+        await Linking.openURL(url);
+      } else {
+        handleAlert();
+      }
+    } catch (err) {
+      handleAlert();
+    }
+  };
+
+  return (
+    <Pressable style={PressStyle} onPress={() => handleOpenUrl(hasButton)}>
+      {children}
+      {!children && (
+        hasButton ? (
+          <OButton
+            onClick={() => handleOpenUrl()}
+            text={shorcut} imgRightSrc=''
+            textStyle={{color: 'white'}}
+            style={{width: '100%', alignSelf: 'center', borderRadius: 10}}
+          />
+        ) : (
+        <OText
+          style={TextStyle}
+          numberOfLines={1}
+          ellipsizeMode="tail"
+          color={color}>
+          {shorcut}
+        </OText>
+        )
+      )}
+    </Pressable>
+  );
+};
+
+export default OLink;

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

@@ -7,6 +7,7 @@ import OIconButton from './OIconButton'
 import OIconText from './OIconText'
 import OInput from './OInput'
 import OKeyButton from './OKeyButton'
+import OLink from './OLink'
 import OModal from './OModal'
 import OText from './OText'
 import OTextarea from './OTextarea'
@@ -24,6 +25,7 @@ export {
 	OTextarea,
 	OToggle,
 	OKeyButton,
+  OLink,
 	OAlert,
   OModal,
 	OBottomPopup,

package/themes/single-business/src/types/index.tsx

@@ -117,6 +117,7 @@ export interface LanguageSelectorParams {
 	handleChangeLanguage?: any;
 	iconColor?: any;
 	pickerStyle?: any;
+	allowLoading?: boolean;
 }
 export interface BusinessesListingParams {
 	navigation?: any;
@@ -160,6 +161,7 @@ export interface BusinessProductsListingParams {
 	categorySelected: any;
 	handleSearchRedirect: any;
 	errorQuantityProducts?: boolean;
+	isFranchiseApp?: boolean;
 	header?: any;
 	logo?: any;
 	getNextProducts?: any;
@@ -173,6 +175,7 @@ export interface BusinessBasicInformationParams {
 	businessState?: any;
 	openBusinessInformation?: any;
 	isBusinessInfoShow?: boolean;
+	isFranchiseApp?: boolean;
 	header?: any;
 	logo?: any;
 }

package/themes/uber-eats/src/components/AddressList/index.tsx

@@ -11,7 +11,6 @@ import { NotFoundSource } from '../NotFoundSource'
 import NavBar from '../NavBar'
 import { Fade, Placeholder, PlaceholderLine } from 'rn-placeholder'
 
-const addIcon = require('../../assets/icons/add-circular-outlined-button.png')
 
 const AddressListUI = (props: AddressListParams) => {
   const {
@@ -32,6 +31,7 @@ const AddressListUI = (props: AddressListParams) => {
   } = props
 
   const theme = useTheme()
+  const addIcon = theme.general?.images?.addCircularOutlined
 
   const styles = StyleSheet.create({
     address: {

package/themes/uber-eats/src/components/Messages/index.tsx

@@ -10,9 +10,6 @@ import { TouchableOpacity, ActivityIndicator, StyleSheet, View, Platform, Keyboa
 import { Header, TitleHeader, Wrapper, QuickMessageContainer } from './styles'
 import { MessagesParams } from '../../types'
 
-const ImageDummy = require('../../assets/images/image.png')
-const paperIcon = require('../../assets/images/paper-plane.png')
-
 const ORDER_STATUS: any = {
   0: 'ORDER_STATUS_PENDING',
   1: 'ORDERS_COMPLETED',
@@ -61,8 +58,11 @@ const MessagesUI = (props: MessagesParams) => {
   const [formattedMessages, setFormattedMessages] = useState<Array<any>>([])
   const [isKeyboardShow, setIsKeyboardShow] = useState(false)
   const previousStatus = [1, 2, 5, 6, 10, 11, 12, 16, 17]
-  const chatDisabled = previousStatus.includes(order?.status)
 
+  const ImageDummy = theme.images?.general?.ImageDummy
+  const paperIcon = theme?.images?.general?.paperIcon
+
+  const chatDisabled = previousStatus.includes(order?.status)
   const quickMessageList = [
     { key: 'customer_message_1', text: t('CUSTOMER_MESSAGE_1', 'customer_message_1') },
     { key: 'customer_message_2', text: t('CUSTOMER_MESSAGE_2', 'customer_message_2') },

package/themes/uber-eats/src/components/shared/OButton.tsx

@@ -128,7 +128,6 @@ OButton.defaultProps = {
   isDisabled: false,
   indicatorColor: 'white',
   activeOpacity: 0.5,
-  imgRightSrc: require('../../assets/icons/arrow_right.png')
 };
 
 export default OButton;

package/themes/uber-eats/src/components/shared/ODropDown.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react'
-import styled, { css } from 'styled-components/native'
+import styled, { css, useTheme } from 'styled-components/native'
 import { ScrollView, TouchableOpacity  } from 'react-native-gesture-handler'
 import {
   ScrollView as CustomScrollView,
@@ -76,6 +76,7 @@ const ODropDown = (props: Props) => {
     isModal
   } = props
 
+  const theme = useTheme()
   const [isOpen, setIsOpen] = useState(false)
   const defaultOption = options?.find((option: any) => option.value === defaultValue)
   const [selectedOption, setSelectedOption] = useState<any>(defaultOption)
@@ -114,7 +115,7 @@ const ODropDown = (props: Props) => {
         <DropIcon
           textcolor={props.textcolor}
           secondary={secondary}
-          source={require('../../assets/icons/drop_down.png')}
+          source={theme.images.general.dropDown}
         />
       </Selected>
       {isOpen && options && (

package/themes/uber-eats/src/components/shared/OIcon.tsx

@@ -1,7 +1,7 @@
 
 import * as React from 'react'
 import { ImageStyle } from 'react-native'
-import styled from 'styled-components/native'
+import styled, { useTheme } from 'styled-components/native'
 
 const Wrapper = styled.View``
 
@@ -23,10 +23,11 @@ interface Props {
 }
 
 const OImage = (props: Props): React.ReactElement => {
+  const theme = useTheme()
   return (
     <Wrapper style={{ borderRadius: props.style?.borderRadius, overflow: 'hidden', marginHorizontal: props.style?.marginHorizontal }}>
       <SImage
-        source={props.src ? props.src : props.url ? { uri: props.url } : props.dummy ? props.dummy : require('../../assets/icons/lunch.png')}
+        source={props.src ? props.src : props.url ? { uri: props.url } : props.dummy ? props.dummy : theme.images.general.lunch}
         style={{
           tintColor: props.color,
           flex: props.isWrap ? 1 : 0,