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
|
@@ -9,6 +9,10 @@ declare const _default: {
|
|
|
9
9
|
submitButton: {
|
|
10
10
|
marginVertical: number;
|
|
11
11
|
};
|
|
12
|
+
submitButtonDisabled: {
|
|
13
|
+
marginVertical: number;
|
|
14
|
+
backgroundColor: string;
|
|
15
|
+
};
|
|
12
16
|
customCheckboxText: {
|
|
13
17
|
paddingRight: number;
|
|
14
18
|
};
|
|
@@ -16,5 +20,37 @@ declare const _default: {
|
|
|
16
20
|
textDecorationLine: "underline";
|
|
17
21
|
color: string;
|
|
18
22
|
};
|
|
23
|
+
skippingRootContainer: {
|
|
24
|
+
alignItems: "center";
|
|
25
|
+
justifyContent: "center";
|
|
26
|
+
flex: number;
|
|
27
|
+
};
|
|
28
|
+
skippingDialogContainer: {
|
|
29
|
+
backgroundColor: string;
|
|
30
|
+
alignItems: "center";
|
|
31
|
+
justifyContent: "center";
|
|
32
|
+
padding: number;
|
|
33
|
+
borderRadius: number;
|
|
34
|
+
elevation: number;
|
|
35
|
+
shadowColor: string;
|
|
36
|
+
shadowOffset: {
|
|
37
|
+
width: number;
|
|
38
|
+
height: number;
|
|
39
|
+
};
|
|
40
|
+
shadowOpacity: number;
|
|
41
|
+
shadowRadius: number;
|
|
42
|
+
};
|
|
43
|
+
skippingBrandImage: {
|
|
44
|
+
height: number;
|
|
45
|
+
width: number;
|
|
46
|
+
resizeMode: "contain";
|
|
47
|
+
tintColor: string;
|
|
48
|
+
};
|
|
49
|
+
skippingMessage: {
|
|
50
|
+
fontSize: number;
|
|
51
|
+
color: string;
|
|
52
|
+
fontWeight: "700";
|
|
53
|
+
marginBottom: number;
|
|
54
|
+
};
|
|
19
55
|
};
|
|
20
56
|
export default _default;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { StyleSheet } from 'react-native';
|
|
2
|
+
import R from '../../res';
|
|
2
3
|
export default StyleSheet.create({
|
|
3
4
|
container: {
|
|
4
5
|
marginHorizontal: 24,
|
|
@@ -10,6 +11,10 @@ export default StyleSheet.create({
|
|
|
10
11
|
submitButton: {
|
|
11
12
|
marginVertical: 32,
|
|
12
13
|
},
|
|
14
|
+
submitButtonDisabled: {
|
|
15
|
+
marginVertical: 32,
|
|
16
|
+
backgroundColor: R.colors.disabled,
|
|
17
|
+
},
|
|
13
18
|
customCheckboxText: {
|
|
14
19
|
paddingRight: 32,
|
|
15
20
|
},
|
|
@@ -17,5 +22,37 @@ export default StyleSheet.create({
|
|
|
17
22
|
textDecorationLine: 'underline',
|
|
18
23
|
color: 'blue',
|
|
19
24
|
},
|
|
25
|
+
skippingRootContainer: {
|
|
26
|
+
alignItems: 'center',
|
|
27
|
+
justifyContent: 'center',
|
|
28
|
+
flex: 1,
|
|
29
|
+
},
|
|
30
|
+
skippingDialogContainer: {
|
|
31
|
+
backgroundColor: R.colors.white,
|
|
32
|
+
alignItems: 'center',
|
|
33
|
+
justifyContent: 'center',
|
|
34
|
+
padding: 24,
|
|
35
|
+
borderRadius: 5,
|
|
36
|
+
elevation: 4,
|
|
37
|
+
shadowColor: R.colors.black,
|
|
38
|
+
shadowOffset: {
|
|
39
|
+
width: 2,
|
|
40
|
+
height: 4,
|
|
41
|
+
},
|
|
42
|
+
shadowOpacity: 0.5,
|
|
43
|
+
shadowRadius: 3,
|
|
44
|
+
},
|
|
45
|
+
skippingBrandImage: {
|
|
46
|
+
height: 90,
|
|
47
|
+
width: 250,
|
|
48
|
+
resizeMode: 'contain',
|
|
49
|
+
tintColor: R.colors.black,
|
|
50
|
+
},
|
|
51
|
+
skippingMessage: {
|
|
52
|
+
fontSize: 20,
|
|
53
|
+
color: R.colors.black,
|
|
54
|
+
fontWeight: '700',
|
|
55
|
+
marginBottom: 24,
|
|
56
|
+
},
|
|
20
57
|
});
|
|
21
58
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/containers/billingInfo/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,EAAE;KACjB;IACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;KACjB;IACD,YAAY,EAAE;QACZ,cAAc,EAAE,EAAE;KACnB;IACD,kBAAkB,EAAE;QAClB,YAAY,EAAE,EAAE;KACjB;IACD,iBAAiB,EAAE;QACjB,kBAAkB,EAAE,WAAW;QAC/B,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/containers/billingInfo/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,CAAC,MAAM,WAAW,CAAA;AAEzB,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,EAAE;KACjB;IACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;KACjB;IACD,YAAY,EAAE;QACZ,cAAc,EAAE,EAAE;KACnB;IACD,oBAAoB,EAAE;QACpB,cAAc,EAAE,EAAE;QAClB,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ;KACnC;IACD,kBAAkB,EAAE;QAClB,YAAY,EAAE,EAAE;KACjB;IACD,iBAAiB,EAAE;QACjB,kBAAkB,EAAE,WAAW;QAC/B,KAAK,EAAE,MAAM;KACd;IAED,qBAAqB,EAAE;QACrB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,CAAC;KACR;IACD,uBAAuB,EAAE;QACvB,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QAC/B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QAC3B,YAAY,EAAE;YACZ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;KAChB;IACD,kBAAkB,EAAE;QAClB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,GAAG;QACV,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;KAC1B;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QACrB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;KACjB;CACF,CAAC,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { StyleProp, TextStyle } from 'react-native';
|
|
1
|
+
import { ColorValue, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
2
2
|
import { IButtonStyles } from '../../components/button/types';
|
|
3
3
|
import { ICheckboxStyles } from '../../components/checkbox/types';
|
|
4
|
+
import { IDatePickerStyles } from '../../components/datePicker/types';
|
|
4
5
|
import { IDropdownItem, IDropdownStyles } from '../../components/dropdown/types';
|
|
5
6
|
import { IFormFieldProps } from '../../components/formField/types';
|
|
6
7
|
import { IInputStyles } from '../../components/input/types';
|
|
@@ -17,6 +18,23 @@ export interface IOnCheckoutSuccess {
|
|
|
17
18
|
total: string;
|
|
18
19
|
status: string;
|
|
19
20
|
}
|
|
21
|
+
export interface IBillingProps {
|
|
22
|
+
cartProps: IAddToCartSuccess;
|
|
23
|
+
onRegisterSuccess?: (tokens: ITokens) => void;
|
|
24
|
+
onRegisterFail?: (error: string) => void;
|
|
25
|
+
onCheckoutSuccess: (data: IOnCheckoutSuccess) => void;
|
|
26
|
+
onCheckoutFail?: (error: string) => void;
|
|
27
|
+
onLoginSuccess: (data: any) => void;
|
|
28
|
+
onLoginFail?: (error: string) => void;
|
|
29
|
+
onFetchUserProfileSuccess?: (data: any) => void;
|
|
30
|
+
onFetchUserProfileFail?: (error: any) => void;
|
|
31
|
+
onFetchCartError?: (error: string) => void;
|
|
32
|
+
privacyPolicyLinkStyle?: StyleProp<TextStyle>;
|
|
33
|
+
onFetchUserProfileFailure?: (error: string) => void;
|
|
34
|
+
onFetchAccessTokenFailure?: (error: string) => void;
|
|
35
|
+
styles?: IBillingInfoViewStyles;
|
|
36
|
+
texts?: IBillingInfoViewTexts;
|
|
37
|
+
}
|
|
20
38
|
export interface IBillingInfoProps {
|
|
21
39
|
cartProps: IAddToCartSuccess;
|
|
22
40
|
onRegisterSuccess?: (tokens: ITokens) => void;
|
|
@@ -30,8 +48,9 @@ export interface IBillingInfoProps {
|
|
|
30
48
|
onFetchCartError?: (error: string) => void;
|
|
31
49
|
styles?: IBillingInfoViewStyles;
|
|
32
50
|
texts?: IBillingInfoViewTexts;
|
|
33
|
-
customCheckboxText?: StyleProp<TextStyle>;
|
|
34
51
|
privacyPolicyLinkStyle?: StyleProp<TextStyle>;
|
|
52
|
+
onFetchUserProfileFailure?: (error: string) => void;
|
|
53
|
+
onFetchAccessTokenFailure?: (error: string) => void;
|
|
35
54
|
}
|
|
36
55
|
export interface ITicketHolderField {
|
|
37
56
|
firstName: string;
|
|
@@ -39,6 +58,10 @@ export interface ITicketHolderField {
|
|
|
39
58
|
email: string;
|
|
40
59
|
phone: string;
|
|
41
60
|
}
|
|
61
|
+
export interface ITicketHolderFieldError {
|
|
62
|
+
firstNameError?: string;
|
|
63
|
+
lastNameError?: string;
|
|
64
|
+
}
|
|
42
65
|
export interface IBillingInfoFormData {
|
|
43
66
|
firstName: string;
|
|
44
67
|
lastName: string;
|
|
@@ -70,26 +93,43 @@ export interface IBillingInfoFormData {
|
|
|
70
93
|
};
|
|
71
94
|
}
|
|
72
95
|
export interface IBillingInfoViewStyles {
|
|
96
|
+
rootContainer?: StyleProp<ViewStyle>;
|
|
73
97
|
loginStyles?: ILoginViewStyles;
|
|
74
|
-
|
|
98
|
+
checkoutButton?: IButtonStyles;
|
|
99
|
+
checkoutButtonDisabled?: IButtonStyles;
|
|
100
|
+
passwordTitle?: StyleProp<TextStyle>;
|
|
75
101
|
inputStyles?: IInputStyles;
|
|
76
102
|
dropdownStyles?: IDropdownStyles;
|
|
77
103
|
checkboxStyles?: ICheckboxStyles;
|
|
78
104
|
titles?: StyleProp<TextStyle>;
|
|
79
105
|
headers?: StyleProp<TextStyle>;
|
|
80
106
|
texts?: StyleProp<TextStyle>;
|
|
107
|
+
customCheckbox?: ICheckboxStyles;
|
|
108
|
+
datePicker?: IDatePickerStyles;
|
|
109
|
+
skippingDialog?: {
|
|
110
|
+
rootContainer?: StyleProp<ViewStyle>;
|
|
111
|
+
dialogContainer?: StyleProp<ViewStyle>;
|
|
112
|
+
brandImage?: StyleProp<ImageStyle>;
|
|
113
|
+
message?: StyleProp<TextStyle>;
|
|
114
|
+
spinner?: {
|
|
115
|
+
color: ColorValue;
|
|
116
|
+
size: 'large' | 'small';
|
|
117
|
+
};
|
|
118
|
+
};
|
|
81
119
|
}
|
|
82
120
|
export interface IBillingInfoViewTexts {
|
|
83
121
|
loginTexts?: ILoginViewTexts;
|
|
84
122
|
loginButton?: string;
|
|
85
123
|
checkoutButton?: string;
|
|
124
|
+
passwordTitle?: string;
|
|
125
|
+
brandCheckBox?: string;
|
|
126
|
+
skippingMessage?: string;
|
|
86
127
|
}
|
|
87
128
|
export interface IBillingInfoViewProps {
|
|
88
129
|
formFields: IFormFieldProps[];
|
|
89
130
|
isLoading: boolean;
|
|
90
131
|
onSubmit: () => void;
|
|
91
132
|
onLoginSuccessful: (userProfile: IUserProfile, accessToken: string) => void;
|
|
92
|
-
onLoginFail?: (error: string) => void;
|
|
93
133
|
isDataValid: boolean;
|
|
94
134
|
isLoginDialogVisible: boolean;
|
|
95
135
|
showLoginDialog: () => void;
|
|
@@ -100,4 +140,7 @@ export interface IBillingInfoViewProps {
|
|
|
100
140
|
onLogoutSuccess?: () => void;
|
|
101
141
|
styles?: IBillingInfoViewStyles;
|
|
102
142
|
texts?: IBillingInfoViewTexts;
|
|
143
|
+
onLoginFail?: (error: string) => void;
|
|
144
|
+
onFetchUserProfileFailure?: (error: string) => void;
|
|
145
|
+
onFetchAccessTokenFailure?: (error: string) => void;
|
|
103
146
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ICheckoutProps } from './types';
|
|
2
|
-
declare const Checkout: ({ eventId, hash, onFetchOrderReviewFail, onFetchOrderReviewSuccess, onFetchEventConditionsFail, onFetchEventConditionsSuccess, onCheckoutCompletedFail, onCheckoutCompletedSuccess, onPaymentError, onPaymentSuccess, onStripeInitializeError, }: ICheckoutProps) => JSX.Element;
|
|
2
|
+
declare const Checkout: ({ eventId, hash, onFetchOrderReviewFail, onFetchOrderReviewSuccess, onFetchEventConditionsFail, onFetchEventConditionsSuccess, onCheckoutCompletedFail, onCheckoutCompletedSuccess, onPaymentError, onPaymentSuccess, onStripeInitializeError, texts, styles, onPressExit, }: ICheckoutProps) => JSX.Element;
|
|
3
3
|
export default Checkout;
|
|
@@ -5,22 +5,23 @@ import _map from 'lodash/map';
|
|
|
5
5
|
import _mapKeys from 'lodash/mapKeys';
|
|
6
6
|
import React, { useEffect, useState } from 'react';
|
|
7
7
|
import { Alert } from 'react-native';
|
|
8
|
-
import { fetchEventConditions, fetchOrderReview, postOnPaymentSuccess, } from '../../api/ApiClient';
|
|
8
|
+
import { fetchEventConditions, fetchOrderReview, postOnFreeRegistration, postOnPaymentSuccess, } from '../../api/ApiClient';
|
|
9
9
|
import { priceWithCurrency } from '../../helpers/StringsHelper';
|
|
10
10
|
import { orderReviewItems } from './CheckoutData';
|
|
11
11
|
import CheckoutView from './CheckoutView';
|
|
12
|
-
const Checkout = ({ eventId, hash, onFetchOrderReviewFail, onFetchOrderReviewSuccess, onFetchEventConditionsFail, onFetchEventConditionsSuccess, onCheckoutCompletedFail, onCheckoutCompletedSuccess, onPaymentError, onPaymentSuccess, onStripeInitializeError, }) => {
|
|
13
|
-
const { confirmPayment, loading } = useConfirmPayment();
|
|
12
|
+
const Checkout = ({ eventId, hash, onFetchOrderReviewFail, onFetchOrderReviewSuccess, onFetchEventConditionsFail, onFetchEventConditionsSuccess, onCheckoutCompletedFail, onCheckoutCompletedSuccess, onPaymentError, onPaymentSuccess, onStripeInitializeError, texts, styles, onPressExit, }) => {
|
|
13
|
+
const { confirmPayment, loading: isStripeLoading } = useConfirmPayment();
|
|
14
14
|
const [isLoading, setIsLoading] = useState(true);
|
|
15
15
|
const [orderReview, setOrderReview] = useState();
|
|
16
16
|
const [conditionsTexts, setConditionsTexts] = useState([]);
|
|
17
17
|
const [conditionsValues, setConditionsValues] = useState([]);
|
|
18
18
|
const [orderInfo, setOrderInfo] = useState(orderReviewItems);
|
|
19
19
|
const [paymentInfo, setPaymentInfo] = useState();
|
|
20
|
-
const [
|
|
20
|
+
const [isStripeConfigMissing, setIsStripeConfigMissing] = useState(false);
|
|
21
|
+
const [isPaymentRequired, setIsPaymentRequired] = useState(false);
|
|
22
|
+
const [isLoadingFreeRegistration, setIsLoadingFreeRegistration] = useState(false);
|
|
21
23
|
//#region Handlers
|
|
22
24
|
const handleOnChangePaymentInfo = (details) => {
|
|
23
|
-
console.log('handleOnChangePaymentInfo', details);
|
|
24
25
|
setPaymentInfo(details);
|
|
25
26
|
};
|
|
26
27
|
const handleOnCheckCondition = (index) => {
|
|
@@ -28,6 +29,20 @@ const Checkout = ({ eventId, hash, onFetchOrderReviewFail, onFetchOrderReviewSuc
|
|
|
28
29
|
tConditionsValues[index] = !conditionsValues[index];
|
|
29
30
|
setConditionsValues(tConditionsValues);
|
|
30
31
|
};
|
|
32
|
+
const handleOnPressFreeRegistration = async () => {
|
|
33
|
+
setIsLoadingFreeRegistration(true);
|
|
34
|
+
const { freeRegistrationData, freeRegistrationError } = await postOnFreeRegistration(hash);
|
|
35
|
+
setIsLoadingFreeRegistration(false);
|
|
36
|
+
if (freeRegistrationError) {
|
|
37
|
+
if (onPaymentError) {
|
|
38
|
+
onPaymentError(freeRegistrationError || 'Error while registering');
|
|
39
|
+
}
|
|
40
|
+
return Alert.alert('', freeRegistrationError || 'Error while registering');
|
|
41
|
+
}
|
|
42
|
+
if (onPaymentSuccess) {
|
|
43
|
+
return onPaymentSuccess(freeRegistrationData);
|
|
44
|
+
}
|
|
45
|
+
};
|
|
31
46
|
const handleOnPressPay = async () => {
|
|
32
47
|
if (!orderReview || !paymentInfo) {
|
|
33
48
|
return;
|
|
@@ -43,8 +58,6 @@ const Checkout = ({ eventId, hash, onFetchOrderReviewFail, onFetchOrderReviewSuc
|
|
|
43
58
|
name: `${orderReview.billingData.firstName} ${orderReview.billingData.lastName}`,
|
|
44
59
|
},
|
|
45
60
|
});
|
|
46
|
-
console.log('Payment intent - Data', paymentIntent);
|
|
47
|
-
console.log('Payment intent - Error', confirmPaymentError);
|
|
48
61
|
if (confirmPaymentError || !paymentInfo) {
|
|
49
62
|
if (onCheckoutCompletedFail) {
|
|
50
63
|
onCheckoutCompletedFail((confirmPaymentError === null || confirmPaymentError === void 0 ? void 0 : confirmPaymentError.message) || 'Missing Payment Info');
|
|
@@ -59,7 +72,7 @@ const Checkout = ({ eventId, hash, onFetchOrderReviewFail, onFetchOrderReviewSuc
|
|
|
59
72
|
if (onPaymentError) {
|
|
60
73
|
onPaymentError(onPaymentSuccessError);
|
|
61
74
|
}
|
|
62
|
-
return Alert.alert('', onPaymentSuccessError);
|
|
75
|
+
return Alert.alert('', onPaymentSuccessError || 'Error while performing payment');
|
|
63
76
|
}
|
|
64
77
|
if (onPaymentSuccess) {
|
|
65
78
|
onPaymentSuccess(onPaymentSuccessData);
|
|
@@ -82,29 +95,34 @@ const Checkout = ({ eventId, hash, onFetchOrderReviewFail, onFetchOrderReviewSuc
|
|
|
82
95
|
const fetchEventConditionsAsync = async () => {
|
|
83
96
|
const { error: conditionsError, data: conditionsData } = await fetchEventConditions(eventId.toString());
|
|
84
97
|
if (conditionsError) {
|
|
85
|
-
|
|
86
|
-
Alert.alert('', conditionsError);
|
|
98
|
+
setIsLoadingFreeRegistration(false);
|
|
87
99
|
if (onFetchEventConditionsFail) {
|
|
88
100
|
onFetchEventConditionsFail(conditionsError);
|
|
89
101
|
}
|
|
90
|
-
return;
|
|
102
|
+
return Alert.alert('', conditionsError || 'Error while fetching conditions');
|
|
91
103
|
}
|
|
92
104
|
setConditionsValues(_map(conditionsData, () => false));
|
|
93
105
|
setConditionsTexts(conditionsData);
|
|
94
106
|
if (onFetchEventConditionsSuccess) {
|
|
107
|
+
setIsLoadingFreeRegistration(false);
|
|
95
108
|
onFetchEventConditionsSuccess(conditionsData);
|
|
96
109
|
}
|
|
97
110
|
};
|
|
98
111
|
const fetchOrderReviewAsync = async () => {
|
|
112
|
+
var _a;
|
|
99
113
|
const { data: orderReviewData, error: orderReviewError } = await fetchOrderReview(hash);
|
|
100
|
-
|
|
101
|
-
console.log('orderReviewResponse - error', orderReviewError);
|
|
114
|
+
setIsLoading(false);
|
|
102
115
|
if (orderReviewError || !orderReviewData) {
|
|
103
|
-
|
|
116
|
+
setIsLoadingFreeRegistration(false);
|
|
117
|
+
setIsStripeConfigMissing(true);
|
|
104
118
|
if (onFetchOrderReviewFail) {
|
|
105
119
|
onFetchOrderReviewFail(orderReviewError || 'Error while getting Order Review');
|
|
106
120
|
}
|
|
107
|
-
return;
|
|
121
|
+
return Alert.alert('', orderReviewError || 'Error while getting Order Review');
|
|
122
|
+
}
|
|
123
|
+
if (onFetchOrderReviewSuccess) {
|
|
124
|
+
setIsLoadingFreeRegistration(false);
|
|
125
|
+
onFetchOrderReviewSuccess(orderReviewData);
|
|
108
126
|
}
|
|
109
127
|
const tOrderInfo = [...orderInfo];
|
|
110
128
|
const currency = orderReviewData.reviewData.currency;
|
|
@@ -122,24 +140,28 @@ const Checkout = ({ eventId, hash, onFetchOrderReviewFail, onFetchOrderReviewSuc
|
|
|
122
140
|
});
|
|
123
141
|
setOrderInfo(tOrderInfo);
|
|
124
142
|
setOrderReview(orderReviewData);
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
143
|
+
if ((orderReview === null || orderReview === void 0 ? void 0 : orderReview.reviewData.total) !== '0.00') {
|
|
144
|
+
if (!((_a = orderReviewData.paymentData) === null || _a === void 0 ? void 0 : _a.stripePublishableKey)) {
|
|
145
|
+
if (onStripeInitializeError) {
|
|
146
|
+
onStripeInitializeError('Stripe is not configured for this event');
|
|
147
|
+
}
|
|
148
|
+
return Alert.alert('Stripe is not configured for this event', 'Please contact support.');
|
|
129
149
|
}
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
});
|
|
137
|
-
setIsStripeReady(true);
|
|
138
|
-
}
|
|
139
|
-
catch (stripeError) {
|
|
140
|
-
if (onStripeInitializeError) {
|
|
141
|
-
onStripeInitializeError('Error initializing Stripe');
|
|
150
|
+
setIsPaymentRequired(true);
|
|
151
|
+
try {
|
|
152
|
+
await initStripe({
|
|
153
|
+
publishableKey: orderReviewData.paymentData.stripePublishableKey,
|
|
154
|
+
stripeAccountId: orderReviewData.paymentData.stripeConnectedAccount,
|
|
155
|
+
});
|
|
142
156
|
}
|
|
157
|
+
catch (stripeError) {
|
|
158
|
+
if (onStripeInitializeError) {
|
|
159
|
+
onStripeInitializeError('Error initializing Stripe');
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
else {
|
|
164
|
+
setIsPaymentRequired(false);
|
|
143
165
|
}
|
|
144
166
|
};
|
|
145
167
|
const fetchInitialData = async () => {
|
|
@@ -156,7 +178,7 @@ const Checkout = ({ eventId, hash, onFetchOrderReviewFail, onFetchOrderReviewSuc
|
|
|
156
178
|
const paymentValid = paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.complete;
|
|
157
179
|
return paymentValid && _every(conditionsValues, (item) => item === true);
|
|
158
180
|
};
|
|
159
|
-
return (React.createElement(CheckoutView, { orderReviewDataItems: orderInfo, onPressPay: handleOnPressPay, conditions: getConditions(), onFormComplete: handleOnChangePaymentInfo, isLoading: isLoading ||
|
|
181
|
+
return (React.createElement(CheckoutView, { orderReviewDataItems: orderInfo, onPressPay: handleOnPressPay, onPressFreeRegistration: handleOnPressFreeRegistration, conditions: getConditions(), onFormComplete: handleOnChangePaymentInfo, isLoading: isLoading || isStripeLoading, isDataValid: !getIsDataValid(), isStripeConfigMissing: isStripeConfigMissing, styles: styles, texts: texts, onPressExit: onPressExit, isPaymentRequired: isPaymentRequired, isLoadingFreeRegistration: isLoadingFreeRegistration }));
|
|
160
182
|
};
|
|
161
183
|
export default Checkout;
|
|
162
184
|
//# sourceMappingURL=Checkout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkout.js","sourceRoot":"","sources":["../../../src/containers/checkout/Checkout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,iBAAiB,GAClB,MAAM,6BAA6B,CAAA;AACpC,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,qBAAqB,CAAA;AAG5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAGzC,MAAM,QAAQ,GAAG,CAAC,EAChB,OAAO,EACP,IAAI,EACJ,sBAAsB,EACtB,yBAAyB,EACzB,0BAA0B,EAC1B,6BAA6B,EAC7B,uBAAuB,EACvB,0BAA0B,EAC1B,cAAc,EACd,gBAAgB,EAChB,uBAAuB,
|
|
1
|
+
{"version":3,"file":"Checkout.js","sourceRoot":"","sources":["../../../src/containers/checkout/Checkout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,24 +4,24 @@ export const orderReviewItems = [
|
|
|
4
4
|
title: 'EVENT',
|
|
5
5
|
value: '',
|
|
6
6
|
},
|
|
7
|
-
{
|
|
8
|
-
id: 'price',
|
|
9
|
-
title: 'PRICE PER TICKET',
|
|
10
|
-
value: '',
|
|
11
|
-
},
|
|
12
7
|
{
|
|
13
8
|
id: 'ticketType',
|
|
14
9
|
title: 'TICKET TYPE',
|
|
15
10
|
value: 'First RELEASE',
|
|
16
11
|
},
|
|
17
12
|
{
|
|
18
|
-
id: '
|
|
19
|
-
title: '
|
|
13
|
+
id: 'numberOfTickets',
|
|
14
|
+
title: 'NUMBER OF TICKETS',
|
|
20
15
|
value: '',
|
|
21
16
|
},
|
|
22
17
|
{
|
|
23
|
-
id: '
|
|
24
|
-
title: '
|
|
18
|
+
id: 'price',
|
|
19
|
+
title: 'PRICE PER TICKET',
|
|
20
|
+
value: '',
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
id: 'total',
|
|
24
|
+
title: 'TOTAL',
|
|
25
25
|
value: '',
|
|
26
26
|
},
|
|
27
27
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckoutData.js","sourceRoot":"","sources":["../../../src/containers/checkout/CheckoutData.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAiB;IAC5C;QACE,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"CheckoutData.js","sourceRoot":"","sources":["../../../src/containers/checkout/CheckoutData.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAiB;IAC5C;QACE,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,eAAe;KACvB;IACD;QACE,EAAE,EAAE,iBAAiB;QACrB,KAAK,EAAE,mBAAmB;QAC1B,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,kBAAkB;QACzB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,EAAE;KACV;CACF,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ICheckoutViewProps } from './types';
|
|
2
|
-
declare const CheckoutView: ({ texts, styles, orderReviewDataItems, onPressPay, conditions, onFormComplete, isDataValid, isLoading,
|
|
2
|
+
declare const CheckoutView: ({ texts, styles, orderReviewDataItems, onPressPay, conditions, onFormComplete, isDataValid, isLoading, isStripeConfigMissing, onPressExit, isPaymentRequired, onPressFreeRegistration, isLoadingFreeRegistration, }: ICheckoutViewProps) => JSX.Element;
|
|
3
3
|
export default CheckoutView;
|
|
@@ -6,7 +6,8 @@ import { Button, Loading } from '../../components';
|
|
|
6
6
|
import Conditions from './components/Conditions';
|
|
7
7
|
import OrderReview from './components/OrderReview';
|
|
8
8
|
import s from './styles';
|
|
9
|
-
const CheckoutView = ({ texts, styles, orderReviewDataItems, onPressPay, conditions, onFormComplete, isDataValid, isLoading,
|
|
9
|
+
const CheckoutView = ({ texts, styles, orderReviewDataItems, onPressPay, conditions, onFormComplete, isDataValid, isLoading, isStripeConfigMissing, onPressExit, isPaymentRequired, onPressFreeRegistration, isLoadingFreeRegistration, }) => {
|
|
10
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
10
11
|
const title = (texts === null || texts === void 0 ? void 0 : texts.title) ? texts.title : 'GET YOUR TICKETS';
|
|
11
12
|
const subTitle = (texts === null || texts === void 0 ? void 0 : texts.subTitle) ? texts.subTitle : 'Order review';
|
|
12
13
|
const handleOnPressPay = () => {
|
|
@@ -15,19 +16,32 @@ const CheckoutView = ({ texts, styles, orderReviewDataItems, onPressPay, conditi
|
|
|
15
16
|
const handleOnFormComplete = (cardDetails) => {
|
|
16
17
|
onFormComplete(cardDetails);
|
|
17
18
|
};
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
const handleOnPressExit = () => {
|
|
20
|
+
if (onPressExit) {
|
|
21
|
+
onPressExit();
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
const payButtonStyle = isDataValid
|
|
25
|
+
? (_a = styles === null || styles === void 0 ? void 0 : styles.payment) === null || _a === void 0 ? void 0 : _a.buttonDisabled
|
|
26
|
+
: (_b = styles === null || styles === void 0 ? void 0 : styles.payment) === null || _b === void 0 ? void 0 : _b.button;
|
|
27
|
+
return isStripeConfigMissing ? (React.createElement(View, { style: [s.missingStripeContainer, (_c = styles === null || styles === void 0 ? void 0 : styles.missingStripeConfig) === null || _c === void 0 ? void 0 : _c.container] },
|
|
28
|
+
React.createElement(Text, { style: [s.missingStripeMessage, (_d = styles === null || styles === void 0 ? void 0 : styles.missingStripeConfig) === null || _d === void 0 ? void 0 : _d.message] }, (texts === null || texts === void 0 ? void 0 : texts.missingStripeConfigMessage) ||
|
|
29
|
+
'Payment handler is missing, please contact support'),
|
|
30
|
+
React.createElement(Button, { styles: (_e = styles === null || styles === void 0 ? void 0 : styles.missingStripeConfig) === null || _e === void 0 ? void 0 : _e.exitButton, text: (texts === null || texts === void 0 ? void 0 : texts.exitButton) || 'Exit', onPress: handleOnPressExit }))) : (React.createElement(KeyboardAwareScrollView, { extraScrollHeight: 32, keyboardDismissMode: 'on-drag' },
|
|
31
|
+
React.createElement(View, { style: styles === null || styles === void 0 ? void 0 : styles.rootStyle },
|
|
21
32
|
React.createElement(View, null,
|
|
22
|
-
React.createElement(Text, { style: [s.title] }, title),
|
|
23
|
-
React.createElement(Text, null, subTitle)),
|
|
24
|
-
React.createElement(OrderReview, { orderItems: orderReviewDataItems }),
|
|
25
|
-
React.createElement(
|
|
26
|
-
|
|
33
|
+
React.createElement(Text, { style: [s.title, styles === null || styles === void 0 ? void 0 : styles.title] }, title),
|
|
34
|
+
React.createElement(Text, { style: [styles === null || styles === void 0 ? void 0 : styles.subTitle] }, subTitle)),
|
|
35
|
+
React.createElement(OrderReview, { orderItems: orderReviewDataItems, styles: styles === null || styles === void 0 ? void 0 : styles.orderReview }),
|
|
36
|
+
isPaymentRequired && !isStripeConfigMissing && (React.createElement(View, { style: (_f = styles === null || styles === void 0 ? void 0 : styles.payment) === null || _f === void 0 ? void 0 : _f.container },
|
|
37
|
+
React.createElement(Text, { style: (_g = styles === null || styles === void 0 ? void 0 : styles.payment) === null || _g === void 0 ? void 0 : _g.title }, "Please provide your payment information"),
|
|
38
|
+
React.createElement(CardForm, { onFormComplete: handleOnFormComplete, style: [s.card, (_h = styles === null || styles === void 0 ? void 0 : styles.payment) === null || _h === void 0 ? void 0 : _h.cardContainer], cardStyle: s.cardStyle }))),
|
|
27
39
|
React.createElement(Conditions, { ...conditions }),
|
|
28
|
-
React.createElement(Button, { text: 'PAY', onPress: handleOnPressPay, isDisabled: isDataValid, styles: {
|
|
40
|
+
isPaymentRequired && !isStripeConfigMissing && (React.createElement(Button, { text: 'PAY', onPress: handleOnPressPay, isDisabled: isDataValid, styles: {
|
|
29
41
|
container: s.payButton,
|
|
42
|
+
...payButtonStyle,
|
|
30
43
|
} })),
|
|
44
|
+
!isPaymentRequired && (React.createElement(Button, { text: 'COMPLETE REGISTRATION', onPress: onPressFreeRegistration, isLoading: isLoadingFreeRegistration, styles: styles === null || styles === void 0 ? void 0 : styles.freeRegistrationButton }))),
|
|
31
45
|
isLoading && React.createElement(Loading, null)));
|
|
32
46
|
};
|
|
33
47
|
export default CheckoutView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckoutView.js","sourceRoot":"","sources":["../../../src/containers/checkout/CheckoutView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAgB,MAAM,6BAA6B,CAAA;AACpE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAA;AAEjF,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAChD,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,MAAM,EACN,oBAAoB,EACpB,UAAU,EACV,UAAU,EACV,cAAc,EACd,WAAW,EACX,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"CheckoutView.js","sourceRoot":"","sources":["../../../src/containers/checkout/CheckoutView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,9 +2,9 @@ import _map from 'lodash/map';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Text, View } from 'react-native';
|
|
4
4
|
import { OrderReviewStyles as s } from './styles';
|
|
5
|
-
const OrderItem = ({ title, value }) => (React.createElement(View, { style: s.orderItemContainer, key: `orderReview.${title}` },
|
|
6
|
-
React.createElement(Text, { style: s.orderItemTitle }, title),
|
|
7
|
-
React.createElement(Text, { style: s.orderItemValue, allowFontScaling: true }, value)));
|
|
8
|
-
const OrderReview = ({ orderItems }) => (React.createElement(View, { style: s.rootContainer }, _map(orderItems, OrderItem)));
|
|
5
|
+
const OrderItem = ({ title, value, styles }) => (React.createElement(View, { style: [s.orderItemContainer, styles === null || styles === void 0 ? void 0 : styles.container], key: `orderReview.${title}` },
|
|
6
|
+
React.createElement(Text, { style: [s.orderItemTitle, styles === null || styles === void 0 ? void 0 : styles.title] }, title),
|
|
7
|
+
React.createElement(Text, { style: [s.orderItemValue, styles === null || styles === void 0 ? void 0 : styles.value], allowFontScaling: true }, value)));
|
|
8
|
+
const OrderReview = ({ orderItems, styles }) => (React.createElement(View, { style: [s.rootContainer, styles === null || styles === void 0 ? void 0 : styles.rootContainer] }, _map(orderItems, (item) => (React.createElement(OrderItem, { key: `orderReview.${item.id}`, id: item.id, title: item.title, value: item.value, styles: styles === null || styles === void 0 ? void 0 : styles.item })))));
|
|
9
9
|
export default OrderReview;
|
|
10
10
|
//# sourceMappingURL=OrderReview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderReview.js","sourceRoot":"","sources":["../../../../src/containers/checkout/components/OrderReview.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGzC,OAAO,EAAE,iBAAiB,IAAI,CAAC,EAAE,MAAM,UAAU,CAAA;AAEjD,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAc,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"OrderReview.js","sourceRoot":"","sources":["../../../../src/containers/checkout/components/OrderReview.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGzC,OAAO,EAAE,iBAAiB,IAAI,CAAC,EAAE,MAAM,UAAU,CAAA;AAEjD,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAc,EAAE,EAAE,CAAC,CAC1D,oBAAC,IAAI,IACH,KAAK,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,EAChD,GAAG,EAAE,eAAe,KAAK,EAAE;IAE3B,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,IAAG,KAAK,CAAQ;IAC9D,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,EAAE,gBAAgB,EAAE,IAAI,IACnE,KAAK,CACD,CACF,CACR,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,UAAU,EAAE,MAAM,EAAqB,EAAE,EAAE,CAAC,CACjE,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC,IAClD,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,oBAAC,SAAS,IACR,GAAG,EAAE,eAAe,IAAI,CAAC,EAAE,EAAE,EAC7B,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,GACpB,CACH,CAAC,CACG,CACR,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -18,12 +18,27 @@ declare const _default: {
|
|
|
18
18
|
};
|
|
19
19
|
card: {
|
|
20
20
|
marginTop: number;
|
|
21
|
-
|
|
21
|
+
minHeight: number;
|
|
22
|
+
maxHeight: number;
|
|
22
23
|
width: string;
|
|
23
24
|
borderRadius: number;
|
|
24
|
-
borderWidth: number;
|
|
25
25
|
padding: number;
|
|
26
26
|
alignSelf: "center";
|
|
27
27
|
};
|
|
28
|
+
missingStripeContainer: {
|
|
29
|
+
flex: number;
|
|
30
|
+
justifyContent: "center";
|
|
31
|
+
alignItems: "center";
|
|
32
|
+
padding: number;
|
|
33
|
+
};
|
|
34
|
+
missingStripeMessage: {
|
|
35
|
+
fontSize: number;
|
|
36
|
+
color: string;
|
|
37
|
+
textAlign: "center";
|
|
38
|
+
marginBottom: number;
|
|
39
|
+
};
|
|
40
|
+
cardStyle: {
|
|
41
|
+
backgroundColor: string;
|
|
42
|
+
};
|
|
28
43
|
};
|
|
29
44
|
export default _default;
|
|
@@ -20,12 +20,27 @@ export default StyleSheet.create({
|
|
|
20
20
|
},
|
|
21
21
|
card: {
|
|
22
22
|
marginTop: 24,
|
|
23
|
-
|
|
23
|
+
minHeight: 250,
|
|
24
|
+
maxHeight: 350,
|
|
24
25
|
width: '80%',
|
|
25
26
|
borderRadius: 10,
|
|
26
|
-
borderWidth: 2,
|
|
27
27
|
padding: 8,
|
|
28
28
|
alignSelf: 'center',
|
|
29
29
|
},
|
|
30
|
+
missingStripeContainer: {
|
|
31
|
+
flex: 1,
|
|
32
|
+
justifyContent: 'center',
|
|
33
|
+
alignItems: 'center',
|
|
34
|
+
padding: 16,
|
|
35
|
+
},
|
|
36
|
+
missingStripeMessage: {
|
|
37
|
+
fontSize: 16,
|
|
38
|
+
color: R.colors.white,
|
|
39
|
+
textAlign: 'center',
|
|
40
|
+
marginBottom: 24,
|
|
41
|
+
},
|
|
42
|
+
cardStyle: {
|
|
43
|
+
backgroundColor: R.colors.fff,
|
|
44
|
+
},
|
|
30
45
|
});
|
|
31
46
|
//# sourceMappingURL=styles.js.map
|