ordering-ui-react-native 0.12.35 → 0.12.39

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/SignupForm/index.tsx

@@ -425,7 +425,7 @@ const SignupFormUI = (props: SignupParams) => {
 													forwardRef={(ref: any) => handleRefs(ref, field.code)}
 													onSubmitEditing={() =>
 														field.code === 'email'
-															? phoneRef.current.focus()
+															? phoneRef?.current?.focus?.()
 															: handleFocusRef(getNextFieldCode(i))
 													}
 												/>
@@ -445,7 +445,7 @@ const SignupFormUI = (props: SignupParams) => {
 										forwardRef={phoneRef}
 										textInputProps={{
 											returnKeyType: 'next',
-											onSubmitEditing: () => passwordRef.current.focus(),
+											onSubmitEditing: () => passwordRef?.current?.focus?.(),
 										}}
 									/>
 								</View>

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

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

@@ -523,7 +523,7 @@ const AddressFormUI = (props: AddressFormParams) => {
                           }
                           setIsFirstTime(false)
                         },
-                        onSubmitEditing: () => internalNumberRef.current.focus(),
+                        onSubmitEditing: () => internalNumberRef?.current?.focus?.(),
                         autoCorrect: false,
                         blurOnSubmit: false,
                         returnKeyType: 'next'
@@ -576,7 +576,7 @@ const AddressFormUI = (props: AddressFormParams) => {
                     control={control}
                     name='internal_number'
                     rules={{ required: isRequiredField && isRequiredField('internal_number') ? t(`VALIDATION_ERROR_INTERNAL_NUMBER_REQUIRED`, `The field internal number is required`) : null }}
-                    defaultValue={address?.internal_number || formState.changes?.internal_number || addressState.address.internal_number || ''}
+                    defaultValue={address?.internal_number || formState.changes?.internal_number || addressState?.address?.internal_number || ''}
                     render={() => (
                       <OInput
                         name='internal_number'
@@ -585,11 +585,11 @@ const AddressFormUI = (props: AddressFormParams) => {
                           handleChangeInput(text)
                           setValue('internal_number', text)
                         }}
-                        value={address?.internal_number || formState.changes?.internal_number || addressState.address.internal_number || ''}
+                        value={address?.internal_number || formState.changes?.internal_number || addressState?.address?.internal_number || ''}
                         style={styles.inputsStyle}
                         forwardRef={internalNumberRef}
                         returnKeyType='next'
-                        onSubmitEditing={() => zipCodeRef.current.focus()}
+                        onSubmitEditing={() => zipCodeRef?.current?.focus?.()}
                         blurOnSubmit={false}
                       />
                     )}
@@ -617,7 +617,7 @@ const AddressFormUI = (props: AddressFormParams) => {
                         style={styles.inputsStyle}
                         forwardRef={zipCodeRef}
                         returnKeyType='next'
-                        onSubmitEditing={() => addressNotesRef.current.focus()}
+                        onSubmitEditing={() => addressNotesRef?.current?.focus?.()}
                         blurOnSubmit={false}
                       />
                     )}

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

@@ -26,7 +26,7 @@ export const FacebookLogin = (props: any) => {
     : t('LOGIN_WITH_FACEBOOK', 'Login with Facebook');
 
   const logoutWithFacebook = () => {
-    LoginManager.logOut();
+    LoginManager && LoginManager.logOut();
   };
 
   const handleLoginClick = async (accessToken: string) => {
@@ -57,7 +57,7 @@ export const FacebookLogin = (props: any) => {
 
   const loginWithFacebook = () => {
     handleLoading && handleLoading(true)
-    LoginManager.logInWithPermissions(['public_profile']).then(
+    LoginManager && LoginManager.logInWithPermissions(['public_profile']).then(
       (login: any) => {
         if (login.isCancelled) {
           const err = t('LOGIN_WITH_FACEBOOK_CANCELLED', 'Login cancelled')

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

@@ -288,7 +288,7 @@ const LoginFormUI = (props: LoginParams) => {
                   handleData={(val: any) => setPhoneInputData(val)}
                   textInputProps={{
                     returnKeyType: 'next',
-                    onSubmitEditing: () => inputRef.current.focus(),
+                    onSubmitEditing: () => inputRef?.current?.focus?.(),
                   }}
                 />
               </View>

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

@@ -195,7 +195,7 @@ const PaymentOptionsUI = (props: any) => {
 					showsVerticalScrollIndicator={false}
 					data={paymethodsList.paymethods.sort((a: any, b: any) => a.id - b.id).filter((p: any) => !excludeIds.includes(p.id))}
 					renderItem={renderPaymethods}
-					keyExtractor={(paymethod: any) => paymethod.id.toString()}
+					keyExtractor={(paymethod: any) => paymethod?.id?.toString?.()}
 					ListFooterComponent={renderFooter}
 				/>
 			)}
@@ -228,7 +228,7 @@ const PaymentOptionsUI = (props: any) => {
 						/>
 					}
 
-					{isOpenMethod?.paymethod?.gateway === 'stripe' && !paymethodData.id && (
+					{isOpenMethod?.paymethod?.gateway === 'stripe' && !paymethodData?.id && (
 						<View>
 							<OButton
 								text={t('ADD_PAYMENT_CARD', 'Add New Payment Card')}
@@ -333,7 +333,7 @@ const PaymentOptionsUI = (props: any) => {
 			<OModal
 				entireModal
 				title={t('ADD_CREDIT_OR_DEBIT_CARD', 'Add credit or debit card')}
-				open={isOpenMethod?.paymethod?.gateway === 'stripe_direct' && !paymethodData.id}
+				open={isOpenMethod?.paymethod?.gateway === 'stripe_direct' && !paymethodData?.id}
 				onClose={() => handlePaymethodClick(null)}
 			>
 				<KeyboardAvoidingView
@@ -351,7 +351,7 @@ const PaymentOptionsUI = (props: any) => {
 			</OModal>
 
 			{/* Stripe Connect */}
-			{isOpenMethod?.paymethod?.gateway === 'stripe_connect' && !paymethodData.id && (
+			{isOpenMethod?.paymethod?.gateway === 'stripe_connect' && !paymethodData?.id && (
 				<View>
 					<OButton
 						text={t('ADD_PAYMENT_CARD', 'Add New Payment Card')}
@@ -417,7 +417,7 @@ const PaymentOptionsUI = (props: any) => {
 			{/* Paypal */}
 			{/* <Modal
         className='modal-info'
-        open={paymethodSelected?.gateway === 'paypal' && !paymethodData.id}
+        open={paymethodSelected?.gateway === 'paypal' && !paymethodData?.id}
         onClose={() => handlePaymethodClick(null)}
         title={t('PAY_WITH_PAYPAL', 'Pay with PayPal')}
       >

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

@@ -370,7 +370,7 @@ const SignupFormUI = (props: SignupParams) => {
                             returnKeyType='next'
                             blurOnSubmit={false}
                             forwardRef={(ref : any) => handleRefs(ref,field.code)}
-                            onSubmitEditing={() => field.code === 'email' ? phoneRef.current.focus() : handleFocusRef(getNextFieldCode(i))}
+                            onSubmitEditing={() => field.code === 'email' ? phoneRef?.current?.focus?.() : handleFocusRef(getNextFieldCode(i))}
                           />
                         )}
                         name={field.code}
@@ -393,7 +393,7 @@ const SignupFormUI = (props: SignupParams) => {
                     forwardRef={phoneRef}
                     textInputProps={{
                       returnKeyType: 'next',
-                      onSubmitEditing: () => passwordRef.current.focus()
+                      onSubmitEditing: () => passwordRef?.current?.focus?.()
                     }}
                   />
                 </View>