tf-checkout-react 1.0.99 → 1.0.100-beta.2

package/src/types/referral-promotion.ts

@@ -1,7 +1,7 @@
-export interface IReferralPromotion {
-  label: string;
-  price: string;
-  id?: number | string;
-
-  subLabel?: string;
-}
+export interface IReferralPromotion {
+  label: string;
+  price: string;
+  id?: number | string;
+
+  subLabel?: string;
+}

package/src/utils/cookies.ts

@@ -0,0 +1,42 @@
+import { getDomain } from './getDomain'
+
+export function setCustomCookie(name: string, value: string, days: number = 5) {
+  let expires = ''
+  if (days) {
+    let date = new Date()
+    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000)
+    expires = '; expires=' + date.toUTCString()
+  }
+  if (typeof window !== 'undefined') {
+    const domain = getDomain(window.location.hostname)
+    document.cookie =
+      name + '=' + (value || '') + expires + '; path=/' + `; domain=${domain}`
+  }
+}
+
+export function getCookieByName(cname: string) {
+  if (typeof window === 'undefined') return ''
+  let name = cname + '='
+  let 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 (typeof window !== 'undefined') {
+    const domain = getDomain(window.location.hostname)
+    document.cookie =
+      name +
+      '=; Path=/' +
+      `; domain=${domain}` +
+      '; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'
+  }
+}

package/src/utils/createCheckoutDataBodyWithDefaultHolder.ts

@@ -1,59 +1,71 @@
-import _get from 'lodash/get'
-
-interface ICheckoutBody {
-  attributes: {
-    [key: string]: any;
-  };
-}
-
-interface IticketHolder {
-  first_name?: string;
-  last_name?: string;
-  phone?: string;
-  email?: string;
-}
-
-export const createCheckoutDataBodyWithDefaultHolder = (
-  ticketsQuantity: number,
-  logedInValues: {},
-  includeDob: boolean = false
-): ICheckoutBody => {
-  const ticket_holders: IticketHolder[] = []
-
-  const first_name =
-    _get(logedInValues, 'firstName') || _get(logedInValues, 'first_name') || ''
-  const last_name =
-    _get(logedInValues, 'lastName', '') ||
-    _get(logedInValues, 'last_name') ||
-    ''
-  const phone = _get(logedInValues, 'phone', '')
-  const email = _get(logedInValues, 'email', '')
-
-  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
-}
+import _get from 'lodash/get'
+
+interface ICheckoutBody {
+  attributes: {
+    [key: string]: any;
+  };
+}
+
+interface IticketHolder {
+  first_name?: string;
+  last_name?: string;
+  phone?: string;
+  email?: string;
+}
+
+interface IUserCredentialsValues {
+  emailLogged?: string;
+  firstNameLogged?: string;
+  lastNameLogged?: string;
+}
+
+export const createCheckoutDataBodyWithDefaultHolder = (
+  ticketsQuantity: number,
+  logedInValues: {},
+  includeDob: boolean = 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', '')
+  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/downloadPDF.tsx

@@ -1,30 +1,52 @@
-export const downloadPDF = (pdfUrl: string) => {
-  if (typeof window === 'undefined') return
-
-  const accessToken: string | null = localStorage.getItem('access_token')
-
-  if (!accessToken) return
-
-  fetch(pdfUrl, {
-    headers: {
-      Authorization: `Bearer ${accessToken}`,
-    },
-  })
-    .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) return
-      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)
-    })
-}
+import { getCookieByName } from './cookies'
+
+export const downloadPDF = (pdfUrl: string) => {
+  if (typeof window === 'undefined') return
+
+  const xtfCookie = getCookieByName('X-TF-ECOMMERCE')
+  const accessToken: string | null = localStorage.getItem('access_token')
+
+  if (!accessToken && !xtfCookie) return
+
+  let headers = {}
+
+  if (accessToken) {
+    headers = {
+      Authorization: `Bearer ${accessToken}`,
+    }
+  }
+
+  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.')
+        return
+      }
+      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 => {
+      return error
+    })
+}

package/src/utils/formikErrorFocus.ts

@@ -1,24 +1,24 @@
-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)
+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

@@ -0,0 +1,15 @@
+export function getDomain(url: string, subdomain?: string): string {
+  let updatedUrl: any = url.replace(/(https?:\/\/)?(www.)?/i, '')
+
+  if (!subdomain) {
+    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 +1,14 @@
-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
-}
+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 +1,13 @@
-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 pair[1]
-      }
-    }
-  }
-  return false
-}
+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 pair[1]
+      }
+    }
+  }
+  return false
+}

package/src/utils/index.ts

@@ -1,5 +1,7 @@
-export { setConfigs, CONFIGS } from './setConfigs'
-export { getQueryVariable } from './getQueryVariable'
-export { ErrorFocus } from './formikErrorFocus'
-export { downloadPDF } from './downloadPDF'
-export { createCheckoutDataBodyWithDefaultHolder } from './createCheckoutDataBodyWithDefaultHolder'
+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'

package/src/utils/setConfigs.ts

@@ -1,26 +1,26 @@
-import _forEach from 'lodash/forEach'
-import { publicRequest, setXSourceOrigin } from '../api'
-
-interface IConfigs {
-  BASE_URL: string;
-  CLIENT_ID: string;
-  CLIENT_SECRET: string;
-  STRIPE_PUBLISHABLE_KEY: string;
-  X_SOURCE_ORIGIN: string;
-
-  [key: string]: string | number;
-}
-
-export const CONFIGS: IConfigs = {} as IConfigs
-
-export const setConfigs = (configs: IConfigs) => {
-  _forEach(configs, (value, key) => {
-    CONFIGS[key] = value
-  })
-
-  publicRequest.setBaseUrl(CONFIGS.BASE_URL)
-
-  if (CONFIGS.X_SOURCE_ORIGIN) {
-    setXSourceOrigin(CONFIGS.X_SOURCE_ORIGIN)
-  }
-}
+import _forEach from 'lodash/forEach'
+import { publicRequest, setXSourceOrigin } from '../api'
+
+interface IConfigs {
+  BASE_URL: string;
+  CLIENT_ID: string;
+  CLIENT_SECRET: string;
+  STRIPE_PUBLISHABLE_KEY: string;
+  X_SOURCE_ORIGIN: string;
+
+  [key: string]: string | number;
+}
+
+export const CONFIGS: IConfigs = {} as IConfigs
+
+export const setConfigs = (configs: IConfigs) => {
+  _forEach(configs, (value, key) => {
+    CONFIGS[key] = value
+  })
+
+  publicRequest.setBaseUrl(CONFIGS.BASE_URL)
+
+  if (CONFIGS.X_SOURCE_ORIGIN) {
+    setXSourceOrigin(CONFIGS.X_SOURCE_ORIGIN)
+  }
+}

package/src/utils/showZero.tsx

@@ -1,10 +1,10 @@
-import _isNumber from 'lodash/isNumber'
-
-export const showZero = (value = 0) => {
-  const intNumber = Number(value)
-  return _isNumber(intNumber)
-    ? intNumber >= 0 && intNumber < 10
-      ? '0' + intNumber
-      : intNumber
-    : null
-}
+import _isNumber from 'lodash/isNumber'
+
+export const showZero = (value = 0) => {
+  const intNumber = Number(value)
+  return _isNumber(intNumber)
+    ? intNumber >= 0 && intNumber < 10
+      ? '0' + intNumber
+      : intNumber
+    : null
+}

package/src/validators/index.ts

@@ -1,20 +1,20 @@
-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,}))$/
-
-export const combineValidators = (...validators: any) => (...value: any) => {
-  for (let i = 0; i < validators.length; ++i) {
-    const error_message = validators[i](...value)
-    if (error_message) return error_message
-  }
-}
-
-export const requiredValidator = (value?: string | number, message?: string): string => {
-  let errorMessage = ''
-  if (!value) {
-    errorMessage = message || 'Required'
-  }
-  return errorMessage
-}
-
-export const emailValidator = (email: string) => {
-  return !emailRegex.test(email) ? 'Please enter a valid email address' : '' 
-}
+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,}))$/
+
+export const combineValidators = (...validators: any) => (...value: any) => {
+  for (let i = 0; i < validators.length; ++i) {
+    const error_message = validators[i](...value)
+    if (error_message) return error_message
+  }
+}
+
+export const requiredValidator = (value?: string | number, message?: string): string => {
+  let errorMessage = ''
+  if (!value) {
+    errorMessage = message || 'Required'
+  }
+  return errorMessage
+}
+
+export const emailValidator = (email: string) => {
+  return !emailRegex.test(email) ? 'Please enter a valid email address' : '' 
+}