tf-checkout-react 1.7.31 → 2.0.0-beta.1

package/src/types/seatMap.d.ts

@@ -1,159 +0,0 @@
-interface SeatMapResponse {
-  data: any;
-  success: boolean;
-  error: boolean;
-  message: string;
-  status: number;
-}
-
-interface IMapContainerProps {
-  event: any;
-  mapContainerId?: string;
-  timerMessage?: string | Node;
-  onAddToCartSuccess?: (data: any) => void;
-  onCountdownFinish?: any;
-  ticketDeleteButtonContent?: string | Node;
-  ticketInfoContent?: string | Node;
-}
-
-interface ISeatMapContainerProps {
-  seatMapProps: {
-    seatData: any;
-    statuses: any;
-    seatMapEvents: any;
-    seatMapType: string | null;
-    ticketTypeTierRelations: any;
-    tierPrices: any;
-    isReserving: boolean;
-    predefinedSeats: any;
-    isLoadingSeatMapData: boolean;
-  };
-  loading?: boolean;
-  mapContainerId?: string;
-}
-
-interface SeatMapResponseData {
-  attributes: any;
-  relationships: any[];
-  type: string;
-}
-
-interface TicketTypeTierRelationsData {
-  ticket_type_id: string;
-  ticket_type_deposit: string;
-  ticket_type_max_number_of_guests: string;
-  ticket_type_min_number_of_guests: string;
-  ticket_type_tier_id: number;
-  ticket_type_name: string;
-  ticket_type_option: string;
-  ticket_type_price: number;
-  ticket_quantity: number;
-  multiplier: number;
-  sort_order: string;
-  ticket_quantity_limit_type: string;
-  guest_price: string;
-  description: string | null;
-  fee_included: boolean;
-}
-
-interface TicketTypeTierRelations {
-  [key: string]: {
-    [key: string]: TicketTypeTierRelationsData;
-  };
-}
-
-interface SeatMapDataAttributes {
-  seatMapType: string | null;
-  seatReservationTime: number;
-  ticketTypeTierRelations: TicketTypeTierRelations;
-  tierNames: {
-    [key: string]: string;
-  };
-  tierPrices: {
-    [key: string]: string;
-  };
-  seatData: string;
-  eventSeats: EventSeat[];
-  predefinedSeats: any;
-}
-
-interface SeatMapData extends SeatMapResponseData {
-  attributes: SeatMapDataAttributes;
-}
-
-interface SeatMapStatuses extends SeatMapResponseData {
-  attributes: any;
-}
-
-interface SeatMapDataResponse extends SeatMapResponse {
-  data: SeatMapData;
-}
-
-interface SeatMapStatusesResponse extends SeatMapResponse {
-  data: SeatMapStatuses;
-}
-
-interface ISeatMapContainerProps {
-  seatMapProps: {
-    seatData: any;
-    statuses: any;
-    seatMapEvents: any;
-    seatMapType?: string;
-    ticketTypeTierRelations: any;
-    isReserving: boolean;
-    predefinedSeats: any;
-  };
-  mapContainerId?: string;
-}
-
-interface SeatReservationData {
-  seatId: string;
-  tierId: string;
-  type: string;
-}
-
-interface EventSeat {
-  label: string;
-  ticket_type_id: Array<string>;
-  seats: any;
-  ticketing_engine_id: number | string;
-  tier_id: number | string;
-  seats: {
-    [key: string]: number;
-  };
-}
-
-interface ITicketsSectionProps {
-  ticketTypeTierRelations: TicketTypeTierRelations;
-  reservedSeats: Array<SeatReservationData>;
-  handleCancelReservation: any;
-  isAddingToCart: boolean;
-  handleGetTicketClick: any;
-  currencySymbol: string;
-  handleTicketSelect: any;
-  selectedTickets: { [seatId: string]: string };
-
-  theme?: 'light' | 'dark';
-  getTicketsBtnLabel?: string;
-  contentStyle?: React.CSSProperties;
-  isButtonScrollable?: boolean;
-  ticketDeleteButtonContent?: string | Node;
-  ticketInfoContent?: string | Node;
-  tableMapEnabled?: boolean;
-
-  guestCounts?: any;
-  setGuestCounts?: any;
-}
-
-interface ITicketDropdownOption {
-  ticket_type_tier_id: number | string;
-  ticket_type_name: string;
-  ticket_type_price: number | string;
-  ticket_type_id: string;
-}
-
-interface ITicketsDropdownsData {
-  seatId: string;
-  tierId: string;
-  ticketsData: Array<ITicketDropdownOption | TicketTypeTierRelationsData>;
-}

package/src/types/verification.ts

@@ -1,12 +0,0 @@
-export interface GetNetverifyUrlResponseData {
-  netverifyUrl: string|null;
-  provider: string|null;
-}
-
-export interface VerificationStatusResponseData {
-  attributes: { status: string };
-}
-
-export interface UpdateVerificationStatusResponseData {
-  status: string;
-}

package/src/utils/adaptStripeErrors.ts

@@ -1,26 +0,0 @@
-import { StripeError } from '@stripe/stripe-js'
-
-type stripeErrorReason = 'PAYMENT_ALREADY_CONFIRMED'
-
-interface IAdaptedStripeError extends StripeError {
-  isStripeError: boolean;
-  errorReason?: stripeErrorReason;
-}
-
-export const adaptStripeError = (error: StripeError): IAdaptedStripeError => {
-  const adaptedError = { ...error, isStripeError: true }
-  switch (error.code) {
-    case 'payment_intent_unexpected_state':
-      if (error?.payment_intent?.status === 'succeeded') {
-        return {
-          ...adaptedError,
-          errorReason: 'PAYMENT_ALREADY_CONFIRMED',
-          message:
-            'You cannot confirm this PaymentIntent because it has already succeeded after being previously confirmed.',
-        }
-      }
-      return { ...adaptedError }
-    default:
-      return adaptedError
-  }
-}

package/src/utils/auth.ts

@@ -1,45 +0,0 @@
-import { AxiosError } from 'axios'
-
-import { logout } from '../api'
-import { deleteCookieByName } from './cookies'
-import { isBrowser } from './isBrowser'
-
-export const setLoggedUserData = (data: IProfileData) => ({
-  id: data.id,
-  first_name: data.firstName,
-  last_name: data.lastName,
-  email: data.email,
-  confirmEmail: data.email,
-  city: data?.city || '',
-  country: data?.countryId || '',
-  phone: data?.phone || '',
-  street_address: data?.streetAddress || '',
-  state: data?.stateId || '',
-  zip: data?.zipCode || '',
-})
-
-interface LogoutUserParams {
-  onLogoutSuccess?: () => void;
-  onLogoutError?: (error: AxiosError) => void;
-  setIsLogged?: (isLogged: boolean) => void;
-}
-
-export const logoutUser = async ({
-  onLogoutSuccess,
-  onLogoutError,
-  setIsLogged,
-}: LogoutUserParams) => {
-  try {
-    await logout()
-    onLogoutSuccess && onLogoutSuccess()
-    if (isBrowser) {
-      window.localStorage.removeItem('user_data')
-      setIsLogged && setIsLogged(false)
-      const event = new window.CustomEvent('tf-logout')
-      deleteCookieByName('X-TF-ECOMMERCE')
-      window.document.dispatchEvent(event)
-    }
-  } catch (e) {
-    onLogoutError && onLogoutError(e as AxiosError)
-  }
-}

package/src/utils/cookies.ts

@@ -1,73 +0,0 @@
-import { getDomain } from './getDomain'
-
-let generalDomain: string
-
-export function setCustomCookie(name: string, value: string, days = 5) {
-  let expires = ''
-  if (days) {
-    const date = new Date()
-    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000)
-    expires = '; expires=' + date.toUTCString()
-  }
-  if (typeof window === 'undefined') {
-    return
-  }
-
-  const { hostname } = window.location
-
-  if (generalDomain && generalDomain.endsWith(getDomain(hostname))) {
-    document.cookie = name + '=' + (value || '') + expires + `; path=/;domain=${generalDomain}`
-    return
-  }
-
-  let previousDomain = undefined
-  let domain = undefined
-  do {
-    previousDomain = domain
-    domain = getDomain(hostname, undefined, previousDomain)
-    document.cookie = name + '=' + (value || '') + expires + `; path=/;domain=${domain}`
-  } while (getCookieByName(name) === '' && hostname !== domain)
-  generalDomain = domain
-}
-
-export function getCookieByName(cname: string) {
-  if (typeof window === 'undefined') return ''
-  const name = cname + '='
-  const ca = document.cookie.split(';')
-  for (let i = 0; i < ca.length; i++) {
-    let c = ca[i]
-    while (c.charAt(0) === ' ') {
-      c = c.substring(1)
-    }
-    if (c.indexOf(name) === 0) {
-      return c.substring(name.length, c.length)
-    }
-  }
-  return ''
-}
-
-export function deleteCookieByName(name: string) {
-  if (getCookieByName(name) === '') {
-    return
-  }
-
-  if (typeof window === 'undefined') {
-    return
-  }
-
-  const { hostname } = window.location
-
-  if (generalDomain && generalDomain.endsWith(getDomain(hostname))) {
-    document.cookie = name + `=; Path=/;domain=${generalDomain}; Expires=Thu, 01 Jan 1970 00:00:01 GMT;`
-    return
-  }
-
-  let previousDomain = undefined
-  let domain = undefined
-  do {
-    previousDomain = domain
-    domain = getDomain(hostname, undefined, previousDomain)
-    document.cookie = name + `=; Path=/;domain=${domain}; Expires=Thu, 01 Jan 1970 00:00:01 GMT;`
-  } while (getCookieByName(name) !== '' && hostname !== domain)
-  generalDomain = domain
-}

package/src/utils/createCheckoutDataBodyWithDefaultHolder.ts

@@ -1,81 +0,0 @@
-import _get from 'lodash/get'
-
-type Type1 = string | number | null | undefined
-interface ICheckoutBody {
-  attributes: {
-    [key: string]:
-      | Type1
-      | Record<string | number, Type1>
-      | Array<Type1 | IticketHolder>;
-  };
-  data_capture?: {
-    [key: string]: any;
-  };
-}
-
-interface IticketHolder {
-  first_name?: string;
-  last_name?: string;
-  phone?: string;
-  email?: string;
-}
-
-interface IUserCredentialsValues {
-  emailLogged?: string;
-  firstNameLogged?: string;
-  lastNameLogged?: string;
-  phoneLogged?: string;
-}
-
-export const createCheckoutDataBodyWithDefaultHolder = (
-  ticketsQuantity: number,
-  logedInValues: Record<string, string | undefined>,
-  includeDob = false,
-  userCredentials: IUserCredentialsValues = {}
-): ICheckoutBody => {
-  const ticket_holders: IticketHolder[] = []
-
-  const first_name =
-    _get(logedInValues, 'firstName') ||
-    _get(logedInValues, 'first_name') ||
-    _get(userCredentials, 'firstNameLogged') ||
-    ''
-
-  const last_name =
-    _get(logedInValues, 'lastName') ||
-    _get(logedInValues, 'last_name') ||
-    _get(userCredentials, 'lastNameLogged') ||
-    ''
-  const phone =
-    _get(logedInValues, 'phone') || _get(userCredentials, 'phoneLogged') || ''
-  const email =
-    _get(logedInValues, 'email') || _get(userCredentials, 'emailLogged') || ''
-
-  for (let i = 0; i <= ticketsQuantity - 1; i++) {
-    const individualHolder = i
-      ? { first_name: '', last_name: '', phone: '', email: '' }
-      : { first_name, last_name, phone, email }
-
-    ticket_holders.push(individualHolder)
-  }
-
-  const body: ICheckoutBody = {
-    attributes: {
-      ...logedInValues,
-      email,
-      confirm_email: email,
-      first_name,
-      last_name,
-      ticket_holders,
-    },
-  }
-
-  if (includeDob) {
-    const holderAgeDate = new Date(_get(logedInValues, 'holderAge', ''))
-    body.attributes.dob_day = holderAgeDate.getDate()
-    body.attributes.dob_month = holderAgeDate.getMonth() + 1
-    body.attributes.dob_year = holderAgeDate.getFullYear()
-  }
-
-  return body
-}

package/src/utils/createMarkup.ts

@@ -1 +0,0 @@
-export const createMarkup = (data: string) => ({ __html: data })

package/src/utils/customFields.ts

@@ -1,80 +0,0 @@
-import _isEmpty from 'lodash/isEmpty'
-import _map from 'lodash/map'
-
-import { IBillingInfoData } from '../types'
-
-export const getDataWithCustomFields = (
-  initialData: IBillingInfoData[],
-  ticketHoldersFields: IBillingInfoData,
-  customFields: any
-) => {
-  // Custom Fields are not specified case
-  if (_isEmpty(customFields)) {
-    const dataWithCustomFields = { ...initialData }
-    const ticketHoldersWithCustomFields = { ...ticketHoldersFields }
-    return { dataWithCustomFields, ticketHoldersWithCustomFields }
-  }
-
-  // Add Custom Fields for Order
-  const orderWithCustomFields = {
-    groupClassname: 'billing-info-container__customFields',
-    groupItems: [...customFields.orderFields],
-  }
-  const initialDataFields = [...initialData[0].fields]
-
-  // Add Custom Fields to penultimate position
-  initialDataFields.splice(initialDataFields.length - 1, 0, {
-    ...orderWithCustomFields,
-  })
-
-  const dataWithCustomFields = [
-    {
-      ...initialData[0],
-      fields: initialDataFields,
-    },
-  ]
-
-  // Add Custom Fields for Ticket Holders
-  const ticketHoldersFieldsArr = ticketHoldersFields.fields || []
-
-  const ticketHoldersCustomFieldsBlueprint = {
-    id: ticketHoldersFieldsArr.length + 1,
-    customFields: true,
-    groupClassname: 'billing-info-container__customFields',
-    groupItems: [...customFields.ticketsFields],
-  }
-
-  const ticketHoldersWithCustomFields = {
-    ...ticketHoldersFields,
-    fields: _isEmpty(ticketHoldersFieldsArr)
-      ? []
-      : [...ticketHoldersFieldsArr, ticketHoldersCustomFieldsBlueprint],
-  }
-
-  return { dataWithCustomFields, ticketHoldersWithCustomFields }
-}
-
-export const getAddOnDataWithCustomFields = (customFields: any) => {
-  // Custom Fields are not specified case
-  if (_isEmpty(customFields)) {
-    return { addOnDataWithCustomFields: [] }
-  }
-
-  // Add Custom Fields for Order
-  const orderWithCustomFields = [
-    {
-      id: 1,
-      groupClassname: 'billing-info-container__customFields',
-      groupItems: [...customFields.addOnFields],
-    },
-  ]
-
-  const addOnDataWithCustomFields = {
-    fields: orderWithCustomFields,
-  }
-
-  return { addOnDataWithCustomFields }
-}
-
-export const getFieldsKeys = (customFields: any) =>
-  _map(customFields, field => field.name)

package/src/utils/downloadPDF.tsx

@@ -1,42 +0,0 @@
-import { getCookieByName } from './cookies'
-
-export const downloadPDF = (pdfUrl: string) => {
-  if (typeof window === 'undefined') return
-
-  const xtfCookie = getCookieByName('X-TF-ECOMMERCE')
-
-  if (!xtfCookie) return
-
-  let headers = {}
-
-  if (xtfCookie) {
-    headers = {
-      'X-TF-ECOMMERCE': xtfCookie,
-    }
-  }
-
-  return fetch(pdfUrl, {
-    headers,
-    credentials: 'include',
-  })
-    .then(async response => {
-      const blobValue = await response.blob()
-      const fileNameHeader = response.headers.get('content-disposition') || ''
-      const fileName = fileNameHeader.split('"')[1]
-      return { blobValue, fileName }
-    })
-    .then(({ blobValue, fileName }) => {
-      if (!fileName) {
-        throw Error('Something went wrong.')
-      }
-      const file = new Blob([blobValue], { type: 'application/pdf' })
-      const fileURL = URL.createObjectURL(file)
-      const link = document.createElement('a')
-      link.href = fileURL
-      link.setAttribute('download', fileName)
-      document.body.appendChild(link)
-      link.click()
-      document.body.removeChild(link)
-    })
-    .catch(error => error)
-}

package/src/utils/form.ts

@@ -1,34 +0,0 @@
-import _forEach from 'lodash/forEach'
-import _get from 'lodash/get'
-
-export const getFormInitialValues = (fieldsSections: IFormFieldsSection[]) => {
-  const initialValues: { [key: string]: string | number | boolean } = {}
-  const isWindowDefined = typeof window !== 'undefined'
-  const userData = JSON.parse(
-    isWindowDefined ? window.localStorage.getItem('user_data') || '{}' : '{}'
-  ) as IProfileData
-
-  _forEach(fieldsSections, item => {
-    _forEach(item.fields, fieldItem => {
-      switch (fieldItem.name) {
-        case 'country':
-        case 'numTickets':
-        case 'state':
-          initialValues[fieldItem.name] = ''
-          break
-        case 'brandOptIn':
-          initialValues[fieldItem.name] = true
-          break
-        case 'confirmEmail':
-          initialValues[fieldItem.name] =
-            _get(userData, fieldItem.name) || _get(userData, 'email') || ''
-          break
-        default:
-          initialValues[fieldItem.name] = _get(userData, fieldItem.name) || ''
-          break
-      }
-    })
-  })
-
-  return initialValues
-}

package/src/utils/formikErrorFocus.ts

@@ -1,24 +0,0 @@
-import { connect, FormikContextType } from 'formik'
-import { Component } from 'react'
-
-interface IProps {
-  formik: FormikContextType<any>;
-}
-
-class ErrorFocusInternal extends Component<IProps> {
-  public componentDidUpdate(prevProps: IProps) {
-    const { isSubmitting, isValidating, errors } = prevProps.formik
-    const keys = Object.keys(errors)
-    if (keys.length > 0 && isSubmitting && !isValidating) {
-      const selector = `[name="${keys[0]}"]`
-      const errorElement = document.querySelector(selector) as HTMLElement
-      if (errorElement) {
-        errorElement.focus()
-      }
-    }
-  }
-
-  public render = () => null;
-}
-
-export const ErrorFocus = connect<{}>(ErrorFocusInternal)

package/src/utils/getDomain.ts

@@ -1,21 +0,0 @@
-export function getDomain(url: string, subdomain?: string, publicSuffix?: string): string {
-  let updatedUrl: any = url.replace(/(https?:\/\/)?(www.)?/i, '')
-
-  if (!subdomain) {
-    if (publicSuffix) {
-      const updatedPublicSuffix = publicSuffix.startsWith('.') ? publicSuffix : '.' + publicSuffix
-      updatedUrl = url.replace(updatedPublicSuffix, '').split('.')
-      updatedUrl = updatedUrl.length > 0 ? updatedUrl[updatedUrl.length - 1] : ''
-      updatedUrl += updatedPublicSuffix
-    } else {
-      updatedUrl = updatedUrl.split(".")
-      updatedUrl = updatedUrl.slice(updatedUrl.length - 2).join(".")
-    }
-  }
-
-  if (updatedUrl.indexOf('/') !== -1) {
-    return updatedUrl.split('/')[0]
-  }
-
-  return updatedUrl
-}

package/src/utils/getImage.ts

@@ -1,14 +0,0 @@
-export const getImage = (name: string = ''): any => {
-  let image: any = ''
-
-  if (!name.trim().length) {
-    return image
-  }
-
-  if (process.env.NODE_ENV === 'production') {
-    image = require(`./images/${name}`)
-    return image.default
-  }
-
-  return image
-}

package/src/utils/getQueryVariable.ts

@@ -1,13 +0,0 @@
-export const getQueryVariable = (variable: string) => {
-  if (typeof window !== 'undefined') {
-    const query = window.location.search.substring(1)
-    const vars = query.split('&')
-    for (let i = 0; i < vars.length; i++) {
-      const pair = vars[i].split('=')
-      if (pair[0] === variable) {
-        return decodeURIComponent(pair[1])
-      }
-    }
-  }
-  return false
-}

package/src/utils/htmlNodeFromString.ts

@@ -1,6 +0,0 @@
-export const createElementFromHTML = (htmlString: string) => {
-  const div = document.createElement('div')
-  div.innerHTML = htmlString.trim()
-  // Change this to div.childNodes to support multiple top-level nodes.
-  return div.childNodes || []
-}

package/src/utils/index.ts

@@ -1,15 +0,0 @@
-export { setConfigs, CONFIGS } from './setConfigs'
-export { getQueryVariable } from './getQueryVariable'
-export { ErrorFocus } from './formikErrorFocus'
-export { downloadPDF } from './downloadPDF'
-export { createCheckoutDataBodyWithDefaultHolder } from './createCheckoutDataBodyWithDefaultHolder'
-export { setCustomCookie, getCookieByName, deleteCookieByName } from './cookies'
-export { getDomain } from './getDomain'
-export { createMarkup } from './createMarkup'
-export { replaceVarInString } from './replaceVarInString'
-export { isBrowser } from './isBrowser'
-export { getFormInitialValues } from './form'
-export { setLoggedUserData, logoutUser } from './auth'
-export { getDataWithCustomFields, getFieldsKeys } from './customFields'
-export { createElementFromHTML } from './htmlNodeFromString'
-export { isJson } from './jsonUtils'

package/src/utils/isBrowser.ts

@@ -1,2 +0,0 @@
-export const isBrowser =
-  typeof window !== 'undefined' && typeof window.document !== 'undefined'

package/src/utils/isValidNumber.ts

@@ -1,8 +0,0 @@
-import _isNumber from 'lodash/isNumber'
-
-export const isValidNumber = (value?: number | string): boolean => {
-  if (isNaN(Number(value))) {
-    return false
-  }
-  return _isNumber(Number(value))
-}

package/src/utils/jsonUtils.ts

@@ -1,8 +0,0 @@
-export const isJson = (value: any): boolean => {
-  try {
-    JSON.parse(value)
-  } catch (e) {
-    return false
-  }
-  return true
-}