ordering-ui-react-native 0.14.67 → 0.14.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-react-native",
-  "version": "0.14.67",
+  "version": "0.14.68",
   "description": "Reusable components made in react native",
   "main": "src/index.tsx",
   "author": "ordering.inc",

package/themes/original/src/components/UserVerification/index.tsx

@@ -126,11 +126,11 @@ const UserVerificationUI = (props: any) => {
     },
     phoneInputStyle: {
       height: 30,
-      borderWidth: 0,
+      borderWidth: 1,
       fontSize: 12,
-      paddingStart: 0,
       paddingBottom: 0,
       marginBottom: -0,
+      paddingHorizontal: 10
     }
   });
 
@@ -475,7 +475,7 @@ const UserVerificationUI = (props: any) => {
           <OButton
             onClick={(verificationState.email || verificationState.phone)
               ? () => setVerificationState({ email: false, phone: false })
-              : () => handleSendOtp(verificationState.phone ? 'phone' : '')
+              : () => handleSendOtp(isPhoneVerifyRequired && !isEmailVerifyRequired ? 'phone' : '')
             }
             text={(verificationState.email || verificationState.phone) ? t('CANCEL', 'Cancel') : t('SEND_CODE', 'Send code')}
             bgColor={(verificationState.email || verificationState.phone) ? theme.colors.secundary : theme.colors.primary}

package/themes/original/src/components/UserVerification/styles.tsx

@@ -1,4 +1,4 @@
-import styled from 'styled-components/native';
+import styled, { css } from 'styled-components/native';
 
 export const Container = styled.View`
   padding: 20px;
@@ -11,7 +11,13 @@ export const WrapperText = styled.View`
   align-items: center;
 `
 
-export const InputWrapper = styled.View``
+export const InputWrapper = styled.View`
+  ${(props: any) => props.phone && css`
+    width: 60%;
+    align-self: center;
+    padding-top: 20px;
+  `}
+`
 
 export const WrapperActions = styled.View`
   position: relative;