tf-checkout-react-native 1.0.1 → 1.0.6
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.
- package/README.md +235 -7
- package/assets/icons/ic_check.png +0 -0
- package/assets/icons/ic_copy.png +0 -0
- package/assets/icons/ic_dropdown.png +0 -0
- package/assets/icons/ic_error.png +0 -0
- package/assets/icons/ic_next.png +0 -0
- package/assets/images/brand.png +0 -0
- package/lib/api/ApiClient.d.ts +7 -4
- package/lib/api/ApiClient.js +119 -98
- package/lib/api/ApiClient.js.map +1 -1
- package/lib/api/Constants.d.ts +1 -0
- package/lib/api/Constants.js +1 -0
- package/lib/api/Constants.js.map +1 -1
- package/lib/api/types.d.ts +23 -3
- package/lib/api/types.js +0 -1
- package/lib/api/types.js.map +1 -1
- package/lib/components/button/Button.js +4 -4
- package/lib/components/button/Button.js.map +1 -1
- package/lib/components/checkbox/types.d.ts +1 -1
- package/lib/components/datePicker/DatePicker.d.ts +1 -1
- package/lib/components/datePicker/DatePicker.js +10 -7
- package/lib/components/datePicker/DatePicker.js.map +1 -1
- package/lib/components/datePicker/styles.d.ts +0 -1
- package/lib/components/datePicker/styles.js +0 -1
- package/lib/components/datePicker/styles.js.map +1 -1
- package/lib/components/datePicker/types.d.ts +12 -4
- package/lib/components/dropdown/Dropdown.d.ts +1 -1
- package/lib/components/dropdown/Dropdown.js +26 -14
- package/lib/components/dropdown/Dropdown.js.map +1 -1
- package/lib/components/dropdown/DropdownListItem.d.ts +1 -1
- package/lib/components/dropdown/DropdownListItem.js +7 -5
- package/lib/components/dropdown/DropdownListItem.js.map +1 -1
- package/lib/components/dropdown/styles.d.ts +15 -3
- package/lib/components/dropdown/styles.js +22 -4
- package/lib/components/dropdown/styles.js.map +1 -1
- package/lib/components/dropdown/types.d.ts +16 -7
- package/lib/components/formField/FormField.js +10 -7
- package/lib/components/formField/FormField.js.map +1 -1
- package/lib/components/formField/types.d.ts +5 -3
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.js +1 -0
- package/lib/components/index.js.map +1 -1
- package/lib/components/input/Input.js +4 -2
- package/lib/components/input/Input.js.map +1 -1
- package/lib/components/input/types.d.ts +2 -0
- package/lib/components/loggedIn/LoggedIn.js +21 -7
- package/lib/components/loggedIn/LoggedIn.js.map +1 -1
- package/lib/components/loggedIn/types.d.ts +17 -5
- package/lib/components/login/Login.d.ts +1 -1
- package/lib/components/login/Login.js +21 -17
- package/lib/components/login/Login.js.map +1 -1
- package/lib/components/login/LoginView.d.ts +1 -1
- package/lib/components/login/LoginView.js +38 -19
- package/lib/components/login/LoginView.js.map +1 -1
- package/lib/components/login/styles.d.ts +5 -0
- package/lib/components/login/styles.js +5 -0
- package/lib/components/login/styles.js.map +1 -1
- package/lib/components/login/types.d.ts +24 -5
- package/lib/components/promoCode/PromoCode.js +9 -1
- package/lib/components/promoCode/PromoCode.js.map +1 -1
- package/lib/components/wrapper/Wrapper.d.ts +8 -0
- package/lib/components/wrapper/Wrapper.js +29 -0
- package/lib/components/wrapper/Wrapper.js.map +1 -0
- package/lib/containers/billingInfo/Billing.d.ts +3 -0
- package/lib/containers/billingInfo/Billing.js +583 -0
- package/lib/containers/billingInfo/Billing.js.map +1 -0
- package/lib/containers/billingInfo/styles.d.ts +36 -0
- package/lib/containers/billingInfo/styles.js +37 -0
- package/lib/containers/billingInfo/styles.js.map +1 -1
- package/lib/containers/billingInfo/types.d.ts +47 -4
- package/lib/containers/checkout/Checkout.d.ts +1 -1
- package/lib/containers/checkout/Checkout.js +54 -32
- package/lib/containers/checkout/Checkout.js.map +1 -1
- package/lib/containers/checkout/CheckoutData.js +9 -9
- package/lib/containers/checkout/CheckoutData.js.map +1 -1
- package/lib/containers/checkout/CheckoutView.d.ts +1 -1
- package/lib/containers/checkout/CheckoutView.js +24 -10
- package/lib/containers/checkout/CheckoutView.js.map +1 -1
- package/lib/containers/checkout/components/OrderReview.d.ts +1 -1
- package/lib/containers/checkout/components/OrderReview.js +4 -4
- package/lib/containers/checkout/components/OrderReview.js.map +1 -1
- package/lib/containers/checkout/styles.d.ts +17 -2
- package/lib/containers/checkout/styles.js +17 -2
- package/lib/containers/checkout/styles.js.map +1 -1
- package/lib/containers/checkout/types.d.ts +50 -5
- package/lib/containers/index.d.ts +1 -1
- package/lib/containers/index.js +1 -1
- package/lib/containers/index.js.map +1 -1
- package/lib/containers/myOrderDetails/MyOrderDetails.js +61 -6
- package/lib/containers/myOrderDetails/MyOrderDetails.js.map +1 -1
- package/lib/containers/myOrderDetails/MyOrderDetailsView.js +140 -36
- package/lib/containers/myOrderDetails/MyOrderDetailsView.js.map +1 -1
- package/lib/containers/myOrderDetails/components/Notification.d.ts +6 -0
- package/lib/containers/myOrderDetails/components/Notification.js +16 -0
- package/lib/containers/myOrderDetails/components/Notification.js.map +1 -0
- package/lib/containers/myOrderDetails/components/styles.d.ts +38 -0
- package/lib/containers/myOrderDetails/components/styles.js +41 -0
- package/lib/containers/myOrderDetails/components/styles.js.map +1 -0
- package/lib/containers/myOrderDetails/styles.d.ts +54 -0
- package/lib/containers/myOrderDetails/styles.js +54 -1
- package/lib/containers/myOrderDetails/styles.js.map +1 -1
- package/lib/containers/myOrderDetails/types.d.ts +70 -6
- package/lib/containers/myOrders/MyOrders.d.ts +1 -6
- package/lib/containers/myOrders/MyOrders.js +18 -15
- package/lib/containers/myOrders/MyOrders.js.map +1 -1
- package/lib/containers/myOrders/MyOrdersView.d.ts +1 -1
- package/lib/containers/myOrders/MyOrdersView.js +36 -14
- package/lib/containers/myOrders/MyOrdersView.js.map +1 -1
- package/lib/containers/myOrders/components/OrderListItem.js +1 -1
- package/lib/containers/myOrders/components/OrderListItem.js.map +1 -1
- package/lib/containers/myOrders/components/styles.d.ts +4 -0
- package/lib/containers/myOrders/components/styles.js +4 -0
- package/lib/containers/myOrders/components/styles.js.map +1 -1
- package/lib/containers/myOrders/styles.d.ts +19 -2
- package/lib/containers/myOrders/styles.js +20 -2
- package/lib/containers/myOrders/styles.js.map +1 -1
- package/lib/containers/myOrders/types.d.ts +20 -15
- package/lib/containers/purchaseConfirmation/PurchaseConfirmation.d.ts +1 -1
- package/lib/containers/purchaseConfirmation/PurchaseConfirmation.js +2 -2
- package/lib/containers/purchaseConfirmation/PurchaseConfirmation.js.map +1 -1
- package/lib/containers/purchaseConfirmation/PurchaseConfirmationView.js +4 -4
- package/lib/containers/purchaseConfirmation/PurchaseConfirmationView.js.map +1 -1
- package/lib/containers/purchaseConfirmation/types.d.ts +4 -0
- package/lib/containers/tickets/Tickets.d.ts +1 -1
- package/lib/containers/tickets/Tickets.js +22 -17
- package/lib/containers/tickets/Tickets.js.map +1 -1
- package/lib/containers/tickets/TicketsView.d.ts +1 -1
- package/lib/containers/tickets/TicketsView.js +7 -9
- package/lib/containers/tickets/TicketsView.js.map +1 -1
- package/lib/containers/tickets/components/TicketListItem.js +24 -8
- package/lib/containers/tickets/components/TicketListItem.js.map +1 -1
- package/lib/containers/tickets/types.d.ts +15 -2
- package/lib/helpers/Config.d.ts +12 -0
- package/lib/helpers/Config.js +32 -0
- package/lib/helpers/Config.js.map +1 -0
- package/lib/helpers/LocalStorage.d.ts +1 -0
- package/lib/helpers/LocalStorage.js +15 -3
- package/lib/helpers/LocalStorage.js.map +1 -1
- package/lib/helpers/Validators.d.ts +1 -0
- package/lib/helpers/Validators.js +5 -0
- package/lib/helpers/Validators.js.map +1 -1
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -1
- package/lib/res/colors.d.ts +2 -0
- package/lib/res/colors.js +4 -0
- package/lib/res/colors.js.map +1 -1
- package/lib/res/icons.d.ts +1 -0
- package/lib/res/icons.js +5 -4
- package/lib/res/icons.js.map +1 -1
- package/lib/res/images.js +1 -1
- package/lib/res/images.js.map +1 -1
- package/lib/res/index.d.ts +3 -0
- package/lib/types/IUserProfile.d.ts +1 -1
- package/package.json +10 -2
- package/lib/containers/billingInfo/BillingInfo.d.ts +0 -3
- package/lib/containers/billingInfo/BillingInfo.js +0 -627
- package/lib/containers/billingInfo/BillingInfo.js.map +0 -1
- package/lib/containers/billingInfo/BillingInfoData.d.ts +0 -6
- package/lib/containers/billingInfo/BillingInfoData.js +0 -79
- package/lib/containers/billingInfo/BillingInfoData.js.map +0 -1
- package/lib/containers/billingInfo/BillingInfoView.d.ts +0 -3
- package/lib/containers/billingInfo/BillingInfoView.js +0 -23
- package/lib/containers/billingInfo/BillingInfoView.js.map +0 -1
|
@@ -1,2 +1,55 @@
|
|
|
1
|
-
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
export default StyleSheet.create({
|
|
3
|
+
rootContainer: {
|
|
4
|
+
flex: 1,
|
|
5
|
+
},
|
|
6
|
+
shareLinkContainer: {
|
|
7
|
+
flexDirection: 'row',
|
|
8
|
+
justifyContent: 'space-between',
|
|
9
|
+
alignItems: 'center',
|
|
10
|
+
},
|
|
11
|
+
copyContainer: {
|
|
12
|
+
alignItems: 'center',
|
|
13
|
+
borderWidth: 1,
|
|
14
|
+
padding: 4,
|
|
15
|
+
justifyContent: 'center',
|
|
16
|
+
flexDirection: 'row',
|
|
17
|
+
},
|
|
18
|
+
copyText: {
|
|
19
|
+
fontSize: 11,
|
|
20
|
+
},
|
|
21
|
+
copyIcon: {
|
|
22
|
+
height: 16,
|
|
23
|
+
width: 16,
|
|
24
|
+
marginLeft: 4,
|
|
25
|
+
resizeMode: 'contain',
|
|
26
|
+
},
|
|
27
|
+
sectionFooterContainer: {
|
|
28
|
+
flexDirection: 'row',
|
|
29
|
+
justifyContent: 'space-between',
|
|
30
|
+
},
|
|
31
|
+
listItemContainer: {
|
|
32
|
+
flexDirection: 'row',
|
|
33
|
+
justifyContent: 'space-between',
|
|
34
|
+
borderWidth: 2,
|
|
35
|
+
marginVertical: 8,
|
|
36
|
+
},
|
|
37
|
+
rowContainer: {
|
|
38
|
+
flexDirection: 'row',
|
|
39
|
+
},
|
|
40
|
+
listItemInnerRightContainer: {
|
|
41
|
+
justifyContent: 'center',
|
|
42
|
+
alignItems: 'flex-end',
|
|
43
|
+
},
|
|
44
|
+
ticketItemContainer: {
|
|
45
|
+
flexDirection: 'row',
|
|
46
|
+
justifyContent: 'space-between',
|
|
47
|
+
borderWidth: 2,
|
|
48
|
+
marginVertical: 8,
|
|
49
|
+
},
|
|
50
|
+
ticketItemInnerRightContainer: {
|
|
51
|
+
justifyContent: 'center',
|
|
52
|
+
alignItems: 'flex-end',
|
|
53
|
+
},
|
|
54
|
+
});
|
|
2
55
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/containers/myOrderDetails/styles.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/containers/myOrderDetails/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;KACR;IACD,kBAAkB,EAAE;QAClB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,CAAC;QACV,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,KAAK;KACrB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;KACb;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,SAAS;KACtB;IACD,sBAAsB,EAAE;QACtB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;IAED,iBAAiB,EAAE;QACjB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,CAAC;QACd,cAAc,EAAE,CAAC;KAClB;IACD,YAAY,EAAE;QACZ,aAAa,EAAE,KAAK;KACrB;IACD,2BAA2B,EAAE;QAC3B,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,UAAU;KACvB;IAED,mBAAmB,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,CAAC;QACd,cAAc,EAAE,CAAC;KAClB;IACD,6BAA6B,EAAE;QAC7B,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAA"}
|
|
@@ -1,11 +1,75 @@
|
|
|
1
|
+
import { ColorValue, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
1
2
|
import { IMyOrderDetailsResponse } from '../../api/types';
|
|
3
|
+
import { IButtonStyles } from '../../components/button/types';
|
|
2
4
|
export interface IMyOrderDetailsProps {
|
|
3
5
|
data: IMyOrderDetailsResponse;
|
|
4
|
-
styles?:
|
|
5
|
-
|
|
6
|
+
styles?: {
|
|
7
|
+
rootContainer?: StyleProp<ViewStyle>;
|
|
8
|
+
header?: {
|
|
9
|
+
container?: StyleProp<ViewStyle>;
|
|
10
|
+
title?: StyleProp<TextStyle>;
|
|
11
|
+
subTitle?: StyleProp<TextStyle>;
|
|
12
|
+
shareLink?: {
|
|
13
|
+
container?: StyleProp<ViewStyle>;
|
|
14
|
+
text?: StyleProp<TextStyle>;
|
|
15
|
+
link?: StyleProp<TextStyle>;
|
|
16
|
+
copyContainer?: StyleProp<ViewStyle>;
|
|
17
|
+
copyText?: StyleProp<TextStyle>;
|
|
18
|
+
copyIcon?: StyleProp<ImageStyle>;
|
|
19
|
+
copyIconTint?: ColorValue;
|
|
20
|
+
copyIconTintActive?: ColorValue;
|
|
21
|
+
message?: StyleProp<TextStyle>;
|
|
22
|
+
referrals?: StyleProp<TextStyle>;
|
|
23
|
+
referralValue?: StyleProp<TextStyle>;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
section0Footer?: {
|
|
27
|
+
container?: StyleProp<ViewStyle>;
|
|
28
|
+
label?: StyleProp<TextStyle>;
|
|
29
|
+
value?: StyleProp<TextStyle>;
|
|
30
|
+
};
|
|
31
|
+
sectionHeader?: StyleProp<TextStyle>;
|
|
32
|
+
listItem?: {
|
|
33
|
+
container?: StyleProp<ViewStyle>;
|
|
34
|
+
innerLeftContainer?: StyleProp<ViewStyle>;
|
|
35
|
+
innerRightContainer?: StyleProp<ViewStyle>;
|
|
36
|
+
rowPlaceholder?: StyleProp<TextStyle>;
|
|
37
|
+
rowValue?: StyleProp<TextStyle>;
|
|
38
|
+
};
|
|
39
|
+
ticketItem?: {
|
|
40
|
+
container?: StyleProp<ViewStyle>;
|
|
41
|
+
innerLeftContainer?: StyleProp<ViewStyle>;
|
|
42
|
+
innerRightContainer?: StyleProp<ViewStyle>;
|
|
43
|
+
rowPlaceholder?: StyleProp<TextStyle>;
|
|
44
|
+
rowValue?: StyleProp<TextStyle>;
|
|
45
|
+
};
|
|
46
|
+
downloadButton?: IButtonStyles;
|
|
47
|
+
};
|
|
48
|
+
texts?: {
|
|
49
|
+
title?: string;
|
|
50
|
+
subTitle?: string;
|
|
51
|
+
referralLink?: string;
|
|
52
|
+
listItem?: {
|
|
53
|
+
title?: string;
|
|
54
|
+
ticketType?: string;
|
|
55
|
+
price?: string;
|
|
56
|
+
quantity?: string;
|
|
57
|
+
total?: string;
|
|
58
|
+
};
|
|
59
|
+
ticketItem?: {
|
|
60
|
+
title?: string;
|
|
61
|
+
ticketId?: string;
|
|
62
|
+
ticketType?: string;
|
|
63
|
+
ticketHolder?: string;
|
|
64
|
+
status?: string;
|
|
65
|
+
download?: string;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
6
68
|
}
|
|
7
|
-
export
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
69
|
+
export declare type DownloadStatus = 'downloading' | 'downloaded' | 'failed';
|
|
70
|
+
export interface IMyOrderDetailsView extends IMyOrderDetailsProps {
|
|
71
|
+
isLinkCopied?: boolean;
|
|
72
|
+
onPressCopyLink: () => void;
|
|
73
|
+
onPressTicketDownload: (link: string, hash: string) => void;
|
|
74
|
+
downloadStatus?: DownloadStatus;
|
|
11
75
|
}
|
|
@@ -1,9 +1,4 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface IMyOrdersProps {
|
|
4
|
-
onDismissMyOrders: () => void;
|
|
5
|
-
onSelectOrder: (order: IMyOrderDetailsResponse) => void;
|
|
6
|
-
onFetchOrderDetailsFail?: (error: string) => void;
|
|
7
|
-
}
|
|
2
|
+
import { IMyOrdersProps } from './types';
|
|
8
3
|
declare const MyOrders: FC<IMyOrdersProps>;
|
|
9
4
|
export default MyOrders;
|
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
import _map from 'lodash/map';
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
2
|
+
import React, { useCallback, useEffect, useState } from 'react';
|
|
3
3
|
import { Alert } from 'react-native';
|
|
4
4
|
import { fetchMyOrders, fetchOrderDetails } from '../../api/ApiClient';
|
|
5
5
|
import MyOrdersView from './MyOrdersView';
|
|
6
|
-
const MyOrders = ({
|
|
6
|
+
const MyOrders = ({ onSelectOrder, onFetchOrderDetailsFail, styles, }) => {
|
|
7
7
|
const [isLoading, setIsLoading] = useState(true);
|
|
8
8
|
const [isGettingEventDetails, setIsGettingEventDetails] = useState(false);
|
|
9
9
|
const [myEvents, setMyEvents] = useState([]);
|
|
10
|
-
const [selectedEvent, setSelectedEvent] = useState(
|
|
10
|
+
const [selectedEvent, setSelectedEvent] = useState({
|
|
11
|
+
label: 'Select event',
|
|
12
|
+
value: '-1',
|
|
13
|
+
});
|
|
11
14
|
const [myOrders, setMyOrders] = useState([]);
|
|
12
|
-
const getMyOrdersAsync = async () => {
|
|
15
|
+
const getMyOrdersAsync = useCallback(async () => {
|
|
13
16
|
setIsLoading(true);
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
console.log('myOrdersError', myOrdersError);
|
|
17
|
+
const validSelectedEvent = selectedEvent.value === '-1' ? null : selectedEvent;
|
|
18
|
+
const { myOrdersData, myOrdersError } = await fetchMyOrders(validSelectedEvent === null || validSelectedEvent === void 0 ? void 0 : validSelectedEvent.value.toString());
|
|
17
19
|
if (myOrdersError || !myOrdersData) {
|
|
18
20
|
return Alert.alert('', myOrdersError);
|
|
19
21
|
}
|
|
@@ -26,10 +28,12 @@ const MyOrders = ({ onDismissMyOrders, onSelectOrder, onFetchOrderDetailsFail, }
|
|
|
26
28
|
setMyOrders(myOrdersData.orders);
|
|
27
29
|
setMyEvents(events);
|
|
28
30
|
setIsLoading(false);
|
|
29
|
-
};
|
|
31
|
+
}, [selectedEvent]);
|
|
30
32
|
//#region Handlers
|
|
31
33
|
const handleOnChangeEvent = (event) => {
|
|
32
|
-
|
|
34
|
+
if (event.value !== selectedEvent.value) {
|
|
35
|
+
setSelectedEvent(event);
|
|
36
|
+
}
|
|
33
37
|
};
|
|
34
38
|
const handleOnSelectOrder = async (order) => {
|
|
35
39
|
setIsGettingEventDetails(true);
|
|
@@ -46,17 +50,16 @@ const MyOrders = ({ onDismissMyOrders, onSelectOrder, onFetchOrderDetailsFail, }
|
|
|
46
50
|
//#endregion
|
|
47
51
|
//#region useEffect
|
|
48
52
|
useEffect(() => {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
}, []);
|
|
53
|
+
if (selectedEvent === null || selectedEvent === void 0 ? void 0 : selectedEvent.value) {
|
|
54
|
+
getMyOrdersAsync();
|
|
55
|
+
}
|
|
56
|
+
}, [getMyOrdersAsync, selectedEvent]);
|
|
54
57
|
useEffect(() => {
|
|
55
58
|
if (myEvents.length > 0) {
|
|
56
59
|
}
|
|
57
60
|
}, [myEvents]);
|
|
58
61
|
//#endregion
|
|
59
|
-
return (React.createElement(MyOrdersView, { myEvents: myEvents, selectedEvent: selectedEvent, onChangeEvent: handleOnChangeEvent, myOrders: myOrders, onSelectOrder: handleOnSelectOrder, onRefresh: getMyOrdersAsync, isLoading: isLoading,
|
|
62
|
+
return (React.createElement(MyOrdersView, { myEvents: myEvents, selectedEvent: selectedEvent, onChangeEvent: handleOnChangeEvent, myOrders: myOrders, onSelectOrder: handleOnSelectOrder, onRefresh: getMyOrdersAsync, isLoading: isLoading, isGettingEventDetails: isGettingEventDetails, styles: styles }));
|
|
60
63
|
};
|
|
61
64
|
export default MyOrders;
|
|
62
65
|
//# sourceMappingURL=MyOrders.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MyOrders.js","sourceRoot":"","sources":["../../../src/containers/myOrders/MyOrders.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"MyOrders.js","sourceRoot":"","sources":["../../../src/containers/myOrders/MyOrders.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IMyOrdersViewProps } from './types';
|
|
2
|
-
declare const MyOrdersView: ({ myEvents, onChangeEvent, selectedEvent, myOrders, onSelectOrder, styles, isLoading, onRefresh,
|
|
2
|
+
declare const MyOrdersView: ({ myEvents, onChangeEvent, selectedEvent, myOrders, onSelectOrder, styles, isLoading, onRefresh, isGettingEventDetails, }: IMyOrdersViewProps) => JSX.Element;
|
|
3
3
|
export default MyOrdersView;
|
|
@@ -1,29 +1,51 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { FlatList,
|
|
3
|
-
import {
|
|
1
|
+
import React, { useCallback, useMemo } from 'react';
|
|
2
|
+
import { FlatList, Image, RefreshControl, SafeAreaView, Text, TouchableOpacity, View, } from 'react-native';
|
|
3
|
+
import { Dropdown, Loading } from '../../components';
|
|
4
4
|
import R from '../../res';
|
|
5
5
|
import OrderListItem from './components/OrderListItem';
|
|
6
6
|
import { MyOrdersViewStyles as s } from './styles';
|
|
7
|
-
const MyOrdersView = ({ myEvents, onChangeEvent, selectedEvent, myOrders, onSelectOrder, styles, isLoading, onRefresh,
|
|
7
|
+
const MyOrdersView = ({ myEvents, onChangeEvent, selectedEvent, myOrders, onSelectOrder, styles, isLoading, onRefresh, isGettingEventDetails, }) => {
|
|
8
8
|
const handleOnSelectOrder = (order) => {
|
|
9
9
|
if (onSelectOrder) {
|
|
10
10
|
onSelectOrder(order);
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
|
-
|
|
13
|
+
const renderOrderListItem = useCallback(({ item }) => (React.createElement(OrderListItem, { order: item, onSelectOrder: handleOnSelectOrder, styles: styles === null || styles === void 0 ? void 0 : styles.orderListItem })),
|
|
14
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
15
|
+
[handleOnSelectOrder]);
|
|
16
|
+
const renderRefreshControl = useMemo(() => (React.createElement(RefreshControl, { tintColor: (styles === null || styles === void 0 ? void 0 : styles.refreshControlColor) || R.colors.primary, refreshing: !!isLoading, onRefresh: onRefresh })),
|
|
17
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18
|
+
[isLoading, onRefresh]);
|
|
19
|
+
const dropdownStyles = useMemo(() => {
|
|
20
|
+
return {
|
|
21
|
+
container: s.eventsDropdownContainer,
|
|
22
|
+
button: s.eventsDropdownButton,
|
|
23
|
+
label: {
|
|
24
|
+
maxWidth: '75%',
|
|
25
|
+
},
|
|
26
|
+
...styles === null || styles === void 0 ? void 0 : styles.eventsDropdown,
|
|
27
|
+
};
|
|
28
|
+
}, [styles === null || styles === void 0 ? void 0 : styles.eventsDropdown]);
|
|
29
|
+
const onClearSelectedEvent = () => onChangeEvent({
|
|
30
|
+
label: 'Select event',
|
|
31
|
+
value: '-1',
|
|
32
|
+
});
|
|
33
|
+
return (React.createElement(View, { style: [s.rootContainer, styles === null || styles === void 0 ? void 0 : styles.rootContainer] },
|
|
14
34
|
React.createElement(SafeAreaView, { style: [s.safeArea, styles === null || styles === void 0 ? void 0 : styles.safeArea] },
|
|
15
35
|
React.createElement(View, { style: [s.eventsContainer, styles === null || styles === void 0 ? void 0 : styles.eventsContainer] },
|
|
16
36
|
React.createElement(Text, { style: [s.eventsTitle, styles === null || styles === void 0 ? void 0 : styles.eventsTitle] }, "Events"),
|
|
17
|
-
React.createElement(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
37
|
+
React.createElement(View, { style: [
|
|
38
|
+
s.eventsSelectionContainer,
|
|
39
|
+
styles === null || styles === void 0 ? void 0 : styles.eventsSelectionContainer,
|
|
40
|
+
] },
|
|
41
|
+
React.createElement(Dropdown, { items: myEvents, onSelectItem: onChangeEvent, selectedOption: selectedEvent, styles: dropdownStyles }),
|
|
42
|
+
React.createElement(TouchableOpacity, { onPress: onClearSelectedEvent },
|
|
43
|
+
React.createElement(Image, { source: R.icons.error, style: [
|
|
44
|
+
s.clearEventSelectionIcon,
|
|
45
|
+
styles === null || styles === void 0 ? void 0 : styles.clearEventSelectionIcon,
|
|
46
|
+
] })))),
|
|
21
47
|
React.createElement(View, { style: [s.listContainer, styles === null || styles === void 0 ? void 0 : styles.listContainer] },
|
|
22
|
-
React.createElement(FlatList, { data: myOrders, renderItem:
|
|
23
|
-
React.createElement(Button, { text: goBackButtonText || 'Go back', onPress: onGoBack, styles: {
|
|
24
|
-
container: s.backButtonContainer,
|
|
25
|
-
...styles === null || styles === void 0 ? void 0 : styles.goBackButton,
|
|
26
|
-
} })),
|
|
48
|
+
React.createElement(FlatList, { data: myOrders, renderItem: renderOrderListItem, refreshControl: renderRefreshControl })),
|
|
27
49
|
isGettingEventDetails && React.createElement(Loading, null))));
|
|
28
50
|
};
|
|
29
51
|
export default MyOrdersView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MyOrdersView.js","sourceRoot":"","sources":["../../../src/containers/myOrders/MyOrdersView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"MyOrdersView.js","sourceRoot":"","sources":["../../../src/containers/myOrders/MyOrdersView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ const OrderListItem = ({ order, onSelectOrder, styles, }) => {
|
|
|
16
16
|
React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.orderId }, order.id),
|
|
17
17
|
React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.orderDate }, order.date)),
|
|
18
18
|
React.createElement(View, { style: [s.infoBottomContainer, styles === null || styles === void 0 ? void 0 : styles.infoBottomContainer] },
|
|
19
|
-
React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.eventName }, order.eventName),
|
|
19
|
+
React.createElement(Text, { style: [s.eventName, styles === null || styles === void 0 ? void 0 : styles.eventName], numberOfLines: 2 }, order.eventName),
|
|
20
20
|
React.createElement(View, { style: [s.priceContainer, styles === null || styles === void 0 ? void 0 : styles.priceContainer] },
|
|
21
21
|
React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.currency },
|
|
22
22
|
order.currency,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderListItem.js","sourceRoot":"","sources":["../../../../src/containers/myOrders/components/OrderListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAElE,OAAO,CAAC,MAAM,cAAc,CAAA;AAC5B,OAAO,EAAE,mBAAmB,IAAI,CAAC,EAAE,MAAM,UAAU,CAAA;AAGnD,MAAM,aAAa,GAA4B,CAAC,EAC9C,KAAK,EACL,aAAa,EACb,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC;QACnD,oBAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE;gBACZ,aAAa,CAAC,KAAK,CAAC,CAAA;YACtB,CAAC;YAED,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAC;gBAEzD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,CAAC;oBAE3D,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,CAAC;wBACrD,oBAAC,KAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE,EAC5B,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,GAC/B,CACG;oBAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC;wBACnD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAC;4BACzD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,IAAG,KAAK,CAAC,EAAE,CAAQ;4BAC/C,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,IAAG,KAAK,CAAC,IAAI,CAAQ,CAC9C;wBACP,oBAAC,IAAI,IACH,KAAK,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC;4BAE3D,oBAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"OrderListItem.js","sourceRoot":"","sources":["../../../../src/containers/myOrders/components/OrderListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,6 +33,7 @@ export declare const OrderListItemStyles: {
|
|
|
33
33
|
flexDirection: "row";
|
|
34
34
|
justifyContent: "space-between";
|
|
35
35
|
marginVertical: number;
|
|
36
|
+
alignItems: "flex-end";
|
|
36
37
|
};
|
|
37
38
|
iconNext: {
|
|
38
39
|
height: number;
|
|
@@ -48,4 +49,7 @@ export declare const OrderListItemStyles: {
|
|
|
48
49
|
priceContainer: {
|
|
49
50
|
flexDirection: "row";
|
|
50
51
|
};
|
|
52
|
+
eventName: {
|
|
53
|
+
width: string;
|
|
54
|
+
};
|
|
51
55
|
};
|
|
@@ -31,6 +31,7 @@ export const OrderListItemStyles = StyleSheet.create({
|
|
|
31
31
|
flexDirection: 'row',
|
|
32
32
|
justifyContent: 'space-between',
|
|
33
33
|
marginVertical: 8,
|
|
34
|
+
alignItems: 'flex-end',
|
|
34
35
|
},
|
|
35
36
|
iconNext: {
|
|
36
37
|
height: 24,
|
|
@@ -46,5 +47,8 @@ export const OrderListItemStyles = StyleSheet.create({
|
|
|
46
47
|
priceContainer: {
|
|
47
48
|
flexDirection: 'row',
|
|
48
49
|
},
|
|
50
|
+
eventName: {
|
|
51
|
+
width: '65%',
|
|
52
|
+
},
|
|
49
53
|
});
|
|
50
54
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/containers/myOrders/components/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,CAAC,MAAM,cAAc,CAAA;AAE5B,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAAC,MAAM,CAAC;IACnD,aAAa,EAAE;QACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;QACxC,cAAc,EAAE,CAAC;KAClB;IACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;IACD,cAAc,EAAE;QACd,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,EAAE;KAChB;IACD,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE;IACvD,iBAAiB,EAAE;QACjB,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;KACR;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;KACR;IACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,cAAc,EAAE,CAAC;KAClB;IACD,mBAAmB,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,cAAc,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/containers/myOrders/components/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,CAAC,MAAM,cAAc,CAAA;AAE5B,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAAC,MAAM,CAAC;IACnD,aAAa,EAAE;QACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;QACxC,cAAc,EAAE,CAAC;KAClB;IACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;IACD,cAAc,EAAE;QACd,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,EAAE;KAChB;IACD,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE;IACvD,iBAAiB,EAAE;QACjB,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;KACR;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;KACR;IACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,cAAc,EAAE,CAAC;KAClB;IACD,mBAAmB,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,cAAc,EAAE,CAAC;QACjB,UAAU,EAAE,UAAU;KACvB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,SAAS;KACtB;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;KAChB;IACD,cAAc,EAAE;QACd,aAAa,EAAE,KAAK;KACrB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAA"}
|
|
@@ -6,8 +6,11 @@ export declare const MyOrdersViewStyles: {
|
|
|
6
6
|
marginBottom: number;
|
|
7
7
|
};
|
|
8
8
|
eventsDropdownContainer: {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
flex: number;
|
|
10
|
+
marginRight: number;
|
|
11
|
+
};
|
|
12
|
+
eventsDropdownButton: {
|
|
13
|
+
marginBottom: number;
|
|
11
14
|
};
|
|
12
15
|
safeArea: {
|
|
13
16
|
flex: number;
|
|
@@ -18,4 +21,18 @@ export declare const MyOrdersViewStyles: {
|
|
|
18
21
|
backButtonContainer: {
|
|
19
22
|
marginBottom: number;
|
|
20
23
|
};
|
|
24
|
+
rootContainer: {
|
|
25
|
+
flex: number;
|
|
26
|
+
};
|
|
27
|
+
eventsSelectionContainer: {
|
|
28
|
+
flexDirection: "row";
|
|
29
|
+
alignItems: "center";
|
|
30
|
+
width: string;
|
|
31
|
+
justifyContent: "space-between";
|
|
32
|
+
};
|
|
33
|
+
clearEventSelectionIcon: {
|
|
34
|
+
tintColor: string;
|
|
35
|
+
width: number;
|
|
36
|
+
height: number;
|
|
37
|
+
};
|
|
21
38
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { StyleSheet } from 'react-native';
|
|
2
|
+
import R from '../../res';
|
|
2
3
|
export const MyOrdersViewStyles = StyleSheet.create({
|
|
3
4
|
eventsContainer: {
|
|
4
5
|
marginVertical: 16,
|
|
@@ -7,8 +8,11 @@ export const MyOrdersViewStyles = StyleSheet.create({
|
|
|
7
8
|
marginBottom: 8,
|
|
8
9
|
},
|
|
9
10
|
eventsDropdownContainer: {
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
flex: 1,
|
|
12
|
+
marginRight: 16,
|
|
13
|
+
},
|
|
14
|
+
eventsDropdownButton: {
|
|
15
|
+
marginBottom: 0,
|
|
12
16
|
},
|
|
13
17
|
safeArea: {
|
|
14
18
|
flex: 1,
|
|
@@ -19,5 +23,19 @@ export const MyOrdersViewStyles = StyleSheet.create({
|
|
|
19
23
|
backButtonContainer: {
|
|
20
24
|
marginBottom: 24,
|
|
21
25
|
},
|
|
26
|
+
rootContainer: {
|
|
27
|
+
flex: 1,
|
|
28
|
+
},
|
|
29
|
+
eventsSelectionContainer: {
|
|
30
|
+
flexDirection: 'row',
|
|
31
|
+
alignItems: 'center',
|
|
32
|
+
width: '100%',
|
|
33
|
+
justifyContent: 'space-between',
|
|
34
|
+
},
|
|
35
|
+
clearEventSelectionIcon: {
|
|
36
|
+
tintColor: R.colors.white,
|
|
37
|
+
width: 20,
|
|
38
|
+
height: 20,
|
|
39
|
+
},
|
|
22
40
|
});
|
|
23
41
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/containers/myOrders/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC,MAAM,CAAC;IAClD,eAAe,EAAE;QACf,cAAc,EAAE,EAAE;KACnB;IACD,WAAW,EAAE;QACX,YAAY,EAAE,CAAC;KAChB;IACD,uBAAuB,EAAE;QACvB,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/containers/myOrders/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,CAAC,MAAM,WAAW,CAAA;AAEzB,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC,MAAM,CAAC;IAClD,eAAe,EAAE;QACf,cAAc,EAAE,EAAE;KACnB;IACD,WAAW,EAAE;QACX,YAAY,EAAE,CAAC;KAChB;IACD,uBAAuB,EAAE;QACvB,IAAI,EAAE,CAAC;QACP,WAAW,EAAE,EAAE;KAChB;IACD,oBAAoB,EAAE;QACpB,YAAY,EAAE,CAAC;KAChB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,CAAC;KACR;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;KACR;IACD,mBAAmB,EAAE;QACnB,YAAY,EAAE,EAAE;KACjB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;KACR;IACD,wBAAwB,EAAE;QACxB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,eAAe;KAChC;IACD,uBAAuB,EAAE;QACvB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QACzB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAA"}
|
|
@@ -1,8 +1,24 @@
|
|
|
1
|
-
import { ColorValue, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
2
|
-
import { IMyOrdersOrder } from '../../api/types';
|
|
3
|
-
import { IButtonStyles } from '../../components/button/types';
|
|
1
|
+
import { ColorValue, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
2
|
+
import { IMyOrderDetailsResponse, IMyOrdersOrder } from '../../api/types';
|
|
4
3
|
import { IDropdownItem, IDropdownStyles } from '../../components/dropdown/types';
|
|
5
4
|
import { IOrderListItemStyles } from './components/types';
|
|
5
|
+
export interface IMyOrdersStyles {
|
|
6
|
+
orderListItem?: IOrderListItemStyles;
|
|
7
|
+
safeArea?: StyleProp<ViewStyle>;
|
|
8
|
+
listContainer?: StyleProp<ViewStyle>;
|
|
9
|
+
eventsContainer?: StyleProp<ViewStyle>;
|
|
10
|
+
eventsTitle?: StyleProp<TextStyle>;
|
|
11
|
+
refreshControlColor?: ColorValue;
|
|
12
|
+
eventsDropdown?: IDropdownStyles;
|
|
13
|
+
rootContainer?: StyleProp<ViewStyle>;
|
|
14
|
+
eventsSelectionContainer?: StyleProp<ViewStyle>;
|
|
15
|
+
clearEventSelectionIcon?: StyleProp<ImageStyle>;
|
|
16
|
+
}
|
|
17
|
+
export interface IMyOrdersProps {
|
|
18
|
+
onSelectOrder: (order: IMyOrderDetailsResponse) => void;
|
|
19
|
+
onFetchOrderDetailsFail?: (error: string) => void;
|
|
20
|
+
styles?: IMyOrdersStyles;
|
|
21
|
+
}
|
|
6
22
|
export interface IMyOrdersViewProps {
|
|
7
23
|
myEvents: IDropdownItem[];
|
|
8
24
|
selectedEvent?: IDropdownItem;
|
|
@@ -11,17 +27,6 @@ export interface IMyOrdersViewProps {
|
|
|
11
27
|
onSelectOrder: (order: IMyOrdersOrder) => void;
|
|
12
28
|
isGettingEventDetails?: boolean;
|
|
13
29
|
isLoading?: boolean;
|
|
14
|
-
styles?:
|
|
15
|
-
orderListItem?: IOrderListItemStyles;
|
|
16
|
-
safeArea?: StyleProp<ViewStyle>;
|
|
17
|
-
listContainer?: StyleProp<ViewStyle>;
|
|
18
|
-
eventsContainer?: StyleProp<ViewStyle>;
|
|
19
|
-
eventsTitle?: StyleProp<TextStyle>;
|
|
20
|
-
refreshControlColor?: ColorValue;
|
|
21
|
-
goBackButton?: IButtonStyles;
|
|
22
|
-
eventsDropdown?: IDropdownStyles;
|
|
23
|
-
};
|
|
24
|
-
goBackButtonText?: string;
|
|
25
|
-
onGoBack: () => void;
|
|
30
|
+
styles?: IMyOrdersStyles;
|
|
26
31
|
onRefresh?: () => void;
|
|
27
32
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IPurchaseConfirmationProps } from './types';
|
|
2
|
-
declare const PurchaseConfirmation: ({ orderHash, onComplete, }: IPurchaseConfirmationProps) => JSX.Element;
|
|
2
|
+
declare const PurchaseConfirmation: ({ orderHash, onComplete, styles, }: IPurchaseConfirmationProps) => JSX.Element;
|
|
3
3
|
export default PurchaseConfirmation;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
2
|
import { fetchPurchaseConfirmation } from '../../api/ApiClient';
|
|
3
3
|
import PurchaseConfirmationView from './PurchaseConfirmationView';
|
|
4
|
-
const PurchaseConfirmation = ({ orderHash, onComplete, }) => {
|
|
4
|
+
const PurchaseConfirmation = ({ orderHash, onComplete, styles, }) => {
|
|
5
5
|
useEffect(() => {
|
|
6
6
|
const getInitialData = async () => {
|
|
7
7
|
const { data: purchaseData, error: purchaseError } = await fetchPurchaseConfirmation(orderHash);
|
|
@@ -11,7 +11,7 @@ const PurchaseConfirmation = ({ orderHash, onComplete, }) => {
|
|
|
11
11
|
getInitialData();
|
|
12
12
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
13
|
}, []);
|
|
14
|
-
return (React.createElement(PurchaseConfirmationView, { orderHash: orderHash, onComplete: onComplete }));
|
|
14
|
+
return (React.createElement(PurchaseConfirmationView, { orderHash: orderHash, onComplete: onComplete, styles: styles }));
|
|
15
15
|
};
|
|
16
16
|
export default PurchaseConfirmation;
|
|
17
17
|
//# sourceMappingURL=PurchaseConfirmation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PurchaseConfirmation.js","sourceRoot":"","sources":["../../../src/containers/purchaseConfirmation/PurchaseConfirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AAGjE,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,UAAU,
|
|
1
|
+
{"version":3,"file":"PurchaseConfirmation.js","sourceRoot":"","sources":["../../../src/containers/purchaseConfirmation/PurchaseConfirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AAGjE,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,UAAU,EACV,MAAM,GACqB,EAAE,EAAE;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;YAChC,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,GAChD,MAAM,yBAAyB,CAAC,SAAS,CAAC,CAAA;YAE5C,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,YAAY,CAAC,CAAA;YACzC,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;QAC7C,CAAC,CAAA;QAED,cAAc,EAAE,CAAA;QAChB,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,CACL,oBAAC,wBAAwB,IACvB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
|
|
@@ -3,13 +3,13 @@ import { Text, View } from 'react-native';
|
|
|
3
3
|
import { Button } from '../../components';
|
|
4
4
|
import s from './styles';
|
|
5
5
|
const PurchaseConfirmationView = ({ texts, styles, onComplete, }) => {
|
|
6
|
-
var _a, _b, _c;
|
|
6
|
+
var _a, _b, _c, _d, _e;
|
|
7
7
|
return (React.createElement(View, { style: [s.rootContainer, styles === null || styles === void 0 ? void 0 : styles.rootContainer] },
|
|
8
8
|
React.createElement(Text, { style: [s.title, styles === null || styles === void 0 ? void 0 : styles.title] }, (texts === null || texts === void 0 ? void 0 : texts.title) || 'Your Tickets are Confirmed!'),
|
|
9
9
|
React.createElement(View, { style: [s.messagesContainer, (_a = styles === null || styles === void 0 ? void 0 : styles.message) === null || _a === void 0 ? void 0 : _a.container] },
|
|
10
|
-
React.createElement(Text, null, ((
|
|
11
|
-
React.createElement(Text, null, ((
|
|
12
|
-
React.createElement(Button, { text: 'Exit', onPress: onComplete })));
|
|
10
|
+
React.createElement(Text, { style: (_b = styles === null || styles === void 0 ? void 0 : styles.message) === null || _b === void 0 ? void 0 : _b.line1 }, ((_c = texts === null || texts === void 0 ? void 0 : texts.message) === null || _c === void 0 ? void 0 : _c.line1) || 'YOUR TICKETS HAVE BEEN EMAILED TO YOU \n'),
|
|
11
|
+
React.createElement(Text, { style: (_d = styles === null || styles === void 0 ? void 0 : styles.message) === null || _d === void 0 ? void 0 : _d.line2 }, ((_e = texts === null || texts === void 0 ? void 0 : texts.message) === null || _e === void 0 ? void 0 : _e.line2) || 'PLEASE BRING THEM WITH YOU TO THE EVENT')),
|
|
12
|
+
React.createElement(Button, { text: (texts === null || texts === void 0 ? void 0 : texts.exitButton) || 'Exit', styles: styles === null || styles === void 0 ? void 0 : styles.exitButton, onPress: onComplete })));
|
|
13
13
|
};
|
|
14
14
|
export default PurchaseConfirmationView;
|
|
15
15
|
//# sourceMappingURL=PurchaseConfirmationView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PurchaseConfirmationView.js","sourceRoot":"","sources":["../../../src/containers/purchaseConfirmation/PurchaseConfirmationView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,wBAAwB,GAAG,CAAC,EAChC,KAAK,EACL,MAAM,EACN,UAAU,GACiB,EAAE,EAAE;;IAAC,OAAA,CAChC,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC;QACnD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,IAClC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,6BAA6B,CACzC;QAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,SAAS,CAAC;YAC5D,oBAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"PurchaseConfirmationView.js","sourceRoot":"","sources":["../../../src/containers/purchaseConfirmation/PurchaseConfirmationView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,wBAAwB,GAAG,CAAC,EAChC,KAAK,EACL,MAAM,EACN,UAAU,GACiB,EAAE,EAAE;;IAAC,OAAA,CAChC,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC;QACnD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,IAClC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,6BAA6B,CACzC;QAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,SAAS,CAAC;YAC5D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,KAAK,IAChC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,KAAK,KAAI,0CAA0C,CAC/D;YACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,KAAK,IAChC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,KAAK,KAAI,yCAAyC,CAC9D,CACF;QA8CP,oBAAC,MAAM,IACL,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,MAAM,EACjC,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,EAC1B,OAAO,EAAE,UAAU,GACnB,CACG,CACR,CAAA;CAAA,CAAA;AAED,eAAe,wBAAwB,CAAA"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
2
|
+
import { IButtonStyles } from '../../components/button/types';
|
|
2
3
|
export interface IPurchaseConfirmationProps {
|
|
3
4
|
orderHash: string;
|
|
4
5
|
onComplete: () => void;
|
|
6
|
+
styles?: IPurchaseConfirmationStyles;
|
|
5
7
|
}
|
|
6
8
|
export interface IPurchaseConfirmationTexts {
|
|
7
9
|
title?: string;
|
|
@@ -16,6 +18,7 @@ export interface IPurchaseConfirmationTexts {
|
|
|
16
18
|
title?: string;
|
|
17
19
|
message?: string;
|
|
18
20
|
};
|
|
21
|
+
exitButton?: string;
|
|
19
22
|
}
|
|
20
23
|
export interface IPurchaseConfirmationStyles {
|
|
21
24
|
rootContainer?: StyleProp<ViewStyle>;
|
|
@@ -42,6 +45,7 @@ export interface IPurchaseConfirmationStyles {
|
|
|
42
45
|
copyIcon?: StyleProp<ImageStyle>;
|
|
43
46
|
copyButton?: StyleProp<ViewStyle>;
|
|
44
47
|
};
|
|
48
|
+
exitButton?: IButtonStyles;
|
|
45
49
|
}
|
|
46
50
|
export interface IPurchaseConfirmationProps {
|
|
47
51
|
texts?: IPurchaseConfirmationTexts;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITicketsProps } from './types';
|
|
2
|
-
declare const Tickets: ({ eventId, onAddToCartSuccess, onAddToCartError, onFetchTicketsError, styles, texts, isAccessCodeEnabled, isPromoEnabled, onPressMyOrders, }: ITicketsProps) => JSX.Element;
|
|
2
|
+
declare const Tickets: ({ eventId, onAddToCartSuccess, onAddToCartError, onFetchTicketsError, styles, texts, isAccessCodeEnabled, isPromoEnabled, onPressMyOrders, onPressLogout, onFetchEventError, config, }: ITicketsProps) => JSX.Element;
|
|
3
3
|
export default Tickets;
|