tf-checkout-react-native 1.0.6 → 1.0.9
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 +377 -31
- package/lib/api/ApiClient.d.ts +1 -1
- package/lib/api/ApiClient.js +10 -7
- package/lib/api/ApiClient.js.map +1 -1
- package/lib/components/button/Button.d.ts +2 -1
- package/lib/components/button/Button.js +6 -5
- package/lib/components/button/Button.js.map +1 -1
- package/lib/components/formField/FormField.d.ts +1 -1
- package/lib/components/formField/FormField.js +1 -1
- package/lib/components/formField/FormField.js.map +1 -1
- package/lib/components/index.d.ts +0 -1
- package/lib/components/index.js +0 -1
- package/lib/components/index.js.map +1 -1
- package/lib/components/input/Input.js +2 -1
- package/lib/components/input/Input.js.map +1 -1
- package/lib/components/login/Login.d.ts +1 -1
- package/lib/components/login/Login.js +2 -2
- package/lib/components/login/Login.js.map +1 -1
- package/lib/components/login/LoginView.d.ts +1 -1
- package/lib/components/login/LoginView.js +16 -13
- package/lib/components/login/LoginView.js.map +1 -1
- package/lib/components/login/types.d.ts +19 -3
- package/lib/containers/billingInfo/Billing.js +93 -46
- package/lib/containers/billingInfo/Billing.js.map +1 -1
- package/lib/containers/billingInfo/types.d.ts +26 -2
- package/lib/containers/checkout/CheckoutView.js +1 -1
- package/lib/containers/checkout/CheckoutView.js.map +1 -1
- package/lib/containers/myOrders/MyOrders.js +39 -19
- package/lib/containers/myOrders/MyOrders.js.map +1 -1
- package/lib/containers/myOrders/MyOrdersView.d.ts +1 -1
- package/lib/containers/myOrders/MyOrdersView.js +20 -15
- package/lib/containers/myOrders/MyOrdersView.js.map +1 -1
- package/lib/containers/myOrders/styles.d.ts +1 -3
- package/lib/containers/myOrders/styles.js +1 -1
- package/lib/containers/myOrders/styles.js.map +1 -1
- package/lib/containers/myOrders/types.d.ts +6 -0
- package/lib/containers/tickets/Tickets.d.ts +1 -1
- package/lib/containers/tickets/Tickets.js +2 -4
- package/lib/containers/tickets/Tickets.js.map +1 -1
- package/lib/containers/tickets/types.d.ts +0 -2
- package/lib/helpers/Config.d.ts +0 -1
- package/lib/helpers/Config.js +3 -3
- package/lib/helpers/Config.js.map +1 -1
- package/lib/index.d.ts +4 -1
- package/lib/index.js +3 -1
- package/lib/index.js.map +1 -1
- package/package.json +13 -10
- package/lib/components/wrapper/Wrapper.d.ts +0 -8
- package/lib/components/wrapper/Wrapper.js +0 -29
- package/lib/components/wrapper/Wrapper.js.map +0 -1
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
//@ts-nocheck
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { ActivityIndicator, Text, TouchableOpacity, View } from 'react-native';
|
|
3
4
|
import R from '../../res';
|
|
4
5
|
import s from './styles';
|
|
5
|
-
const Button = ({ text = 'Press me', onPress, isUpperCase, isDisabled, isLoading, styles, }) => {
|
|
6
|
+
const Button = React.forwardRef(({ text = 'Press me', onPress, isUpperCase, isDisabled, isLoading, styles, }, ref) => {
|
|
6
7
|
const formatText = isUpperCase ? text.toUpperCase() : text;
|
|
7
8
|
return (React.createElement(React.Fragment, null,
|
|
8
|
-
React.createElement(View, { style: [s.container, styles === null || styles === void 0 ? void 0 : styles.container] },
|
|
9
|
-
React.createElement(TouchableOpacity, { onPress: onPress, activeOpacity: 0.8, style: [isDisabled ? s.buttonDisabled : s.button, styles === null || styles === void 0 ? void 0 : styles.button], disabled: isDisabled || isLoading }, isLoading ? (React.createElement(View, null,
|
|
10
|
-
React.createElement(ActivityIndicator, { color: R.colors.white, size: 'small' }))) : (React.createElement(Text, { style: [s.text, styles === null || styles === void 0 ? void 0 : styles.text] }, formatText))))));
|
|
11
|
-
};
|
|
9
|
+
React.createElement(View, { style: [s.container, styles === null || styles === void 0 ? void 0 : styles.container], ref: ref === null || ref === void 0 ? void 0 : ref.containerView },
|
|
10
|
+
React.createElement(TouchableOpacity, { ref: ref === null || ref === void 0 ? void 0 : ref.touchableOpacity, onPress: onPress, activeOpacity: 0.8, style: [isDisabled ? s.buttonDisabled : s.button, styles === null || styles === void 0 ? void 0 : styles.button], disabled: isDisabled || isLoading }, isLoading ? (React.createElement(View, { ref: ref === null || ref === void 0 ? void 0 : ref.loadingView },
|
|
11
|
+
React.createElement(ActivityIndicator, { color: R.colors.white, size: 'small', ref: ref === null || ref === void 0 ? void 0 : ref.activityIndicator }))) : (React.createElement(Text, { style: [s.text, styles === null || styles === void 0 ? void 0 : styles.text], ref: ref === null || ref === void 0 ? void 0 : ref.loadingText }, formatText))))));
|
|
12
|
+
});
|
|
12
13
|
export default Button;
|
|
13
14
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9E,OAAO,CAAC,MAAM,WAAW,CAAA;AACzB,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,MAAM,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9E,OAAO,CAAC,MAAM,WAAW,CAAA;AACzB,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EACE,IAAI,GAAG,UAAU,EACjB,OAAO,EACP,WAAW,EACX,UAAU,EACV,SAAS,EACT,MAAM,GACO,EACf,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IAE1D,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa;YACpE,oBAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,gBAAgB,EAC1B,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,GAAG,EAClB,KAAK,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,EACjE,QAAQ,EAAE,UAAU,IAAI,SAAS,IAEhC,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW;gBACzB,oBAAC,iBAAiB,IAChB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EACrB,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,iBAAiB,GAC3B,CACG,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW,IACvD,UAAU,CACN,CACR,CACgB,CACd,CACN,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IFormFieldProps } from './types';
|
|
2
|
-
declare const FormField: ({ id, fieldType, error,
|
|
2
|
+
declare const FormField: ({ id, fieldType, error, dropdownProps, inputProps, title, checkboxProps, datePickerProps, headerStyle, titleStyle, textStyle, }: IFormFieldProps) => JSX.Element;
|
|
3
3
|
export default FormField;
|
|
@@ -5,7 +5,7 @@ import DatePicker from '../datePicker/DatePicker';
|
|
|
5
5
|
import Dropdown from '../dropdown/Dropdown';
|
|
6
6
|
import Input from '../input/Input';
|
|
7
7
|
import styles from './styles';
|
|
8
|
-
const FormField = ({ id, fieldType, error,
|
|
8
|
+
const FormField = ({ id, fieldType, error, dropdownProps, inputProps, title, checkboxProps, datePickerProps, headerStyle, titleStyle, textStyle, }) => {
|
|
9
9
|
var _a, _b, _c, _d;
|
|
10
10
|
switch (fieldType) {
|
|
11
11
|
case 'input':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/formField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,MAAM,MAAM,UAAU,CAAA;AAG7B,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/formField/FormField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,4 +10,3 @@ export { default as Login } from './login/Login';
|
|
|
10
10
|
export { default as PromoCode } from './promoCode/PromoCode';
|
|
11
11
|
export { default as Separator } from './separator/Separator';
|
|
12
12
|
export { default as WaitingList } from './waitingList/WaitingList';
|
|
13
|
-
export { default as Wrapper } from './wrapper/Wrapper';
|
package/lib/components/index.js
CHANGED
|
@@ -10,5 +10,4 @@ export { default as Login } from './login/Login';
|
|
|
10
10
|
export { default as PromoCode } from './promoCode/PromoCode';
|
|
11
11
|
export { default as Separator } from './separator/Separator';
|
|
12
12
|
export { default as WaitingList } from './waitingList/WaitingList';
|
|
13
|
-
export { default as Wrapper } from './wrapper/Wrapper';
|
|
14
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
//@ts-nocheck
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { View } from 'react-native';
|
|
3
4
|
import { OutlinedTextField as TextField } from 'rn-material-ui-textfield';
|
|
@@ -9,7 +10,7 @@ const Input = (props) => {
|
|
|
9
10
|
? styles.baseColor
|
|
10
11
|
: (styles === null || styles === void 0 ? void 0 : styles.color) || R.colors.black;
|
|
11
12
|
return (React.createElement(View, { style: [s.container, styles === null || styles === void 0 ? void 0 : styles.container] },
|
|
12
|
-
React.createElement(TextField, {
|
|
13
|
+
React.createElement(TextField, { inputRef: 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, errorColor: styles === null || styles === void 0 ? void 0 : styles.errorColor })));
|
|
13
14
|
};
|
|
14
15
|
export default Input;
|
|
15
16
|
//# sourceMappingURL=Input.js.map
|
|
@@ -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,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,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,aAAa;AAEb,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,QAAQ,EAAE,SAAS,EACnB,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,EACpB,UAAU,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,GAC9B,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ILoginProps } from './types';
|
|
2
|
-
declare const Login: ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideLoginDialog,
|
|
2
|
+
declare const Login: ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideLoginDialog, userFirstName, onLogoutSuccess, texts, styles, onLoginFailure, onFetchAccessTokenFailure, onFetchUserProfileFailure, refs, }: ILoginProps) => JSX.Element;
|
|
3
3
|
export default Login;
|
|
@@ -4,7 +4,7 @@ import { authorize, fetchAccessToken, fetchUserProfile, setAccessTokenHandler, }
|
|
|
4
4
|
import { Config } from '../../helpers/Config';
|
|
5
5
|
import { deleteAllData, LocalStorageKeys, storeData, } from '../../helpers/LocalStorage';
|
|
6
6
|
import LoginView from './LoginView';
|
|
7
|
-
const Login = ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideLoginDialog,
|
|
7
|
+
const Login = ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideLoginDialog, userFirstName, onLogoutSuccess, texts, styles, onLoginFailure, onFetchAccessTokenFailure, onFetchUserProfileFailure, refs, }) => {
|
|
8
8
|
const [isLoading, setIsLoading] = useState(false);
|
|
9
9
|
const [loginError, setLoginError] = useState('');
|
|
10
10
|
const [userProfileData, setUserProfileData] = useState();
|
|
@@ -66,7 +66,7 @@ const Login = ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideL
|
|
|
66
66
|
onLogoutSuccess();
|
|
67
67
|
}
|
|
68
68
|
};
|
|
69
|
-
return (React.createElement(LoginView, { showDialog: showLoginDialog, hideDialog: hideLoginDialog, isDialogVisible: isLoginDialogVisible, onPressLogin: handleOnPressLogin, isLoading: isLoading, userProfile: userProfileData,
|
|
69
|
+
return (React.createElement(LoginView, { showDialog: showLoginDialog, hideDialog: hideLoginDialog, isDialogVisible: isLoginDialogVisible, onPressLogin: handleOnPressLogin, isLoading: isLoading, userProfile: userProfileData, onPressLogout: handleOnPressLogout, texts: texts, styles: styles, userFirstName: userFirstName, loginError: loginError, refs: refs }));
|
|
70
70
|
};
|
|
71
71
|
export default Login;
|
|
72
72
|
//# sourceMappingURL=Login.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../src/components/login/Login.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EACL,aAAa,EAEb,gBAAgB,EAChB,SAAS,GACV,MAAM,4BAA4B,CAAA;AAEnC,OAAO,SAAS,MAAM,aAAa,CAAA;AAGnC,MAAM,KAAK,GAAG,CAAC,EACb,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../src/components/login/Login.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ILoginViewProps } from './types';
|
|
2
|
-
declare const LoginView: ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLoading,
|
|
2
|
+
declare const LoginView: ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLoading, onPressLogout, styles, texts, userFirstName, loginError, refs, }: ILoginViewProps) => JSX.Element;
|
|
3
3
|
export default LoginView;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
//@ts-nocheck
|
|
1
2
|
import _map from 'lodash/map';
|
|
2
3
|
import React, { useCallback, useMemo, useState } from 'react';
|
|
3
4
|
import { Alert, Image, Modal, Text, TouchableOpacity, TouchableWithoutFeedback, View, } from 'react-native';
|
|
@@ -16,12 +17,12 @@ const initialState = {
|
|
|
16
17
|
error: undefined,
|
|
17
18
|
},
|
|
18
19
|
};
|
|
19
|
-
const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLoading,
|
|
20
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
20
|
+
const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLoading, onPressLogout, styles, texts, userFirstName, loginError, refs, }) => {
|
|
21
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
21
22
|
const [data, setData] = useState(initialState);
|
|
22
23
|
const { email, password } = data;
|
|
23
24
|
const getFormFields = () => {
|
|
24
|
-
var _a, _b;
|
|
25
|
+
var _a, _b, _c, _d;
|
|
25
26
|
const setInputData = (id, value) => {
|
|
26
27
|
setData({ ...data, [id]: { value: value } });
|
|
27
28
|
};
|
|
@@ -36,6 +37,7 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
|
|
|
36
37
|
keyboardType: 'email-address',
|
|
37
38
|
autoCapitalize: 'none',
|
|
38
39
|
styles: (_a = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _a === void 0 ? void 0 : _a.input,
|
|
40
|
+
reference: (_b = refs === null || refs === void 0 ? void 0 : refs.inputs) === null || _b === void 0 ? void 0 : _b.email,
|
|
39
41
|
},
|
|
40
42
|
},
|
|
41
43
|
{
|
|
@@ -46,7 +48,8 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
|
|
|
46
48
|
onTextChanged: setInputData,
|
|
47
49
|
label: 'Password',
|
|
48
50
|
secureTextEntry: true,
|
|
49
|
-
styles: (
|
|
51
|
+
styles: (_c = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _c === void 0 ? void 0 : _c.input,
|
|
52
|
+
reference: (_d = refs === null || refs === void 0 ? void 0 : refs.inputs) === null || _d === void 0 ? void 0 : _d.password,
|
|
50
53
|
},
|
|
51
54
|
},
|
|
52
55
|
];
|
|
@@ -110,12 +113,12 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
|
|
|
110
113
|
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 } })));
|
|
111
114
|
};
|
|
112
115
|
const GuestComponent = () => {
|
|
113
|
-
var _a, _b, _c, _d;
|
|
116
|
+
var _a, _b, _c, _d, _e;
|
|
114
117
|
return (React.createElement(React.Fragment, null,
|
|
115
|
-
message ? (React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.message }, message)) : (React.createElement(View, { style: (
|
|
116
|
-
React.createElement(Text, { style: (
|
|
117
|
-
React.createElement(Text, { style: (
|
|
118
|
-
React.createElement(Button, { styles: { container: s.button, ...(
|
|
118
|
+
(texts === null || texts === void 0 ? void 0 : texts.message) ? (React.createElement(Text, { style: (_a = styles === null || styles === void 0 ? void 0 : styles.guest) === null || _a === void 0 ? void 0 : _a.message }, texts === null || texts === void 0 ? void 0 : texts.message)) : (React.createElement(View, { style: (_b = styles === null || styles === void 0 ? void 0 : styles.guest) === null || _b === void 0 ? void 0 : _b.linesContainer },
|
|
119
|
+
React.createElement(Text, { style: (_c = styles === null || styles === void 0 ? void 0 : styles.guest) === null || _c === void 0 ? void 0 : _c.line1 }, line1),
|
|
120
|
+
React.createElement(Text, { style: (_d = styles === null || styles === void 0 ? void 0 : styles.guest) === null || _d === void 0 ? void 0 : _d.line2 }, line2))),
|
|
121
|
+
React.createElement(Button, { styles: { container: s.button, ...(_e = styles === null || styles === void 0 ? void 0 : styles.guest) === null || _e === void 0 ? void 0 : _e.loginButton }, text: (texts === null || texts === void 0 ? void 0 : texts.loginButton) || 'LOGIN', onPress: showDialog })));
|
|
119
122
|
};
|
|
120
123
|
return (React.createElement(View, { style: s.rootContainer },
|
|
121
124
|
userFirstName ? LoggedComponent() : GuestComponent(),
|
|
@@ -126,15 +129,15 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
|
|
|
126
129
|
React.createElement(View, { style: [s.dialog, (_e = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _e === void 0 ? void 0 : _e.container] },
|
|
127
130
|
React.createElement(Text, { style: [s.dialogTitle, (_f = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _f === void 0 ? void 0 : _f.title] }, "LOGIN"),
|
|
128
131
|
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] }),
|
|
129
|
-
!!message && (React.createElement(Text, { style: [s.message, styles === null || styles === void 0 ? void 0 : styles.message] }, message)),
|
|
132
|
+
!!((_h = texts === null || texts === void 0 ? void 0 : texts.dialog) === null || _h === void 0 ? void 0 : _h.message) && (React.createElement(Text, { style: [s.message, (_j = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _j === void 0 ? void 0 : _j.message] }, texts.dialog.message)),
|
|
130
133
|
renderFormFields(),
|
|
131
134
|
!!loginError && React.createElement(Text, { style: [s.error] }, loginError),
|
|
132
135
|
React.createElement(Button, { styles: !checkIsDataValid()
|
|
133
|
-
? (
|
|
136
|
+
? (_k = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _k === void 0 ? void 0 : _k.loginButtonDisabled
|
|
134
137
|
: {
|
|
135
138
|
container: [s.loginButton],
|
|
136
|
-
...(
|
|
137
|
-
}, text: (texts === null || texts === void 0 ? void 0 : texts.loginButton) || 'LOGIN', onPress: handleOnPressLogin, isLoading: isLoading, isDisabled: !checkIsDataValid() })))))))));
|
|
139
|
+
...(_l = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _l === void 0 ? void 0 : _l.loginButton,
|
|
140
|
+
}, text: (texts === null || texts === void 0 ? void 0 : texts.loginButton) || 'LOGIN', onPress: handleOnPressLogin, isLoading: isLoading, isDisabled: !checkIsDataValid(), ref: refs === null || refs === void 0 ? void 0 : refs.button })))))))));
|
|
138
141
|
};
|
|
139
142
|
export default LoginView;
|
|
140
143
|
//# 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,
|
|
1
|
+
{"version":3,"file":"LoginView.js","sourceRoot":"","sources":["../../../src/components/login/LoginView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,12 +5,24 @@ import { IUserProfile } from '../../types';
|
|
|
5
5
|
import { IButtonStyles } from '../button/types';
|
|
6
6
|
import { IFormField } from '../formField/types';
|
|
7
7
|
import { IInputStyles } from '../input/types';
|
|
8
|
+
export interface ILoginRefs {
|
|
9
|
+
inputs?: {
|
|
10
|
+
email?: any;
|
|
11
|
+
password?: any;
|
|
12
|
+
};
|
|
13
|
+
button?: {
|
|
14
|
+
containerView?: any;
|
|
15
|
+
touchableOpacity?: any;
|
|
16
|
+
loadingView?: any;
|
|
17
|
+
activityIndicator?: any;
|
|
18
|
+
loadingText?: any;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
8
21
|
export interface ILoginProps {
|
|
9
22
|
onLoginSuccessful: (userProfile: IUserProfile, accessToken: string) => void;
|
|
10
23
|
onLoginFailure?: (error: string) => void;
|
|
11
24
|
onFetchUserProfileFailure?: (error: string) => void;
|
|
12
25
|
onFetchAccessTokenFailure?: (error: string) => void;
|
|
13
|
-
message?: string;
|
|
14
26
|
isLoginDialogVisible: boolean;
|
|
15
27
|
showLoginDialog: () => void;
|
|
16
28
|
hideLoginDialog: () => void;
|
|
@@ -19,14 +31,15 @@ export interface ILoginProps {
|
|
|
19
31
|
styles?: ILoginViewStyles;
|
|
20
32
|
texts?: ILoginViewTexts;
|
|
21
33
|
userFirstName?: string;
|
|
34
|
+
refs?: ILoginRefs;
|
|
22
35
|
}
|
|
23
36
|
export interface ILoginViewStyles {
|
|
24
|
-
message?: StyleProp<TextStyle>;
|
|
25
37
|
guest?: {
|
|
26
38
|
loginButton?: IButtonStyles;
|
|
27
39
|
linesContainer?: StyleProp<ViewStyle>;
|
|
28
40
|
line1?: StyleProp<TextStyle>;
|
|
29
41
|
line2?: StyleProp<TextStyle>;
|
|
42
|
+
message?: StyleProp<TextStyle>;
|
|
30
43
|
};
|
|
31
44
|
dialog?: {
|
|
32
45
|
container?: StyleProp<ViewStyle>;
|
|
@@ -34,6 +47,7 @@ export interface ILoginViewStyles {
|
|
|
34
47
|
loginButtonDisabled?: IButtonStyles;
|
|
35
48
|
input?: IInputStyles;
|
|
36
49
|
title?: StyleProp<TextStyle>;
|
|
50
|
+
message?: StyleProp<TextStyle>;
|
|
37
51
|
logo?: StyleProp<ImageStyle>;
|
|
38
52
|
};
|
|
39
53
|
loggedIn?: {
|
|
@@ -49,8 +63,10 @@ export interface ILoginViewTexts {
|
|
|
49
63
|
logoutButton?: string;
|
|
50
64
|
line1?: string;
|
|
51
65
|
line2?: string;
|
|
66
|
+
message?: string;
|
|
52
67
|
dialog?: {
|
|
53
68
|
loginButton?: string;
|
|
69
|
+
message?: string;
|
|
54
70
|
};
|
|
55
71
|
logoutDialog?: {
|
|
56
72
|
title?: string;
|
|
@@ -65,7 +81,6 @@ export interface ILoginViewProps {
|
|
|
65
81
|
isDialogVisible: boolean;
|
|
66
82
|
onPressLogin: (email: string, password: string) => void;
|
|
67
83
|
isLoading: boolean;
|
|
68
|
-
message?: string;
|
|
69
84
|
userProfile?: IUserProfile;
|
|
70
85
|
onPressLogout: () => void;
|
|
71
86
|
onLogoutSuccess?: () => void;
|
|
@@ -74,6 +89,7 @@ export interface ILoginViewProps {
|
|
|
74
89
|
texts?: ILoginViewTexts;
|
|
75
90
|
loginError?: string;
|
|
76
91
|
userFirstName?: string;
|
|
92
|
+
refs?: ILoginRefs;
|
|
77
93
|
}
|
|
78
94
|
export interface ILoginViewState {
|
|
79
95
|
email: IFormField;
|
|
@@ -15,8 +15,54 @@ import { validateAge, validateEmail, validateEmpty, validatePasswords, } from '.
|
|
|
15
15
|
import R from '../../res';
|
|
16
16
|
import s from './styles';
|
|
17
17
|
const Billing = (props) => {
|
|
18
|
-
var _a, _b, _c, _d;
|
|
18
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
19
19
|
const { styles, texts, cartProps: { isAgeRequired, isNameRequired, isPhoneRequired, minimumAge, isBillingRequired, }, } = props;
|
|
20
|
+
//#region Labels
|
|
21
|
+
const countryLabel = ((_a = texts === null || texts === void 0 ? void 0 : texts.form) === null || _a === void 0 ? void 0 : _a.country) || 'Country';
|
|
22
|
+
const stateLabel = ((_b = texts === null || texts === void 0 ? void 0 : texts.form) === null || _b === void 0 ? void 0 : _b.country) || 'State/County';
|
|
23
|
+
const defaultCountry = { value: '-1', label: countryLabel };
|
|
24
|
+
const defaultState = { value: '-1', label: stateLabel };
|
|
25
|
+
const brandCheckBoxText = useMemo(() => {
|
|
26
|
+
var _a, _b;
|
|
27
|
+
return ((_a = texts === null || texts === void 0 ? void 0 : texts.form) === null || _a === void 0 ? void 0 : _a.checkbox)
|
|
28
|
+
? (_b = texts.form) === null || _b === void 0 ? void 0 : _b.checkbox
|
|
29
|
+
: 'I would like to be updated on news, events and offers.';
|
|
30
|
+
}, [(_c = texts === null || texts === void 0 ? void 0 : texts.form) === null || _c === void 0 ? void 0 : _c.checkbox]);
|
|
31
|
+
const phoneLabel = useMemo(() => {
|
|
32
|
+
var _a, _b;
|
|
33
|
+
const optionalPhone = isPhoneRequired ? '' : ' (optional)';
|
|
34
|
+
return ((_a = texts === null || texts === void 0 ? void 0 : texts.form) === null || _a === void 0 ? void 0 : _a.phone)
|
|
35
|
+
? `${(_b = texts === null || texts === void 0 ? void 0 : texts.form) === null || _b === void 0 ? void 0 : _b.phone} ${optionalPhone}`
|
|
36
|
+
: `Phone ${optionalPhone}`;
|
|
37
|
+
}, [isPhoneRequired, texts]);
|
|
38
|
+
const addressLabel = useMemo(() => {
|
|
39
|
+
var _a;
|
|
40
|
+
const optionalAddress = Config.IS_BILLING_STREET_NAME_REQUIRED
|
|
41
|
+
? ''
|
|
42
|
+
: ' (optional)';
|
|
43
|
+
return ((_a = texts === null || texts === void 0 ? void 0 : texts.form) === null || _a === void 0 ? void 0 : _a.street)
|
|
44
|
+
? `${texts.form.street} ${optionalAddress}`
|
|
45
|
+
: `Street ${optionalAddress}`;
|
|
46
|
+
}, [texts]);
|
|
47
|
+
const holderLabels = useMemo(() => {
|
|
48
|
+
var _a, _b, _c, _d;
|
|
49
|
+
const optional = isNameRequired ? '' : ' (optional)';
|
|
50
|
+
return {
|
|
51
|
+
firstName: ((_a = texts === null || texts === void 0 ? void 0 : texts.form) === null || _a === void 0 ? void 0 : _a.holderFirstName)
|
|
52
|
+
? `${texts.form.holderFirstName} ${optional}`
|
|
53
|
+
: `First Name ${optional}`,
|
|
54
|
+
lastName: ((_b = texts === null || texts === void 0 ? void 0 : texts.form) === null || _b === void 0 ? void 0 : _b.holderLastName)
|
|
55
|
+
? `${texts.form.holderLastName} ${optional}`
|
|
56
|
+
: `Last Name ${optional}`,
|
|
57
|
+
email: ((_c = texts === null || texts === void 0 ? void 0 : texts.form) === null || _c === void 0 ? void 0 : _c.holderEmail)
|
|
58
|
+
? `${texts.form.holderEmail} (optional)`
|
|
59
|
+
: 'Email (optional)',
|
|
60
|
+
phone: ((_d = texts === null || texts === void 0 ? void 0 : texts.form) === null || _d === void 0 ? void 0 : _d.holderPhone)
|
|
61
|
+
? `${texts.form.holderPhone} (optional)`
|
|
62
|
+
: 'Phone (optional)',
|
|
63
|
+
};
|
|
64
|
+
}, [isNameRequired, texts]);
|
|
65
|
+
//#endregion
|
|
20
66
|
//#region State
|
|
21
67
|
const [isLoading, setIsLoading] = useState(false);
|
|
22
68
|
const [isSubmittingData, setIsSubmittingData] = useState(false);
|
|
@@ -41,14 +87,11 @@ const Billing = (props) => {
|
|
|
41
87
|
const [selectedState, setSelectedState] = useState(undefined);
|
|
42
88
|
const [ticketHoldersData, setTicketHoldersData] = useState([]);
|
|
43
89
|
const [numberOfTicketHolders, setNumberOfTicketHolders] = useState();
|
|
44
|
-
const [countries, setCountries] = useState([
|
|
45
|
-
|
|
46
|
-
]);
|
|
47
|
-
const [states, setStates] = useState([
|
|
48
|
-
{ value: '-1', label: 'State/County' },
|
|
49
|
-
]);
|
|
90
|
+
const [countries, setCountries] = useState([defaultCountry]);
|
|
91
|
+
const [states, setStates] = useState([defaultState]);
|
|
50
92
|
const [isLoginDialogVisible, setIsLoginDialogVisible] = useState(false);
|
|
51
93
|
const [skipping, setSkippingStatus] = useState(isBillingRequired ? 'false' : 'skipping');
|
|
94
|
+
const [isTtfCheckboxHidden, setIsTtfCheckboxHidden] = useState(false);
|
|
52
95
|
// Errors state
|
|
53
96
|
const firstNameError = useDebounced(firstName, validateEmpty);
|
|
54
97
|
const lastNameError = useDebounced(lastName, validateEmpty);
|
|
@@ -142,8 +185,8 @@ const Billing = (props) => {
|
|
|
142
185
|
setPasswordConfirmation('');
|
|
143
186
|
setCountryId('');
|
|
144
187
|
setStateId('');
|
|
145
|
-
setSelectedCountry(
|
|
146
|
-
setStates([
|
|
188
|
+
setSelectedCountry(defaultCountry);
|
|
189
|
+
setStates([defaultState]);
|
|
147
190
|
setIsSubToTicketFairy(false);
|
|
148
191
|
setIsSubToBrand(false);
|
|
149
192
|
storedToken.current = '';
|
|
@@ -387,8 +430,8 @@ const Billing = (props) => {
|
|
|
387
430
|
usrPrfl = userProfileResponse;
|
|
388
431
|
}
|
|
389
432
|
else {
|
|
390
|
-
parsedCountries.unshift(
|
|
391
|
-
setSelectedCountry(
|
|
433
|
+
parsedCountries.unshift(defaultCountry);
|
|
434
|
+
setSelectedCountry(defaultCountry);
|
|
392
435
|
}
|
|
393
436
|
const { cartData, cartError } = await fetchCart();
|
|
394
437
|
if (cartError) {
|
|
@@ -402,6 +445,7 @@ const Billing = (props) => {
|
|
|
402
445
|
setNumberOfTicketHolders(cartData.quantity);
|
|
403
446
|
setIsSubToBrand(cartData.isMarketingOptedIn);
|
|
404
447
|
setIsSubToTicketFairy(cartData.isTfOptIn);
|
|
448
|
+
setIsTtfCheckboxHidden(cartData.isTfOptInHidden || false);
|
|
405
449
|
const tHolders = [];
|
|
406
450
|
for (let i = 0; i < cartData.quantity; i++) {
|
|
407
451
|
tHolders.push({
|
|
@@ -456,13 +500,14 @@ const Billing = (props) => {
|
|
|
456
500
|
if (states.length > 1 && stateId) {
|
|
457
501
|
const selectedStateItem = _find(states, (item) => item.value === stateId);
|
|
458
502
|
if (!selectedStateItem) {
|
|
459
|
-
return setSelectedState(
|
|
503
|
+
return setSelectedState(defaultState);
|
|
460
504
|
}
|
|
461
505
|
setSelectedState(selectedStateItem);
|
|
462
506
|
}
|
|
463
507
|
else {
|
|
464
|
-
setSelectedState(
|
|
508
|
+
setSelectedState(defaultState);
|
|
465
509
|
}
|
|
510
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
466
511
|
}, [stateId, states]);
|
|
467
512
|
const initTicketHoldersErrors = useCallback(() => {
|
|
468
513
|
if (ticketHoldersData.length > 1) {
|
|
@@ -483,31 +528,34 @@ const Billing = (props) => {
|
|
|
483
528
|
//#endregion
|
|
484
529
|
//#region Render
|
|
485
530
|
const renderTicketHolders = () => {
|
|
531
|
+
var _a;
|
|
486
532
|
if (!numberOfTicketHolders) {
|
|
487
533
|
return null;
|
|
488
534
|
}
|
|
489
535
|
let tHolders = [];
|
|
490
536
|
for (let i = 0; i < numberOfTicketHolders; i++) {
|
|
537
|
+
const thItemTitle = ((_a = texts === null || texts === void 0 ? void 0 : texts.form) === null || _a === void 0 ? void 0 : _a.ticketHolderItem) || 'Ticket Holder';
|
|
491
538
|
tHolders.push(React.createElement(View, { key: `ticketHolder.${i}` },
|
|
492
539
|
React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.titles },
|
|
493
|
-
|
|
540
|
+
thItemTitle,
|
|
541
|
+
" ",
|
|
494
542
|
i + 1),
|
|
495
|
-
React.createElement(Input, { label:
|
|
543
|
+
React.createElement(Input, { label: holderLabels.firstName, value: ticketHoldersData[i].firstName, onChangeText: (text) => {
|
|
496
544
|
const copyTicketHolders = [...ticketHoldersData];
|
|
497
545
|
copyTicketHolders[i].firstName = text;
|
|
498
546
|
setTicketHoldersData(copyTicketHolders);
|
|
499
547
|
}, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
|
|
500
|
-
React.createElement(Input, { label:
|
|
548
|
+
React.createElement(Input, { label: holderLabels.lastName, value: ticketHoldersData[i].lastName, onChangeText: (text) => {
|
|
501
549
|
const copyTicketHolders = [...ticketHoldersData];
|
|
502
550
|
copyTicketHolders[i].lastName = text;
|
|
503
551
|
setTicketHoldersData(copyTicketHolders);
|
|
504
552
|
}, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
|
|
505
|
-
React.createElement(Input, { label:
|
|
553
|
+
React.createElement(Input, { label: holderLabels.email, value: ticketHoldersData[i].email, onChangeText: (text) => {
|
|
506
554
|
const copyTicketHolders = [...ticketHoldersData];
|
|
507
555
|
copyTicketHolders[i].email = text;
|
|
508
556
|
setTicketHoldersData(copyTicketHolders);
|
|
509
557
|
}, keyboardType: 'email-address', styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none' }),
|
|
510
|
-
React.createElement(Input, { label:
|
|
558
|
+
React.createElement(Input, { label: holderLabels.phone, value: ticketHoldersData[i].phone, onChangeText: (text) => {
|
|
511
559
|
const copyTicketHolders = [...ticketHoldersData];
|
|
512
560
|
copyTicketHolders[i].phone = text;
|
|
513
561
|
setTicketHoldersData(copyTicketHolders);
|
|
@@ -526,42 +574,41 @@ const Billing = (props) => {
|
|
|
526
574
|
React.createElement(Text, { style: [s.skippingMessage, (_d = styles === null || styles === void 0 ? void 0 : styles.skippingDialog) === null || _d === void 0 ? void 0 : _d.message] }, (texts === null || texts === void 0 ? void 0 : texts.skippingMessage) || 'Checking out...'),
|
|
527
575
|
React.createElement(ActivityIndicator, { color: ((_f = (_e = styles === null || styles === void 0 ? void 0 : styles.skippingDialog) === null || _e === void 0 ? void 0 : _e.spinner) === null || _f === void 0 ? void 0 : _f.color) || R.colors.black, size: ((_h = (_g = styles === null || styles === void 0 ? void 0 : styles.skippingDialog) === null || _g === void 0 ? void 0 : _g.spinner) === null || _h === void 0 ? void 0 : _h.size) || 'large' }))));
|
|
528
576
|
};
|
|
529
|
-
const brandCheckBoxText = useMemo(() => {
|
|
530
|
-
return (texts === null || texts === void 0 ? void 0 : texts.brandCheckBox)
|
|
531
|
-
? texts.brandCheckBox
|
|
532
|
-
: 'I would like to be updated on news, events and offers.';
|
|
533
|
-
}, [texts === null || texts === void 0 ? void 0 : texts.brandCheckBox]);
|
|
534
|
-
const phoneLabel = useMemo(() => (isPhoneRequired ? 'Phone' : 'Phone (optional)'), [isPhoneRequired]);
|
|
535
577
|
const isDataValid = checkBasicDataValid();
|
|
536
578
|
return skipping === 'skipping' ? (renderCheckingOut()) : (React.createElement(KeyboardAwareScrollView, { extraScrollHeight: 32 },
|
|
537
579
|
React.createElement(View, { style: styles === null || styles === void 0 ? void 0 : styles.rootContainer },
|
|
538
|
-
React.createElement(Login, { onLoginSuccessful: handleOnLoginSuccess, onLogoutSuccess: handleOnLogoutSuccess, isLoginDialogVisible: isLoginDialogVisible, showLoginDialog: showLoginDialog, hideLoginDialog: hideLoginDialog, userFirstName: loggedUserFirstName, onLoginFailure: handleOnLoginFail,
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
React.createElement(
|
|
544
|
-
React.createElement(Input, { label: '
|
|
545
|
-
|
|
580
|
+
React.createElement(Login, { onLoginSuccessful: handleOnLoginSuccess, onLogoutSuccess: handleOnLogoutSuccess, isLoginDialogVisible: isLoginDialogVisible, showLoginDialog: showLoginDialog, hideLoginDialog: hideLoginDialog, userFirstName: loggedUserFirstName, onLoginFailure: handleOnLoginFail, texts: {
|
|
581
|
+
dialog: {
|
|
582
|
+
message: loginMessage,
|
|
583
|
+
},
|
|
584
|
+
}, styles: styles === null || styles === void 0 ? void 0 : styles.loginStyles }),
|
|
585
|
+
React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.titles }, ((_d = texts === null || texts === void 0 ? void 0 : texts.form) === null || _d === void 0 ? void 0 : _d.getYourTicketsTitle) || 'Get Your Tickets'),
|
|
586
|
+
React.createElement(Input, { label: ((_e = texts === null || texts === void 0 ? void 0 : texts.form) === null || _e === void 0 ? void 0 : _e.firstName) || 'First name', value: firstName, onChangeText: setFirstName, error: firstNameError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
|
|
587
|
+
React.createElement(Input, { label: ((_f = texts === null || texts === void 0 ? void 0 : texts.form) === null || _f === void 0 ? void 0 : _f.lastName) || 'Last name', value: lastName, onChangeText: setLastName, error: lastNameError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
|
|
588
|
+
React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.texts }, ((_g = texts === null || texts === void 0 ? void 0 : texts.form) === null || _g === void 0 ? void 0 : _g.emailsAdvice) ||
|
|
589
|
+
`IMPORTANT: Please double check that your email address is correct.\nIt's where we send your confirmation and e-tickets to!`),
|
|
590
|
+
React.createElement(Input, { label: ((_h = texts === null || texts === void 0 ? void 0 : texts.form) === null || _h === void 0 ? void 0 : _h.email) || 'Email', value: email, onChangeText: setEmail, keyboardType: 'email-address', error: emailError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none' }),
|
|
591
|
+
React.createElement(Input, { label: ((_j = texts === null || texts === void 0 ? void 0 : texts.form) === null || _j === void 0 ? void 0 : _j.confirmEmail) || 'Confirm email', value: emailConfirmation, onChangeText: setEmailConfirmation, keyboardType: 'email-address', error: confirmEmailError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none' }),
|
|
592
|
+
isAgeRequired && (React.createElement(DatePicker, { text: ((_k = texts === null || texts === void 0 ? void 0 : texts.form) === null || _k === void 0 ? void 0 : _k.dateOfBirth) || 'Date of Birth', onSelectDate: handleOnSelectDate, selectedDate: dateOfBirth, styles: styles === null || styles === void 0 ? void 0 : styles.datePicker, error: dateOfBirthError })),
|
|
546
593
|
!loggedUserFirstName && (React.createElement(React.Fragment, null,
|
|
547
|
-
React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.passwordTitle },
|
|
548
|
-
|
|
549
|
-
React.createElement(Input, { label: '
|
|
594
|
+
React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.passwordTitle }, ((_l = texts === null || texts === void 0 ? void 0 : texts.form) === null || _l === void 0 ? void 0 : _l.choosePassword) ||
|
|
595
|
+
'Choose a password for your new TICKETFAIRY account'),
|
|
596
|
+
React.createElement(Input, { label: ((_m = texts === null || texts === void 0 ? void 0 : texts.form) === null || _m === void 0 ? void 0 : _m.password) || 'Password', isSecure: true, onChangeText: setPassword, error: passwordError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none', secureTextEntry: true }),
|
|
597
|
+
React.createElement(Input, { label: ((_o = texts === null || texts === void 0 ? void 0 : texts.form) === null || _o === void 0 ? void 0 : _o.confirmPassword) || 'Confirm password', isSecure: true, onChangeText: setPasswordConfirmation, error: confirmPasswordError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none', secureTextEntry: true }))),
|
|
550
598
|
React.createElement(Input, { label: phoneLabel, value: phone, onChangeText: setPhone, keyboardType: 'phone-pad', error: phoneError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
|
|
551
|
-
React.createElement(Input, { label:
|
|
552
|
-
|
|
553
|
-
: 'Billing Street Address (optional)', value: street, onChangeText: setStreet, error: streetError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
|
|
554
|
-
React.createElement(Input, { label: 'City', value: city, onChangeText: setCity, error: cityError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
|
|
599
|
+
React.createElement(Input, { label: addressLabel, value: street, onChangeText: setStreet, error: streetError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
|
|
600
|
+
React.createElement(Input, { label: ((_p = texts === null || texts === void 0 ? void 0 : texts.form) === null || _p === void 0 ? void 0 : _p.city) || 'City', value: city, onChangeText: setCity, error: cityError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
|
|
555
601
|
React.createElement(Dropdown, { items: countries, onSelectItem: setSelectedCountry, selectedOption: selectedCountry, styles: styles === null || styles === void 0 ? void 0 : styles.dropdownStyles }),
|
|
556
|
-
React.createElement(Input, { label: 'Postal Code / Zip Code', value: postalCode, onChangeText: setPostalCode, error: postalCodeError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
|
|
602
|
+
React.createElement(Input, { label: ((_q = texts === null || texts === void 0 ? void 0 : texts.form) === null || _q === void 0 ? void 0 : _q.zipCode) || 'Postal Code / Zip Code', value: postalCode, onChangeText: setPostalCode, error: postalCodeError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
|
|
557
603
|
React.createElement(Dropdown, { items: states, onSelectItem: setSelectedState, selectedOption: selectedState, styles: styles === null || styles === void 0 ? void 0 : styles.dropdownStyles }),
|
|
558
604
|
React.createElement(Checkbox, { onPress: handleIsSubToBrandToggle, text: brandCheckBoxText, isActive: isSubToBrand, styles: styles === null || styles === void 0 ? void 0 : styles.checkboxStyles }),
|
|
559
|
-
React.createElement(Checkbox, { onPress: handleIsSubToTicketFairyToggle, isActive: isSubToTicketFairy, customTextComp: React.createElement(Text, { style: (
|
|
605
|
+
!isTtfCheckboxHidden && (React.createElement(Checkbox, { onPress: handleIsSubToTicketFairyToggle, isActive: isSubToTicketFairy, customTextComp: React.createElement(Text, { style: (_r = styles === null || styles === void 0 ? void 0 : styles.customCheckbox) === null || _r === void 0 ? void 0 : _r.text },
|
|
560
606
|
"I agree that The Ticket Fairy may use the personal data that I have provided for marketing purposes, such as recommending events that I might be interested in, in accordance with its",
|
|
561
607
|
' ',
|
|
562
|
-
React.createElement(Text, { style: props.privacyPolicyLinkStyle, onPress: handleOpenPrivacyLink }, "Privacy Policy
|
|
608
|
+
React.createElement(Text, { style: props.privacyPolicyLinkStyle, onPress: handleOpenPrivacyLink }, "Privacy Policy"),
|
|
609
|
+
"."), styles: styles === null || styles === void 0 ? void 0 : styles.checkboxStyles })),
|
|
563
610
|
ticketHoldersData.length > 0 && (React.createElement(React.Fragment, null,
|
|
564
|
-
React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.headers },
|
|
611
|
+
React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.headers }, ((_s = texts === null || texts === void 0 ? void 0 : texts.form) === null || _s === void 0 ? void 0 : _s.ticketHoldersTitle) || 'Ticket Holders'),
|
|
565
612
|
renderTicketHolders())),
|
|
566
613
|
React.createElement(Button, { onPress: onSubmit, text: (texts === null || texts === void 0 ? void 0 : texts.checkoutButton) || 'CHECKOUT', isDisabled: !isDataValid, isLoading: isSubmittingData, styles: !isDataValid
|
|
567
614
|
? {
|
|
@@ -571,10 +618,10 @@ const Billing = (props) => {
|
|
|
571
618
|
: {
|
|
572
619
|
container: [
|
|
573
620
|
s.submitButton,
|
|
574
|
-
(
|
|
621
|
+
(_t = styles === null || styles === void 0 ? void 0 : styles.checkoutButton) === null || _t === void 0 ? void 0 : _t.container,
|
|
575
622
|
],
|
|
576
|
-
text: (
|
|
577
|
-
button: (
|
|
623
|
+
text: (_u = styles === null || styles === void 0 ? void 0 : styles.checkoutButton) === null || _u === void 0 ? void 0 : _u.text,
|
|
624
|
+
button: (_v = styles === null || styles === void 0 ? void 0 : styles.checkoutButton) === null || _v === void 0 ? void 0 : _v.button,
|
|
578
625
|
} })),
|
|
579
626
|
isLoading && React.createElement(Loading, null)));
|
|
580
627
|
//#endregion
|