ordering-ui-react-native 0.10.3 → 0.11.3

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 (35) hide show
  1. package/package.json +2 -1
  2. package/themes/business/index.tsx +12 -12
  3. package/themes/business/src/components/AcceptOrRejectOrder/index.tsx +49 -43
  4. package/themes/business/src/components/AcceptOrRejectOrder/styles.tsx +4 -10
  5. package/themes/business/src/components/Chat/index.tsx +97 -60
  6. package/themes/business/src/components/DriverMap/index.tsx +196 -183
  7. package/themes/business/src/components/FloatingButton/index.tsx +61 -43
  8. package/themes/business/src/components/FloatingButton/styles.tsx +2 -5
  9. package/themes/business/src/components/GoogleMap/index.tsx +10 -8
  10. package/themes/business/src/components/Home/index.tsx +2 -5
  11. package/themes/business/src/components/Home/styles.tsx +1 -2
  12. package/themes/business/src/components/LanguageSelector/index.tsx +1 -3
  13. package/themes/business/src/components/MessagesOption/index.tsx +13 -18
  14. package/themes/business/src/components/MessagesOption/styles.tsx +3 -0
  15. package/themes/business/src/components/OrderDetails/Business.tsx +642 -0
  16. package/themes/business/src/components/OrderDetails/Delivery.tsx +436 -0
  17. package/themes/business/src/components/OrderDetails/OrderContentComponent.tsx +378 -0
  18. package/themes/business/src/components/OrderDetails/OrderHeaderComponent.tsx +148 -0
  19. package/themes/business/src/components/OrderDetails/styles.tsx +16 -74
  20. package/themes/business/src/components/OrderMessage/index.tsx +5 -2
  21. package/themes/business/src/components/OrdersOption/index.tsx +344 -302
  22. package/themes/business/src/components/OrdersOption/styles.tsx +4 -2
  23. package/themes/business/src/components/PreviousMessages/index.tsx +15 -8
  24. package/themes/business/src/components/PreviousOrders/index.tsx +86 -141
  25. package/themes/business/src/components/PreviousOrders/styles.tsx +4 -3
  26. package/themes/business/src/components/UserProfileForm/index.tsx +73 -6
  27. package/themes/business/src/components/UserProfileForm/styles.tsx +0 -2
  28. package/themes/business/src/components/shared/OModal.tsx +9 -7
  29. package/themes/business/src/components/shared/OTextarea.tsx +2 -1
  30. package/themes/business/src/layouts/SafeAreaContainer.tsx +2 -2
  31. package/themes/business/src/types/index.tsx +24 -13
  32. package/themes/business/src/utils/index.tsx +160 -0
  33. package/themes/business/src/components/OrderDetails/index.tsx +0 -1262
  34. package/themes/business/src/components/OrderDetailsDelivery/index.tsx +0 -1056
  35. package/themes/business/src/components/OrderDetailsDelivery/styles.tsx +0 -142
@@ -1,142 +0,0 @@
1
- import styled from 'styled-components/native';
2
-
3
- export const OrderDetailsContainer = styled.ScrollView`
4
- flex: 1;
5
- padding-horizontal: 20px;
6
- margin-bottom: 50px;
7
- `;
8
-
9
- export const Pickup = styled.View`
10
- padding-vertical: 10px;
11
- margin-bottom: 5px;
12
- `;
13
-
14
- export const NavBack = styled.TouchableOpacity``;
15
-
16
- export const Header = styled.View`
17
- flex-direction: row;
18
- justify-content: space-between;
19
- padding-top: 10px;
20
- padding-horizontal: 20px;
21
- `;
22
-
23
- export const DriverItem = styled.View`
24
- padding: 15px;
25
- justify-content: space-between;
26
- align-items: center;
27
- flex-direction: row;
28
- justify-content: ${(props: any) =>
29
- props?.justifyContent ? props?.justifyContent : 'flex-start'};
30
- `;
31
-
32
- export const Actions = styled.View`
33
- flex-direction: row;
34
- justify-content: flex-end;
35
- `;
36
-
37
- export const Logo = styled.View`
38
- margin-right: 20px;
39
- `;
40
-
41
- export const OrderContent = styled.View`
42
- flex: 1;
43
- `;
44
-
45
- export const OrderHeader = styled.View`
46
- padding-vertical: 10px;
47
- border-bottom-width: 10px;
48
- border-bottom-color: ${(props: any) => props.theme.colors.inputChat};
49
- padding-horizontal: 20px;
50
- `;
51
-
52
- export const OrderBusiness = styled.View`
53
- bottom: 10px;
54
- padding-vertical: 10px;
55
- flex-direction: column;
56
- `;
57
- export const Icons = styled.View`
58
- margin-top: 10px;
59
- display: flex;
60
- flex-direction: row;
61
- align-items: center;
62
- `;
63
-
64
- export const OrderInfo = styled.View`
65
- padding: 20px;
66
- flex: 1;
67
- `;
68
-
69
- export const OrderData = styled.View`
70
- flex: 1;
71
- `;
72
-
73
- export const OrderStatus = styled.View`
74
- padding: 20px;
75
- align-items: center;
76
- width: 35%;
77
- flex-wrap: wrap;
78
- `;
79
-
80
- export const StaturBar = styled.View``;
81
-
82
- export const StatusImage = styled.View``;
83
-
84
- export const SectionTitle = styled.View``;
85
-
86
- export const OrderCustomer = styled.View`
87
- padding-vertical: 10px;
88
- border-bottom-width: 10px;
89
- border-bottom-color: ${(props: any) => props.theme.colors.inputChat};
90
- `;
91
-
92
- export const OrderDriver = styled(OrderCustomer)``;
93
-
94
- export const Customer = styled.View`
95
- flex-direction: row;
96
- align-items: center;
97
- `;
98
-
99
- export const CustomerPhoto = styled.View`
100
- margin-right: 20px;
101
- `;
102
-
103
- export const InfoBlock = styled.View`
104
- width: 70%;
105
- `;
106
-
107
- export const HeaderInfo = styled.View`
108
- flex: 1;
109
- width: 80%;
110
- `;
111
-
112
- export const OrderProducts = styled(OrderCustomer)``;
113
-
114
- export const Table = styled.View`
115
- flex-direction: row;
116
- justify-content: space-between;
117
- flex: 1;
118
- align-items: center;
119
- `;
120
-
121
- export const OrderBill = styled.View`
122
- padding-vertical: 10px;
123
- flex: 1;
124
- `;
125
-
126
- export const Total = styled.View`
127
- border-top-width: 1px;
128
- border-top-color: ${(props: any) => props.theme.colors.borderTops};
129
- padding-vertical: 10px;
130
- `;
131
-
132
- export const Map = styled.View`
133
- width: 100%;
134
- height: 90%;
135
- margin-top: 20px;
136
- border-radius: 20px;
137
- `;
138
-
139
- export const AssignDriver = styled.View`
140
- padding-vertical: 10px;
141
- margin-bottom: 10px;
142
- `;