ordering-ui-react-native 0.11.61 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/config.json +1 -1
  3. package/themes/kiosk/src/components/CustomerName/index.tsx +91 -64
  4. package/themes/single-business/index.tsx +108 -16
  5. package/themes/single-business/src/components/shared/index.tsx +10 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-react-native",
3
- "version": "0.11.61",
3
+ "version": "0.12.0",
4
4
  "description": "Reusable components made in react native",
5
5
  "main": "src/index.tsx",
6
6
  "author": "ordering.inc",
package/src/config.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "app_id": "react-native-app",
3
3
  "notification_app": "orderingapp",
4
4
  "app_name": "Ordering",
5
- "project": "luisv4",
5
+ "project": "reactdemo",
6
6
  "api": {
7
7
  "url": "https://apiv4.ordering.co",
8
8
  "language": "en",
package/themes/kiosk/src/components/CustomerName/index.tsx CHANGED
@@ -34,7 +34,7 @@ const CustomerName = (props: Props): React.ReactElement => {
34
34
  marginBottom: 20,
35
35
  borderWidth: 1,
36
36
  borderColor: theme.colors.disabled,
37
- height: 44
37
+ height: 50
38
38
  },
39
39
  });
40
40
 
@@ -67,72 +67,99 @@ const CustomerName = (props: Props): React.ReactElement => {
67
67
  }}
68
68
  />);
69
69
 
70
+ const skipButton = (
71
+ <View style={{flex:1, left: orientationState?.dimensions.width * 0.2,}}>
72
+ <OButton
73
+ text={t('SKIP', 'Skip')}
74
+ onClick={onProceedToPay}
75
+ textStyle={{color: theme.colors.primaryContrast, fontSize: 20}}
76
+ parentStyle={{
77
+ height: orientationState?.orientation === PORTRAIT
78
+ ? 50 : 100
79
+ }}
80
+ style={{
81
+ width: orientationState?.orientation === PORTRAIT
82
+ ? orientationState?.dimensions.width - 40
83
+ : orientationState?.dimensions.width * 0.1,
84
+ }}
85
+ />
86
+ </View>
87
+ );
88
+
70
89
  return (
71
90
  <>
72
- <Container>
73
- <NavBar
74
- title={t('YOUR_NAME', 'Your name')}
75
- onActionLeft={goToBack}
76
- btnStyle={{paddingLeft: 0}}
77
- />
78
-
79
- <View style={{ marginVertical: orientationState?.dimensions?.height * 0.03 }}>
80
- <OText
81
- size={orientationState?.dimensions?.width * 0.05}
82
- >
83
- {t('WHOM_MIGHT_THIS', 'Whom might this')} {'\n'}
84
- <OText
85
- size={orientationState?.dimensions?.width * 0.05}
86
- weight={'700'}
87
- >
88
- {`${t('ORDER_BE_FOR', 'order be for?')}`}
89
- </OText>
90
- </OText>
91
- </View>
92
-
93
- <Controller
94
- control={control}
95
- render={({ onChange, value }: any) => (
96
- <OInput
97
- placeholder={t('WRITE_YOUR_NAME', 'Write your name')}
98
- style={{
99
- ...styles.inputStyle,
100
- width: orientationState?.orientation === PORTRAIT
101
- ? orientationState?.dimensions.width - 40
102
- : orientationState?.dimensions.width * 0.5,
103
- }}
104
- value={value}
105
- autoCapitalize="words"
106
- autoCorrect={false}
107
- onChange={(val: any) => onChange(val)}
108
- />
109
- )}
110
- name="name"
111
- rules={{
112
- required: t(
113
- 'VALIDATION_ERROR_REQUIRED',
114
- 'The field Customer Name is required',
115
- ).replace('_attribute_', t('REQUEST_COLLECTION_CUSTOMER_NAME', 'Customer Name')),
116
- pattern: {
117
- value: /^[a-zA-Z áéíóúüñçÁÉÍÓÚÜÑÇ]+$/i,
118
- message: t(
119
- 'INVALID_ERROR',
120
- 'Invalid name',
121
- ).replace('_attribute_', t('NAME', 'Name')),
122
- }
123
- }}
124
- defaultValue=""
125
- />
126
-
127
- {orientationState?.orientation === LANDSCAPE && submitButton}
128
- </Container>
91
+ <Container>
92
+ <NavBar
93
+ title={t('YOUR_NAME', 'Your name')}
94
+ onActionLeft={goToBack}
95
+ btnStyle={{paddingLeft: 0}}
96
+ />
97
+ <View style={{
98
+ marginVertical: orientationState?.dimensions?.height * 0.08,
99
+ paddingLeft: orientationState?.dimensions?.width * 0.25
100
+ }}>
101
+ <OText
102
+ size={orientationState?.dimensions?.width * 0.05}
103
+ style={{bottom: 20}}
104
+ >
105
+ {t('WHATS_YOUR_NAME', "What's your name?")}
106
+ {/* <OText
107
+ size={orientationState?.dimensions?.width * 0.05}
108
+ weight={'700'}
109
+ >
110
+ {`${t('ORDER_BE_FOR', 'order be for?')}`}
111
+ </OText> */}
112
+ </OText>
113
+ <Controller
114
+ control={control}
115
+ render={({ onChange, value }: any) => (
116
+ <OInput
117
+ placeholder={t('WRITE_YOUR_NAME', 'Write your name')}
118
+ style={{
119
+ ...styles.inputStyle,
120
+ width: orientationState?.orientation === PORTRAIT
121
+ ? orientationState?.dimensions.width - 40
122
+ : orientationState?.dimensions.width * 0.5,
123
+ }}
124
+ value={value}
125
+ autoCapitalize="words"
126
+ autoCorrect={false}
127
+ onChange={(val: any) => onChange(val)}
128
+ onSubmitEditing={handleSubmit(onSubmit)}
129
+ />
130
+ )}
131
+ name="name"
132
+ rules={{
133
+ required: t(
134
+ 'VALIDATION_ERROR_REQUIRED',
135
+ 'The field Customer Name is required',
136
+ ).replace('_attribute_', t('REQUEST_COLLECTION_CUSTOMER_NAME', 'Customer Name')),
137
+ pattern: {
138
+ value: /^[a-zA-Z áéíóúüñçÁÉÍÓÚÜÑÇ]+$/i,
139
+ message: t(
140
+ 'INVALID_ERROR',
141
+ 'Invalid name',
142
+ ).replace('_attribute_', t('NAME', 'Name')),
143
+ }
144
+ }}
145
+ defaultValue=""
146
+ />
129
147
 
130
- {(orientationState?.orientation === PORTRAIT) && (
131
- <OSActions>
132
- {submitButton}
133
- </OSActions>
134
- )}
135
- </>
148
+ {orientationState?.orientation === LANDSCAPE && submitButton}
149
+ {orientationState?.orientation === LANDSCAPE && skipButton}
150
+ {(orientationState?.orientation === PORTRAIT) && (
151
+ <OSActions>
152
+ {submitButton}
153
+ </OSActions>
154
+ )}
155
+ {(orientationState?.orientation === PORTRAIT) && (
156
+ <OSActions>
157
+ {skipButton}
158
+ </OSActions>
159
+ )}
160
+ </View>
161
+ </Container>
162
+ </>
136
163
  );
137
164
  };
138
165
 
package/themes/single-business/index.tsx CHANGED
@@ -1,31 +1,76 @@
1
- import { AddressForm } from './src/components/AddressForm';
2
- import { AddressDetails } from './src/components/AddressDetails';
3
- import { Home } from './src/components/Home';
4
- import { LoginForm } from './src/components/LoginForm';
5
- import { SignupForm } from './src/components/SignupForm';
6
1
  import { ActiveOrders } from './src/components/ActiveOrders';
2
+ import { AddressDetails } from './src/components/AddressDetails';
3
+ import { AddressForm } from './src/components/AddressForm';
7
4
  import { AddressList } from './src/components/AddressList';
8
5
  import { AppleLogin } from './src/components/AppleLogin';
6
+ import BottomWrapper from './src/components/BottomWrapper';
7
+ import { BusinessBasicInformation } from './src/components/BusinessBasicInformation';
8
+ import { BusinessController } from './src/components/BusinessController';
9
9
  import { BusinessesListing } from './src/components/BusinessesListing';
10
+ import { BusinessFeaturedController } from './src/components/BusinessFeaturedController';
11
+ import { BusinessInformation } from './src/components/BusinessInformation';
12
+ import { BusinessItemAccordion } from './src/components/BusinessItemAccordion';
13
+ import { BusinessProductsCategories } from './src/components/BusinessProductsCategories';
14
+ import { BusinessProductsList } from './src/components/BusinessProductsList';
10
15
  import { BusinessProductsListing } from './src/components/BusinessProductsListing';
16
+ import { BusinessReviews } from './src/components/BusinessReviews';
17
+ import { BusinessTypeFilter } from './src/components/BusinessTypeFilter';
18
+ import { Cart } from './src/components/Cart';
11
19
  import { CartContent } from './src/components/CartContent';
12
20
  import { Checkout } from './src/components/Checkout';
21
+ import { CouponControl } from './src/components/CouponControl';
22
+ import { DriverTips } from './src/components/DriverTips';
23
+ import { FacebookLogin } from './src/components/FacebookLogin';
24
+ import { FloatingButton } from './src/components/FloatingButton';
13
25
  import { ForgotPasswordForm } from './src/components/ForgotPasswordForm';
26
+ import { GoogleLogin } from './src/components/GoogleLogin';
27
+ import { GoogleMap } from './src/components/GoogleMap';
28
+ import { GPSButton } from './src/components/GPSButton';
29
+ import { Help } from './src/components/Help';
30
+ import { HelpAccountAndPayment } from './src/components/HelpAccountAndPayment';
31
+ import { HelpGuide } from './src/components/HelpGuide';
32
+ import { HelpOrder } from './src/components/HelpOrder';
33
+ import { Home } from './src/components/Home';
34
+ import { LanguageSelector } from './src/components/LanguageSelector';
35
+ import { LastOrder } from './src/components/LastOrder';
36
+ import { LastOrders } from './src/components/LastOrders';
37
+ import { LoginForm } from './src/components/LoginForm';
38
+ import { LogoutButton } from './src/components/LogoutButton';
39
+ import { Messages } from './src/components/Messages';
14
40
  import { MomentOption } from './src/components/MomentOption';
15
- import { OrdersOption } from './src/components/OrdersOption';
41
+ import NavBar from './src/components/NavBar';
42
+ import { NotFoundSource } from './src/components/NotFoundSource';
43
+ import Notifications from './src/components/Notifications';
16
44
  import { OrderDetails } from './src/components/OrderDetails';
17
- import { UserProfileForm } from './src/components/UserProfileForm';
45
+ import { OrdersOption } from './src/components/OrdersOption';
46
+ import { OrderSummary } from './src/components/OrderSummary';
47
+ import { OrderTypeSelector } from './src/components/OrderTypeSelector';
48
+ import { PaymentOptionCash } from './src/components/PaymentOptionCash';
49
+ import { PaymentOptions } from './src/components/PaymentOptions';
50
+ import { PaymentOptionStripe } from './src/components/PaymentOptionStripe';
51
+ import { PhoneInputNumber } from './src/components/PhoneInputNumber';
52
+ import { PreviousOrders } from './src/components/PreviousOrders';
53
+ import { ProductForm } from './src/components/ProductForm';
54
+ import { ProductIngredient } from './src/components/ProductIngredient';
55
+ import { ProductItemAccordion } from './src/components/ProductItemAccordion';
56
+ import { ProductOption } from './src/components/ProductOption';
57
+ import { ProductOptionSubOption } from './src/components/ProductOptionSubOption';
18
58
  import { ReviewOrder } from './src/components/ReviewOrder';
59
+ import { SearchBar } from './src/components/SearchBar';
60
+ import { SignupForm } from './src/components/SignupForm';
61
+ import { SingleProductCard } from './src/components/SingleProductCard';
62
+ import { StripeCardForm } from './src/components/StripeCardForm';
63
+ import { StripeCardsList } from './src/components/StripeCardsList';
64
+ import { StripeElementsForm } from './src/components/StripeElementsForm';
65
+ import { StripeRedirectForm } from './src/components/StripeRedirectForm';
66
+ import TagSelector from './src/components/TagSelector';
67
+ import { UpsellingProducts } from './src/components/UpsellingProducts';
68
+ import { UserDetails } from './src/components/UserDetails';
69
+ import { UserFormDetailsUI } from './src/components/UserFormDetails';
19
70
  import { UserProfile } from './src/components/UserProfile';
20
- import { NotFoundSource } from './src/components/NotFoundSource';
21
- import { Help } from './src/components/Help';
22
- import { HelpOrder } from './src/components/HelpOrder';
23
- import { HelpGuide } from './src/components/HelpGuide';
24
- import { HelpAccountAndPayment } from './src/components/HelpAccountAndPayment';
25
- import { OrderTypeSelector } from './src/components/OrderTypeSelector';
26
- import Notifications from './src/components/Notifications';
71
+ import { UserProfileForm } from './src/components/UserProfileForm';
72
+ import { VerifyPhone } from './src/components/VerifyPhone';
27
73
 
28
- import { Toast } from './src/components/shared/OToast';
29
74
  import {
30
75
  OText,
31
76
  OButton,
@@ -40,6 +85,7 @@ import {
40
85
  OAlert,
41
86
  OModal,
42
87
  OBottomPopup,
88
+ Toast
43
89
  } from './src/components/shared';
44
90
 
45
91
  import { Container } from './src/layouts/Container';
@@ -78,6 +124,52 @@ export {
78
124
  HelpAccountAndPayment,
79
125
  OrderTypeSelector,
80
126
  Notifications,
127
+ BottomWrapper,
128
+ BusinessBasicInformation,
129
+ BusinessController,
130
+ BusinessFeaturedController,
131
+ BusinessInformation,
132
+ BusinessItemAccordion,
133
+ BusinessProductsCategories,
134
+ BusinessProductsList,
135
+ BusinessReviews,
136
+ BusinessTypeFilter,
137
+ Cart,
138
+ CouponControl,
139
+ DriverTips,
140
+ FacebookLogin,
141
+ FloatingButton,
142
+ GoogleLogin,
143
+ GoogleMap,
144
+ GPSButton,
145
+ LanguageSelector,
146
+ LastOrder,
147
+ LastOrders,
148
+ LogoutButton,
149
+ Messages,
150
+ NavBar,
151
+ OrderSummary,
152
+ PaymentOptionCash,
153
+ PaymentOptions,
154
+ PaymentOptionStripe,
155
+ PhoneInputNumber,
156
+ PreviousOrders,
157
+ ProductForm,
158
+ ProductIngredient,
159
+ ProductItemAccordion,
160
+ ProductOption,
161
+ ProductOptionSubOption,
162
+ SearchBar,
163
+ SingleProductCard,
164
+ StripeCardForm,
165
+ StripeCardsList,
166
+ StripeElementsForm,
167
+ StripeRedirectForm,
168
+ TagSelector,
169
+ UpsellingProducts,
170
+ UserDetails,
171
+ UserFormDetailsUI,
172
+ VerifyPhone,
81
173
 
82
174
  // OComponents
83
175
  Toast,
@@ -104,4 +196,4 @@ export {
104
196
  _setStoreData,
105
197
  _removeStoreData,
106
198
  _clearStoreData
107
- }
199
+ }
package/themes/single-business/src/components/shared/index.tsx CHANGED
@@ -1,16 +1,17 @@
1
- import OText from './OText'
1
+ import OAlert from './OAlert'
2
+ import OBottomPopup from './OBottomPopup'
2
3
  import OButton from './OButton'
3
- import OInput from './OInput'
4
4
  import ODropDown from './ODropDown'
5
5
  import OIcon from './OIcon'
6
- import OIconText from './OIconText'
7
6
  import OIconButton from './OIconButton'
8
- import OTextarea from './OTextarea'
9
- import OToggle from './OToggle'
7
+ import OIconText from './OIconText'
8
+ import OInput from './OInput'
10
9
  import OKeyButton from './OKeyButton'
11
10
  import OModal from './OModal'
12
- import OAlert from './OAlert'
13
- import OBottomPopup from './OBottomPopup'
11
+ import OText from './OText'
12
+ import OTextarea from './OTextarea'
13
+ import { Toast } from './OToast'
14
+ import OToggle from './OToggle'
14
15
 
15
16
  export {
16
17
  OText,
@@ -24,6 +25,7 @@ export {
24
25
  OToggle,
25
26
  OKeyButton,
26
27
  OAlert,
27
- OModal,
28
+ OModal,
28
29
  OBottomPopup,
30
+ Toast
29
31
  }