{"version":3,"sources":["../src/components/bottomSheetModal/BottomSheetModal.tsx","../src/res/colors.ts","../src/res/icons.ts","../src/res/images.ts","../src/res/index.ts","../src/components/bottomSheetModal/BottomSheetModalStyles.ts","../src/components/button/Button.tsx","../src/components/button/styles.tsx","../src/components/cartTimer/CartTimer.tsx","../src/components/cartTimer/styles.ts","../src/components/checkbox/Checkbox.tsx","../src/components/checkbox/styles.ts","../src/components/datePicker/DatePicker.tsx","../src/components/input/Input.tsx","../src/components/input/styles.ts","../src/packages/rn-material-ui-textfield/components/field/index.js","../src/packages/rn-material-ui-textfield/components/line/index.js","../src/packages/rn-material-ui-textfield/components/line/styles.js","../src/packages/rn-material-ui-textfield/components/label/index.js","../src/packages/rn-material-ui-textfield/components/label/styles.js","../src/packages/rn-material-ui-textfield/components/affix/index.js","../src/packages/rn-material-ui-textfield/components/affix/styles.js","../src/packages/rn-material-ui-textfield/components/helper/index.js","../src/packages/rn-material-ui-textfield/components/helper/styles.js","../src/packages/rn-material-ui-textfield/components/counter/index.js","../src/packages/rn-material-ui-textfield/components/counter/styles.js","../src/packages/rn-material-ui-textfield/components/field/styles.js","../src/packages/rn-material-ui-textfield/components/field-filled/styles.js","../src/packages/rn-material-ui-textfield/components/field-filled/index.js","../src/packages/rn-material-ui-textfield/components/field-outlined/index.js","../src/packages/rn-material-ui-textfield/components/outline/index.js","../src/packages/rn-material-ui-textfield/components/outline/styles.js","../src/components/datePicker/styles.ts","../src/components/dropdown/Dropdown.tsx","../src/components/separator/Separator.tsx","../src/components/dropdown/DropdownListItem.tsx","../src/components/dropdown/styles.ts","../src/components/dropdownMaterial/DropdownMaterial.tsx","../src/components/dropdownMaterial/styles.ts","../src/components/enterPassword/EnterPassword.tsx","../src/components/enterPassword/styles.ts","../src/components/formField/FormField.tsx","../src/components/radioGroup/RadioGroup.tsx","../src/components/radioGroup/index.ts","../src/components/formField/styles.ts","../src/components/loading/Loading.tsx","../src/components/loading/styles.ts","../src/components/loggedIn/LoggedIn.tsx","../src/components/loggedIn/styles.ts","../src/components/login/Login.tsx","../src/core/BillingCore/BillingCore.tsx","../src/api/ApiClient.ts","../src/helpers/Config.ts","../src/api/Constants.ts","../src/helpers/Domains.ts","../src/helpers/LocalStorage.tsx","../src/api/ErrorHandler.ts","../src/core/LoginCore/LoginCoreHelper.ts","../src/helpers/RefreshAccessToken.ts","../src/core/CheckoutCore/CheckoutCore.tsx","../src/core/LoginCore/LoginCore.tsx","../src/core/MyOrdersCore/MyOrdersCore.tsx","../src/core/OrderDetailsCore/OrderDetailsCore.tsx","../src/core/PurchaseConfirmationCore/PurchaseConfirmationCore.tsx","../src/core/ResetPasswordCore/ResetPasswordCore.tsx","../src/core/Session/SessionHandle.tsx","../src/core/TicketsCore/TicketsCore.tsx","../src/core/WaitingListCore/WaitingListCore.tsx","../src/components/login/LoginView.tsx","../src/helpers/Debounced.ts","../src/helpers/Validators.ts","../src/components/restorePassword/RestorePassword.tsx","../src/components/restorePassword/styles.ts","../src/components/restorePassword/ResultDialog.tsx","../src/components/login/components/LoginForm.tsx","../src/components/login/styles.ts","../src/components/phoneInput/PhoneInput.tsx","../src/components/phoneInput/styles.ts","../src/components/promoCode/PromoCode.tsx","../src/components/promoCode/styles.ts","../src/components/radioButton/RadioButton.tsx","../src/components/radioButton/styles.ts","../src/components/stripePayment/StripePayment.tsx","../src/components/stripePayment/styles.ts","../src/components/waitingList/WaitingList.tsx","../src/components/waitingList/WaitingListView.tsx","../src/components/waitingList/styles.ts","../src/containers/billingInfo/Billing.tsx","../src/helpers/CountryCodes.ts","../../tf-checkout-shared/src/api/client/publicRequest.ts","../../tf-checkout-shared/src/utils/getDomain.ts","../../tf-checkout-shared/src/utils/cookies.ts","../../tf-checkout-shared/src/utils/storage.ts","../../tf-checkout-shared/src/constants/index.ts","../../tf-checkout-shared/src/config/setConfigs.ts","../../tf-checkout-shared/src/utils/isBrowser.ts","../../tf-checkout-shared/src/api/client/auth.ts","../../tf-checkout-shared/src/utils/auth.ts","../../tf-checkout-shared/src/utils/getQueryVariable.ts","../../tf-checkout-shared/src/utils/formatters.ts","../../tf-checkout-shared/src/api/client/interceptors.ts","../../tf-checkout-shared/src/api/client/cart.ts","../../tf-checkout-shared/src/api/client/checkout.ts","../../tf-checkout-shared/src/api/client/common.ts","../../tf-checkout-shared/src/api/client/orders.ts","../../tf-checkout-shared/src/api/client/payment.ts","../../../node_modules/.pnpm/nanoid@3.3.11/node_modules/nanoid/non-secure/index.js","../src/helpers/StringsHelper.ts","../src/containers/billingInfo/styles.ts","../src/containers/checkout/Checkout.tsx","../src/containers/checkout/CheckoutData.ts","../src/containers/checkout/components/Conditions.tsx","../src/containers/checkout/components/styles.ts","../src/containers/checkout/components/OrderReview.tsx","../src/containers/checkout/styles.ts","../src/containers/myOrderDetails/MyOrderDetails.tsx","../src/containers/myOrderDetails/MyOrderDetailsView.tsx","../src/containers/myOrderDetails/components/Notification.tsx","../src/containers/myOrderDetails/components/styles.ts","../src/containers/myOrderDetails/components/TicketActions/TicketActions.tsx","../src/containers/myOrderDetails/components/TicketListItem/TicketListItem.tsx","../src/containers/myOrderDetails/components/TicketListItem/TicketListItemStyles.ts","../src/containers/myOrderDetails/styles.ts","../src/containers/myOrders/MyOrders.tsx","../src/containers/myOrders/MyOrdersView.tsx","../src/containers/myOrders/components/OrderListItem.tsx","../src/containers/myOrders/components/styles.ts","../src/containers/myOrders/styles.ts","../src/utils/Logger.ts","../src/containers/purchaseConfirmation/PurchaseConfirmation.tsx","../src/containers/purchaseConfirmation/PurchaseConfirmationView.tsx","../src/containers/purchaseConfirmation/styles.ts","../src/containers/resaleTickets/ResaleTickets.tsx","../src/containers/resaleTickets/ResaleTicketsView.tsx","../src/containers/resetPassword/ResetPassword.tsx","../src/containers/resetPassword/ResetPasswordView.tsx","../src/containers/resetPassword/styles.ts","../src/containers/tickets/Tickets.tsx","../src/containers/tickets/TicketsView.tsx","../src/containers/tickets/components/TicketGroupListHeader.tsx","../src/containers/tickets/components/TicketListItem.tsx","../src/containers/tickets/components/styles.ts","../src/containers/tickets/styles.ts","../src/features/checkout-v2/hooks/use-checkout.ts","../src/utils/handlers.ts","../src/features/auth/api-hooks.ts","../src/features/auth/utils.ts","../src/features/event/api-hooks.ts","../src/features/geo/api-hooks.ts","../src/features/checkout-v2/utils.ts","../src/features/checkout-v2/hooks/api-hooks.ts","../src/features/checkout-v2/index.tsx","../src/features/checkout-v2/form/index.tsx","../src/features/form/index.tsx","../src/features/checkout-v2/components/AddonsContainer.tsx","../src/features/checkout-v2/components/Conditions.tsx","../src/features/checkout-v2/components/OrderReview.tsx","../src/features/checkout-v2/form/config.tsx","../src/features/checkout-v2/form/styles.ts","../src/features/checkout-v2/form/texts.ts","../src/index.tsx","../src/utils/storageAdapter.ts"],"sourcesContent":["import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react'\nimport {\n Animated,\n Dimensions,\n Image,\n Modal as RNModal,\n StyleProp,\n Text,\n TouchableOpacity,\n View,\n} from 'react-native'\n\nimport R from '../../res'\nimport s from './BottomSheetModalStyles'\nimport { IBottomSheetModalProps } from './BottomSheetModalTypes'\n\nconst animationDuration = 350\nconst { height: screenHeight } = Dimensions.get('window')\n\nexport type BottomSheetHandle = {\n close(): void\n}\n\nconst BottomSheetModal = forwardRef(\n ({ onClose, texts, styles, content, contentHeight = screenHeight / 2 }, ref) => {\n const contentYPosition = useRef(new Animated.Value(contentHeight)).current\n\n const showContent = () => {\n Animated.timing(contentYPosition, {\n toValue: 0,\n duration: animationDuration,\n useNativeDriver: true,\n }).start()\n }\n\n const hideContent = () => {\n Animated.timing(contentYPosition, {\n toValue: contentHeight,\n duration: animationDuration,\n useNativeDriver: true,\n }).start(onClose)\n }\n\n useEffect(() => {\n showContent()\n })\n\n const onCloseHandler = () => {\n hideContent()\n }\n\n const animatedStyle: StyleProp = {\n height: contentHeight,\n transform: [\n {\n translateY: contentYPosition,\n },\n ],\n }\n\n useImperativeHandle(ref, () => ({\n async close() {\n hideContent()\n },\n }))\n\n const mergedStyle = [s.animatedContent, animatedStyle, styles?.content]\n\n const title = texts?.title || 'Title'\n\n return (\n \n \n \n \n {title}\n \n \n \n \n {content}\n \n \n \n )\n }\n)\n\nexport default BottomSheetModal\n","const colors = {\n primary: 'black',\n disabled: 'gray',\n white: 'white',\n black: 'black',\n tint: 'rgba(0,0,0,0.1)',\n transparentBlack: 'rgba(0,0,0,0.5)',\n transparent: 'rgba(0,0,0,0)',\n danger: '#D9534F',\n listBackground: 'rgba(0,0,0,0.1)',\n validGreen: '#139679',\n fff: '#fff',\n timerBackground: '#f4daa3',\n}\n\nexport default colors\n","export default {\n dropdown: require('../assets/icons/ic_dropdown.png'),\n check: require('../assets/icons/ic_check.png'),\n copy: require('../assets/icons/ic_copy.png'),\n next: require('../assets/icons/ic_next.png'),\n error: require('../assets/icons/ic_error.png'),\n more: require('../assets/icons/ic_more.png'),\n clock: require('../assets/icons/ic_clock.png'),\n eye: require('../assets/icons/ic_eye.png'),\n eyeOff: require('../assets/icons/ic_eye_off.png'),\n}\n","export default {\n brand: require('../assets/images/brand.png'),\n}\n","import colors from './colors'\nimport icons from './icons'\nimport images from './images'\n\nconst R = {\n icons: icons,\n colors: colors,\n images: images,\n}\n\nexport default R\n","import { Dimensions, StyleSheet } from 'react-native'\n\nimport R from '../../res'\n\nconst { width: screenWidth } = Dimensions.get('window')\n\nexport default StyleSheet.create({\n rootContainer: {\n backgroundColor: R.colors.transparentBlack,\n flex: 1,\n justifyContent: 'flex-end',\n },\n animatedContent: {\n width: screenWidth,\n borderTopStartRadius: 20,\n borderTopEndRadius: 20,\n paddingVertical: 24,\n backgroundColor: R.colors.listBackground,\n },\n closeButton: {\n padding: 8,\n justifyContent: 'flex-end',\n },\n header: {\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n marginBottom: 16,\n paddingHorizontal: 24,\n },\n title: {\n fontSize: 20,\n },\n closeButtonIcon: {\n height: 16,\n width: 16,\n resizeMode: 'contain',\n tintColor: R.colors.white,\n },\n contentContainer: {\n flex: 1,\n },\n})\n","//@ts-nocheck\nimport React from 'react'\nimport { ActivityIndicator, Text, TouchableOpacity, View } from 'react-native'\n\nimport R from '../../res'\nimport s from './styles'\nimport { IButtonProps } from './types'\n\nconst Button = React.forwardRef(\n (\n {\n text = 'Press me',\n onPress,\n isUpperCase,\n isDisabled,\n isLoading,\n styles,\n }: IButtonProps,\n ref\n ) => {\n const formatText = isUpperCase ? text.toUpperCase() : text\n\n return (\n <>\n \n \n {isLoading ? (\n \n \n \n ) : (\n \n {formatText}\n \n )}\n \n \n \n )\n }\n)\n\nexport default Button\n","import { StyleSheet } from 'react-native'\n\nimport R from '../../res'\n\nexport default StyleSheet.create({\n container: {\n alignItems: 'center',\n justifyContent: 'center',\n },\n button: {\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: R.colors.primary,\n height: 45,\n width: '100%',\n paddingHorizontal: 8,\n },\n buttonDisabled: {\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: R.colors.disabled,\n height: 45,\n width: '100%',\n },\n text: {\n color: R.colors.white,\n fontSize: 18,\n fontWeight: '700',\n },\n})\n","import React, { FC, useEffect, useState } from 'react'\nimport { Image, Pressable, Text, View } from 'react-native'\n\nimport R from '../../res'\nimport s from './styles'\nimport { ICartTimerProps } from './types'\n\nconst CartTimer: FC = ({\n shouldNotMinimize,\n texts,\n styles,\n secondsLeft,\n}) => {\n const [isOnlyTimeVisible, setIsOnlyTimeVisible] = useState(false)\n const hideOtherData = () => {\n if (!shouldNotMinimize) {\n setIsOnlyTimeVisible(!isOnlyTimeVisible)\n }\n }\n const [timeRemaining, setTimeRemaining] = useState('')\n\n const message = texts?.message\n ? texts.message\n : 'Please complete your purchase before the timer reaches zero:'\n\n useEffect(() => {\n const clockify = () => {\n //let hours = Math.floor(secondsLeft / 60 / 60)\n const mins = Math.floor((secondsLeft / 60) % 60)\n const seconds = Math.floor(secondsLeft % 60)\n //let displayHours = hours < 10 ? `0${hours}` : hours\n const displayMins = mins < 10 ? `0${mins}` : mins\n const displaySecs = seconds < 10 ? `0${seconds}` : seconds\n\n setTimeRemaining(`${displayMins}:${displaySecs}`)\n }\n\n clockify()\n }, [secondsLeft])\n\n return (\n \n \n \n {!isOnlyTimeVisible && (\n \n )}\n \n {!isOnlyTimeVisible && (\n {message}\n )}\n \n {timeRemaining}\n \n \n \n \n \n )\n}\n\nexport default CartTimer\n","import { Dimensions, StyleSheet } from 'react-native'\n\nimport R from '../../res'\n\nconst { width: sWidth } = Dimensions.get('window')\n\nexport default StyleSheet.create({\n rootContainer: {\n backgroundColor: R.colors.timerBackground,\n position: 'absolute',\n right: 0,\n top: 40,\n width: sWidth / 1.5,\n borderRadius: 2,\n padding: 8,\n elevation: 3,\n shadowOffset: { width: -3, height: 3 },\n shadowColor: R.colors.black,\n shadowOpacity: 0.2,\n shadowRadius: 3,\n },\n rootContainerSmall: {\n width: sWidth / 5,\n },\n contentContainer: {\n flexDirection: 'row',\n alignItems: 'center',\n flex: 1,\n },\n icon: {\n width: 16,\n height: 16,\n resizeMode: 'contain',\n marginRight: 8,\n },\n textsContainer: { flex: 1 },\n message: { marginBottom: 4 },\n time: {\n fontWeight: '800',\n },\n timeOnlyVisible: {\n alignSelf: 'center',\n },\n})\n","import React from 'react'\nimport { Image, StyleProp, Text, TouchableOpacity, View, ViewStyle } from 'react-native'\n\nimport R from '../../res'\nimport s from './styles'\nimport { ICheckboxProps } from './types'\n\nconst Checkbox = ({\n onPress,\n text,\n styles,\n isActive,\n customTextComp,\n error,\n}: ICheckboxProps) => {\n let indicatorStyles: StyleProp = isActive\n ? [s.indicatorOn, styles?.indicator]\n : [s.indicator, styles?.indicatorDisabled]\n\n if (error) {\n indicatorStyles = [...indicatorStyles, { borderColor: styles?.errorColor }]\n }\n\n return (\n \n <>\n \n \n {isActive && }\n \n {customTextComp || (\n \n {text}\n \n )}\n \n {!!error && {error}}\n \n \n )\n}\n\nexport default Checkbox\n","import { StyleSheet } from 'react-native'\n\nimport R from '../../res'\n\nexport default StyleSheet.create({\n container: {\n marginBottom: 24,\n },\n content: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n indicator: {\n width: 24,\n height: 24,\n borderRadius: 5,\n borderWidth: 1,\n backgroundColor: R.colors.transparent,\n marginRight: 16,\n justifyContent: 'center',\n alignItems: 'center',\n },\n indicatorOn: {\n width: 24,\n height: 24,\n borderRadius: 5,\n borderWidth: 1,\n backgroundColor: R.colors.primary,\n marginRight: 16,\n justifyContent: 'center',\n alignItems: 'center',\n },\n check: {\n width: '60%',\n height: '60%',\n tintColor: R.colors.white,\n },\n textContainer: {\n flex: 1,\n },\n})\n","import React, { useState } from 'react'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport DateTimePickerModal from 'react-native-modal-datetime-picker'\n\nimport Input from '../input/Input'\nimport s from './styles'\nimport { IDatePickerProps } from './types'\n\nconst DatePicker = ({\n onSelectDate,\n onCancel,\n styles,\n text = 'Select date',\n selectedDate,\n placeholder = 'Select date',\n error,\n}: IDatePickerProps) => {\n const [isVisible, setIsVisible] = useState(false)\n const onButtonPress = () => {\n setIsVisible(true)\n }\n\n const handleOnSelectDate = (date: Date) => {\n if (onSelectDate) {\n onSelectDate(date)\n }\n setIsVisible(false)\n }\n\n const handleOnCancel = () => {\n if (onCancel) {\n onCancel()\n }\n setIsVisible(false)\n }\n\n // Format date in a more readable way\n const formatDate = (date: Date) => {\n if (!date) return ''\n // Format as MM/DD/YYYY\n const month = String(date.getMonth() + 1).padStart(2, '0')\n const day = String(date.getDate()).padStart(2, '0')\n const year = date.getFullYear()\n return `${month}/${day}/${year}`\n }\n\n return (\n \n \n \n \n \n )\n}\n\nexport default DatePicker\n","//@ts-nocheck\n\nimport React from 'react'\nimport { Image, TouchableOpacity, View } from 'react-native'\n\nimport R from '../../res'\nimport s from './styles'\nimport { IInputProps } from './types'\nimport { OutlinedTextField } from '../../packages/rn-material-ui-textfield'\n\nconst Input = (props: IInputProps) => {\n const {\n id,\n value,\n onTextChanged,\n onChangeText,\n reference,\n label,\n styles,\n isShowPasswordButtonVisible,\n showPasswordImages,\n secureTextEntry,\n } = props\n const mainColor = styles?.baseColor ? styles.baseColor : styles?.color || R.colors.black\n\n const showPasswordImage = showPasswordImages?.show || R.icons.eye\n const hidePasswordImage = showPasswordImages?.hide || R.icons.eyeOff\n const [isShowingPassword, setIsShowingPassword] = React.useState(false)\n\n const handleOnPressShowPassword = () => {\n setIsShowingPassword(!isShowingPassword)\n }\n\n const showPasswordButton = () => {\n return (\n isShowPasswordButtonVisible &&\n secureTextEntry && (\n \n \n \n )\n )\n }\n\n return (\n \n \n id && onTextChanged ? onTextChanged(id, text) : onChangeText\n }\n label={label}\n tintColor={mainColor}\n containerStyle={[s.fieldWrapper, styles?.fieldWrapper]}\n baseColor={mainColor}\n activeLineWidth={styles?.activeLineWidth || 1}\n lineWidth={styles?.lineWidth || 1}\n textContentType={props.isSecure ? 'oneTimeCode' : 'none'}\n autoCorrect={false}\n style={styles?.input}\n errorColor={styles?.errorColor}\n secureTextEntry={secureTextEntry && !isShowingPassword}\n renderRightAccessory={showPasswordButton}\n // // 👇 ADDED/MODIFIED LINE: Explicitly set contentInset to ensure alignment\n // // contentInset={{ left: 12, top: 10, label: 4, input: 8, right: 12 }}\n {...props}\n />\n \n )\n}\n\nexport default Input\n","import { StyleSheet } from 'react-native'\n\nimport R from '../../res'\n\nconst LEFT_ICON_SIZE = 22\nconst TEXT_LEFT_MARGIN = LEFT_ICON_SIZE + 10\nconst FONT_SIZE = 16\n\nexport default StyleSheet.create({\n container: {\n width: '100%',\n flexDirection: 'row',\n alignItems: 'center',\n marginBottom: 16,\n },\n textLabelFocused: {\n color: R.colors.primary,\n fontSize: 14,\n },\n textLabelFocusedError: {\n color: R.colors.danger,\n fontSize: 14,\n },\n textLabel: {\n color: R.colors.primary,\n fontSize: FONT_SIZE,\n },\n textValue: {\n color: R.colors.white,\n fontSize: FONT_SIZE,\n marginLeft: TEXT_LEFT_MARGIN,\n marginBottom: -2,\n },\n textValueWithoutIcon: {\n color: R.colors.white,\n fontSize: FONT_SIZE,\n marginLeft: 0,\n marginBottom: -2,\n },\n fieldWrapper: {\n flex: 1,\n },\n error: {\n color: R.colors.danger,\n fontSize: 14,\n marginTop: -4,\n },\n showPasswordIcon: {\n tintColor: 'black',\n width: 24,\n height: 24,\n },\n})\n","import PropTypes from 'prop-types'\nimport React, { PureComponent } from 'react'\nimport { View, TextInput, Animated, StyleSheet, Platform } from 'react-native'\nimport {\n TextPropTypes,\n ViewPropTypes,\n TextInputPropTypes,\n} from 'deprecated-react-native-prop-types'\n\nimport Line from '../line'\nimport Label from '../label'\nimport Affix from '../affix'\nimport Helper from '../helper'\nimport Counter from '../counter'\n\nimport styles from './styles'\n\nfunction startAnimation(animation, options, callback) {\n Animated.timing(animation, options).start(callback)\n}\n\nfunction labelStateFromProps(props, state) {\n const { placeholder, defaultValue } = props\n const { value, receivedFocus } = state\n\n return !!(placeholder || value || (!receivedFocus && defaultValue))\n}\n\nfunction errorStateFromProps(props, state) {\n const { error } = props\n\n return !!error\n}\n\nexport default class TextField extends PureComponent {\n static defaultProps = {\n underlineColorAndroid: 'transparent',\n disableFullscreenUI: true,\n autoCapitalize: 'sentences',\n editable: true,\n\n animationDuration: 225,\n\n fontSize: 16,\n labelFontSize: 12,\n\n tintColor: 'rgb(0, 145, 234)',\n textColor: 'rgba(0, 0, 0, .87)',\n baseColor: 'rgba(0, 0, 0, .38)',\n\n errorColor: 'rgb(213, 0, 0)',\n\n lineWidth: StyleSheet.hairlineWidth,\n activeLineWidth: 2,\n disabledLineWidth: 1,\n\n lineType: 'solid',\n disabledLineType: 'dotted',\n\n disabled: false,\n }\n\n static propTypes = {\n ...TextInputPropTypes,\n\n animationDuration: PropTypes.number,\n\n fontSize: PropTypes.number,\n labelFontSize: PropTypes.number,\n\n contentInset: PropTypes.shape({\n top: PropTypes.number,\n label: PropTypes.number,\n input: PropTypes.number,\n left: PropTypes.number,\n right: PropTypes.number,\n bottom: PropTypes.number,\n }),\n\n labelOffset: Label.propTypes.offset,\n\n labelTextStyle: TextPropTypes.style,\n titleTextStyle: TextPropTypes.style,\n affixTextStyle: TextPropTypes.style,\n\n tintColor: PropTypes.string,\n textColor: PropTypes.string,\n baseColor: PropTypes.string,\n\n label: PropTypes.string,\n title: PropTypes.string,\n\n characterRestriction: PropTypes.number,\n\n error: PropTypes.string,\n errorColor: PropTypes.string,\n\n lineWidth: PropTypes.number,\n activeLineWidth: PropTypes.number,\n disabledLineWidth: PropTypes.number,\n\n lineType: Line.propTypes.lineType,\n disabledLineType: Line.propTypes.lineType,\n\n disabled: PropTypes.bool,\n\n formatText: PropTypes.func,\n\n renderLeftAccessory: PropTypes.func,\n renderRightAccessory: PropTypes.func,\n\n prefix: PropTypes.string,\n suffix: PropTypes.string,\n\n containerStyle: ViewPropTypes.style,\n inputContainerStyle: ViewPropTypes.style,\n }\n\n static inputContainerStyle = styles.inputContainer\n\n static contentInset = {\n top: 16,\n label: 4,\n input: 8,\n left: 0,\n right: 0,\n bottom: 8,\n }\n\n static labelOffset = {\n x0: 0,\n y0: 0,\n x1: 0,\n y1: 0,\n }\n\n static getDerivedStateFromProps({ error, value }, state) {\n const newState = {}\n /* Keep last received error in state */\n if (error && error !== state.error) {\n newState.error = error\n }\n\n if (value !== undefined && value !== state.value) {\n newState.value = value\n }\n\n return newState\n }\n\n constructor(props) {\n super(props)\n\n this.onBlur = this.onBlur.bind(this)\n this.onFocus = this.onFocus.bind(this)\n this.onPress = this.focus.bind(this)\n this.onChange = this.onChange.bind(this)\n this.onChangeText = this.onChangeText.bind(this)\n this.onContentSizeChange = this.onContentSizeChange.bind(this)\n this.onFocusAnimationEnd = this.onFocusAnimationEnd.bind(this)\n\n this.createGetter('contentInset')\n this.createGetter('labelOffset')\n\n this.inputRef = this.props.inputRef ?? React.createRef()\n this.mounted = false\n this.focused = false\n\n const { value, error, fontSize } = this.props\n\n const labelState = labelStateFromProps(this.props, { value }) ? 1 : 0\n const focusState = errorStateFromProps(this.props) ? -1 : 0\n\n this.state = {\n value,\n error,\n\n focusAnimation: new Animated.Value(focusState),\n labelAnimation: new Animated.Value(labelState),\n\n receivedFocus: false,\n\n height: fontSize * 1.5,\n }\n }\n\n createGetter(name) {\n this[name] = () => {\n const { [name]: value } = this.props\n const { [name]: defaultValue } = this.constructor\n\n return { ...defaultValue, ...value }\n }\n }\n\n componentDidMount() {\n this.mounted = true\n }\n\n componentWillUnmount() {\n this.mounted = false\n }\n\n componentDidUpdate(prevProps, prevState) {\n const errorState = errorStateFromProps(this.props)\n const prevErrorState = errorStateFromProps(prevProps)\n\n if (errorState ^ prevErrorState) {\n this.startFocusAnimation()\n }\n\n const labelState = labelStateFromProps(this.props, this.state)\n const prevLabelState = labelStateFromProps(prevProps, prevState)\n\n if (labelState ^ prevLabelState) {\n this.startLabelAnimation()\n }\n }\n\n startFocusAnimation() {\n const { focusAnimation } = this.state\n const { animationDuration: duration } = this.props\n\n const options = {\n toValue: this.focusState(),\n duration,\n useNativeDriver: false,\n }\n\n startAnimation(focusAnimation, options, this.onFocusAnimationEnd)\n }\n\n startLabelAnimation() {\n const { labelAnimation } = this.state\n const { animationDuration: duration } = this.props\n\n const options = {\n toValue: this.labelState(),\n useNativeDriver: true,\n duration,\n }\n\n startAnimation(labelAnimation, options)\n }\n\n setNativeProps(props) {\n const { current: input } = this.inputRef\n\n input.setNativeProps(props)\n }\n\n focusState() {\n if (errorStateFromProps(this.props)) {\n return -1\n }\n\n return this.focused ? 1 : 0\n }\n\n labelState() {\n if (labelStateFromProps(this.props, this.state)) {\n return 1\n }\n\n return this.focused ? 1 : 0\n }\n\n focus() {\n const { disabled, editable } = this.props\n const { current: input } = this.inputRef\n\n if (!disabled && editable) {\n input.focus()\n }\n }\n\n blur() {\n const { current: input } = this.inputRef\n\n input.blur()\n }\n\n clear() {\n const { current: input } = this.inputRef\n\n input.clear()\n\n /* onChangeText is not triggered by .clear() */\n this.onChangeText('')\n }\n\n value() {\n const { defaultValue } = this.props\n\n const value = this.isDefaultVisible() ? defaultValue : this.state.value\n\n if (value == null) {\n return ''\n }\n\n return typeof value === 'string' ? value : String(value)\n }\n\n setValue(value) {\n this.setState({ value })\n }\n\n isFocused() {\n const { current: input } = this.inputRef\n\n return input.isFocused()\n }\n\n isRestricted() {\n const { characterRestriction: limit } = this.props\n const { length: count } = this.value()\n\n return limit < count\n }\n\n isErrored() {\n return errorStateFromProps(this.props)\n }\n\n isDefaultVisible() {\n const { value, receivedFocus } = this.state\n const { defaultValue } = this.props\n\n return !receivedFocus && value == null && defaultValue != null\n }\n\n isPlaceholderVisible() {\n const { placeholder } = this.props\n\n return placeholder && !this.focused && !this.value()\n }\n\n isLabelActive() {\n return this.labelState() === 1\n }\n\n onFocus(event) {\n const { onFocus, clearTextOnFocus } = this.props\n const { receivedFocus } = this.state\n\n if (typeof onFocus === 'function') {\n onFocus(event)\n }\n\n if (clearTextOnFocus) {\n this.clear()\n }\n\n this.focused = true\n\n this.startFocusAnimation()\n this.startLabelAnimation()\n\n if (!receivedFocus) {\n this.setState({ receivedFocus: true, value: this.value() })\n }\n }\n\n onBlur(event) {\n const { onBlur } = this.props\n\n if (typeof onBlur === 'function') {\n onBlur(event)\n }\n\n this.focused = false\n\n this.startFocusAnimation()\n this.startLabelAnimation()\n }\n\n onChange(event) {\n const { onChange } = this.props\n\n if (typeof onChange === 'function') {\n onChange(event)\n }\n }\n\n onChangeText(text) {\n const { onChangeText, formatText } = this.props\n\n if (typeof formatText === 'function') {\n text = formatText(text)\n }\n\n this.setState({ value: text })\n\n if (typeof onChangeText === 'function') {\n onChangeText(text)\n }\n }\n\n onContentSizeChange(event) {\n const { onContentSizeChange, fontSize } = this.props\n const { height } = event.nativeEvent.contentSize\n\n if (typeof onContentSizeChange === 'function') {\n onContentSizeChange(event)\n }\n\n this.setState({\n height: Math.max(\n fontSize * 1.5,\n Math.ceil(height) + Platform.select({ ios: 4, android: 1 })\n ),\n })\n }\n\n onFocusAnimationEnd() {\n const { error } = this.props\n const { error: retainedError } = this.state\n\n if (this.mounted && !error && retainedError) {\n this.setState({ error: null })\n }\n }\n\n inputHeight() {\n const { height: computedHeight } = this.state\n const { multiline, fontSize, height = computedHeight } = this.props\n\n return multiline ? height : fontSize * 1.5\n }\n\n inputContainerHeight() {\n const { labelFontSize, multiline } = this.props\n const contentInset = this.contentInset()\n\n if (Platform.OS === 'web' && multiline) {\n return 'auto'\n }\n\n return (\n contentInset.top +\n labelFontSize +\n contentInset.label +\n this.inputHeight() +\n contentInset.input\n )\n }\n\n inputProps() {\n const store = {}\n\n for (const key in TextInputPropTypes) {\n if (key === 'defaultValue') {\n continue\n }\n\n if (key in this.props) {\n store[key] = this.props[key]\n }\n }\n\n return store\n }\n\n inputStyle() {\n const { fontSize, baseColor, textColor, disabled, multiline } = this.props\n\n const color = disabled || this.isDefaultVisible() ? baseColor : textColor\n\n const style = {\n fontSize,\n color,\n\n height: this.inputHeight(),\n }\n\n if (multiline) {\n const lineHeight = fontSize * 1.5\n const offset = Platform.OS === 'ios' ? 2 : 0\n\n style.height += lineHeight\n style.transform = [\n {\n translateY: lineHeight + offset,\n },\n ]\n }\n\n return style\n }\n\n renderLabel(props) {\n const offset = this.labelOffset()\n\n const { label, fontSize, labelFontSize, labelTextStyle } = this.props\n\n return (\n \n )\n }\n\n renderLine(props) {\n return \n }\n\n renderAccessory(prop) {\n const { [prop]: renderAccessory } = this.props\n\n return typeof renderAccessory === 'function' ? renderAccessory() : null\n }\n\n renderAffix(type) {\n const { labelAnimation } = this.state\n const {\n [type]: affix,\n fontSize,\n baseColor: color,\n affixTextStyle: style,\n } = this.props\n\n if (affix == null) {\n return null\n }\n\n const props = {\n type,\n style,\n color,\n fontSize,\n labelAnimation,\n }\n\n return {affix}\n }\n\n renderHelper() {\n const { focusAnimation, error } = this.state\n\n const {\n title,\n disabled,\n baseColor,\n errorColor,\n titleTextStyle: style,\n characterRestriction: limit,\n } = this.props\n\n const { length: count } = this.value()\n const contentInset = this.contentInset()\n\n const containerStyle = {\n paddingLeft: contentInset.left,\n paddingRight: contentInset.right,\n minHeight: contentInset.bottom,\n }\n\n const styleProps = {\n style,\n baseColor,\n errorColor,\n }\n\n const counterProps = {\n ...styleProps,\n limit,\n count,\n }\n\n const helperProps = {\n ...styleProps,\n title,\n error,\n disabled,\n focusAnimation,\n }\n\n return (\n \n \n \n \n )\n }\n\n renderInput() {\n const { disabled, editable, tintColor, style: inputStyleOverrides } = this.props\n\n const props = this.inputProps()\n const inputStyle = this.inputStyle()\n\n return (\n \n )\n }\n\n render() {\n const { labelAnimation, focusAnimation } = this.state\n const {\n editable,\n disabled,\n lineType,\n disabledLineType,\n lineWidth,\n activeLineWidth,\n disabledLineWidth,\n tintColor,\n baseColor,\n errorColor,\n containerStyle,\n inputContainerStyle: inputContainerStyleOverrides,\n } = this.props\n\n const restricted = this.isRestricted()\n const contentInset = this.contentInset()\n\n const inputContainerStyle = {\n paddingTop: contentInset.top,\n paddingRight: contentInset.right,\n paddingBottom: contentInset.input,\n paddingLeft: contentInset.left,\n height: this.inputContainerHeight(),\n }\n\n const containerProps = {\n style: containerStyle,\n onStartShouldSetResponder: () => true,\n onResponderRelease: this.onPress,\n pointerEvents: !disabled ? 'auto' : 'none',\n }\n\n const inputContainerProps = {\n style: [\n this.constructor.inputContainerStyle,\n inputContainerStyle,\n inputContainerStyleOverrides,\n ],\n }\n\n const styleProps = {\n disabled,\n restricted,\n baseColor,\n tintColor,\n errorColor,\n\n contentInset,\n\n focusAnimation,\n labelAnimation,\n }\n\n const lineProps = {\n ...styleProps,\n\n lineWidth,\n activeLineWidth,\n disabledLineWidth,\n\n lineType,\n disabledLineType,\n }\n\n return (\n \n \n {this.renderLine(lineProps)}\n {this.renderAccessory('renderLeftAccessory')}\n \n {this.renderLabel(styleProps)}\n \n {this.renderAffix('prefix')}\n {this.renderInput()}\n {this.renderAffix('suffix')}\n \n \n {this.renderAccessory('renderRightAccessory')}\n \n {this.renderHelper()}\n \n )\n }\n}\n","import PropTypes from 'prop-types'\nimport React, { PureComponent } from 'react'\nimport { View, Animated } from 'react-native'\n\nimport styles from './styles'\n\nconst lineTypes = PropTypes.oneOf(['solid', 'dotted', 'dashed', 'none'])\n\nexport default class Line extends PureComponent {\n static defaultProps = {\n lineType: 'solid',\n disabledLineType: 'dotted',\n\n disabled: false,\n restricted: false,\n }\n\n static propTypes = {\n lineType: lineTypes,\n disabledLineType: lineTypes,\n\n disabled: PropTypes.bool,\n restricted: PropTypes.bool,\n\n tintColor: PropTypes.string,\n baseColor: PropTypes.string,\n errorColor: PropTypes.string,\n\n lineWidth: PropTypes.number,\n activeLineWidth: PropTypes.number,\n disabledLineWidth: PropTypes.number,\n\n focusAnimation: PropTypes.instanceOf(Animated.Value),\n }\n\n static getDerivedStateFromProps(props, state) {\n const { lineWidth, activeLineWidth, disabledLineWidth } = props\n\n const maxLineWidth = Math.max(lineWidth, activeLineWidth, disabledLineWidth, 1)\n\n if (maxLineWidth !== state.maxLineWidth) {\n return { maxLineWidth }\n }\n\n return null\n }\n\n state = { maxLineWidth: 1 }\n\n borderProps() {\n const {\n disabled,\n restricted,\n lineWidth,\n activeLineWidth,\n disabledLineWidth,\n baseColor,\n tintColor,\n errorColor,\n focusAnimation,\n } = this.props\n\n if (disabled) {\n return {\n borderColor: baseColor,\n borderWidth: disabledLineWidth,\n }\n }\n\n if (restricted) {\n return {\n borderColor: errorColor,\n borderWidth: activeLineWidth,\n }\n }\n\n return {\n borderColor: focusAnimation.interpolate({\n inputRange: [-1, 0, 1],\n outputRange: [errorColor, baseColor, tintColor],\n }),\n\n borderWidth: focusAnimation.interpolate({\n inputRange: [-1, 0, 1],\n outputRange: [activeLineWidth, lineWidth, activeLineWidth],\n }),\n }\n }\n\n render() {\n const { maxLineWidth } = this.state\n const { disabled, lineType, disabledLineType } = this.props\n\n const borderStyle = disabled ? disabledLineType : lineType\n\n if (borderStyle === 'none') {\n return null\n }\n\n const [top, right, left] = Array.from(new Array(3), () => -1.5 * maxLineWidth)\n\n const lineStyle = {\n ...this.borderProps(),\n\n borderStyle,\n top,\n right,\n left,\n }\n\n return (\n \n \n \n )\n }\n}\n","import { StyleSheet, Platform } from 'react-native'\n\nexport default StyleSheet.create({\n line: {\n position: 'absolute',\n bottom: 0,\n\n ...Platform.select({\n android: { borderRadius: Number.EPSILON },\n }),\n },\n\n container: {\n ...StyleSheet.absoluteFillObject,\n\n overflow: 'hidden',\n },\n})\n","import PropTypes from 'prop-types'\nimport React, { PureComponent } from 'react'\nimport { Animated } from 'react-native'\nimport { TextPropTypes } from 'deprecated-react-native-prop-types'\n\nimport styles from './styles'\n\nexport default class Label extends PureComponent {\n static defaultProps = {\n numberOfLines: 1,\n disabled: false,\n restricted: false,\n }\n\n static propTypes = {\n numberOfLines: PropTypes.number,\n\n disabled: PropTypes.bool,\n restricted: PropTypes.bool,\n\n fontSize: PropTypes.number.isRequired,\n activeFontSize: PropTypes.number.isRequired,\n\n baseColor: PropTypes.string.isRequired,\n tintColor: PropTypes.string.isRequired,\n errorColor: PropTypes.string.isRequired,\n\n focusAnimation: PropTypes.instanceOf(Animated.Value).isRequired,\n\n labelAnimation: PropTypes.instanceOf(Animated.Value).isRequired,\n\n contentInset: PropTypes.shape({\n label: PropTypes.number,\n }),\n\n offset: PropTypes.shape({\n x0: PropTypes.number,\n y0: PropTypes.number,\n x1: PropTypes.number,\n y1: PropTypes.number,\n }),\n\n style: TextPropTypes.style,\n label: PropTypes.string,\n }\n\n render() {\n const {\n label,\n offset,\n disabled,\n restricted,\n fontSize,\n activeFontSize,\n contentInset,\n errorColor,\n baseColor,\n tintColor,\n style,\n focusAnimation,\n labelAnimation,\n ...props\n } = this.props\n\n if (label == null) {\n return null\n }\n\n const color = disabled\n ? baseColor\n : restricted\n ? errorColor\n : focusAnimation.interpolate({\n inputRange: [-1, 0, 1],\n outputRange: [errorColor, baseColor, tintColor],\n })\n\n const textStyle = {\n lineHeight: style?.lineHeight || fontSize,\n fontSize,\n color,\n }\n\n let { x0, y0, x1, y1 } = offset\n\n y0 += activeFontSize\n y0 += contentInset.label\n y0 += fontSize * 0.25\n\n const scale = labelAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [1, activeFontSize / fontSize],\n })\n\n const containerStyle = {\n transform: [\n {\n translateX: labelAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [x0, x1],\n }),\n },\n {\n translateY: labelAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [y0, y1],\n }),\n },\n {\n scale,\n },\n ],\n }\n\n return (\n \n \n {label}\n \n \n )\n }\n}\n","import { StyleSheet } from 'react-native'\n\nexport default StyleSheet.create({\n container: {\n position: 'absolute',\n top: 0,\n transformOrigin: 'left',\n transform: [{ translateX: '-50%' }],\n },\n\n text: {\n textAlign: 'left',\n includeFontPadding: false,\n textAlignVertical: 'top',\n },\n})\n","import PropTypes from 'prop-types'\nimport React, { PureComponent } from 'react'\nimport { Animated } from 'react-native'\nimport { TextPropTypes } from 'deprecated-react-native-prop-types'\n\nimport styles from './styles'\n\nexport default class Affix extends PureComponent {\n static defaultProps = {\n numberOfLines: 1,\n }\n\n static propTypes = {\n numberOfLines: PropTypes.number,\n style: TextPropTypes.style,\n\n color: PropTypes.string.isRequired,\n fontSize: PropTypes.number.isRequired,\n\n type: PropTypes.oneOf(['prefix', 'suffix']).isRequired,\n\n labelAnimation: PropTypes.instanceOf(Animated.Value).isRequired,\n\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n }\n\n render() {\n const { labelAnimation, style, children, type, fontSize, color } = this.props\n\n const containerStyle = {\n height: fontSize * 1.5,\n opacity: labelAnimation,\n }\n\n const textStyle = {\n includeFontPadding: false,\n textAlignVertical: 'top',\n\n fontSize,\n color,\n }\n\n switch (type) {\n case 'prefix':\n containerStyle.paddingRight = 8\n textStyle.textAlign = 'left'\n break\n\n case 'suffix':\n containerStyle.paddingLeft = 8\n textStyle.textAlign = 'right'\n break\n }\n\n return (\n \n {children}\n \n )\n }\n}\n","import { StyleSheet } from 'react-native'\n\nexport default StyleSheet.create({\n container: {\n top: 2,\n justifyContent: 'center',\n },\n})\n","import PropTypes from 'prop-types'\nimport React, { PureComponent } from 'react'\nimport { Animated } from 'react-native'\nimport { TextPropTypes } from 'deprecated-react-native-prop-types'\n\nimport styles from './styles'\n\nexport default class Helper extends PureComponent {\n static propTypes = {\n title: PropTypes.string,\n error: PropTypes.string,\n disabled: PropTypes.bool,\n style: TextPropTypes.style,\n baseColor: PropTypes.string,\n errorColor: PropTypes.string,\n focusAnimation: PropTypes.instanceOf(Animated.Value),\n }\n\n constructor(props) {\n super(props)\n\n const { error, focusAnimation } = this.props\n\n const opacity = focusAnimation.interpolate({\n inputRange: [-1, -0.5, 0],\n outputRange: [1, 0, 1],\n extrapolate: 'clamp',\n })\n\n this.state = {\n errored: !!error,\n opacity,\n }\n }\n\n componentDidMount() {\n const { focusAnimation } = this.props\n\n this.listener = focusAnimation.addListener(this.onAnimation.bind(this))\n }\n\n componentWillUnmount() {\n const { focusAnimation } = this.props\n\n focusAnimation.removeListener(this.listener)\n }\n\n onAnimation({ value }) {\n if (this.animationValue > -0.5 && value <= -0.5) {\n this.setState({ errored: true })\n }\n\n if (this.animationValue < -0.5 && value >= -0.5) {\n this.setState({ errored: false })\n }\n\n this.animationValue = value\n }\n\n render() {\n const { errored, opacity } = this.state\n const { style, title, error, disabled, baseColor, errorColor } = this.props\n\n const text = errored ? error : title\n\n if (text == null) {\n return null\n }\n\n const textStyle = {\n opacity,\n\n color: !disabled && errored ? errorColor : baseColor,\n }\n\n return {text}\n }\n}\n","import { StyleSheet } from 'react-native'\n\nexport default StyleSheet.create({\n text: {\n flex: 1,\n fontSize: 12,\n lineHeight: 16,\n backgroundColor: 'transparent',\n paddingVertical: 2,\n textAlign: 'left',\n },\n})\n","import PropTypes from 'prop-types'\nimport React, { PureComponent } from 'react'\nimport { Text } from 'react-native'\n\nimport styles from './styles'\nimport { TextPropTypes } from 'deprecated-react-native-prop-types'\n\nexport default class Counter extends PureComponent {\n static propTypes = {\n count: PropTypes.number.isRequired,\n limit: PropTypes.number,\n\n baseColor: PropTypes.string.isRequired,\n errorColor: PropTypes.string.isRequired,\n\n style: TextPropTypes.style,\n }\n\n render() {\n const { count, limit, baseColor, errorColor, style } = this.props\n\n if (!limit) {\n return null\n }\n\n const textStyle = {\n color: count > limit ? errorColor : baseColor,\n }\n\n return (\n \n {count} / {limit}\n \n )\n }\n}\n","import { StyleSheet } from 'react-native'\n\nexport default StyleSheet.create({\n text: {\n fontSize: 12,\n lineHeight: 16,\n textAlign: 'right',\n backgroundColor: 'transparent',\n paddingVertical: 2,\n marginLeft: 8,\n },\n})\n","import { StyleSheet, I18nManager } from 'react-native'\n\nexport default StyleSheet.create({\n inputContainer: {\n flexDirection: 'row',\n alignItems: 'flex-end',\n },\n\n input: {\n top: 2,\n padding: 0,\n paddingTop: 0 /* XXX: iOS has paddingTop set for multiline input */,\n margin: 0,\n flex: 1,\n\n textAlign: I18nManager.isRTL ? 'right' : 'left',\n\n includeFontPadding: false,\n textAlignVertical: 'top',\n },\n\n helperContainer: {\n flexDirection: 'row',\n justifyContent: 'flex-end',\n alignItems: 'flex-start',\n },\n\n row: {\n flex: 1,\n flexDirection: 'row',\n alignItems: 'flex-end',\n },\n\n stack: {\n flex: 1,\n alignSelf: 'stretch',\n },\n\n flex: {\n flex: 1,\n },\n})\n","import { StyleSheet } from 'react-native'\n\nexport default StyleSheet.create({\n inputContainer: {\n borderTopLeftRadius: 4,\n borderTopRightRadius: 4,\n\n backgroundColor: 'rgb(204, 204, 204)',\n },\n})\n","import TextField from '../field'\nimport styles from './styles'\n\nexport default class FilledTextField extends TextField {\n static contentInset = {\n ...TextField.contentInset,\n\n top: 8,\n left: 12,\n right: 12,\n }\n\n static labelOffset = {\n ...TextField.labelOffset,\n\n y0: -10,\n y1: -2,\n }\n\n static inputContainerStyle = [TextField.inputContainerStyle, styles.inputContainer]\n}\n","import React from 'react'\nimport { Animated, StyleSheet } from 'react-native'\n\nimport TextField from '../field'\nimport Outline from '../outline'\n\nexport default class OutlinedTextField extends TextField {\n static contentInset = {\n ...TextField.contentInset,\n\n input: 16,\n\n top: 0,\n left: 12,\n right: 12,\n }\n\n static labelOffset = {\n ...TextField.labelOffset,\n\n y0: 0,\n y1: -10,\n }\n\n static defaultProps = {\n ...TextField.defaultProps,\n\n lineWidth: 1,\n disabledLineWidth: StyleSheet.hairlineWidth,\n }\n\n constructor(props) {\n super(props)\n\n this.onTextLayout = this.onTextLayout.bind(this)\n this.state.labelWidth = new Animated.Value(0)\n }\n\n onTextLayout({ nativeEvent: { lines } }) {\n const { fontSize, labelFontSize } = this.props\n const { labelWidth } = this.state\n\n const scale = labelFontSize / fontSize\n\n labelWidth.setValue(lines[0].width * scale)\n }\n\n renderLabel(props) {\n const { onTextLayout } = this\n\n return super.renderLabel({ ...props, onTextLayout })\n }\n\n renderLine(props) {\n const { labelWidth } = this.state\n\n return \n }\n}\n","import PropTypes from 'prop-types'\nimport React, { Fragment, PureComponent } from 'react'\nimport { View, Animated, I18nManager } from 'react-native'\n\nimport styles, { borderRadius } from './styles'\n\nexport default class Line extends PureComponent {\n static defaultProps = {\n lineType: 'solid',\n disabled: false,\n restricted: false,\n }\n\n static propTypes = {\n lineType: PropTypes.oneOf(['solid', 'none']),\n\n disabled: PropTypes.bool,\n restricted: PropTypes.bool,\n\n tintColor: PropTypes.string,\n baseColor: PropTypes.string,\n errorColor: PropTypes.string,\n\n lineWidth: PropTypes.number,\n activeLineWidth: PropTypes.number,\n disabledLineWidth: PropTypes.number,\n\n focusAnimation: PropTypes.instanceOf(Animated.Value),\n labelAnimation: PropTypes.instanceOf(Animated.Value),\n labelWidth: PropTypes.instanceOf(Animated.Value),\n\n contentInset: PropTypes.shape({\n left: PropTypes.number,\n right: PropTypes.number,\n }),\n }\n\n borderProps() {\n const {\n disabled,\n restricted,\n lineType,\n lineWidth,\n activeLineWidth,\n disabledLineWidth,\n baseColor,\n tintColor,\n errorColor,\n focusAnimation,\n } = this.props\n\n if (disabled) {\n return {\n borderColor: baseColor,\n borderWidth: disabledLineWidth,\n }\n }\n\n if (restricted) {\n return {\n borderColor: errorColor,\n borderWidth: activeLineWidth,\n }\n }\n\n return {\n borderColor: focusAnimation.interpolate({\n inputRange: [-1, 0, 1],\n outputRange: [errorColor, baseColor, tintColor],\n }),\n\n borderWidth: focusAnimation.interpolate({\n inputRange: [-1, 0, 1],\n outputRange: [activeLineWidth, lineWidth, activeLineWidth],\n }),\n\n borderStyle: lineType,\n }\n }\n\n render() {\n const { lineType, labelWidth, labelAnimation, contentInset } = this.props\n\n if (lineType === 'none') {\n return null\n }\n\n const labelOffset = 2 * (contentInset.left - 2 * borderRadius)\n const lineOffset = Animated.add(labelWidth, labelOffset)\n\n const topLineContainerStyle = {\n transform: [\n {\n scaleX: I18nManager.isRTL ? -1 : 1,\n },\n {\n translateX: Animated.multiply(labelAnimation, lineOffset),\n },\n ],\n }\n\n const leftContainerStyle = {\n width: contentInset.left - borderRadius,\n }\n\n const rightContainerStyle = {\n width: contentInset.right - borderRadius,\n }\n\n const topContainerStyle = {\n left: leftContainerStyle.width,\n right: rightContainerStyle.width,\n }\n\n const lineStyle = this.borderProps()\n\n return (\n \n \n \n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n \n )\n }\n}\n","import { StyleSheet, Platform } from 'react-native'\n\nexport const borderRadius = 4\n\nconst containerStyle = {\n position: 'absolute',\n overflow: 'hidden',\n}\n\nexport default StyleSheet.create({\n borderLeft: {\n ...StyleSheet.absoluteFillObject,\n borderRadius,\n\n right: -borderRadius,\n bottom: -borderRadius,\n },\n\n borderRight: {\n ...StyleSheet.absoluteFillObject,\n borderRadius,\n\n left: -borderRadius,\n bottom: -borderRadius,\n },\n\n borderBottom: {\n ...StyleSheet.absoluteFillObject,\n borderRadius,\n\n top: -borderRadius,\n\n /* XXX: Android positioning error workaround */\n bottom: StyleSheet.hairlineWidth,\n },\n\n borderTop: {\n ...StyleSheet.absoluteFillObject,\n borderRadius,\n\n left: -borderRadius,\n right: -borderRadius,\n bottom: -borderRadius,\n },\n\n leftContainer: {\n ...containerStyle,\n\n top: 0,\n left: 0,\n width: borderRadius,\n height: borderRadius,\n },\n\n rightContainer: {\n ...containerStyle,\n\n top: 0,\n right: 0,\n height: borderRadius,\n },\n\n bottomContainer: {\n ...containerStyle,\n\n top: borderRadius - (Platform.OS === 'android' ? 0.25 : 0),\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n topContainer: {\n ...containerStyle,\n\n top: 0,\n height: borderRadius,\n },\n\n topLineContainer: {\n ...StyleSheet.absoluteFillObject,\n overflow: 'hidden',\n },\n})\n","import { StyleSheet } from 'react-native'\n\nimport R from '../../res'\n\nconst FONT_SIZE = 16\n\nexport default StyleSheet.create({\n container: {\n width: '100%',\n position: 'relative',\n },\n label: {\n fontSize: 12,\n color: R.colors.primary,\n marginBottom: 4,\n fontWeight: '400',\n },\n button: {\n width: '100%',\n borderWidth: 1,\n height: 56,\n alignItems: 'flex-start',\n justifyContent: 'center',\n paddingHorizontal: 12,\n borderColor: '#bdbdbd',\n borderRadius: 4,\n backgroundColor: 'transparent',\n },\n text: {\n fontSize: FONT_SIZE,\n paddingVertical: 8,\n color: '#000000',\n },\n error: {\n color: R.colors.danger,\n fontSize: 12,\n marginTop: 4,\n },\n})\n","//@ts-nocheck\n\nimport React, { MutableRefObject, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n FlatList,\n Image,\n Modal,\n Text,\n TouchableOpacity,\n TouchableWithoutFeedback,\n View,\n} from 'react-native'\n\nimport R from '../../res'\nimport Separator from '../separator/Separator'\nimport DropdownListItem from './DropdownListItem'\nimport { DropdownStyles as s } from './styles'\nimport { IDropdownItem, IDropdownProps } from './types'\n\nconst Dropdown = ({ items, selectedOption, onSelectItem, styles }: IDropdownProps) => {\n const [isModalVisible, setIsModalVisible] = useState(false)\n const flatListRef: MutableRefObject = useRef()\n\n const showModal = () => {\n requestAnimationFrame(() => {\n setIsModalVisible(true)\n })\n }\n const hideModal = () => {\n requestAnimationFrame(() => {\n setIsModalVisible(false)\n })\n }\n\n const handleOnSelectItem = (item: IDropdownItem) => {\n onSelectItem(item)\n hideModal()\n }\n\n useEffect(() => {\n if (flatListRef?.current) {\n flatListRef.current.flashScrollIndicators()\n }\n }, [isModalVisible])\n\n const renderItem = useCallback(\n ({ item }) => (\n \n ),\n\n [handleOnSelectItem, selectedOption]\n )\n\n const keyExtractor = useCallback((item: IDropdownItem) => item.value.toString(), [])\n\n const renderSeparator = useCallback(() => , [])\n\n const getItemLayout = useCallback(\n (data, index) => ({\n length: 45,\n offset: 45 * index,\n index,\n }),\n []\n )\n\n return (\n \n \n {selectedOption?.label}\n \n \n {isModalVisible && items.length > 0 && (\n \n \n \n \n \n \n \n \n \n \n \n )}\n \n )\n}\n\nexport default Dropdown\n","import React from 'react'\nimport { View } from 'react-native'\n\nimport { ISeparatorProps } from './types'\n\nconst Separator = ({\n color,\n height,\n width,\n marginLeft,\n marginVertical,\n}: ISeparatorProps) => {\n return (\n \n )\n}\n\nexport default Separator\n","import React from 'react'\nimport { Text, TouchableOpacity, View } from 'react-native'\n\nimport { DropdownListItemStyles as s } from './styles'\nimport { IDropdownListItemProps } from './types'\n\nconst DropdownListItem = ({\n item,\n onSelectItem,\n selectedOption,\n styles,\n}: IDropdownListItemProps) => {\n const handleOnSelectItem = () => onSelectItem(item)\n const isSelected = !!selectedOption && selectedOption.value === item.value\n const selectedStyles = [s.buttonSelected, styles?.buttonSelected]\n\n const buttonStyles = [s.button, styles?.button]\n\n return (\n \n \n \n {item.label}\n \n \n \n )\n}\n\nexport default DropdownListItem\n","import { Dimensions, StyleSheet } from 'react-native'\n\nimport R from '../../res'\n\nconst { width: sWidth, height: sHeight } = Dimensions.get('window')\n\nconst DIALOG = {\n width: sWidth * 0.8,\n maxHeight: sHeight * 0.5,\n minHeight: sHeight * 0.2,\n}\n\nexport const DropdownStyles = StyleSheet.create({\n rootContainer: {\n width: 50,\n },\n button: {\n width: '100%',\n borderWidth: 2,\n height: 45,\n alignItems: 'center',\n justifyContent: 'space-between',\n flexDirection: 'row',\n paddingHorizontal: 8,\n borderColor: R.colors.black,\n },\n icon: {\n height: 14,\n width: 14,\n resizeMode: 'contain',\n tintColor: R.colors.black,\n },\n label: {\n color: R.colors.black,\n fontSize: 16,\n },\n modalContainer: {\n flex: 1,\n backgroundColor: 'rgba(0,0,0,0.8)',\n },\n modalBackgroundTouchable: {\n width: '100%',\n height: '100%',\n justifyContent: 'center',\n alignItems: 'center',\n },\n dialog: {\n backgroundColor: R.colors.white,\n paddingVertical: 16,\n borderRadius: 2,\n alignItems: 'center',\n justifyContent: 'center',\n width: DIALOG.width,\n maxHeight: DIALOG.maxHeight,\n minHeight: DIALOG.minHeight,\n shadowColor: R.colors.black,\n shadowOffset: {\n width: 3,\n height: 2,\n },\n shadowOpacity: 0.3,\n shadowRadius: 3,\n },\n flatListContainer: {\n width: DIALOG.width,\n },\n})\n\nexport const DropdownListItemStyles = StyleSheet.create({\n rootContainer: {\n paddingVertical: 4,\n minWidth: 100,\n alignItems: 'center',\n },\n button: {\n width: '100%',\n minHeight: 35,\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: R.colors.white,\n paddingHorizontal: 8,\n },\n buttonSelected: {\n width: '100%',\n minHeight: 35,\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: R.colors.tint,\n paddingHorizontal: 8,\n },\n text: {\n fontSize: 18,\n fontWeight: '600',\n textAlign: 'center',\n color: R.colors.black,\n },\n})\n","//@ts-nocheck\n\nimport React, { MutableRefObject, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n FlatList,\n Image,\n Modal,\n TouchableOpacity,\n TouchableWithoutFeedback,\n View,\n} from 'react-native'\n\nimport R from '../../res'\nimport DropdownListItem from '../dropdown/DropdownListItem'\nimport Input from '../input/Input'\nimport Separator from '../separator/Separator'\nimport { DropdownMaterialStyles as s } from './styles'\nimport { IDropdownItem, IDropdownMaterialProps } from './types'\n\nconst DropdownMaterial = ({\n items,\n selectedOption,\n onSelectItem,\n styles,\n materialInputProps,\n}: IDropdownMaterialProps) => {\n const [isModalVisible, setIsModalVisible] = useState(false)\n const flatListRef: MutableRefObject = useRef()\n\n const showModal = () => {\n requestAnimationFrame(() => {\n setIsModalVisible(true)\n })\n }\n const hideModal = () => {\n requestAnimationFrame(() => {\n setIsModalVisible(false)\n })\n }\n\n const handleOnSelectItem = (item: IDropdownItem) => {\n onSelectItem(item)\n hideModal()\n }\n\n useEffect(() => {\n if (flatListRef?.current) {\n flatListRef.current.flashScrollIndicators()\n }\n }, [isModalVisible])\n\n const renderItem = useCallback(\n ({ item }) => (\n \n ),\n\n [handleOnSelectItem, selectedOption]\n )\n\n const keyExtractor = useCallback((item: IDropdownItem) => item.value.toString(), [])\n\n const renderSeparator = useCallback(() => , [])\n\n const getItemLayout = useCallback(\n (data, index) => ({\n length: 45,\n offset: 45 * index,\n index,\n }),\n []\n )\n\n const RightComponent = useCallback(\n () => ,\n [styles?.icon]\n )\n\n return (\n \n \n \n \n {isModalVisible && items.length > 0 && (\n \n \n \n \n \n \n \n \n \n \n \n )}\n \n )\n}\n\nexport default DropdownMaterial\n","import { Dimensions, StyleSheet } from 'react-native'\n\nimport R from '../../res'\n\nconst { width: sWidth, height: sHeight } = Dimensions.get('window')\n\nconst DIALOG = {\n width: sWidth * 0.8,\n maxHeight: sHeight * 0.5,\n minHeight: sHeight * 0.2,\n}\n\nexport const DropdownMaterialStyles = StyleSheet.create({\n rootContainer: {\n width: '100%',\n height: 45,\n marginBottom: 32,\n },\n button: {\n height: '120%',\n },\n icon: {\n height: 14,\n width: 14,\n resizeMode: 'contain',\n tintColor: R.colors.white,\n },\n label: {\n color: R.colors.black,\n fontSize: 16,\n },\n modalContainer: {\n flex: 1,\n backgroundColor: 'rgba(0,0,0,0.8)',\n },\n modalBackgroundTouchable: {\n width: '100%',\n height: '100%',\n justifyContent: 'center',\n alignItems: 'center',\n },\n dialog: {\n backgroundColor: R.colors.white,\n paddingVertical: 16,\n borderRadius: 2,\n alignItems: 'center',\n justifyContent: 'center',\n width: DIALOG.width,\n maxHeight: DIALOG.maxHeight,\n shadowColor: R.colors.black,\n shadowOffset: {\n width: 3,\n height: 2,\n },\n shadowOpacity: 0.3,\n shadowRadius: 3,\n },\n flatListContainer: {\n width: DIALOG.width,\n },\n})\n\nexport const DropdownListItemStyles = StyleSheet.create({\n rootContainer: {\n paddingVertical: 4,\n minWidth: 100,\n alignItems: 'center',\n },\n button: {\n width: '100%',\n minHeight: 35,\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: R.colors.white,\n paddingHorizontal: 8,\n },\n buttonSelected: {\n width: '100%',\n minHeight: 35,\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: R.colors.tint,\n paddingHorizontal: 8,\n },\n text: {\n fontSize: 18,\n fontWeight: '600',\n textAlign: 'center',\n color: R.colors.black,\n },\n})\n","import React, { FC, useState } from 'react'\nimport { Modal, Text, View } from 'react-native'\n\nimport Button from '../button/Button'\nimport Input from '../input/Input'\nimport s from './styles'\nimport { IEnterPasswordProps } from './types'\n\nconst EnterPassword: FC = ({\n styles,\n texts,\n onSubmit,\n isLoading,\n apiError,\n}) => {\n const [password, setPassword] = useState('')\n\n const handleOnSubmit = () => {\n if (password.length > 0) onSubmit?.(password)\n }\n\n return (\n \n \n \n \n {texts?.title || 'Password is required for this event'}\n \n \n {!!apiError && {apiError}}\n \n \n \n \n )\n}\n\nexport default EnterPassword\n","import { StyleSheet } from 'react-native'\n\nimport R from '../../res'\n\nexport default StyleSheet.create({\n rootContainer: {\n flex: 1,\n backgroundColor: R.colors.white,\n justifyContent: 'center',\n alignItems: 'center',\n },\n contentContainer: {\n marginHorizontal: 32,\n },\n title: {\n fontSize: 18,\n fontWeight: '800',\n marginBottom: 32,\n },\n errorText: {\n color: R.colors.danger,\n },\n})\n","import React from 'react'\nimport { Text } from 'react-native'\n\nimport Checkbox from '../checkbox/Checkbox'\nimport DatePicker from '../datePicker/DatePicker'\nimport DropdownMaterial from '../dropdownMaterial/DropdownMaterial'\nimport Input from '../input/Input'\nimport RadioGroup from '../radioGroup'\nimport styles from './styles'\nimport { IFormFieldProps } from './types'\n\nconst FormField = ({\n id,\n fieldType,\n error,\n dropdownProps,\n inputProps,\n title,\n checkboxProps,\n datePickerProps,\n radioProps,\n headerStyle,\n titleStyle,\n textStyle,\n}: IFormFieldProps) => {\n switch (fieldType) {\n case 'input':\n return (\n \n )\n\n case 'dropdown':\n // Special handling for multi-select dropdown\n if (dropdownProps?.isMultiSelect && dropdownProps.selectedOptions) {\n // For multi-select, we create a display string from selected options\n const selectedText =\n dropdownProps.selectedOptions.length > 0\n ? dropdownProps.selectedOptions.map((item) => item.label).join(', ')\n : `Select ${dropdownProps?.style?.label?.text || 'items'}`\n\n // Use a fake selectedOption for the display\n const displayOption = {\n value: '',\n label: selectedText,\n }\n\n // Return with special multi-select handling\n return (\n dropdownProps.onSelectOption(id!, item)}\n materialInputProps={{\n label: dropdownProps?.style?.label?.text || 'Select Multiple',\n error: error,\n }}\n />\n )\n } else {\n // Standard single-select dropdown\n return (\n dropdownProps!.onSelectOption(id!, item)}\n materialInputProps={{\n label: dropdownProps?.style?.label?.text || 'Select',\n error: error,\n }}\n />\n )\n }\n\n case 'title':\n return {title}\n\n case 'header':\n return {title}\n\n case 'text':\n return {title}\n\n case 'checkbox':\n return (\n {\n checkboxProps!.onPress(id!)\n }}\n styles={checkboxProps?.styles}\n customTextComp={checkboxProps?.customTextComp}\n />\n )\n\n case 'datePicker':\n return (\n \n )\n\n case 'radio':\n return (\n {\n // Just call the function directly since we're using non-null assertion\n radioProps!.onValueChange(value)\n }}\n label={radioProps?.label}\n error={error}\n styles={radioProps?.styles}\n />\n )\n }\n}\n\nexport default FormField\n","import React from 'react'\nimport { Text, TouchableOpacity, View } from 'react-native'\n\nimport { IRadioGroupProps } from './types'\n\nconst RadioGroup = ({\n options,\n selectedValue,\n onValueChange,\n label,\n error,\n styles,\n}: IRadioGroupProps) => {\n return (\n \n {label && (\n \n {label}\n \n )}\n {options.map((option) => {\n const isSelected = selectedValue === option.value\n return (\n {\n onValueChange(option.value)\n }}\n >\n \n {isSelected && (\n \n )}\n \n {option.label}\n \n )\n })}\n {error && (\n \n {error}\n \n )}\n \n )\n}\n\nexport default RadioGroup\n","import RadioGroup from './RadioGroup'\n\nexport default RadioGroup\nexport * from './types'\n","import { StyleSheet } from 'react-native'\n\nimport R from '../../res'\n\nexport default StyleSheet.create({\n dropdownContainer: {\n width: '100%',\n height: 50,\n marginBottom: 24,\n },\n dropdownButton: {\n height: 55,\n borderWidth: 1,\n borderRadius: 5,\n },\n dropdownLabel: {\n fontSize: 16,\n color: R.colors.primary,\n },\n title: {\n fontSize: 20,\n fontWeight: '700',\n marginBottom: 16,\n color: R.colors.primary,\n },\n header: {\n fontSize: 28,\n fontWeight: '800',\n marginBottom: 16,\n color: R.colors.primary,\n },\n text: {\n fontSize: 14,\n marginBottom: 16,\n color: R.colors.primary,\n },\n})\n","import React from 'react'\nimport { ActivityIndicator, Modal, Text, View } from 'react-native'\n\nimport R from '../../res'\nimport s from './styles'\nimport { ILoadingProps } from './types'\n\nconst Loading = ({ text = 'Loading...', styles, customComponent }: ILoadingProps) => {\n return (\n \n \n \n {customComponent ? (\n customComponent\n ) : (\n <>\n \n {text}\n \n )}\n \n \n \n )\n}\n\nexport default Loading\n","import { StyleSheet } from 'react-native'\n\nimport R from '../../res'\n\nexport default StyleSheet.create({\n rootContainer: {\n flex: 1,\n backgroundColor: R.colors.transparentBlack,\n justifyContent: 'center',\n alignItems: 'center',\n },\n text: {\n color: R.colors.black,\n marginTop: 16,\n fontSize: 18,\n },\n content: {\n backgroundColor: R.colors.white,\n padding: 24,\n borderRadius: 5,\n alignItems: 'center',\n justifyContent: 'center',\n elevation: 3,\n shadowColor: 'black',\n shadowOpacity: 0.5,\n shadowRadius: 5,\n shadowOffset: {\n height: 5,\n width: 0,\n },\n },\n})\n","import React, { FC } from 'react'\nimport { Alert, View } from 'react-native'\n\nimport { Button } from '..'\nimport s from './styles'\nimport { ILoggedInProps } from './types'\n\nconst LoggedIn: FC = ({\n styles,\n texts,\n onPressMyOrders,\n onPressLogout,\n}) => {\n const { rootContainer, myOrdersButton, logOutButton } = {\n ...styles,\n }\n const { logoutDialog, myOrderButtonText, logOutButtonText } = { ...texts }\n const handleMyOrdersPress = async () => {\n if (onPressMyOrders) {\n onPressMyOrders()\n }\n }\n\n const handleLogOutPress = () => {\n if (onPressLogout) {\n Alert.alert(\n logoutDialog?.title || 'Do you want to log out?',\n logoutDialog?.message ||\n 'You will lose your selection and you will need to enter your credentials again.',\n [\n {\n text: logoutDialog?.confirmButton || 'Yes',\n style: 'destructive',\n onPress: onPressLogout,\n },\n {\n text: logoutDialog?.cancelButton || 'No',\n },\n ]\n )\n }\n }\n\n return (\n \n \n \n \n )\n}\n\nexport default LoggedIn\n","import { StyleSheet } from 'react-native'\n\nexport default StyleSheet.create({\n rootContainer: {\n flexDirection: 'row',\n justifyContent: 'space-around',\n marginVertical: 24,\n },\n})\n","import React, { FC, useRef, useState } from 'react'\nimport { Keyboard } from 'react-native'\n\nimport { LoginCore, LoginCoreHandle } from '../../core'\nimport { IUserProfilePublic } from '../../types'\nimport LoginView from './LoginView'\nimport { ILoginFields, ILoginProps, LoginContentType } from './types'\n\nconst Login: FC = ({\n onLoginSuccessful,\n onLoginError,\n isLoginDialogVisible,\n showLoginDialog,\n hideLoginDialog,\n userFirstName,\n onLogoutSuccess,\n onLogoutError,\n texts,\n styles,\n refs,\n brandImages,\n isShowPasswordButtonVisible,\n onRestorePasswordError,\n onRestorePasswordSuccess,\n}) => {\n //#region State\n const [isLoading, setIsLoading] = useState(false)\n const [loginApiError, setLoginApiError] = useState('')\n const [restorePasswordApiError, setRestorePasswordApiError] = useState('')\n const [restorePasswordSuccessMessage, setRestorePasswordSuccessMessage] = useState('')\n const [userProfileData, setUserProfileData] = useState()\n const [loginContentType, setLoginContentType] = useState('login')\n const [isRestorePasswordLoading, setIsRestorePasswordLoading] = useState(false)\n //#endregion State\n\n const loginCoreRef = useRef(null)\n\n //#region Handlers\n const handleOnPressForgotPassword = () => setLoginContentType('restorePassword')\n\n const handleOnPressLogin = async (fields: ILoginFields) => {\n if (loginApiError) {\n setLoginApiError('')\n }\n\n if (!loginCoreRef.current?.login) {\n return onLoginError?.({\n message: 'LoginCoreRef is not initialized',\n })\n }\n\n setIsLoading(true)\n const {\n userProfile,\n error: authorizationError,\n accessTokenData,\n } = await loginCoreRef.current.login(fields)\n\n if (authorizationError || !userProfile) {\n setIsLoading(false)\n setLoginApiError(authorizationError?.message || 'Auth error')\n return onLoginError?.(authorizationError!)\n }\n\n Keyboard.dismiss()\n setUserProfileData(userProfile)\n onLoginSuccessful({\n userProfile,\n accessTokenData,\n })\n setIsLoading(false)\n hideLoginDialog()\n }\n\n const handleOnPressLogout = async () => {\n if (!loginCoreRef.current?.logout) {\n return onLogoutError?.({ message: 'LoginCoreRef is not initialized' })\n }\n\n await loginCoreRef.current.logout()\n\n setUserProfileData(undefined)\n onLogoutSuccess?.()\n }\n\n const handleOnPressCancelRestorePasswordButton = () => setLoginContentType('login')\n\n const handleOnPressRestorePasswordButton = async (email: string) => {\n if (!loginCoreRef.current?.restorePassword) {\n return onRestorePasswordError?.({\n message: 'LoginCoreRef is not initialized',\n })\n }\n\n setIsRestorePasswordLoading(true)\n const { data: restorePasswordSuccessData, error: restorePassError } =\n await loginCoreRef.current.restorePassword(email)\n setIsRestorePasswordLoading(false)\n\n if (restorePassError || !restorePasswordSuccessData) {\n setRestorePasswordApiError(\n restorePassError?.message || 'Restore password unknown error'\n )\n setIsRestorePasswordLoading(false)\n onRestorePasswordError?.(restorePassError!)\n return\n }\n\n setLoginContentType('restorePasswordSuccess')\n\n setRestorePasswordSuccessMessage(restorePasswordSuccessData.message)\n onRestorePasswordSuccess?.()\n }\n\n const handleOnPressRestorePasswordSuccessButton = () => {\n handleHideDialog()\n }\n\n const handleHideDialog = () => {\n setLoginContentType('login')\n hideLoginDialog()\n }\n //#endregion\n\n //#region Render Main Content\n return (\n \n \n \n )\n //#endregion Render Main Content\n}\n\nexport default Login\n","/**\n * @deprecated This component is deprecated and will be removed in a future release.\n * Please use the hooks from 'src/features/checkout-v2/hooks' instead.\n * See README.md in this directory for migration guide.\n */\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { forwardRef, useImperativeHandle } from 'react'\n\nimport {\n checkoutOrder,\n fetchCart,\n fetchCountries,\n fetchStates,\n fetchUserProfile,\n registerNewUser,\n} from '../../api/ApiClient'\nimport {\n ICartResponse,\n ICheckoutBody,\n ICountriesResponse,\n IFetchAccessTokenResponse,\n IRegisterNewUserResponse,\n IStatesResponse,\n IUserProfileResponse,\n} from '../../api/types'\nimport { refreshAccessToken as refreshAccessTokenAsync } from '../../helpers/RefreshAccessToken'\nimport {\n BillingCoreHandle,\n IBillingCoreProps,\n ICheckoutResponse,\n} from './BillingCoreTypes'\nimport BackgroundTimer from 'react-native-background-timer'\n\n/**\n * @deprecated Use the hooks from 'src/features/checkout-v2/hooks' instead\n */\nconst BillingCore = forwardRef((props, ref) => {\n const [secondsLeft, setSecondsLeft] = useState(420)\n const [timerOn, setTimerOn] = useState(false)\n\n const handleStopTimer = useCallback(() => {\n BackgroundTimer.stop()\n BackgroundTimer.stopBackgroundTimer()\n }, [])\n\n const handleStartTimer = useCallback(() => {\n BackgroundTimer.runBackgroundTimer(() => {\n setSecondsLeft((secs) => {\n if (secs > 0) {\n return secs - 1\n } else {\n return 0\n }\n })\n }, 1000)\n }, [])\n\n const handleTimeIsUp = () => {\n BackgroundTimer.stopBackgroundTimer()\n props.onCartExpired?.()\n }\n\n useEffect(() => {\n if (secondsLeft === 0) {\n handleTimeIsUp()\n }\n props.onSecondsLeftChange?.(secondsLeft)\n }, [secondsLeft])\n\n useEffect(() => {\n if (timerOn) {\n handleStartTimer()\n } else {\n BackgroundTimer.stopBackgroundTimer()\n }\n return () => {\n BackgroundTimer.stopBackgroundTimer()\n }\n }, [handleStartTimer, timerOn])\n\n useImperativeHandle(ref, () => ({\n async checkoutOrder(body: ICheckoutBody): Promise {\n const checkout = await checkoutOrder(body)\n if (!checkout.error) {\n BackgroundTimer.stopBackgroundTimer()\n }\n return checkout\n },\n\n async getCart(): Promise {\n const cart = await fetchCart()\n\n if (cart.cartData?.expiresAt) {\n setSecondsLeft(cart.cartData.expiresAt)\n setTimerOn(true)\n }\n\n return cart\n },\n\n async getCountries(): Promise {\n return await fetchCountries()\n },\n\n async getStates(countryId: string): Promise {\n return await fetchStates(countryId)\n },\n\n async getUserProfile(): Promise {\n return await fetchUserProfile()\n },\n\n async registerNewUser(data: FormData): Promise {\n return await registerNewUser(data)\n },\n\n async refreshAccessToken(refreshToken?: string): Promise {\n return await refreshAccessTokenAsync(refreshToken)\n },\n\n stopCartTimer() {\n return handleStopTimer()\n },\n }))\n\n return <>{props.children}\n})\n\nexport default BillingCore\n","import Axios, { AxiosError, AxiosResponse, InternalAxiosRequestConfig } from 'axios'\nimport axiosRetry from 'axios-retry'\nimport _filter from 'lodash/filter'\nimport _forEach from 'lodash/forEach'\nimport _get from 'lodash/get'\nimport _map from 'lodash/map'\nimport _mapKeys from 'lodash/mapKeys'\nimport _sortBy from 'lodash/sortBy'\n\nimport { IWaitingListFields } from '../components/waitingList/types'\nimport { IOnCheckoutSuccess } from '../containers/billingInfo/types'\nimport { Config } from '../helpers/Config'\nimport { getDomainByClientAndEnv } from '../helpers/Domains'\nimport {\n deleteAllData,\n getData,\n LocalStorageKeys,\n storeData,\n} from '../helpers/LocalStorage'\nimport { IAccountTicketsResponse, IError, IEvent, IUserProfile } from '../types'\nimport { IAddToCartResponse, ITicket, ITicketsResponseData } from '../types/ITicket'\nimport Constants from './Constants'\nimport { getApiError } from './ErrorHandler'\nimport {\n IAddToCartParams,\n IAddToWaitingListResponse,\n IAuthorizeResponse,\n ICartData,\n ICartResponse,\n ICheckoutBody,\n ICheckoutResponse,\n IClientRequest,\n ICloseSessionData,\n ICloseSessionResponse,\n ICountriesResponse,\n IEventResponse,\n IFetchAccessTokenResponse,\n IFetchTicketsParams,\n IFetchTicketsResponse,\n IFreeRegistrationData,\n IFreeRegistrationResponse,\n IMyOrderDetailsData,\n IMyOrderDetailsItem,\n IMyOrderDetailsResponse,\n IMyOrderDetailsTicket,\n IMyOrdersData,\n IMyOrdersRequestParams,\n IMyOrdersResponse,\n IOrderReview,\n IOrderReviewResponse,\n IPostReferralData,\n IPostReferralResponse,\n IPromoCodeResponse,\n IPurchaseConfirmationData,\n IPurchaseConfirmationResponse,\n IRegisterNewUserResponse,\n IRemoveTicketFromResaleData,\n IRemoveTicketFromResaleResponse,\n IResaleTicketData,\n IResaleTicketResponse,\n IResetPasswordRequestData,\n IResetPasswordResponse,\n IRestorePasswordData,\n IRestorePasswordResponse,\n IStatesResponse,\n IUpdateCheckoutResponse,\n IUserProfileResponse,\n} from './types'\n\n// Type for error response data from API\ninterface ErrorResponseData {\n message?: string | { email?: string; [key: string]: any }\n error_description?: string\n status?: number | string\n [key: string]: any\n}\n\n// Helper function to safely extract message from error response\nconst getErrorMessage = (\n data: ErrorResponseData | undefined,\n fallback: string\n): string => {\n if (!data?.message) return fallback\n return typeof data.message === 'string' ? data.message : fallback\n}\n\nconst HEADERS: { [key: string]: any } = {\n Accept: 'application/vnd.api+json',\n 'Content-Type': 'application/vnd.api+json',\n}\n\nexport const Client: IClientRequest = Axios.create({\n baseURL: Constants.BASE_URL,\n headers: HEADERS,\n timeout: Constants.TIMEOUT,\n data: {},\n}) as IClientRequest\n\naxiosRetry(Client, { retries: 3 })\n\nClient.interceptors.request.use(async (config: InternalAxiosRequestConfig) => {\n const guestToken = await getData(LocalStorageKeys.AUTH_GUEST_TOKEN)\n const accessToken = await getData(LocalStorageKeys.ACCESS_TOKEN)\n const storedTokenType = await getData(LocalStorageKeys.AUTH_TOKEN_TYPE)\n const tokenType = storedTokenType || 'Bearer'\n\n if (accessToken) {\n config.headers['Authorization'] = `${tokenType} ${accessToken}`\n }\n\n if (guestToken) {\n Client.setGuestToken(guestToken)\n config.headers['Authorization-Guest'] = guestToken\n }\n\n if (Config.CLIENT) {\n config.headers['origin'] = getDomainByClientAndEnv(Config.CLIENT, Config.ENV)\n }\n\n return config\n})\n\nClient.interceptors.response.use(\n (response: AxiosResponse) => {\n return response\n },\n async (error: AxiosError) => {\n if (error?.response?.status === 401) {\n error.code = error.code\n error.message = error.response.data?.error_description || error.message\n } else if (error.message) {\n error.message = error.message\n }\n\n return Promise.reject(error)\n }\n)\n\nClient.setGuestToken = (token: string) =>\n (Client.defaults.headers.common['Authorization-Guest'] = token)\n\nClient.removeGuestToken = () =>\n delete Client.defaults.headers.common['Authorization-Guest']\n\nClient.removeAccessToken = () => delete Client.defaults.headers.common.Authorization\n\nClient.setAccessToken = (token: string) =>\n (Client.defaults.headers.common.Authorization = token)\n\nClient.setBaseUrl = (baseUrl: string) => (Client.defaults.baseURL = baseUrl)\n\nClient.setTimeOut = (timeOut: number) => (Client.defaults.timeout = timeOut)\n\nClient.setDomain = (domain: string) => {\n Client.defaults.headers.common['origin'] = domain\n}\n\nClient.setContentType = (contentType: string) =>\n (Client.defaults.headers.common['Content-Type'] = contentType)\n\nexport const setCustomHeader = (response: any) => {\n const guestHeaderResponseValue = _get(response, 'headers.authorization-guest')\n\n const guestHeaderExistingValue = _get(response, 'config.headers[Authorization-Guest]')\n\n const guestHeader = guestHeaderResponseValue || guestHeaderExistingValue\n\n if (guestHeader) {\n storeData(LocalStorageKeys.AUTH_GUEST_TOKEN, guestHeader)\n Client.setGuestToken(guestHeader)\n }\n}\n\nexport const setAccessTokenHandler = async (accessToken: string) => {\n await storeData(LocalStorageKeys.ACCESS_TOKEN, accessToken)\n Client.setAccessToken(accessToken)\n}\n\n// API Authentication\nexport const authorize = async (data: FormData): Promise => {\n let responseError: IError | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.post(\n `/v1/oauth/authorize-rn?client_id=${Config.CLIENT_ID}`,\n data\n )\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError?.response?.data, 'Authorization failed'),\n code: axiosError?.response?.status,\n }\n }\n\n return {\n error: responseError,\n code: response?.data?.data?.code,\n }\n}\n\nexport const fetchAccessToken = async (\n data: FormData\n): Promise => {\n let responseError: IError | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.post('/v1/oauth/access_token', data)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError.response?.data, 'Error occurred'),\n code: axiosError.response?.status,\n }\n }\n\n const accessToken = _get(response, 'data.access_token')\n if (accessToken) {\n await storeData(LocalStorageKeys.ACCESS_TOKEN, accessToken)\n }\n const refreshToken = _get(response, 'data.refresh_token')\n if (refreshToken) {\n await storeData(LocalStorageKeys.REFRESH_TOKEN, refreshToken)\n }\n const tokenType = _get(response, 'data.token_type')\n if (tokenType) {\n await storeData(LocalStorageKeys.TOKEN_TYPE, tokenType)\n }\n const scope = _get(response, 'data.scope')\n if (scope) {\n await storeData(LocalStorageKeys.AUTH_SCOPE, scope)\n }\n\n return {\n accessTokenError: responseError,\n accessTokenData: {\n accessToken,\n refreshToken,\n tokenType,\n scope,\n },\n }\n}\n\nexport const fetchUserProfile = async (): Promise => {\n const accessToken = await getData(LocalStorageKeys.ACCESS_TOKEN)\n if (!accessToken) {\n return { userProfileError: { message: 'Access token not found' } }\n }\n\n let responseError: IError | undefined\n let userProfile: IUserProfile | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.get('/customer/profile/', {\n headers: {\n ...HEADERS,\n Authorization: `Bearer ${accessToken}`,\n },\n })\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError?.response?.data, 'Error occurred'),\n code: axiosError.response?.status!,\n }\n }\n\n if (!responseError && response) {\n userProfile = response.data.data\n }\n\n return {\n userProfileError: responseError,\n userProfileData: userProfile,\n }\n}\n\n//#region Register new user\nexport const registerNewUser = async (\n data: FormData\n): Promise => {\n const resultData: IRegisterNewUserResponse = {\n registerNewUserResponseError: undefined,\n registerNewUserResponseData: undefined,\n }\n\n let res: AxiosResponse | undefined\n\n try {\n res = await Client.post('/v1/oauth/register-rn', data, {\n headers: {\n 'Content-Type': 'multipart/form-data',\n },\n })\n } catch (error) {\n const axiosError = error as AxiosError\n const messageObject = axiosError.response?.data.message\n let errorMessage = ''\n\n if (!messageObject) {\n resultData.registerNewUserResponseError = {\n message: 'Error registering user',\n }\n } else {\n if (\n typeof messageObject === 'object' &&\n 'email' in messageObject &&\n messageObject.email\n ) {\n resultData.registerNewUserResponseError = {\n isAlreadyRegistered: true,\n message:\n 'It appears this email is already attached to an account. Please log in here to complete your registration.',\n raw: axiosError.response,\n }\n } else {\n if (typeof messageObject === 'object') {\n _mapKeys(messageObject, (value) => {\n _forEach(value, (eachVal) => {\n errorMessage += `- ${eachVal} \\n`\n })\n })\n }\n resultData.registerNewUserResponseError = {\n message: errorMessage || 'Error registering user',\n }\n }\n }\n }\n\n if (res?.status === 200) {\n const userProfile = _get(res, 'data.data.attributes.user_profile')\n const accessToken = _get(res, 'data.data.attributes.access_token')\n const refreshToken = _get(res, 'data.data.attributes.refresh_token')\n const scope = _get(res, 'data.data.attributes.scope')\n const tokenType = _get(res, 'data.data.attributes.token_type')\n\n if (accessToken) {\n await storeData(LocalStorageKeys.ACCESS_TOKEN, accessToken)\n await setAccessTokenHandler(accessToken)\n }\n\n if (refreshToken) {\n await storeData(LocalStorageKeys.REFRESH_TOKEN, refreshToken)\n }\n\n if (tokenType) {\n await storeData(LocalStorageKeys.TOKEN_TYPE, tokenType)\n }\n\n if (scope) {\n await storeData(LocalStorageKeys.AUTH_SCOPE, scope)\n }\n\n resultData.registerNewUserResponseData = {\n accessTokenData: {\n accessToken: accessToken,\n refreshToken: refreshToken,\n tokenType: tokenType,\n scope: scope,\n },\n userProfile: {\n firstName: _get(userProfile, 'first_name'),\n lastName: _get(userProfile, 'last_name'),\n email: _get(userProfile, 'email'),\n },\n }\n }\n\n return resultData\n}\n//#endregion\n\n//#region Waiting List\nexport const addToWaitingList = async (\n values: IWaitingListFields\n): Promise => {\n if (!Config.EVENT_ID) {\n return {\n addToWaitingListError: { message: 'Event ID is not configured!' },\n }\n }\n\n const requestData = { data: { attributes: values } }\n let responseError: IError | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.post(\n `/v1/event/${Config.EVENT_ID}/add_to_waiting_list`,\n requestData\n )\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError.response?.data, 'Error occurred'),\n code: axiosError.response?.status!,\n }\n }\n\n return {\n addToWaitingListError: responseError,\n addToWaitingListData: response?.data,\n }\n}\n//#endregion\n\n//#region MyOrders\nexport const fetchMyOrders = async ({\n page,\n limit = 20,\n filter = '',\n from = '',\n}: IMyOrdersRequestParams): Promise => {\n const data: IMyOrdersData = {\n events: [],\n orders: [],\n pagination: {\n page: 0,\n limit: 0,\n totalCount: 0,\n totalPages: 0,\n },\n }\n let responseError: IError | undefined\n let response: AxiosResponse | undefined\n\n const withFilterEvent = filter ? `&filter[event]=${filter}` : ''\n const withBrand = Config.BRAND ? `&filter[brand]=${Config.BRAND}` : ''\n const withSubBrands = Config.ARE_SUB_BRANDS_INCLUDED\n ? `&filter[subbrands]=${Config.ARE_SUB_BRANDS_INCLUDED}`\n : ''\n const withFrom = from ? `&filter[from]=${from}` : ''\n\n const endpoint = `/v1/account/orders/?page=${page}&limit=${limit}${withFilterEvent}${withBrand}${withSubBrands}${withFrom}`\n\n try {\n response = await Client.get(endpoint)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = getApiError(axiosError, 'Error fetching My Orders')\n }\n\n if (response?.data) {\n const dataAttributes = response.data.data.attributes\n\n data.events = dataAttributes.purchased_events\n data.orders = dataAttributes.orders\n data.pagination.limit = dataAttributes.limit\n data.pagination.page = dataAttributes.page\n data.pagination.totalCount = dataAttributes.total_count\n data.pagination.totalPages = dataAttributes.total_pages\n data.filter = dataAttributes.filter\n data.brandFilter = dataAttributes.brand_filter\n data.subBrands = dataAttributes.sub_brands\n }\n\n return {\n myOrdersError: responseError,\n myOrdersData: data,\n }\n}\n//#endregion\n\n//#region OrderDetails\nexport const fetchOrderDetails = async (\n orderId: string\n): Promise => {\n let responseError: IError | undefined\n let responseData: IMyOrderDetailsData | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.get(`/v1/account/order/${orderId}`)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(\n axiosError.response?.data,\n 'Error while fetching order details'\n ),\n code: axiosError.response?.status,\n }\n }\n\n if (!responseError && response) {\n const { attributes } = response.data.data\n let items: IMyOrderDetailsItem[] | undefined\n\n if (attributes.items?.ticket_types) {\n items = _map(attributes.items.ticket_types, (item) => {\n return {\n name: item.name,\n currency: item.currency,\n price: item.price,\n discount: item.discount,\n quantity: item.quantity,\n total: item.total,\n isActive: item.active,\n hash: item.hash,\n }\n })\n }\n\n const tickets: IMyOrderDetailsTicket[] = _map(attributes.tickets, (item) => {\n return {\n hash: item.hash,\n ticketType: item.ticket_type,\n holderName: item.holder_name,\n status: item.status,\n pdfLink: item.pdf_link,\n qrData: item.qr_data,\n isSellable: item.is_sellable,\n holderEmail: item.holder_email,\n holderPhone: item.holder_phone,\n description: item.description,\n descriptionPlain: item.description_plain,\n currency: item.currency,\n eventName: item.event_name,\n isOnSale: item.is_on_sale,\n resaleFeeAmount: item.resale_fee_amount,\n ticketTypeHash: item.ticket_type_hash,\n isTable: item.is_table,\n }\n })\n responseData = {\n header: {\n currency: attributes.currency,\n date: attributes.date,\n isReferralDisabled: attributes.disable_referral,\n eventEndDate: attributes.event_end_date,\n eventStartDate: attributes.event_start_date,\n eventId: attributes.event_id,\n eventName: attributes.event_name,\n eventSalesEndDate: attributes.event_sales_end_date,\n eventSalesStartDate: attributes.event_sales_start_date,\n eventUrl: attributes.event_url,\n isVenueHidden: attributes.hide_venue,\n id: attributes.id,\n image: attributes.image,\n shareLink: attributes.personal_share_link,\n salesReferred: attributes.sales_referred,\n total: attributes.total,\n hideVenueUntil: attributes.hide_venue_until,\n timeZone: attributes.timezone,\n venue: {\n city: attributes.venue_city,\n country: attributes.venue_country,\n googlePlaceId: attributes.venue_google_place_id || undefined,\n latitude: attributes.venue_latitude || undefined,\n longitude: attributes.venue_longitude || undefined,\n name: attributes.venue_name || undefined,\n postalCode: attributes.venue_postal_code || undefined,\n state: attributes.venue_state,\n street: attributes.venue_street || undefined,\n streetNumber: attributes.venue_street_number || undefined,\n },\n },\n items: items,\n tickets: tickets,\n }\n }\n\n return {\n orderDetailsError: responseError,\n orderDetailsData: responseData,\n }\n}\n\n//#endregion\n\n//#region Tickets\n// PromoCode higher priority than ReferredId\nexport const fetchTickets = async ({\n promoCode,\n referredId,\n}: IFetchTicketsParams): Promise => {\n if (!Config.EVENT_ID) {\n return {\n error: {\n message: 'Event ID is not configured!',\n },\n }\n }\n\n const eventId = Config.EVENT_ID.toString()\n const headers = {\n 'Promotion-Event': eventId,\n 'Promotion-Code': promoCode,\n 'Referrer-Id': referredId,\n }\n\n let responseError\n let response: AxiosResponse | undefined\n\n if (!referredId) {\n delete headers['Referrer-Id']\n }\n\n if (!promoCode) {\n //@ts-ignore\n delete headers['Promotion-Code']\n }\n\n if (!promoCode && !referredId) {\n //@ts-ignore\n delete headers['Promotion-Event']\n }\n\n // If there are promoCode and referredId, then we need to remove the Referrer-Id header\n if (promoCode && referredId && headers['Referrer-Id']) {\n delete headers['Referrer-Id']\n }\n\n try {\n response = await Client.get(`v1/event/${eventId}/tickets/`, {\n //@ts-ignore\n headers: headers,\n })\n } catch (error) {\n const axiosError = error as AxiosError\n if (axiosError.response) {\n responseError = {\n code: axiosError.response.status!,\n message: axiosError.response.data.message,\n }\n } else {\n responseError = {\n message: axiosError.message,\n }\n }\n }\n\n if (responseError) {\n return {\n error: responseError,\n }\n }\n\n const attributes = _get(response, 'data.data.attributes.tickets')\n const ticketsAttributes = _filter(attributes, (item) => typeof item === 'object')\n const promoCodeResult: IPromoCodeResponse = {\n message: _get(response, 'data.data.attributes.PromoCodeValidationMessage'),\n isValid: _get(response, 'data.data.attributes.ValidPromoCode'),\n }\n\n const tickets = (Object.values(ticketsAttributes) || []) as ITicket[]\n const guestHeaderValue = _get(response, 'headers.authorization-guest')\n if (guestHeaderValue) {\n setCustomHeader(response)\n }\n\n return {\n tickets: _sortBy(tickets, 'sortOrder'),\n error: responseError,\n promoCodeResult: promoCodeResult,\n isInWaitingList: _get(response, 'data.data.attributes.showWaitingList'),\n isAccessCodeRequired: _get(response, 'data.data.attributes.is_access_code'),\n }\n}\n//#endregion Tickets\n\nexport const addToCart = async (data: IAddToCartParams): Promise => {\n if (!Config.EVENT_ID) {\n return {\n error: { message: 'Event ID is not configured!' },\n }\n }\n\n let responseError: IError | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.post(`v1/event/${Config.EVENT_ID}/add-to-cart/`, {\n data,\n })\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n code: axiosError.response?.status!,\n message: getErrorMessage(axiosError.response?.data, 'Error occurred'),\n }\n }\n\n let responseData: ITicketsResponseData | undefined\n if (!responseError && response) {\n setCustomHeader(response)\n const { attributes } = response.data\n\n responseData = {\n isBillingRequired: !attributes?.skip_billing_page,\n isNameRequired: attributes?.names_required ?? false,\n isAgeRequired: attributes?.age_required ?? false,\n isPhoneRequired: attributes?.phone_required ?? false,\n minimumAge: attributes?.age_required ? (attributes?.minimum_age ?? 18) : undefined,\n isTicketFree: attributes?.free_ticket ?? false,\n isPhoneHidden: attributes?.hide_phone_field && false,\n }\n }\n\n return { data: responseData, error: responseError }\n}\n\nexport const fetchEvent = async (): Promise => {\n if (!Config.EVENT_ID) {\n return {\n eventError: {\n message: 'Event ID is not configured!',\n },\n }\n }\n\n let responseError: IError | undefined\n let event: IEvent | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.get(`v1/event/${Config.EVENT_ID}`, {\n headers: HEADERS,\n })\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n code:\n typeof axiosError?.response?.data.status === 'number'\n ? axiosError.response.data.status\n : undefined,\n message:\n typeof axiosError.response?.data.message === 'string'\n ? axiosError.response.data.message\n : undefined,\n }\n }\n\n if (response?.status === 200) {\n event = response.data.data.attributes\n }\n\n if (event?.country) {\n await storeData(LocalStorageKeys.EVENT_COUNTRY, event.country)\n }\n\n return {\n eventError: responseError,\n eventData: event,\n }\n}\n\nexport const postReferralVisit = async (\n referralId: string\n): Promise => {\n if (!Config.EVENT_ID) {\n return {\n postReferralError: {\n message: 'Event ID is not configured!',\n },\n }\n }\n\n const eventId = Config.EVENT_ID.toString()\n const referralIdNumber = parseInt(referralId, 10)\n let responseError: IError | undefined\n let responseData: IPostReferralData | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.post(`v1/event/${eventId}/referrer/`, {\n referrer: referralIdNumber,\n })\n } catch (error) {\n const axiosError = error as AxiosError\n if (axiosError.response?.data.errors && axiosError.response?.data.errors.length > 0) {\n responseError = {\n code: axiosError.response?.data.errors[0].status,\n message: axiosError.response?.data.errors[0].details,\n }\n } else {\n responseError = {\n message: getErrorMessage(axiosError.response?.data, 'Error occurred'),\n code: axiosError.response?.status!,\n }\n }\n\n if (axiosError.response?.status === 422 && responseError.message === undefined) {\n responseError.message = 'Cannot process request'\n }\n }\n\n if (response?.data && response.data.status === 200) {\n responseData = {\n message: response.data.message,\n status: response.data.status,\n }\n }\n\n return {\n postReferralData: responseData,\n postReferralError: responseError,\n }\n}\n//#region Unlock Password Protected Event\nexport const unlockPasswordProtectedEvent = async (\n password: string\n): Promise => {\n if (!Config.EVENT_ID) {\n return {\n eventError: {\n message: 'Event ID is not configured!',\n },\n }\n }\n\n const eventId = Config.EVENT_ID.toString()\n let responseError: IError | undefined\n let responseData: any | undefined\n let response: AxiosResponse | undefined\n\n const body = {\n attributes: {\n data: {\n password: password,\n },\n },\n }\n\n try {\n response = await Client.post(`v1/event/${eventId}/authenticate`, body)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError.response?.data, 'Error while unlocking Event'),\n code: axiosError?.response?.status,\n }\n }\n\n if (response?.data) {\n responseData = {\n message: response.data.message,\n status: response.data.status,\n }\n\n const guestHeaderValue = _get(response, 'headers.authorization-guest')\n if (guestHeaderValue) {\n setCustomHeader(response)\n }\n }\n\n return {\n eventData: responseData,\n eventError: responseError,\n }\n}\n//#endregion Unlock Password Protected Event\n\n//#region Billing Information\nexport const fetchCountries = async (): Promise => {\n let responseError: IError | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.get('/countries/list')\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError.response?.data, 'Error occurred'),\n code: axiosError.response?.status!,\n }\n }\n\n if (response?.status === 200) {\n setCustomHeader(response)\n }\n\n return {\n countriesData: response?.data.data,\n countriesError: responseError,\n }\n}\n\nexport const fetchStates = async (countryId: string): Promise => {\n let responseError: IError | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.get(`/countries/${countryId}/states/`)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n code: axiosError.response?.status!,\n message: getErrorMessage(axiosError.response?.data, 'Error occurred'),\n }\n }\n\n if (response?.status === 200) {\n setCustomHeader(response)\n }\n\n return {\n statesError: responseError,\n statesData: response?.data?.data,\n }\n}\n\nexport const fetchCart = async (): Promise => {\n let responseError: IError | undefined\n let cartData = {} as ICartData\n let res: AxiosResponse | undefined\n\n try {\n res = await Client.get('v1/cart/')\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n code: axiosError.response?.status!,\n message: getErrorMessage(axiosError.response?.data, 'Error occurred'),\n }\n }\n\n const data = res?.data.data\n if (data?.attributes) {\n const attr = data?.attributes\n const quantityString = _get(attr, 'cart[0].quantity', '1')\n const tfOptIn = _get(attr, 'ttfOptIn', false)\n const isMarketingOptedIn = _get(attr, 'optedIn', false)\n const expiresAt = _get(attr, 'expiresAt', 420)\n const eventId = _get(attr, 'eventId', null)\n\n cartData = {\n quantity: parseInt(quantityString, 10),\n isMarketingOptedIn:\n typeof isMarketingOptedIn === 'number'\n ? isMarketingOptedIn > 0\n : isMarketingOptedIn,\n isTfOptInHidden: _get(attr, 'hide_ttf_opt_in', false),\n isTfOptIn: typeof tfOptIn === 'number' ? tfOptIn > 0 : tfOptIn,\n expiresAt: expiresAt,\n }\n\n return {\n success: true,\n cartError: responseError,\n cartData,\n eventId: eventId,\n }\n } else {\n responseError = {\n message: 'Error fetching cart',\n }\n }\n\n return {\n cartError: responseError,\n cartData: cartData,\n }\n}\n\nexport const checkoutOrder = async (data: ICheckoutBody): Promise => {\n const accessToken = await getData(LocalStorageKeys.ACCESS_TOKEN)\n\n if (!accessToken) {\n return {\n error: {\n message: 'Access token not found',\n },\n }\n }\n let responseError: IError | undefined\n let res: AxiosResponse | undefined\n\n try {\n res = await Client.post(\n 'v1/on-checkout/',\n { data },\n {\n headers: {\n ...HEADERS,\n Authorization: `Bearer ${accessToken}`,\n },\n }\n )\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n code: axiosError.response?.status!,\n message: getErrorMessage(axiosError.response?.data, 'Error occurred'),\n }\n }\n\n if (!res || !res.data) {\n return { error: responseError }\n }\n\n const checkoutResponseData: IOnCheckoutSuccess = {\n id: res.data.data.attributes.id,\n hash: res.data.data.attributes.hash,\n total: res.data.data.attributes.total,\n status: res.data.data.attributes.status,\n }\n\n return {\n error: responseError,\n data: checkoutResponseData,\n }\n}\n//#endregion\n//#region Checkout\nexport const fetchEventConditions = async () => {\n if (!Config.EVENT_ID) {\n return {\n error: {\n message: 'Event ID is not configured!',\n },\n }\n }\n\n let responseError: IError | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.get(`v1/event/${Config.EVENT_ID}/conditions`)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message:\n typeof axiosError.response?.data.message === 'string'\n ? axiosError.response.data.message\n : 'Error fetching event conditions',\n code: axiosError.response?.status,\n }\n }\n\n return {\n error: responseError,\n data: response?.data?.data?.attributes,\n }\n}\n\nexport const fetchOrderReview = async (hash: string): Promise => {\n let responseError: IError | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.get(`v1/order/${hash}/review/`)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError.response?.data, 'Error occurred'),\n code: axiosError.response?.status!,\n }\n }\n\n let resData: IOrderReview | undefined\n\n if (!responseError) {\n const attributes = _get(response, 'data.data.attributes')\n const { cart, order_details, payment_method, billing_info } = attributes\n\n if (!payment_method.stripe_client_secret && order_details.total !== '0.00') {\n responseError = {\n message: 'Stripe is not configured',\n }\n } else {\n const {\n tickets: [ticket],\n } = order_details\n\n resData = {\n expiresAt: attributes.expires_at,\n reviewData: {\n event: cart[0]?.product_name,\n price: ticket?.price,\n ticketType: ticket?.name,\n total: order_details?.total,\n numberOfTickets: ticket?.quantity,\n currency: order_details?.currency,\n },\n paymentData: {\n id: payment_method.id,\n name: payment_method.name,\n stripeClientSecret: payment_method.stripe_client_secret,\n stripeConnectedAccount:\n payment_method.stripe_connected_account?.length > 0\n ? payment_method.stripe_connected_account\n : undefined,\n stripePublishableKey: payment_method.stripe_publishable_key,\n },\n addressData: {\n city: billing_info.city,\n line1: billing_info.street_address,\n state: billing_info.state ? billing_info.state.toString() : '',\n postalCode: billing_info.zip,\n },\n billingData: {\n firstName: billing_info.first_name,\n lastName: billing_info.last_name,\n isActAsBillingInfo: billing_info.as_act_billing_info,\n city: billing_info.city,\n company: billing_info.company,\n country: billing_info.country,\n email: billing_info.email,\n isBusiness: billing_info.is_business,\n phone: billing_info.phone,\n state: billing_info.state,\n streetAddress: billing_info.street_address,\n zipCode: billing_info.zip,\n },\n cart: attributes.cart,\n cartTotalPrice: attributes.cart_total_price,\n couponCode: attributes.coupon_code,\n discount: attributes.discount,\n estimatedTax: attributes.estimated_tax,\n estimatedTotal: attributes.estimated_total,\n isSeatMapAllowed: attributes.flagSeatMapAllowed,\n isShippingRequired: attributes.shipping_required,\n shippingInfo: attributes.shipping_info,\n orderDetails: attributes.order_details,\n isOptedId: attributes.opted_id,\n isTtfOptedIn: attributes.hide_ttf_opt_in,\n eventDetails: attributes.event_details,\n countries: attributes.countries,\n }\n }\n }\n return {\n orderReviewError: responseError,\n orderReviewData: resData,\n }\n}\n\n// Update checkout with add-ons and pricing\nexport const updateCheckout = async (data: any): Promise => {\n let responseError: IError | undefined\n let responseData: any | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.post('v1/checkout', {\n data,\n })\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError.response?.data, 'Error updating checkout'),\n code: axiosError.response?.status,\n }\n }\n\n if (response?.data) {\n responseData = response.data\n }\n\n return {\n success: !responseError,\n error: responseError,\n data: responseData,\n }\n}\n\n// Get add-ons for event\nexport const getAddons = async (eventId: string): Promise => {\n let responseError: IError | undefined\n let addonsData: any = {}\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.get(`v1/event/${eventId}/add-ons`)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError.response?.data, 'Error fetching add-ons'),\n code: axiosError.response?.status,\n }\n }\n\n if (response?.data?.data?.attributes) {\n addonsData = response.data.data.attributes\n }\n\n return {\n data: addonsData,\n error: responseError,\n success: !responseError,\n }\n}\n\n// Get payment data and order review\nexport const getPaymentData = async (hash: string): Promise => {\n let responseError: IError | undefined\n let responseData: any | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.get(`v1/order/${hash}/review`)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError.response?.data, 'Error fetching payment data'),\n code: axiosError.response?.status,\n }\n }\n\n if (response?.data) {\n responseData = response.data\n }\n\n return {\n success: !responseError,\n error: responseError,\n data: responseData,\n }\n}\n\nexport const postOnPaymentSuccess = async (orderHash: string) => {\n let responseError: IError | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.post(`v1/order/${orderHash}/success`)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(\n axiosError.response?.data,\n 'Error while notifying Payment Success'\n ),\n code: axiosError.response?.status,\n }\n }\n\n return {\n error: responseError,\n data: response?.data,\n }\n}\n\nexport const postOnFreeRegistration = async (\n orderHash: string\n): Promise => {\n let responseError: IError | undefined\n let responseData: IFreeRegistrationData | undefined\n let res: AxiosResponse | undefined\n\n try {\n res = await Client.post(`v1/order/${orderHash}/complete_free_registration`)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError.response?.data, 'Error occurred'),\n code: axiosError.response?.status,\n }\n }\n\n if (res?.data) {\n const orderDetails = res.data.data.attributes.order_details\n responseData = {\n id: orderDetails.id,\n customerId: orderDetails.customer_id,\n total: orderDetails.total,\n currency: orderDetails.currency,\n orderHash: orderDetails.order_hash,\n }\n }\n return {\n freeRegistrationError: responseError,\n freeRegistrationData: responseData,\n }\n}\n//#endregion\n\n//#region Purchase Confirmation\nexport const fetchPurchaseConfirmation = async (\n orderHash: string\n): Promise => {\n let responseError: IError | undefined\n let data: IPurchaseConfirmationData | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.get(`/v1/order/${orderHash}/payment/complete`)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError.response?.data, 'Error occurred'),\n code: axiosError.response?.status,\n }\n }\n\n if (response?.data?.data.attributes) {\n const resData = response.data.data.attributes\n data = {\n conversionPixels: resData.conversion_pixels,\n currency: resData.currency,\n customConfirmationPageText: resData.custom_confirmation_page_text,\n customerId: resData.customer_id,\n isReferralDisabled: resData.disable_referral,\n eventDate: resData.event_date,\n eventDescription: resData.event_description,\n eventType: resData.event_type,\n message: resData.message,\n orderTotal: resData.order_total,\n personalShareLink: resData.personal_share_link,\n productId: resData.product_id,\n productName: resData.product_name,\n productImage: resData.product_image,\n productPrice: resData.product_price,\n productUrl: resData.product_url,\n personalShareSales: resData.personal_share_sales,\n }\n }\n\n return {\n purchaseConfirmationError: responseError,\n purchaseConfirmationData: data,\n }\n}\n//#endregion\n\n//#region Resale Tickets\nexport const resaleTicket = async (\n data: FormData,\n orderHash: string\n): Promise => {\n let responseError: IError | undefined\n let responseData: IResaleTicketData | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.post(`v1/ticket/${orderHash}/sell`, data)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(axiosError.response?.data, 'Error while re-sale ticket'),\n }\n }\n\n if (response?.data && response.data.status) {\n responseData = {\n message: response.data.message,\n }\n }\n\n return {\n resaleTicketData: responseData,\n resaleTicketError: responseError,\n }\n}\n\nexport const removeTicketFromResale = async (\n orderHash: string\n): Promise => {\n let responseError: IError | undefined\n let responseData: IRemoveTicketFromResaleData | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.delete(`v1/ticket/${orderHash}/sell`)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message:\n typeof axiosError.response?.data.message === 'string'\n ? axiosError.response.data.message\n : 'Error removing ticket from resale',\n }\n }\n\n if (response?.data.message && response.data.status === 200) {\n responseData = {\n message: response.data.message,\n }\n }\n\n return {\n removeTicketFromResaleData: responseData,\n removeTicketFromResaleError: responseError,\n }\n}\n//#endregion\n\n//#region Logout\nexport const closeSession = async (): Promise => {\n let responseData: ICloseSessionData | undefined\n let responseError: IError | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.delete('/auth')\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message:\n typeof axiosError.response?.data.message === 'string'\n ? axiosError.response.data.message\n : 'Error while closing session',\n }\n }\n\n if (response?.data && response.data.status && response.data.status === 200) {\n responseData = {\n message: response.data.message || 'Session closed successfully',\n }\n }\n\n await deleteAllData()\n\n Client.removeGuestToken()\n Client.removeAccessToken()\n\n return {\n closeSessionData: responseData,\n closeSessionError: responseError,\n }\n}\n//endregion Logout\n\n//#region Restore Password\nexport const requestRestorePassword = async (\n email: string\n): Promise => {\n let responseError: IError | undefined\n let successData: IRestorePasswordData | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.post(`v1/oauth/restore-password-rn`, {\n email: email,\n })\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message: getErrorMessage(\n axiosError.response?.data,\n 'Error while restoring password'\n ),\n code: axiosError.response?.status,\n }\n }\n\n if (!responseError && response?.status === 200) {\n successData = {\n message: response.data.message,\n status: response.data.status,\n }\n }\n\n return {\n data: successData,\n error: responseError,\n }\n}\n//#endregion\n\n//#region Request Password\nexport const requestResetPassword = async (\n data: IResetPasswordRequestData\n): Promise => {\n let responseError: IError | undefined\n let responseData: any | undefined\n let response: AxiosResponse | undefined\n\n try {\n response = await Client.post(`/auth/reset-password`, data)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = {\n message:\n typeof axiosError.response?.data.message === 'string'\n ? axiosError.response.data.message\n : 'Reset password error',\n code:\n typeof axiosError.response?.data.status === 'number'\n ? axiosError.response.data.status\n : undefined,\n }\n }\n\n if (!responseError && response?.status === 200) {\n responseData = {\n message: response.data.message,\n status: response.status,\n }\n }\n\n return {\n error: responseError,\n data: responseData,\n }\n}\n//#endregion Request Password\n\n//#region Account Tickets\nexport const fetchAccountTickets = async ({\n page = 1,\n limit = 20,\n filter = '',\n from = '',\n}: IMyOrdersRequestParams): Promise => {\n let responseError: IError | undefined\n let response: AxiosResponse | undefined\n\n const withFilterEvent = filter ? `&filter[event]=${filter}` : ''\n const withBrand = Config.BRAND ? `&filter[brand]=${Config.BRAND}` : ''\n const withSubBrands = Config.ARE_SUB_BRANDS_INCLUDED\n ? `&filter[subbrands]=${Config.ARE_SUB_BRANDS_INCLUDED}`\n : ''\n const withFrom = from ? `&filter[from]=${from}` : ''\n\n const endpoint = `/v1/account/tickets/?page=${page}&limit=${limit}${withFilterEvent}${withBrand}${withSubBrands}${withFrom}`\n\n try {\n response = await Client.get(endpoint)\n } catch (error) {\n const axiosError = error as AxiosError\n responseError = getApiError(axiosError)\n }\n\n if (responseError) {\n return {\n error: responseError,\n }\n }\n\n if (response?.data) {\n return {\n data: response.data.data,\n }\n }\n\n return {\n error: {\n message: 'No data was received in Account Tickets.',\n },\n }\n}\n//#endregion Account Tickets\n","import _forEach from 'lodash/forEach'\n\nimport { Client } from '../api/ApiClient'\nimport Constants from '../api/Constants'\nimport { getDomainByClientAndEnv } from './Domains'\nimport { LocalStorageKeys, storeData } from './LocalStorage'\nimport { LogLevel } from '../utils/Logger'\n\nexport type EnvType = 'PROD' | 'DEV' | 'STAG'\n\nexport interface IConfigAuth {\n ACCESS_TOKEN: string\n REFRESH_TOKEN: string\n TOKEN_TYPE: string\n SCOPE: string\n}\n\nexport interface IConfig {\n EVENT_ID?: string | number\n CLIENT?: string\n ENV?: EnvType\n CLIENT_ID?: string\n CLIENT_SECRET?: string\n TIMEOUT?: number\n BRAND?: string\n ARE_SUB_BRANDS_INCLUDED?: boolean\n AUTH?: IConfigAuth\n logLevel?: LogLevel\n [key: string]: string | number | boolean | undefined | IConfigAuth\n}\n\nexport const Config: IConfig = {} as IConfig\n\nexport const setConfig = async (configs: IConfig): Promise => {\n _forEach(configs, (value, key) => {\n Config[key] = value\n })\n\n if (Config.ENV) {\n if (Config.ENV === 'PROD') {\n Client.setBaseUrl(Constants.BASE_URL)\n } else if (Config.ENV === 'DEV') {\n Client.setBaseUrl(Constants.BASE_URL_DEV)\n } else if (Config.ENV === 'STAG') {\n Client.setBaseUrl(Constants.BASE_URL_STAG)\n }\n } else {\n Client.setBaseUrl(Constants.BASE_URL)\n }\n\n if (Config.TIMEOUT) {\n Client.setTimeOut(Config.TIMEOUT)\n }\n\n if (Config.CLIENT) {\n Client.setDomain(getDomainByClientAndEnv(Config.CLIENT, Config.ENV))\n }\n\n if (!Config.CLIENT_SECRET) {\n Config.CLIENT_SECRET = Constants.CLIENT_SECRET\n }\n if (!Config.Client_ID) {\n Config.CLIENT_ID = Constants.CLIENT_ID\n }\n\n if (!Config.ARE_SUB_BRANDS_INCLUDED) {\n Config.ARE_SUB_BRANDS_INCLUDED = false\n }\n\n Config.IS_BILLING_STREET_NAME_REQUIRED = true\n\n if (Config.AUTH) {\n await storeData(LocalStorageKeys.ACCESS_TOKEN, Config.AUTH.ACCESS_TOKEN)\n await storeData(LocalStorageKeys.AUTH_TOKEN_TYPE, Config.AUTH.TOKEN_TYPE || 'Bearer')\n await storeData(LocalStorageKeys.AUTH_SCOPE, Config.AUTH.SCOPE)\n await storeData(LocalStorageKeys.REFRESH_TOKEN, Config.AUTH.REFRESH_TOKEN)\n Client.setAccessToken(Config.AUTH.ACCESS_TOKEN)\n }\n\n return undefined\n}\n","export default {\n BASE_URL: 'https://www.ticketfairy.com/api',\n BASE_URL_DEV: 'https://sandbox.ticketfairy.com/api',\n BASE_URL_STAG: 'https://test.ticketfairy.com/api',\n CLIENT_ID: 'e9d8f8922797b4621e562255afe90dbf',\n CLIENT_SECRET: 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9',\n\n PRIVACY_POLICY_LINK: 'https://www.ticketfairy.com/privacy-policy/',\n TIMEOUT: 60000,\n}\n","import { EnvType } from './Config'\n\nexport const getDomainByClientAndEnv = (\n client: string = 'ttf',\n env: EnvType = 'PROD'\n): string => {\n //@ts-ignore\n const brand = domains[client] ?? 'ttf'\n let origin = ''\n\n if (typeof brand === 'string') {\n //@ts-ignore\n origin = domains[brand][env] ?? 'https://www.ticketfairy.com'\n } else {\n origin = brand[env]\n }\n\n return origin\n}\n\nconst domains = {\n mana: {\n DEV: 'https://manacommon.com',\n STAG: 'https://manacommon.com',\n PROD: 'https://manacommon.com',\n },\n ttf: {\n DEV: 'https://sandbox.ticketfairy.com',\n STAG: 'https://test.ticketfairy.com',\n PROD: 'https://www.ticketfairy.com',\n },\n}\n","import AsyncStorage from '@react-native-async-storage/async-storage'\nimport { jwtDecode } from 'jwt-decode'\n\nexport const LocalStorageKeys = {\n AUTH_GUEST_TOKEN: 'AUTH_GUEST_TOKEN',\n USER_DATA: 'USER_DATA',\n ACCESS_TOKEN: 'ACCESS_TOKEN',\n CHECKOUT_DATA: 'CHECKOUT_DATA',\n REFRESH_TOKEN: 'REFRESH_TOKEN',\n TOKEN_TYPE: 'TOKEN_TYPE',\n SCOPE: 'SCOPE',\n RESET_PASS_TOKEN: 'RESET_PASS_TOKEN',\n AUTH_SCOPE: 'AUTH_SCOPE',\n AUTH_TOKEN_TYPE: 'AUTH_TOKEN_TYPE',\n EVENT_COUNTRY: 'EVENT_COUNTRY',\n}\n\nexport interface IStoredUserData {\n id: string\n firstName: string\n lastName: string\n email: string\n}\n\nexport const storeData = async (key: string, value: string) => {\n try {\n await AsyncStorage.setItem(key, value)\n } catch (ex) {\n return undefined\n }\n}\n\nexport const getData = async (key: string) => {\n try {\n const value = await AsyncStorage.getItem(key)\n if (value !== null) {\n return value\n }\n } catch (ex) {\n return undefined\n }\n}\n\nexport const deleteData = async (key: string) => {\n try {\n const value = await AsyncStorage.removeItem(key)\n if (value !== null) {\n return value\n }\n } catch (ex) {\n return undefined\n }\n}\n\nexport const deleteUserData = async () => {\n try {\n const value = await AsyncStorage.multiRemove([\n LocalStorageKeys.ACCESS_TOKEN,\n LocalStorageKeys.REFRESH_TOKEN,\n LocalStorageKeys.TOKEN_TYPE,\n LocalStorageKeys.AUTH_TOKEN_TYPE,\n LocalStorageKeys.SCOPE,\n LocalStorageKeys.USER_DATA,\n LocalStorageKeys.CHECKOUT_DATA,\n LocalStorageKeys.RESET_PASS_TOKEN,\n LocalStorageKeys.AUTH_SCOPE,\n ])\n\n if (value !== null) {\n return value\n }\n } catch (ex) {\n return undefined\n }\n}\n\nexport const deleteAllData = async () => {\n try {\n const value = await AsyncStorage.multiRemove([\n LocalStorageKeys.ACCESS_TOKEN,\n LocalStorageKeys.AUTH_GUEST_TOKEN,\n LocalStorageKeys.USER_DATA,\n LocalStorageKeys.CHECKOUT_DATA,\n LocalStorageKeys.REFRESH_TOKEN,\n LocalStorageKeys.RESET_PASS_TOKEN,\n LocalStorageKeys.AUTH_TOKEN_TYPE,\n LocalStorageKeys.AUTH_SCOPE,\n LocalStorageKeys.SCOPE,\n LocalStorageKeys.TOKEN_TYPE,\n LocalStorageKeys.EVENT_COUNTRY,\n ])\n\n if (value !== null) {\n return value\n }\n } catch (ex) {\n return undefined\n }\n}\n\nexport const checkStoredData = async () => {\n try {\n const values = await AsyncStorage.multiGet([\n LocalStorageKeys.ACCESS_TOKEN,\n LocalStorageKeys.AUTH_GUEST_TOKEN,\n LocalStorageKeys.USER_DATA,\n LocalStorageKeys.CHECKOUT_DATA,\n LocalStorageKeys.REFRESH_TOKEN,\n LocalStorageKeys.RESET_PASS_TOKEN,\n LocalStorageKeys.AUTH_TOKEN_TYPE,\n LocalStorageKeys.AUTH_SCOPE,\n LocalStorageKeys.SCOPE,\n LocalStorageKeys.TOKEN_TYPE,\n LocalStorageKeys.EVENT_COUNTRY,\n ])\n return values\n } catch (ex) {\n console.log('Local Storage GetData Error - checkStoredData')\n }\n}\n\nexport const isStoredTokenValid = async () => {\n const token = await getData(LocalStorageKeys.ACCESS_TOKEN)\n if (!token) {\n return false\n }\n\n try {\n const decodedToken = jwtDecode<{ exp?: number }>(token)\n\n // Check if exp is missing or invalid\n if (!decodedToken || typeof decodedToken.exp !== 'number') {\n await deleteData(LocalStorageKeys.ACCESS_TOKEN)\n await deleteData(LocalStorageKeys.USER_DATA)\n return false\n }\n\n // Check if token is expired\n if (decodedToken.exp < Date.now() / 1000) {\n await deleteData(LocalStorageKeys.ACCESS_TOKEN)\n await deleteData(LocalStorageKeys.USER_DATA)\n return false\n }\n\n return true\n } catch {\n // Token is malformed or cannot be decoded\n await deleteData(LocalStorageKeys.ACCESS_TOKEN)\n await deleteData(LocalStorageKeys.USER_DATA)\n return false\n }\n}\n","import { AxiosError } from 'axios'\n\nimport { IError } from '../types'\n\nconst ERROR = 'Something went wrong!'\n\ninterface ErrorResponseData {\n message?: string | { email?: string; [key: string]: any }\n [key: string]: any\n}\n\nexport const getApiError = (\n error: AxiosError,\n defaultMessage?: string\n): IError => {\n const errorJSON = error.toJSON()\n\n if (error.response) {\n const message = error.response?.data?.message\n return {\n message: typeof message === 'string' ? message : defaultMessage || ERROR,\n code: error.response?.status,\n }\n } else {\n if (error.code === 'ECONNABORTED') {\n return {\n // @ts-ignore\n message: errorJSON.message || 'Connection time out',\n }\n }\n }\n\n return {\n message: defaultMessage || ERROR,\n }\n}\n","import { Config } from '../../helpers/Config'\n\nexport const getFetchAccessTokenBody = (authorizationCode: string): FormData => {\n const bodyFormDataToken = new FormData()\n bodyFormDataToken.append('code', authorizationCode)\n bodyFormDataToken.append('scope', 'profile')\n bodyFormDataToken.append('grant_type', 'authorization_code')\n bodyFormDataToken.append('client_id', Config.CLIENT_ID)\n bodyFormDataToken.append('client_secret', Config.CLIENT_SECRET)\n\n return bodyFormDataToken\n}\n\nexport const getRefreshAccessTokenBody = (refreshToken: string): FormData => {\n const bodyFormDataToken = new FormData()\n bodyFormDataToken.append('grant_type', 'refresh_token')\n bodyFormDataToken.append('client_id', Config.CLIENT_ID)\n bodyFormDataToken.append('client_secret', Config.CLIENT_SECRET)\n bodyFormDataToken.append('refresh_token', refreshToken)\n\n return bodyFormDataToken\n}\n","import { fetchAccessToken } from '../api/ApiClient'\nimport { IFetchAccessTokenResponse } from '../api/types'\nimport { getRefreshAccessTokenBody } from '../core/LoginCore/LoginCoreHelper'\nimport { getData, LocalStorageKeys } from './LocalStorage'\n\nexport const refreshAccessToken = async (\n refreshToken?: string\n): Promise => {\n let token = await getData(LocalStorageKeys.REFRESH_TOKEN)\n if (refreshToken) {\n token = refreshToken\n }\n if (!token) {\n return {\n accessTokenError: {\n message: 'There is not stored or passed Refresh Token',\n },\n }\n }\n\n const refreshTokenBody = getRefreshAccessTokenBody(token)\n const response = await fetchAccessToken(refreshTokenBody)\n\n return response\n}\n","/**\n * @deprecated This component is deprecated and will be removed in a future release.\n * Please use the hooks from 'tf-checkout-react-native' instead.\n * Example: import { useCheckoutFlow } from 'tf-checkout-react-native'\n * See README.md in this directory for migration guide.\n */\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { forwardRef, useImperativeHandle } from 'react'\nimport BackgroundTimer from 'react-native-background-timer'\n\nimport {\n fetchEventConditions,\n fetchOrderDetails,\n fetchOrderReview,\n postOnFreeRegistration,\n postOnPaymentSuccess,\n} from '../../api/ApiClient'\nimport {\n IFetchAccessTokenResponse,\n IFreeRegistrationResponse,\n IMyOrderDetailsResponse,\n IOrderReviewResponse,\n} from '../../api/types'\nimport { refreshAccessToken as refreshAccessTokenAsync } from '../../helpers/RefreshAccessToken'\nimport { CheckoutCoreHandle, ICheckoutCoreProps } from './CheckoutCoreTypes'\n\n/**\n * @deprecated Use the hooks from 'tf-checkout-react-native' instead.\n * Example: import { useCheckoutFlow } from 'tf-checkout-react-native'\n */\nconst CheckoutCore = forwardRef((props, ref) => {\n const [secondsLeft, setSecondsLeft] = useState(420)\n const [timerOn, setTimerOn] = useState(false)\n\n const handleStopTimer = useCallback(() => {\n BackgroundTimer.stop()\n BackgroundTimer.stopBackgroundTimer()\n }, [])\n\n const handleStartTimer = useCallback(() => {\n BackgroundTimer.runBackgroundTimer(() => {\n setSecondsLeft((secs) => {\n if (secs > 0) {\n return secs - 1\n } else {\n return 0\n }\n })\n }, 1000)\n }, [])\n\n const handleTimeIsUp = () => {\n BackgroundTimer.stopBackgroundTimer()\n props.onCartExpired?.()\n }\n\n useEffect(() => {\n if (secondsLeft === 0) {\n handleTimeIsUp()\n }\n props.onSecondsLeftChange?.(secondsLeft)\n }, [secondsLeft])\n\n useEffect(() => {\n if (timerOn) {\n handleStartTimer()\n } else {\n BackgroundTimer.stopBackgroundTimer()\n }\n return () => {\n BackgroundTimer.stopBackgroundTimer()\n }\n }, [handleStartTimer, timerOn])\n\n useImperativeHandle(ref, () => ({\n async getEventConditions(): Promise {\n return await fetchEventConditions()\n },\n\n async getPurchaseOrderDetails(orderId: string): Promise {\n return await fetchOrderDetails(orderId)\n },\n\n async getOrderReview(orderHash: string): Promise {\n const res = await fetchOrderReview(orderHash)\n if (res.orderReviewData) {\n setSecondsLeft(res.orderReviewData.expiresAt)\n setTimerOn(true)\n }\n return res\n },\n\n async freeRegistration(orderHash: string): Promise {\n return await postOnFreeRegistration(orderHash)\n },\n\n async paymentSuccess(orderHash: string): Promise {\n return await postOnPaymentSuccess(orderHash)\n },\n\n async refreshAccessToken(refreshToken?: string): Promise {\n return await refreshAccessTokenAsync(refreshToken)\n },\n\n stopCartTimer() {\n return handleStopTimer()\n },\n }))\n\n return <>{props.children}\n})\n\nexport default CheckoutCore\n","import React, { forwardRef, useImperativeHandle } from 'react'\n\nimport {\n authorize,\n closeSession,\n fetchAccessToken,\n fetchUserProfile,\n requestResetPassword,\n requestRestorePassword,\n} from '../../api/ApiClient'\nimport { ICloseSessionResponse, IResetPasswordRequestData } from '../../api/types'\nimport { ILoginFields } from '../../components/login/types'\nimport { IStoredUserData, LocalStorageKeys, storeData } from '../../helpers/LocalStorage'\nimport { IUserProfilePublic } from '../../types'\nimport { ICoreProps } from '../CoreProps'\nimport { getFetchAccessTokenBody } from './LoginCoreHelper'\nimport { ILoginCoreResponse, LoginCoreHandle } from './LoginCoreTypes'\n\nconst LoginCore = forwardRef((props, ref) => {\n useImperativeHandle(ref, () => ({\n // #region Login\n async login({ email, password }: ILoginFields): Promise {\n const bodyFormData = new FormData()\n bodyFormData.append('email', email)\n bodyFormData.append('password', password)\n\n const { code: authorizationCode, error: authorizationError } =\n await authorize(bodyFormData)\n\n if (authorizationError) {\n return {\n error: {\n ...authorizationError,\n extraData: { endpoint: 'authorize' },\n },\n }\n }\n\n if (!authorizationCode) {\n return {\n error: {\n message: 'There is no authorization code',\n extraData: { endpoint: 'authorize' },\n },\n }\n }\n\n const { accessTokenError, accessTokenData } = await fetchAccessToken(\n getFetchAccessTokenBody(authorizationCode)\n )\n\n if (accessTokenError) {\n return {\n error: {\n ...accessTokenError,\n extraData: {\n endpoint: 'accessToken',\n },\n },\n }\n }\n\n const { userProfileError, userProfileData } = await fetchUserProfile()\n\n if (userProfileError) {\n return {\n error: {\n ...userProfileError,\n extraData: {\n endpoint: 'userProfile',\n },\n },\n }\n }\n\n if (!userProfileData) {\n return {\n error: {\n message: 'There is no user profile',\n extraData: {\n endpoint: 'userProfile',\n },\n },\n }\n }\n\n const storedUserData: IStoredUserData = {\n id: userProfileData!.id,\n firstName: userProfileData!.firstName,\n lastName: userProfileData!.lastName,\n email: userProfileData!.email,\n }\n\n const userPublicData: IUserProfilePublic = {\n customerId: userProfileData.id,\n firstName: userProfileData.firstName,\n lastName: userProfileData.lastName,\n email: userProfileData.email,\n phone: userProfileData.phone,\n streetAddress: userProfileData.streetAddress,\n zipCode: userProfileData.zipCode,\n countryId: userProfileData.countryId,\n city: userProfileData.city,\n state: userProfileData.state,\n company: userProfileData.company,\n stateId: userProfileData.stateId,\n dateOfBirth: userProfileData.dateOfBirth,\n }\n\n await storeData(LocalStorageKeys.USER_DATA, JSON.stringify(storedUserData))\n\n return { userProfile: userPublicData, accessTokenData: accessTokenData }\n },\n // #endregion Login\n\n // #region Logout\n async logout(): Promise {\n return await closeSession()\n },\n // #endregion Logout\n\n // #region Restore Password\n async restorePassword(email: string) {\n const response = await requestRestorePassword(email)\n return response\n },\n // #endregion Restore Password\n\n // #region Reset Password\n async resetPassword(data: IResetPasswordRequestData) {\n const response = await requestResetPassword(data)\n return response\n },\n // #endregion Reset Password\n }))\n\n return <>{props.children}\n})\n\nexport default LoginCore\n","import React from 'react'\nimport { forwardRef, useImperativeHandle } from 'react'\n\nimport {\n fetchAccountTickets,\n fetchMyOrders,\n fetchOrderDetails,\n} from '../../api/ApiClient'\nimport {\n IFetchAccessTokenResponse,\n IMyOrderDetailsResponse,\n IMyOrdersRequestParams,\n IMyOrdersResponse,\n} from '../../api/types'\nimport { refreshAccessToken as refreshAccessTokenAsync } from '../../helpers/RefreshAccessToken'\nimport { IAccountTicketsResponse } from '../../types'\nimport { ICoreProps } from '../CoreProps'\nimport { MyOrdersCoreHandle } from './MyOrdersCoreTypes'\n\nconst MyOrdersCore = forwardRef((props, ref) => {\n useImperativeHandle(ref, () => ({\n async getMyOrders(params: IMyOrdersRequestParams): Promise {\n return await fetchMyOrders(params)\n },\n\n async getOrderDetails(orderId: string): Promise {\n return await fetchOrderDetails(orderId)\n },\n\n async refreshAccessToken(refreshToken?: string): Promise {\n return await refreshAccessTokenAsync(refreshToken)\n },\n\n async getAccountTickets(\n params: IMyOrdersRequestParams\n ): Promise {\n return await fetchAccountTickets(params)\n },\n }))\n\n return <>{props.children}\n})\n\nexport default MyOrdersCore\n","import React, { forwardRef, useImperativeHandle } from 'react'\n\nimport { removeTicketFromResale, resaleTicket } from '../../api/ApiClient'\nimport {\n IFetchAccessTokenResponse,\n IRemoveTicketFromResaleResponse,\n IResaleTicketResponse,\n} from '../../api/types'\nimport { refreshAccessToken as refreshAccessTokenAsync } from '../../helpers/RefreshAccessToken'\nimport { ICoreProps } from '../CoreProps'\nimport { OrderDetailsCoreHandle } from './OrderDetailsCoreTypes'\n\nconst OrderDetailsCore = forwardRef((props, ref) => {\n useImperativeHandle(ref, () => ({\n async resaleTicket(\n data: FormData,\n orderHash: string\n ): Promise {\n return await resaleTicket(data, orderHash)\n },\n\n async removeTicketFromResale(\n orderHash: string\n ): Promise {\n return await removeTicketFromResale(orderHash)\n },\n\n async refreshAccessToken(refreshToken?: string): Promise {\n return await refreshAccessTokenAsync(refreshToken)\n },\n }))\n\n return <>{props.children}\n})\n\nexport default OrderDetailsCore\n","import React, { forwardRef, useCallback, useImperativeHandle } from 'react'\nimport BackgroundTimer from 'react-native-background-timer'\n\nimport { fetchPurchaseConfirmation } from '../../api/ApiClient'\nimport { IFetchAccessTokenResponse } from '../../api/types'\nimport { refreshAccessToken as refreshAccessTokenAsync } from '../../helpers/RefreshAccessToken'\nimport { ICoreProps } from '../CoreProps'\nimport { PurchaseConfirmationCoreHandle } from './PurchaseConfirmationCoreTypes'\n\nconst PurchaseConfirmationCore = forwardRef(\n (props, ref) => {\n const handleStopTimer = useCallback(() => {\n BackgroundTimer.stop()\n BackgroundTimer.stopBackgroundTimer()\n }, [])\n\n useImperativeHandle(ref, () => ({\n async getPurchaseConfirmation(orderHash: string): Promise {\n return await fetchPurchaseConfirmation(orderHash)\n },\n\n async refreshAccessToken(\n refreshToken?: string\n ): Promise {\n return await refreshAccessTokenAsync(refreshToken)\n },\n\n stopCartTimer() {\n return handleStopTimer()\n },\n }))\n\n return <>{props.children}\n }\n)\n\nexport default PurchaseConfirmationCore\n","import React, { forwardRef, useImperativeHandle } from 'react'\n\nimport { requestResetPassword } from '../../api/ApiClient'\nimport { IResetPasswordRequestData, IResetPasswordResponse } from '../../api/types'\nimport { ICoreProps } from '../CoreProps'\nimport { ResetPasswordCoreHandle } from './ResetPasswordCoreTypes'\n\nconst ResetPasswordCore = forwardRef(\n (props, ref) => {\n useImperativeHandle(ref, () => ({\n async postResetPassword(\n data: IResetPasswordRequestData\n ): Promise {\n return await requestResetPassword(data)\n },\n }))\n return <>{props.children}\n }\n)\n\nexport default ResetPasswordCore\n","import React from 'react'\nimport { forwardRef, useImperativeHandle } from 'react'\n\nimport { IFetchAccessTokenResponse } from '../../api/types'\nimport { refreshAccessToken as refreshAccessTokenAsync } from '../../helpers/RefreshAccessToken'\nimport { ICoreProps } from '../CoreProps'\nimport { SessionHandleType } from './SessionCoreTypes'\n\nconst SessionHandle = forwardRef((props, ref) => {\n useImperativeHandle(ref, () => ({\n async refreshAccessToken(refreshToken?: string): Promise {\n return await refreshAccessTokenAsync(refreshToken)\n },\n\n async reloadData() {\n return null\n },\n }))\n\n return <>{props.children}\n})\n\nexport default SessionHandle\n","import { jwtDecode } from 'jwt-decode'\nimport _find from 'lodash/find'\nimport _groupBy from 'lodash/groupBy'\nimport _map from 'lodash/map'\nimport _mapKeys from 'lodash/mapKeys'\nimport _sortBy from 'lodash/sortBy'\nimport React, { forwardRef, useImperativeHandle } from 'react'\n\nimport {\n addToCart,\n closeSession,\n fetchAccountTickets,\n fetchEvent,\n fetchTickets,\n postReferralVisit,\n unlockPasswordProtectedEvent,\n} from '../../api/ApiClient'\nimport {\n IAddToCartParams,\n ICloseSessionResponse,\n IEventResponse,\n IFetchAccessTokenResponse,\n IMyOrdersRequestParams,\n IPostReferralResponse,\n} from '../../api/types'\nimport { Config } from '../../helpers/Config'\nimport { deleteData, getData, LocalStorageKeys } from '../../helpers/LocalStorage'\nimport { refreshAccessToken as refreshAccessTokenAsync } from '../../helpers/RefreshAccessToken'\nimport { IAccountTicketsResponse, IAddToCartResponse, ITicket } from '../../types'\nimport { ICoreProps } from '../CoreProps'\nimport {\n IBookTicketsOptions,\n IGetTicketsOptions,\n IGetTicketsPayload,\n IGroupedTickets,\n TicketsCoreHandle,\n} from './TicketsCoreTypes'\n\nconst TicketsCore = forwardRef((props, ref) => {\n useImperativeHandle(ref, () => ({\n async getTickets({\n promoCode,\n areTicketsSortedBySoldOut,\n areTicketsGrouped,\n referredId,\n }: IGetTicketsOptions): Promise {\n const groupTickets = (tickets: ITicket[]) => {\n // Create an array of tickets with the GroupName set\n const ticketsWithGroupName = _map(tickets, (ticket) => {\n return {\n ...ticket,\n groupName: ticket.groupName || '',\n }\n })\n const groupedTickets = _groupBy(ticketsWithGroupName, 'groupName')\n const ticketsSections: IGroupedTickets[] = []\n _mapKeys(groupedTickets, (val, key) => {\n ticketsSections.push({\n title: key,\n data: val,\n })\n })\n\n return ticketsSections\n }\n // PromoCode higher priority than ReferredId\n\n const ticketsResponse = await fetchTickets({\n promoCode: promoCode,\n referredId: referredId,\n })\n\n if (ticketsResponse.error || !ticketsResponse.tickets) {\n return ticketsResponse\n }\n\n const sortedTickets = areTicketsSortedBySoldOut\n ? _sortBy(_sortBy(ticketsResponse.tickets, 'sortOrder'), 'soldOut')\n : _sortBy(ticketsResponse.tickets, 'sortOrder')\n\n const areGroupsShown = !!_find(sortedTickets, (ticket) => ticket.groupName)\n\n if (!areTicketsSortedBySoldOut) {\n if (!areTicketsGrouped) {\n return {\n ...ticketsResponse,\n tickets: sortedTickets,\n areGroupsShown: false,\n }\n }\n if (areGroupsShown) {\n return {\n ...ticketsResponse,\n tickets: groupTickets(sortedTickets),\n areGroupsShown: areGroupsShown,\n }\n } else {\n return {\n ...ticketsResponse,\n tickets: sortedTickets,\n areGroupsShown: areGroupsShown,\n }\n }\n } else {\n // Sort tickets by sold out\n if (!areTicketsGrouped) {\n return {\n ...ticketsResponse,\n tickets: sortedTickets,\n areGroupsShown: false,\n }\n } else {\n if (areGroupsShown) {\n return {\n ...ticketsResponse,\n tickets: groupTickets(sortedTickets),\n areGroupsShown: areGroupsShown,\n }\n }\n return {\n ...ticketsResponse,\n tickets: sortedTickets,\n areGroupsShown: areGroupsShown,\n }\n }\n }\n },\n\n async getEvent(): Promise {\n return await fetchEvent()\n },\n\n async unlockPasswordProtectedEvent(password: string): Promise {\n return await unlockPasswordProtectedEvent(password)\n },\n\n async addToCart({\n quantity,\n optionName,\n ticketId,\n price,\n }: IBookTicketsOptions): Promise {\n if (!Config.EVENT_ID) {\n return {\n error: {\n message: 'Event ID is not configured',\n },\n }\n }\n const parsedEventId =\n typeof Config.EVENT_ID === 'string'\n ? parseInt(Config.EVENT_ID, 10)\n : Config.EVENT_ID\n\n const data: IAddToCartParams = {\n attributes: {\n alternative_view_id: null,\n product_cart_quantity: quantity,\n product_options: {\n [optionName]: ticketId,\n },\n product_id: parsedEventId,\n ticket_types: {\n [ticketId]: {\n product_options: {\n [optionName]: ticketId,\n ticket_price: price,\n },\n quantity: quantity,\n },\n },\n },\n }\n return await addToCart(data)\n },\n\n async getIsUserLoggedIn(): Promise {\n const token = await getData(LocalStorageKeys.ACCESS_TOKEN)\n\n if (!token) {\n return false\n }\n\n const decodedToken = jwtDecode<{ exp: number }>(token)\n if (decodedToken && decodedToken.exp < Date.now() / 1000) {\n await deleteData(LocalStorageKeys.ACCESS_TOKEN)\n await deleteData(LocalStorageKeys.USER_DATA)\n return false\n }\n\n return true\n },\n\n async logout(): Promise {\n return await closeSession()\n },\n\n async postReferralVisit(referralId: string): Promise {\n return await postReferralVisit(referralId)\n },\n\n async refreshAccessToken(refreshToken?: string): Promise {\n return await refreshAccessTokenAsync(refreshToken)\n },\n\n async getAccountTickets(\n params: IMyOrdersRequestParams\n ): Promise {\n return await fetchAccountTickets(params)\n },\n }))\n\n return <>{props.children}\n})\n\nexport default TicketsCore\n","import React, { forwardRef, useImperativeHandle } from 'react'\n\nimport { addToWaitingList } from '../../api/ApiClient'\nimport { IAddToWaitingListResponse, IFetchAccessTokenResponse } from '../../api/types'\nimport { IWaitingListFields } from '../../components/waitingList/types'\nimport { refreshAccessToken as refreshAccessTokenAsync } from '../../helpers/RefreshAccessToken'\nimport { ICoreProps } from '../CoreProps'\nimport {\n IAddToWaitingListCoreParams,\n WaitingListCoreHandle,\n} from './WaitingListCoreTypes'\n\nconst WaitingListCore = forwardRef((props, ref) => {\n useImperativeHandle(ref, () => ({\n async addToWaitingList(\n params: IAddToWaitingListCoreParams\n ): Promise {\n const fields: IWaitingListFields = {\n ticketTypeId: '',\n quantity: '',\n ...params,\n }\n\n return await addToWaitingList(fields)\n },\n\n async refreshAccessToken(refreshToken?: string): Promise {\n return await refreshAccessTokenAsync(refreshToken)\n },\n }))\n\n return <>{props.children}\n})\n\nexport default WaitingListCore\n","import React, { FC, useMemo, useState } from 'react'\nimport { Alert, Image, Modal, Text, TouchableOpacity, View } from 'react-native'\n\nimport { useDebounced } from '../../helpers/Debounced'\nimport { validateEmail, validateMinLength } from '../../helpers/Validators'\nimport R from '../../res'\nimport Button from '../button/Button'\nimport RestorePassword from '../restorePassword/RestorePassword'\nimport ResultDialog from '../restorePassword/ResultDialog'\nimport LoginForm from './components/LoginForm'\nimport s from './styles'\nimport { ILoginViewProps, ILoginViewState } from './types'\n\nconst initialState: ILoginViewState = {\n loginEmail: '',\n loginPassword: '',\n}\n\nconst LoginView: FC = ({\n showDialog,\n hideDialog,\n isDialogVisible,\n onPressLogin,\n isLoading,\n onPressLogout,\n styles,\n texts,\n userFirstName,\n loginApiError,\n brandImages,\n isShowPasswordButtonVisible,\n content,\n onPressForgotPassword,\n restorePasswordProps,\n resultDialogPropsProps,\n}) => {\n const [data, setData] = useState(initialState)\n const { loginEmail, loginPassword } = data\n\n const loginEmailError = useDebounced(loginEmail, validateEmail)\n const loginPasswordError = useDebounced(loginPassword, (value: string) =>\n validateMinLength(value, 6, 'Password')\n )\n\n const handleOnPressLogin = () => {\n onPressLogin({\n email: loginEmail,\n password: loginPassword,\n })\n }\n\n const logoutTitle = texts?.logoutDialog?.title\n ? texts.logoutDialog.title\n : 'Are you sure that you want to logout?'\n\n const logoutMessage = texts?.logoutDialog?.message\n ? texts.logoutDialog.message\n : 'You will need to enter your login data again to place the order.'\n\n const logoutConfirm = texts?.logoutDialog?.confirm\n ? texts.logoutDialog.confirm\n : 'Yes, logout'\n\n const logoutCancel = texts?.logoutDialog?.cancel ? texts.logoutDialog.cancel : 'No'\n\n const line1 = texts?.line1 || 'Got a TICKETFAIRY account?'\n\n const line2 = texts?.line2 || 'Login & skip ahead:'\n\n const handleLogout = () => {\n setData(initialState)\n if (onPressLogout) {\n onPressLogout()\n }\n }\n\n const checkIsLoginDataValid = (): boolean => {\n if (loginEmailError) {\n return false\n }\n if (loginPasswordError) {\n return false\n }\n return true\n }\n\n const LoggedComponent = () => (\n \n \n {texts?.loggedIn?.loggedAs || 'Logged in as:'}{' '}\n {userFirstName}\n \n \n {texts?.loggedIn?.notYou || 'Not you?'}\n \n \n \n )\n\n const GuestComponent = () => (\n <>\n {texts?.message ? (\n {texts?.message}\n ) : (\n \n {line1}\n {line2}\n \n )}\n \n \n )\n\n const BrandImages = useMemo(\n () => (\n \n \n\n {brandImages?.image2 && (\n \n )}\n \n ),\n [\n brandImages?.containerStyle,\n brandImages?.image1,\n brandImages?.image1Style,\n brandImages?.image2,\n brandImages?.image2Style,\n ]\n )\n\n //#region Button Press\n const handleOnPressLogout = () => {\n Alert.alert(logoutTitle, logoutMessage, [\n {\n text: logoutConfirm,\n onPress: handleLogout,\n style: 'destructive',\n },\n {\n text: logoutCancel,\n },\n ])\n }\n //#endregion Button Press\n\n //#region Text Changed\n const handleOnLoginEmailChanged = (text: string) =>\n setData({ ...data, loginEmail: text })\n\n const handleOnLoginPasswordChanged = (text: string) =>\n setData({ ...data, loginPassword: text })\n //#endregion Text Changed\n\n const renderContent = (): React.ReactElement => {\n switch (content) {\n case 'login':\n return (\n \n )\n\n case 'restorePassword':\n return (\n \n )\n\n case 'restorePasswordSuccess':\n return (\n {\n resultDialogPropsProps?.onPressButton()\n }}\n message={resultDialogPropsProps?.message}\n />\n )\n\n default:\n return (\n \n )\n }\n }\n\n //#region Render main component\n return (\n \n {userFirstName ? LoggedComponent() : GuestComponent()}\n\n {isDialogVisible && (\n \n \n \n {renderContent()}\n \n \n \n )}\n \n )\n //#endregion Render main component\n}\n\nexport default LoginView\n","import { useEffect, useState } from 'react'\nconst DELAY = 300\n\nexport const useDebounced = (value: string, validate: (value: string) => string) => {\n const [debouncedValue, setDebouncedValue] = useState(value)\n const [error, setError] = useState()\n useEffect(\n () => {\n // Update debounced value after delay\n const handler = setTimeout(() => {\n setDebouncedValue(value)\n if (debouncedValue) {\n setError(validate(value))\n }\n }, DELAY)\n\n // Cancel the timeout if value changes (also on delay change or unmount)\n // This is how we prevent debounced value from updating if value is changed ...\n // .. within the delay period. Timeout gets cleared and restarted.\n return () => {\n clearTimeout(handler)\n }\n },\n [debouncedValue, validate, value] // Only re-call effect if value or delay changes\n )\n return error\n}\n","export const emailRegex =\n /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n\n//https://www.twilio.com/docs/glossary/what-e164\nexport const phoneRegex = /^\\+[1-9]\\d{1,14}$/\n\nconst emptyRegex = /^\\s+$/\n\nexport const validateEmpty = (value?: string | number, message?: string): string => {\n if (!value) {\n return message || 'Required'\n }\n\n if (typeof value === 'string') {\n return emptyRegex.test(value) ? message || 'Required' : ''\n }\n return ''\n}\n\nexport const validateMinLength = (\n value: string,\n minLength: number,\n fieldName: string = 'Field'\n) =>\n value.length < minLength ? `${fieldName} requires at least ${minLength} characters` : ''\n\nexport const validateEmail = (email: string, equalTo?: string) => {\n if (!email) {\n return 'Required'\n }\n\n let validation = ''\n\n if (equalTo) {\n validation = email === equalTo ? '' : 'Emails must match'\n }\n if (validation) {\n return validation\n }\n return !emailRegex.test(email) ? 'Please enter a valid email address' : ''\n}\n\nexport const validatePasswords = (password?: string, equalTo?: string) => {\n if (!password) {\n return 'Required'\n }\n\n let validation = ''\n if (equalTo) {\n validation = password === equalTo ? '' : 'Passwords must match'\n }\n if (validation) {\n return validation\n }\n validation = validateEmpty(password)\n if (validation) {\n return validation\n }\n\n return validateMinLength(password, 6, 'Password')\n}\n\nexport const validateAge = (dateOfBirth?: Date, minimumAge: number = 18): string => {\n if (!dateOfBirth) {\n return 'Required'\n }\n\n const today = new Date()\n const age = today.getFullYear() - dateOfBirth.getFullYear()\n return age < minimumAge ? `You must be at least ${minimumAge} years old` : ''\n}\n\ninterface IValidatePhoneNumber {\n phoneNumber?: string\n customError?: string\n countryCode?: string\n}\n\nexport const validatePhoneNumber = ({\n phoneNumber,\n customError,\n countryCode,\n}: IValidatePhoneNumber) => {\n if (!phoneNumber) {\n return customError || 'Please enter a phone number'\n }\n\n if (phoneNumber === countryCode)\n return customError || 'Please enter a valid phone number'\n\n return !phoneRegex.test(`${phoneNumber}`)\n ? customError || 'Please enter a valid phone number'\n : ''\n}\n\nexport const validateDropDownEmpty = (selectedOptionId?: string | number): string => {\n if (!selectedOptionId) return 'Required'\n\n if (typeof selectedOptionId === 'string') {\n return selectedOptionId === '-1' ? 'Required' : ''\n }\n\n if (typeof selectedOptionId === 'number') {\n return selectedOptionId === -1 ? 'Required' : ''\n }\n\n return ''\n}\n","import React, { FC, useState } from 'react'\nimport { Text, View } from 'react-native'\n\nimport { useDebounced } from '../../helpers/Debounced'\nimport { validateEmail } from '../../helpers/Validators'\nimport Button from '../button/Button'\nimport Input from '../input/Input'\nimport { restorePasswordStyles as s } from './styles'\nimport { IRestorePasswordProps } from './types'\n\nconst RestorePassword: FC = ({\n styles,\n texts,\n isLoading,\n onPressRestorePasswordButton,\n onPressCancelButton,\n apiError,\n}) => {\n const [email, setEmail] = useState('')\n const emailError = useDebounced(email, validateEmail)\n\n const handleOnPressRestoreButton = () => {\n onPressRestorePasswordButton(email)\n }\n\n return (\n \n \n {texts?.title || 'Enter your email to restore your password'}\n \n\n \n\n {!!apiError && {apiError}}\n\n \n\n {!isLoading && (\n \n )}\n \n )\n}\n\nexport default RestorePassword\n","import { StyleSheet } from 'react-native'\n\nimport R from '../../res'\n\nexport const restorePasswordStyles = StyleSheet.create({\n rootContainer: {\n paddingVertical: 32,\n width: '80%',\n backgroundColor: R.colors.white,\n borderRadius: 2,\n paddingHorizontal: 16,\n alignItems: 'center',\n },\n title: {\n color: R.colors.black,\n fontSize: 18,\n fontWeight: '800',\n },\n})\n\nexport const restorePasswordSuccessStyles = StyleSheet.create({\n rootContainer: {\n paddingVertical: 32,\n width: '80%',\n backgroundColor: R.colors.white,\n borderRadius: 2,\n paddingHorizontal: 16,\n alignItems: 'center',\n },\n title: {\n color: R.colors.black,\n fontSize: 18,\n fontWeight: '800',\n },\n message: {\n color: R.colors.black,\n },\n})\n","import React, { FC } from 'react'\nimport { Text, View } from 'react-native'\n\nimport Button from '../button/Button'\nimport { restorePasswordSuccessStyles as s } from './styles'\nimport { IResultDialogProps } from './types'\n\nconst ResultDialog: FC = ({\n styles,\n texts,\n message,\n onPressButton,\n}) => (\n \n {texts?.title || 'Email Sent!'}\n\n {!!texts?.message && (\n {texts.message}\n )}\n {!!message && {message}}\n\n