tf-checkout-react-native 1.0.2 → 1.0.4
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 +182 -5
- package/assets/icons/ic_error.png +0 -0
- package/lib/api/ApiClient.d.ts +3 -2
- package/lib/api/ApiClient.js +66 -41
- package/lib/api/ApiClient.js.map +1 -1
- package/lib/api/types.d.ts +13 -2
- 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/dropdown/types.d.ts +5 -5
- package/lib/components/formField/FormField.js +9 -6
- package/lib/components/formField/FormField.js.map +1 -1
- package/lib/components/formField/types.d.ts +5 -3
- package/lib/components/input/Input.js +3 -1
- package/lib/components/input/Input.js.map +1 -1
- package/lib/components/input/types.d.ts +1 -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/LoginView.js +27 -15
- package/lib/components/login/LoginView.js.map +1 -1
- package/lib/components/login/types.d.ts +18 -3
- package/lib/containers/billingInfo/BillingInfo.d.ts +1 -1
- package/lib/containers/billingInfo/BillingInfo.js +38 -40
- package/lib/containers/billingInfo/BillingInfo.js.map +1 -1
- package/lib/containers/billingInfo/BillingInfoView.js +11 -5
- package/lib/containers/billingInfo/BillingInfoView.js.map +1 -1
- package/lib/containers/billingInfo/types.d.ts +5 -2
- package/lib/containers/checkout/Checkout.d.ts +1 -1
- package/lib/containers/checkout/Checkout.js +49 -22
- 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 +28 -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 +12 -0
- package/lib/containers/checkout/styles.js +12 -0
- package/lib/containers/checkout/styles.js.map +1 -1
- package/lib/containers/checkout/types.d.ts +50 -5
- package/lib/containers/myOrderDetails/MyOrderDetails.js +64 -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 +13 -6
- package/lib/containers/myOrders/MyOrders.js.map +1 -1
- package/lib/containers/myOrders/MyOrdersView.d.ts +1 -1
- package/lib/containers/myOrders/MyOrdersView.js +8 -9
- 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 +3 -0
- package/lib/containers/myOrders/styles.js +4 -1
- package/lib/containers/myOrders/styles.js.map +1 -1
- package/lib/containers/myOrders/types.d.ts +17 -14
- 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 +10 -4
- package/lib/containers/tickets/Tickets.js.map +1 -1
- package/lib/containers/tickets/TicketsView.d.ts +1 -1
- package/lib/containers/tickets/TicketsView.js +6 -7
- package/lib/containers/tickets/TicketsView.js.map +1 -1
- package/lib/containers/tickets/types.d.ts +10 -2
- package/lib/res/colors.d.ts +1 -0
- package/lib/res/colors.js +2 -0
- package/lib/res/colors.js.map +1 -1
- package/lib/res/icons.d.ts +1 -0
- package/lib/res/icons.js +1 -0
- package/lib/res/icons.js.map +1 -1
- package/lib/res/index.d.ts +2 -0
- package/package.json +6 -2
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { StyleProp, TextStyle
|
|
2
|
+
import { StyleProp, TextStyle } from 'react-native';
|
|
3
|
+
import { ICheckboxStyles } from '../checkbox/types';
|
|
3
4
|
import { IDatePickerProps } from '../datePicker/types';
|
|
4
|
-
import { IDropdownItem } from '../dropdown/types';
|
|
5
|
+
import { IDropdownItem, IDropdownStyles } from '../dropdown/types';
|
|
5
6
|
import { IInputProps } from '../input/types';
|
|
6
7
|
export declare type FieldType = 'input' | 'dropdown' | 'title' | 'checkbox' | 'text' | 'header' | 'datePicker';
|
|
7
8
|
export interface IFormField {
|
|
@@ -18,12 +19,13 @@ export interface IFormFieldProps {
|
|
|
18
19
|
selectedOption?: IDropdownItem;
|
|
19
20
|
options: IDropdownItem[];
|
|
20
21
|
onSelectOption: (id: string, item: IDropdownItem) => void;
|
|
22
|
+
style?: IDropdownStyles;
|
|
21
23
|
};
|
|
22
24
|
checkboxProps?: {
|
|
23
25
|
isActive: boolean;
|
|
24
26
|
text: string;
|
|
25
27
|
onPress: (id: string) => void;
|
|
26
|
-
|
|
28
|
+
styles?: ICheckboxStyles;
|
|
27
29
|
customTextComp?: ReactNode;
|
|
28
30
|
};
|
|
29
31
|
title?: string;
|
|
@@ -5,7 +5,9 @@ import R from '../../res';
|
|
|
5
5
|
import s from './styles';
|
|
6
6
|
const Input = (props) => {
|
|
7
7
|
const { id, value, onTextChanged, onChangeText, reference, label, styles } = props;
|
|
8
|
-
const mainColor = (styles === null || styles === void 0 ? void 0 : styles.
|
|
8
|
+
const mainColor = (styles === null || styles === void 0 ? void 0 : styles.baseColor)
|
|
9
|
+
? styles.baseColor
|
|
10
|
+
: (styles === null || styles === void 0 ? void 0 : styles.color) || R.colors.black;
|
|
9
11
|
return (React.createElement(View, { style: [s.container, styles === null || styles === void 0 ? void 0 : styles.container] },
|
|
10
12
|
React.createElement(TextField, { ref: reference, value: value, onChangeText: (text) => id && onTextChanged ? onTextChanged(id, text) : onChangeText, ...props, label: label, tintColor: mainColor, containerStyle: s.fieldWrapper, baseColor: mainColor, activeLineWidth: (styles === null || styles === void 0 ? void 0 : styles.activeLineWidth) || 2, lineWidth: (styles === null || styles === void 0 ? void 0 : styles.lineWidth) || 1, textContentType: props.isSecure ? 'oneTimeCode' : 'none', autoCorrect: false, style: styles === null || styles === void 0 ? void 0 : styles.input })));
|
|
11
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEzE,OAAO,CAAC,MAAM,WAAW,CAAA;AACzB,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,KAAK,GAAG,CAAC,KAAkB,EAAE,EAAE;IACnC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GACxE,KAAK,CAAA;IACP,MAAM,SAAS,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEzE,OAAO,CAAC,MAAM,WAAW,CAAA;AACzB,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,KAAK,GAAG,CAAC,KAAkB,EAAE,EAAE;IACnC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GACxE,KAAK,CAAA;IACP,MAAM,SAAS,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS;QACjC,CAAC,CAAC,MAAM,CAAC,SAAS;QAClB,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;IAEnC,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC;QAC3C,oBAAC,SAAS,IACR,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,CAAC,IAAY,EAAE,EAAE,CAC7B,EAAE,IAAI,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,KAE1D,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,CAAC,CAAC,YAAY,EAC9B,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,KAAI,CAAC,EAC7C,SAAS,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,KAAI,CAAC,EACjC,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,EACxD,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,GACpB,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -1,21 +1,35 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
2
|
+
import { Alert, View } from 'react-native';
|
|
3
3
|
import { Button } from '..';
|
|
4
4
|
import s from './styles';
|
|
5
|
-
const LoggedIn = ({
|
|
6
|
-
const
|
|
5
|
+
const LoggedIn = ({ styles, texts, onPressMyOrders, onPressLogout, }) => {
|
|
6
|
+
const { rootContainer, myOrdersButton, logOutButton } = {
|
|
7
|
+
...styles,
|
|
8
|
+
};
|
|
9
|
+
const { logoutDialog, myOrderButtonText, logOutButtonText } = { ...texts };
|
|
10
|
+
const handleMyOrdersPress = async () => {
|
|
7
11
|
if (onPressMyOrders) {
|
|
8
12
|
onPressMyOrders();
|
|
9
13
|
}
|
|
10
14
|
};
|
|
11
15
|
const handleLogOutPress = () => {
|
|
12
16
|
if (onPressLogout) {
|
|
13
|
-
|
|
17
|
+
Alert.alert((logoutDialog === null || logoutDialog === void 0 ? void 0 : logoutDialog.title) || 'Do you want to logout?', (logoutDialog === null || logoutDialog === void 0 ? void 0 : logoutDialog.message) ||
|
|
18
|
+
'You will need to enter your credentials again to purchase tickets', [
|
|
19
|
+
{
|
|
20
|
+
text: (logoutDialog === null || logoutDialog === void 0 ? void 0 : logoutDialog.confirmButton) || 'Yes, logout',
|
|
21
|
+
style: 'destructive',
|
|
22
|
+
onPress: onPressLogout,
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
text: (logoutDialog === null || logoutDialog === void 0 ? void 0 : logoutDialog.cancelButton) || 'No',
|
|
26
|
+
},
|
|
27
|
+
]);
|
|
14
28
|
}
|
|
15
29
|
};
|
|
16
|
-
return (React.createElement(View, { style: [s.rootContainer,
|
|
17
|
-
React.createElement(Button, { text: myOrderButtonText || 'MY ORDERS', onPress: handleMyOrdersPress, styles:
|
|
18
|
-
React.createElement(Button, { text: logOutButtonText || 'LOG OUT', onPress: handleLogOutPress, styles:
|
|
30
|
+
return (React.createElement(View, { style: [s.rootContainer, rootContainer] },
|
|
31
|
+
React.createElement(Button, { text: myOrderButtonText || 'MY ORDERS', onPress: handleMyOrdersPress, styles: myOrdersButton }),
|
|
32
|
+
React.createElement(Button, { text: logOutButtonText || 'LOG OUT', onPress: handleLogOutPress, styles: logOutButton })));
|
|
19
33
|
};
|
|
20
34
|
export default LoggedIn;
|
|
21
35
|
//# sourceMappingURL=LoggedIn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoggedIn.js","sourceRoot":"","sources":["../../../src/components/loggedIn/LoggedIn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"LoggedIn.js","sourceRoot":"","sources":["../../../src/components/loggedIn/LoggedIn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAA;AAC3B,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,QAAQ,GAAuB,CAAC,EACpC,MAAM,EACN,KAAK,EACL,eAAe,EACf,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG;QACtD,GAAG,MAAM;KACV,CAAA;IACD,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAA;IAC1E,MAAM,mBAAmB,GAAG,KAAK,IAAI,EAAE;QACrC,IAAI,eAAe,EAAE;YACnB,eAAe,EAAE,CAAA;SAClB;IACH,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,aAAa,EAAE;YACjB,KAAK,CAAC,KAAK,CACT,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,KAAI,wBAAwB,EAC/C,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO;gBACnB,mEAAmE,EACrE;gBACE;oBACE,IAAI,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,aAAa,KAAI,aAAa;oBAClD,KAAK,EAAE,aAAa;oBACpB,OAAO,EAAE,aAAa;iBACvB;gBACD;oBACE,IAAI,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,KAAI,IAAI;iBACzC;aACF,CACF,CAAA;SACF;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC;QAC3C,oBAAC,MAAM,IACL,IAAI,EAAE,iBAAiB,IAAI,WAAW,EACtC,OAAO,EAAE,mBAAmB,EAC5B,MAAM,EAAE,cAAc,GACtB;QACF,oBAAC,MAAM,IACL,IAAI,EAAE,gBAAgB,IAAI,SAAS,EACnC,OAAO,EAAE,iBAAiB,EAC1B,MAAM,EAAE,YAAY,GACpB,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,11 +1,23 @@
|
|
|
1
1
|
import { StyleProp, ViewStyle } from 'react-native';
|
|
2
2
|
import { IButtonStyles } from '../button/types';
|
|
3
|
+
export interface ILoggedInTexts {
|
|
4
|
+
logoutDialog?: {
|
|
5
|
+
title?: string;
|
|
6
|
+
message?: string;
|
|
7
|
+
confirmButton?: string;
|
|
8
|
+
cancelButton?: string;
|
|
9
|
+
};
|
|
10
|
+
myOrderButtonText?: string;
|
|
11
|
+
logOutButtonText?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface ILoggedInStyles {
|
|
14
|
+
rootContainer?: StyleProp<ViewStyle>;
|
|
15
|
+
myOrdersButton?: IButtonStyles;
|
|
16
|
+
logOutButton?: IButtonStyles;
|
|
17
|
+
}
|
|
3
18
|
export interface ILoggedInProps {
|
|
4
|
-
|
|
5
|
-
logOutButtonStyles?: IButtonStyles;
|
|
19
|
+
styles?: ILoggedInStyles;
|
|
6
20
|
onPressMyOrders?: () => void;
|
|
7
21
|
onPressLogout?: () => void;
|
|
8
|
-
|
|
9
|
-
logOutButtonText?: string;
|
|
10
|
-
rootContainerStyle?: StyleProp<ViewStyle>;
|
|
22
|
+
texts?: ILoggedInTexts;
|
|
11
23
|
}
|
|
@@ -21,6 +21,7 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
|
|
|
21
21
|
const [data, setData] = useState(initialState);
|
|
22
22
|
const { email, password } = data;
|
|
23
23
|
const getFormFields = () => {
|
|
24
|
+
var _a, _b;
|
|
24
25
|
const setInputData = (id, value) => {
|
|
25
26
|
setData({ ...data, [id]: { value: value } });
|
|
26
27
|
};
|
|
@@ -34,6 +35,7 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
|
|
|
34
35
|
label: 'Email',
|
|
35
36
|
keyboardType: 'email-address',
|
|
36
37
|
autoCapitalize: 'none',
|
|
38
|
+
styles: (_a = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _a === void 0 ? void 0 : _a.input,
|
|
37
39
|
},
|
|
38
40
|
},
|
|
39
41
|
{
|
|
@@ -44,6 +46,7 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
|
|
|
44
46
|
onTextChanged: setInputData,
|
|
45
47
|
label: 'Password',
|
|
46
48
|
secureTextEntry: true,
|
|
49
|
+
styles: (_b = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _b === void 0 ? void 0 : _b.input,
|
|
47
50
|
},
|
|
48
51
|
},
|
|
49
52
|
];
|
|
@@ -90,17 +93,24 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
|
|
|
90
93
|
},
|
|
91
94
|
]);
|
|
92
95
|
};
|
|
93
|
-
const LoggedComponent = () =>
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
React.createElement(
|
|
102
|
-
|
|
103
|
-
|
|
96
|
+
const LoggedComponent = () => {
|
|
97
|
+
var _a, _b, _c, _d, _e;
|
|
98
|
+
return (React.createElement(View, { style: (_a = styles === null || styles === void 0 ? void 0 : styles.loggedIn) === null || _a === void 0 ? void 0 : _a.container },
|
|
99
|
+
React.createElement(Text, { style: (_b = styles === null || styles === void 0 ? void 0 : styles.loggedIn) === null || _b === void 0 ? void 0 : _b.placeholder },
|
|
100
|
+
"Logged in as:",
|
|
101
|
+
' ',
|
|
102
|
+
React.createElement(Text, { style: (_c = styles === null || styles === void 0 ? void 0 : styles.loggedIn) === null || _c === void 0 ? void 0 : _c.value }, userProfile === null || userProfile === void 0 ? void 0 : userProfile.firstName)),
|
|
103
|
+
React.createElement(Text, { style: (_d = styles === null || styles === void 0 ? void 0 : styles.loggedIn) === null || _d === void 0 ? void 0 : _d.message }, "Not you?"),
|
|
104
|
+
React.createElement(Button, { text: (texts === null || texts === void 0 ? void 0 : texts.logoutButton) || 'LOGOUT', onPress: handleOnPressLogout, styles: { container: s.button, ...(_e = styles === null || styles === void 0 ? void 0 : styles.loggedIn) === null || _e === void 0 ? void 0 : _e.button } })));
|
|
105
|
+
};
|
|
106
|
+
const GuestComponent = () => {
|
|
107
|
+
var _a, _b, _c, _d;
|
|
108
|
+
return (React.createElement(React.Fragment, null,
|
|
109
|
+
message ? (React.createElement(Text, null, message)) : (React.createElement(View, { style: (_a = styles === null || styles === void 0 ? void 0 : styles.guest) === null || _a === void 0 ? void 0 : _a.linesContainer },
|
|
110
|
+
React.createElement(Text, { style: (_b = styles === null || styles === void 0 ? void 0 : styles.guest) === null || _b === void 0 ? void 0 : _b.line1 }, line1),
|
|
111
|
+
React.createElement(Text, { style: (_c = styles === null || styles === void 0 ? void 0 : styles.guest) === null || _c === void 0 ? void 0 : _c.line2 }, line2))),
|
|
112
|
+
React.createElement(Button, { styles: { container: s.button, ...(_d = styles === null || styles === void 0 ? void 0 : styles.guest) === null || _d === void 0 ? void 0 : _d.loginButton }, text: (texts === null || texts === void 0 ? void 0 : texts.loginButton) || 'LOGIN', onPress: showDialog })));
|
|
113
|
+
};
|
|
104
114
|
return (React.createElement(View, { style: s.rootContainer },
|
|
105
115
|
userProfile ? LoggedComponent() : GuestComponent(),
|
|
106
116
|
isDialogVisible && (React.createElement(Modal, { transparent: true, presentationStyle: 'overFullScreen' },
|
|
@@ -112,10 +122,12 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
|
|
|
112
122
|
React.createElement(Image, { source: R.images.brand, style: [s.brand, (_g = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _g === void 0 ? void 0 : _g.logo] }),
|
|
113
123
|
!!message && React.createElement(Text, { style: s.message }, message),
|
|
114
124
|
renderFormFields(),
|
|
115
|
-
React.createElement(Button, { styles:
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
125
|
+
React.createElement(Button, { styles: !checkIsDataValid()
|
|
126
|
+
? (_h = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _h === void 0 ? void 0 : _h.loginButtonDisabled
|
|
127
|
+
: {
|
|
128
|
+
container: [s.loginButton],
|
|
129
|
+
...(_j = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _j === void 0 ? void 0 : _j.loginButton,
|
|
130
|
+
}, text: (texts === null || texts === void 0 ? void 0 : texts.loginButton) || 'LOGIN', onPress: handleOnPressLogin, isLoading: isLoading, isDisabled: !checkIsDataValid() })))))))));
|
|
119
131
|
};
|
|
120
132
|
export default LoginView;
|
|
121
133
|
//# sourceMappingURL=LoginView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginView.js","sourceRoot":"","sources":["../../../src/components/login/LoginView.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,gBAAgB,EAChB,wBAAwB,EACxB,IAAI,GACL,MAAM,cAAc,CAAA;AAErB,OAAO,CAAC,MAAM,WAAW,CAAA;AACzB,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAE9C,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,YAAY,GAAoB;IACpC,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,SAAS;KACjB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,SAAS;KACjB;CACF,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,EACjB,UAAU,EACV,UAAU,EACV,eAAe,EACf,YAAY,EACZ,SAAS,EACT,OAAO,EACP,WAAW,EACX,aAAa,EACb,MAAM,EACN,KAAK,GACW,EAAE,EAAE;;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAkB,YAAY,CAAC,CAAA;IAC/D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;IAChC,MAAM,aAAa,GAAG,GAAsB,EAAE
|
|
1
|
+
{"version":3,"file":"LoginView.js","sourceRoot":"","sources":["../../../src/components/login/LoginView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { ImageStyle } from 'react-native';
|
|
2
|
-
import {
|
|
2
|
+
import { TextStyle } from 'react-native';
|
|
3
3
|
import { StyleProp, ViewStyle } from 'react-native';
|
|
4
4
|
import { IUserProfile } from '../../types';
|
|
5
5
|
import { IButtonStyles } from '../button/types';
|
|
6
6
|
import { IFormField } from '../formField/types';
|
|
7
|
+
import { IInputStyles } from '../input/types';
|
|
7
8
|
export interface ILoginProps {
|
|
8
9
|
onLoginSuccessful: (userProfile: IUserProfile, accessToken: string) => void;
|
|
9
10
|
onLoginFailure: () => void;
|
|
@@ -18,14 +19,28 @@ export interface ILoginProps {
|
|
|
18
19
|
texts?: ILoginViewTexts;
|
|
19
20
|
}
|
|
20
21
|
export interface ILoginViewStyles {
|
|
21
|
-
|
|
22
|
+
message?: StyleProp<TextStyle>;
|
|
23
|
+
guest?: {
|
|
24
|
+
loginButton?: IButtonStyles;
|
|
25
|
+
linesContainer?: StyleProp<ViewStyle>;
|
|
26
|
+
line1?: StyleProp<TextStyle>;
|
|
27
|
+
line2?: StyleProp<TextStyle>;
|
|
28
|
+
};
|
|
22
29
|
dialog?: {
|
|
23
30
|
container?: StyleProp<ViewStyle>;
|
|
24
31
|
loginButton?: IButtonStyles;
|
|
25
|
-
|
|
32
|
+
loginButtonDisabled?: IButtonStyles;
|
|
33
|
+
input?: IInputStyles;
|
|
26
34
|
title?: StyleProp<TextStyle>;
|
|
27
35
|
logo?: StyleProp<ImageStyle>;
|
|
28
36
|
};
|
|
37
|
+
loggedIn?: {
|
|
38
|
+
container?: StyleProp<ViewStyle>;
|
|
39
|
+
placeholder?: StyleProp<TextStyle>;
|
|
40
|
+
value?: StyleProp<TextStyle>;
|
|
41
|
+
button?: IButtonStyles;
|
|
42
|
+
message?: StyleProp<TextStyle>;
|
|
43
|
+
};
|
|
29
44
|
}
|
|
30
45
|
export interface ILoginViewTexts {
|
|
31
46
|
loginButton?: string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IBillingInfoProps } from './types';
|
|
2
|
-
declare const BillingInfo: ({ cartProps: { isAgeRequired, isNameRequired }, onRegisterSuccess, onRegisterFail, onCheckoutSuccess, onCheckoutFail, onLoginSuccess, onLoginFail, onFetchUserProfileFail, onFetchUserProfileSuccess, onFetchCartError, styles, texts,
|
|
2
|
+
declare const BillingInfo: ({ cartProps: { isAgeRequired, isNameRequired }, onRegisterSuccess, onRegisterFail, onCheckoutSuccess, onCheckoutFail, onLoginSuccess, onLoginFail, onFetchUserProfileFail, onFetchUserProfileSuccess, onFetchCartError, styles, texts, privacyPolicyLinkStyle, }: IBillingInfoProps) => JSX.Element;
|
|
3
3
|
export default BillingInfo;
|