ordering-ui-react-native 0.12.33 → 0.12.37

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;
 }