tf-checkout-react-native 1.0.47 → 2.0.0-beta.5

package/src/helpers/Debounced.ts

@@ -1,27 +0,0 @@
-import { useEffect, useState } from 'react'
-const DELAY = 300
-
-export const useDebounced = (value: string, validate: (value: string) => string) => {
-  const [debouncedValue, setDebouncedValue] = useState(value)
-  const [error, setError] = useState<string>()
-  useEffect(
-    () => {
-      // Update debounced value after delay
-      const handler = setTimeout(() => {
-        setDebouncedValue(value)
-        if (debouncedValue) {
-          setError(validate(value))
-        }
-      }, DELAY)
-
-      // Cancel the timeout if value changes (also on delay change or unmount)
-      // This is how we prevent debounced value from updating if value is changed ...
-      // .. within the delay period. Timeout gets cleared and restarted.
-      return () => {
-        clearTimeout(handler)
-      }
-    },
-    [debouncedValue, validate, value] // Only re-call effect if value or delay changes
-  )
-  return error
-}

package/src/helpers/Domains.ts

@@ -1,32 +0,0 @@
-import { EnvType } from './Config'
-
-export const getDomainByClientAndEnv = (
-  client: string = 'ttf',
-  env: EnvType = 'PROD'
-): string => {
-  //@ts-ignore
-  const brand = domains[client] ?? 'ttf'
-  let origin = ''
-
-  if (typeof brand === 'string') {
-    //@ts-ignore
-    origin = domains[brand][env] ?? 'https://www.ticketfairy.com'
-  } else {
-    origin = brand[env]
-  }
-
-  return origin
-}
-
-const domains = {
-  mana: {
-    DEV: 'https://manacommon.com',
-    STAG: 'https://manacommon.com',
-    PROD: 'https://manacommon.com',
-  },
-  ttf: {
-    DEV: 'https://sandbox.ticketfairy.com',
-    STAG: 'https://test.ticketfairy.com',
-    PROD: 'https://www.ticketfairy.com',
-  },
-}

package/src/helpers/LocalStorage.tsx

@@ -1,152 +0,0 @@
-import AsyncStorage from '@react-native-async-storage/async-storage'
-import { jwtDecode } from 'jwt-decode'
-
-export const LocalStorageKeys = {
-  AUTH_GUEST_TOKEN: 'AUTH_GUEST_TOKEN',
-  USER_DATA: 'USER_DATA',
-  ACCESS_TOKEN: 'ACCESS_TOKEN',
-  CHECKOUT_DATA: 'CHECKOUT_DATA',
-  REFRESH_TOKEN: 'REFRESH_TOKEN',
-  TOKEN_TYPE: 'TOKEN_TYPE',
-  SCOPE: 'SCOPE',
-  RESET_PASS_TOKEN: 'RESET_PASS_TOKEN',
-  AUTH_SCOPE: 'AUTH_SCOPE',
-  AUTH_TOKEN_TYPE: 'AUTH_TOKEN_TYPE',
-  EVENT_COUNTRY: 'EVENT_COUNTRY',
-}
-
-export interface IStoredUserData {
-  id: string
-  firstName: string
-  lastName: string
-  email: string
-}
-
-export const storeData = async (key: string, value: string) => {
-  try {
-    await AsyncStorage.setItem(key, value)
-  } catch (ex) {
-    return undefined
-  }
-}
-
-export const getData = async (key: string) => {
-  try {
-    const value = await AsyncStorage.getItem(key)
-    if (value !== null) {
-      return value
-    }
-  } catch (ex) {
-    return undefined
-  }
-}
-
-export const deleteData = async (key: string) => {
-  try {
-    const value = await AsyncStorage.removeItem(key)
-    if (value !== null) {
-      return value
-    }
-  } catch (ex) {
-    return undefined
-  }
-}
-
-export const deleteUserData = async () => {
-  try {
-    const value = await AsyncStorage.multiRemove([
-      LocalStorageKeys.ACCESS_TOKEN,
-      LocalStorageKeys.REFRESH_TOKEN,
-      LocalStorageKeys.TOKEN_TYPE,
-      LocalStorageKeys.AUTH_TOKEN_TYPE,
-      LocalStorageKeys.SCOPE,
-      LocalStorageKeys.USER_DATA,
-      LocalStorageKeys.CHECKOUT_DATA,
-      LocalStorageKeys.RESET_PASS_TOKEN,
-      LocalStorageKeys.AUTH_SCOPE,
-    ])
-
-    if (value !== null) {
-      return value
-    }
-  } catch (ex) {
-    return undefined
-  }
-}
-
-export const deleteAllData = async () => {
-  try {
-    const value = await AsyncStorage.multiRemove([
-      LocalStorageKeys.ACCESS_TOKEN,
-      LocalStorageKeys.AUTH_GUEST_TOKEN,
-      LocalStorageKeys.USER_DATA,
-      LocalStorageKeys.CHECKOUT_DATA,
-      LocalStorageKeys.REFRESH_TOKEN,
-      LocalStorageKeys.RESET_PASS_TOKEN,
-      LocalStorageKeys.AUTH_TOKEN_TYPE,
-      LocalStorageKeys.AUTH_SCOPE,
-      LocalStorageKeys.SCOPE,
-      LocalStorageKeys.TOKEN_TYPE,
-      LocalStorageKeys.EVENT_COUNTRY,
-    ])
-
-    if (value !== null) {
-      return value
-    }
-  } catch (ex) {
-    return undefined
-  }
-}
-
-export const checkStoredData = async () => {
-  try {
-    const values = await AsyncStorage.multiGet([
-      LocalStorageKeys.ACCESS_TOKEN,
-      LocalStorageKeys.AUTH_GUEST_TOKEN,
-      LocalStorageKeys.USER_DATA,
-      LocalStorageKeys.CHECKOUT_DATA,
-      LocalStorageKeys.REFRESH_TOKEN,
-      LocalStorageKeys.RESET_PASS_TOKEN,
-      LocalStorageKeys.AUTH_TOKEN_TYPE,
-      LocalStorageKeys.AUTH_SCOPE,
-      LocalStorageKeys.SCOPE,
-      LocalStorageKeys.TOKEN_TYPE,
-      LocalStorageKeys.EVENT_COUNTRY,
-    ])
-    return values
-  } catch (ex) {
-    console.log('Local Storage GetData Error - checkStoredData')
-  }
-}
-
-export const isStoredTokenValid = async () => {
-  const token = await getData(LocalStorageKeys.ACCESS_TOKEN)
-  if (!token) {
-    return false
-  }
-
-  try {
-    const decodedToken = jwtDecode<{ exp?: number }>(token)
-
-    // Check if exp is missing or invalid
-    if (!decodedToken || typeof decodedToken.exp !== 'number') {
-      await deleteData(LocalStorageKeys.ACCESS_TOKEN)
-      await deleteData(LocalStorageKeys.USER_DATA)
-      return false
-    }
-
-    // Check if token is expired
-    if (decodedToken.exp < Date.now() / 1000) {
-      await deleteData(LocalStorageKeys.ACCESS_TOKEN)
-      await deleteData(LocalStorageKeys.USER_DATA)
-      return false
-    }
-
-    return true
-  } catch {
-    // Token is malformed or cannot be decoded
-    await deleteData(LocalStorageKeys.ACCESS_TOKEN)
-    await deleteData(LocalStorageKeys.USER_DATA)
-    return false
-  }
-}

package/src/helpers/RefreshAccessToken.ts

@@ -1,25 +0,0 @@
-import { fetchAccessToken } from '../api/ApiClient'
-import { IFetchAccessTokenResponse } from '../api/types'
-import { getRefreshAccessTokenBody } from '../core/LoginCore/LoginCoreHelper'
-import { getData, LocalStorageKeys } from './LocalStorage'
-
-export const refreshAccessToken = async (
-  refreshToken?: string
-): Promise<IFetchAccessTokenResponse> => {
-  let token = await getData(LocalStorageKeys.REFRESH_TOKEN)
-  if (refreshToken) {
-    token = refreshToken
-  }
-  if (!token) {
-    return {
-      accessTokenError: {
-        message: 'There is not stored or passed Refresh Token',
-      },
-    }
-  }
-
-  const refreshTokenBody = getRefreshAccessTokenBody(token)
-  const response = await fetchAccessToken(refreshTokenBody)
-
-  return response
-}

package/src/helpers/StringsHelper.ts

@@ -1,5 +0,0 @@
-// Import and re-export from shared
-export { priceWithCurrency } from 'tf-checkout-shared'
-
-export const emptyPhone = (phone: string): string | undefined =>
-  phone.length < 4 ? undefined : phone

package/src/helpers/Validators.ts

@@ -1,108 +0,0 @@
-export const emailRegex =
-  /^(([^<>()\[\]\\.,;:\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,}))$/
-
-//https://www.twilio.com/docs/glossary/what-e164
-export const phoneRegex = /^\+[1-9]\d{1,14}$/
-
-const emptyRegex = /^\s+$/
-
-export const validateEmpty = (value?: string | number, message?: string): string => {
-  if (!value) {
-    return message || 'Required'
-  }
-
-  if (typeof value === 'string') {
-    return emptyRegex.test(value) ? message || 'Required' : ''
-  }
-  return ''
-}
-
-export const validateMinLength = (
-  value: string,
-  minLength: number,
-  fieldName: string = 'Field'
-) =>
-  value.length < minLength ? `${fieldName} requires at least ${minLength} characters` : ''
-
-export const validateEmail = (email: string, equalTo?: string) => {
-  if (!email) {
-    return 'Required'
-  }
-
-  let validation = ''
-
-  if (equalTo) {
-    validation = email === equalTo ? '' : 'Emails must match'
-  }
-  if (validation) {
-    return validation
-  }
-  return !emailRegex.test(email) ? 'Please enter a valid email address' : ''
-}
-
-export const validatePasswords = (password?: string, equalTo?: string) => {
-  if (!password) {
-    return 'Required'
-  }
-
-  let validation = ''
-  if (equalTo) {
-    validation = password === equalTo ? '' : 'Passwords must match'
-  }
-  if (validation) {
-    return validation
-  }
-  validation = validateEmpty(password)
-  if (validation) {
-    return validation
-  }
-
-  return validateMinLength(password, 6, 'Password')
-}
-
-export const validateAge = (dateOfBirth?: Date, minimumAge: number = 18): string => {
-  if (!dateOfBirth) {
-    return 'Required'
-  }
-
-  const today = new Date()
-  const age = today.getFullYear() - dateOfBirth.getFullYear()
-  return age < minimumAge ? `You must be at least ${minimumAge} years old` : ''
-}
-
-interface IValidatePhoneNumber {
-  phoneNumber?: string
-  customError?: string
-  countryCode?: string
-}
-
-export const validatePhoneNumber = ({
-  phoneNumber,
-  customError,
-  countryCode,
-}: IValidatePhoneNumber) => {
-  if (!phoneNumber) {
-    return customError || 'Please enter a phone number'
-  }
-
-  if (phoneNumber === countryCode)
-    return customError || 'Please enter a valid phone number'
-
-  return !phoneRegex.test(`${phoneNumber}`)
-    ? customError || 'Please enter a valid phone number'
-    : ''
-}
-
-export const validateDropDownEmpty = (selectedOptionId?: string | number): string => {
-  if (!selectedOptionId) return 'Required'
-
-  if (typeof selectedOptionId === 'string') {
-    return selectedOptionId === '-1' ? 'Required' : ''
-  }
-
-  if (typeof selectedOptionId === 'number') {
-    return selectedOptionId === -1 ? 'Required' : ''
-  }
-
-  return ''
-}

package/src/packages/rn-material-ui-textfield/README.md

@@ -1,149 +0,0 @@
-[npm-badge]: https://img.shields.io/npm/v/rn-material-ui-textfield.svg?colorB=ff6d00
-[npm-url]: https://npmjs.com/package/rn-material-ui-textfield
-[npm-downloads-badge]: https://img.shields.io/npm/dt/rn-material-ui-textfield.svg
-[license-badge]: https://img.shields.io/npm/l/rn-material-ui-textfield.svg?colorB=448aff
-[license-url]: https://raw.githubusercontent.com/n4kz/rn-material-ui-textfield/master/license.txt
-[example-url]: https://cloud.githubusercontent.com/assets/2055622/24325711/eaa4ff08-11af-11e7-8550-2504c1580979.gif
-[rn-textinput]: https://facebook.github.io/react-native/docs/textinput.html#props
-[md-textfield]: https://material.io/guidelines/components/text-fields.html
-
-# rn-material-ui-textfield
-
-[![npm][npm-badge]][npm-url] [![npm downloads][npm-downloads-badge]][npm-url] [![license][license-badge]][license-url]
-
-Material UI texfield with consistent behaviour on iOS and Android
-
-![example][example-url]
-
-## Features
-
-- Material design [guidelines][md-textfield] compliance
-- Consistent look and feel on iOS and Android
-- Animated state transitions (normal, focused and errored)
-- Customizable font size, colors and animation duration
-- Disabled state (with dotted underline)
-- Outlined and filled fields
-- Masked input support
-- Multiline text input
-- Character counter
-- Prefix and suffix
-- Accessory views
-- Helper text
-- RTL support
-- Pure javascript implementation
-
-## Installation
-
-```bash
-yarn add rn-material-ui-textfield
-npm install rn-material-ui-textfield
-```
-
-## Usage
-
-```javascript
-import React, { Component } from 'react'
-import { TextField, FilledTextField, OutlinedTextField } from 'rn-material-ui-textfield'
-
-class Example extends Component {
-  fieldRef = React.createRef()
-
-  onSubmit = () => {
-    let { current: field } = this.fieldRef
-
-    console.log(field.value())
-  }
-
-  formatText = (text) => {
-    return text.replace(/[^+\d]/g, '')
-  }
-
-  render() {
-    return (
-      <OutlinedTextField
-        label="Phone number"
-        keyboardType="phone-pad"
-        formatText={this.formatText}
-        onSubmitEditing={this.onSubmit}
-        ref={this.fieldRef}
-      />
-    )
-  }
-}
-```
-
-## Properties
-
-| name                 | description                                 |      type | default                 |
-| :------------------- | :------------------------------------------ | --------: | :---------------------- |
-| textColor            | Text input color                            |    String | rgba(0, 0, 0, .87)      |
-| fontSize             | Text input font size                        |    Number | 16                      |
-| labelFontSize        | Text field label font size                  |    Number | 12                      |
-| lineWidth            | Text field underline width                  |    Number | 0.5                     |
-| activeLineWidth      | Text field active underline width           |    Number | 2                       |
-| disabledLineWidth    | Text field disabled underline width         |    Number | 1                       |
-| tintColor            | Text field accent color                     |    String | rgb(0, 145, 234)        |
-| baseColor            | Text field base color                       |    String | rgba(0, 0, 0, .38)      |
-| label                | Text field label text                       |    String | -                       |
-| title                | Text field helper text                      |    String | -                       |
-| prefix               | Text field prefix text                      |    String | -                       |
-| suffix               | Text field suffix text                      |    String | -                       |
-| error                | Text field error text                       |    String | -                       |
-| errorColor           | Text field color for errored state          |    String | rgb(213, 0, 0)          |
-| lineType             | Text field line type                        |    String | solid                   |
-| disabledLineType     | Text field line type in disabled state      |    String | dotted                  |
-| animationDuration    | Text field animation duration in ms         |    Number | 225                     |
-| characterRestriction | Text field soft limit for character counter |    Number | -                       |
-| disabled             | Text field availability                     |   Boolean | false                   |
-| editable             | Text field text can be edited               |   Boolean | true                    |
-| multiline            | Text filed multiline input                  |   Boolean | false                   |
-| contentInset         | Layout configuration object                 |    Object | [{...}](#content-inset) |
-| labelOffset          | Label position adjustment                   |    Object | [{...}](#label-offset)  |
-| inputContainerStyle  | Style for input container view              |    Object | -                       |
-| containerStyle       | Style for container view                    |    Object | -                       |
-| labelTextStyle       | Style for label inner Text component        |    Object | -                       |
-| titleTextStyle       | Style for title inner Text component        |    Object | -                       |
-| affixTextStyle       | Style for affix inner Text component        |    Object | -                       |
-| formatText           | Input mask callback                         |  Function | -                       |
-| renderLeftAccessory  | Render left input accessory view            |  Function | -                       |
-| renderRightAccessory | Render right input accessory view           |  Function | -                       |
-| onChangeText         | Change text callback                        |  Function | -                       |
-| onFocus              | Focus callback                              |  Function | -                       |
-| onBlur               | Blur callback                               |  Function | -                       |
-| inputRef             | TextInput ref                               | RefObject | -                       |
-
-Other [TextInput][rn-textinput] properties will also work.
-
-### Content Inset
-
-| name  | description                       | Normal | Filled | Outlined |
-| :---- | :-------------------------------- | -----: | -----: | -------: |
-| top   | Inset on the top side             |     16 |      8 |        0 |
-| left  | Inset on the left side            |      0 |     12 |       12 |
-| right | Inset on the right side           |      0 |     12 |       12 |
-| label | Space between label and TextInput |      4 |      4 |        4 |
-| input | Space between line and TextInput  |      8 |      8 |       16 |
-
-### Label Offset
-
-| name | description                          | Normal | Filled | Outlined |
-| :--- | :----------------------------------- | -----: | -----: | -------: |
-| x0   | Horizontal offset for inactive state |      0 |      0 |        0 |
-| y0   | Vertical offset for inactive state   |      0 |    -10 |        0 |
-| x1   | Horizontal offset for active state   |      0 |      0 |        0 |
-| y1   | Vertical offset for active state     |      0 |     -2 |      -10 |
-
-## Methods
-
-| name                   | description                   | returns |
-| :--------------------- | :---------------------------- | ------: |
-| focus()                | Acquire focus                 |       - |
-| blur()                 | Release focus                 |       - |
-| clear()                | Clear text field              |       - |
-| value()                | Get current value             |  String |
-| isFocused()            | Get current focus state       | Boolean |
-| isErrored()            | Get current error state       | Boolean |
-| isRestricted()         | Get current restriction state | Boolean |
-| isDefaultVisible()     | Get default value visibility  | Boolean |
-| isPlaceholderVisible() | Get placeholder visibility    | Boolean |
-| setValue()             | Set current value             |       - |

package/src/packages/rn-material-ui-textfield/components/affix/index.js

@@ -1,61 +0,0 @@
-import PropTypes from 'prop-types'
-import React, { PureComponent } from 'react'
-import { Animated } from 'react-native'
-import { TextPropTypes } from 'deprecated-react-native-prop-types'
-
-import styles from './styles'
-
-export default class Affix extends PureComponent {
-  static defaultProps = {
-    numberOfLines: 1,
-  }
-
-  static propTypes = {
-    numberOfLines: PropTypes.number,
-    style: TextPropTypes.style,
-
-    color: PropTypes.string.isRequired,
-    fontSize: PropTypes.number.isRequired,
-
-    type: PropTypes.oneOf(['prefix', 'suffix']).isRequired,
-
-    labelAnimation: PropTypes.instanceOf(Animated.Value).isRequired,
-
-    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-  }
-
-  render() {
-    const { labelAnimation, style, children, type, fontSize, color } = this.props
-
-    const containerStyle = {
-      height: fontSize * 1.5,
-      opacity: labelAnimation,
-    }
-
-    const textStyle = {
-      includeFontPadding: false,
-      textAlignVertical: 'top',
-
-      fontSize,
-      color,
-    }
-
-    switch (type) {
-      case 'prefix':
-        containerStyle.paddingRight = 8
-        textStyle.textAlign = 'left'
-        break
-
-      case 'suffix':
-        containerStyle.paddingLeft = 8
-        textStyle.textAlign = 'right'
-        break
-    }
-
-    return (
-      <Animated.View style={[styles.container, containerStyle]}>
-        <Animated.Text style={[style, textStyle]}>{children}</Animated.Text>
-      </Animated.View>
-    )
-  }
-}

package/src/packages/rn-material-ui-textfield/components/affix/styles.js

@@ -1,8 +0,0 @@
-import { StyleSheet } from 'react-native'
-
-export default StyleSheet.create({
-  container: {
-    top: 2,
-    justifyContent: 'center',
-  },
-})

package/src/packages/rn-material-ui-textfield/components/counter/index.js

@@ -1,36 +0,0 @@
-import PropTypes from 'prop-types'
-import React, { PureComponent } from 'react'
-import { Text } from 'react-native'
-
-import styles from './styles'
-import { TextPropTypes } from 'deprecated-react-native-prop-types'
-
-export default class Counter extends PureComponent {
-  static propTypes = {
-    count: PropTypes.number.isRequired,
-    limit: PropTypes.number,
-
-    baseColor: PropTypes.string.isRequired,
-    errorColor: PropTypes.string.isRequired,
-
-    style: TextPropTypes.style,
-  }
-
-  render() {
-    const { count, limit, baseColor, errorColor, style } = this.props
-
-    if (!limit) {
-      return null
-    }
-
-    const textStyle = {
-      color: count > limit ? errorColor : baseColor,
-    }
-
-    return (
-      <Text style={[styles.text, style, textStyle]}>
-        {count} / {limit}
-      </Text>
-    )
-  }
-}

package/src/packages/rn-material-ui-textfield/components/counter/styles.js

@@ -1,12 +0,0 @@
-import { StyleSheet } from 'react-native'
-
-export default StyleSheet.create({
-  text: {
-    fontSize: 12,
-    lineHeight: 16,
-    textAlign: 'right',
-    backgroundColor: 'transparent',
-    paddingVertical: 2,
-    marginLeft: 8,
-  },
-})