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

package/src/api/index.ts

@@ -1,278 +1,313 @@
-import axios, { AxiosInstance, AxiosRequestConfig } from 'axios'
-import _get from 'lodash/get'
-
-import { CONFIGS } from '../utils'
-
-const isWindowDefined = typeof window !== 'undefined'
-
-const ttfHeaders: { [key: string]: any } = {
-  Accept: 'application/vnd.api+json',
-  'Content-Type': 'application/vnd.api+json',
-}
-
-if (isWindowDefined && localStorage.getItem('auth_guest_token')) {
-  ttfHeaders['Authorization-Guest'] = localStorage.getItem('auth_guest_token')
-}
-
-interface IPublicRequest extends AxiosInstance {
-  setGuestToken: (token: string) => void;
-  setAccessToken: (token: string) => void;
-  setBaseUrl: (baseUrl: string) => void;
-}
-
-export const publicRequest: IPublicRequest = axios.create({
-  baseURL: CONFIGS.BASE_URL || `https://www.ticketfairy.com/api`,
-  headers: ttfHeaders,
-}) as IPublicRequest
-
-publicRequest.interceptors.response.use(
-  response => response,
-  error => {
-    if (error?.response?.status === 401) {
-      if (isWindowDefined) {
-        window.localStorage.removeItem('auth_guest_token')
-        window.localStorage.removeItem('user_data')
-        window.localStorage.removeItem('access_token')
-        const errorType = error?.response?.data?.error
-        if (errorType === 'invalid_token') {
-          window.location.href = '/'
-        }
-      }
-    }
-    return Promise.reject(error)
-  }
-)
-
-publicRequest.interceptors.request.use((config: AxiosRequestConfig) => {
-  const guestToken = isWindowDefined
-    ? window.localStorage.getItem('auth_guest_token')
-    : null
-  const userData = isWindowDefined
-    ? window.localStorage.getItem('user_data')
-    : null
-  const accessToken = isWindowDefined
-    ? window.localStorage.getItem('access_token')
-    : null
-
-  if (userData && accessToken) {
-    const updatedHeaders = {
-      ...config.headers,
-      Authorization: `Bearer ${accessToken}`,
-    }
-    config.headers = updatedHeaders
-  }
-
-  if (guestToken) {
-    publicRequest.setGuestToken(guestToken)
-    const updatedHeaders = {
-      ...config.headers,
-      'Authorization-Guest': guestToken,
-    }
-    config.headers = updatedHeaders
-  }
-
-  if (CONFIGS.X_SOURCE_ORIGIN) {
-    const updatedHeaders = {
-      ...config.headers,
-      'X-Source-Origin': CONFIGS.X_SOURCE_ORIGIN,
-    }
-    config.headers = updatedHeaders
-  }
-
-  if (CONFIGS.BASE_URL) {
-    config.baseURL = CONFIGS.BASE_URL + '/api'
-  }
-
-  return config
-})
-
-publicRequest.setGuestToken = token =>
-  (publicRequest.defaults.headers.common['Authorization-Guest'] = token)
-
-publicRequest.setBaseUrl = (baseUrl: string) =>
-  (publicRequest.defaults.baseURL = baseUrl + '/api')
-
-publicRequest.setAccessToken = token =>
-  (publicRequest.defaults.headers.common.Authorization = token)
-
-export const setXSourceOrigin = (sourceOrigin: string) => {
-  ttfHeaders['X-Source-Origin'] = sourceOrigin
-}
-
-export const setCustomHeader = (response: any) => {
-  const guestHeaderResponseValue = _get(response, 'headers.authorization-guest')
-  const guestHeaderExistingValue = _get(
-    response,
-    'config.headers[Authorization-Guest]'
-  )
-  const guestHeader = guestHeaderResponseValue || guestHeaderExistingValue
-
-  if (guestHeader) {
-    if (isWindowDefined) {
-      window.localStorage.setItem('auth_guest_token', guestHeader)
-      publicRequest.setGuestToken(guestHeader)
-    }
-  }
-}
-
-export const handleSetAccessToken = (token: any) => {
-  if (token) {
-    if (isWindowDefined) {
-      window.localStorage.setItem('access_token', token)
-      publicRequest.setAccessToken(token)
-    }
-  }
-}
-
-export function getEvent(id: string | number) {
-  const response = publicRequest
-    .get(`v1/event/${id}`, { headers: ttfHeaders })
-    .catch(error => {
-      throw error
-    })
-  return response
-}
-
-export function getTickets(id: string | number, promoCode: string) {
-  const response = publicRequest
-    .get(`v1/event/${id}/tickets/`, {
-      headers: promoCode
-        ? {
-            ...ttfHeaders,
-            'Promotion-Event': String(id),
-            'Promotion-Code': promoCode,
-          }
-        : { ...ttfHeaders },
-    })
-    .catch(error => {
-      throw error
-    })
-  return response
-}
-
-export const addToCart = (id: string | number, data: any) => {
-  const res = publicRequest.post(`v1/event/${id}/add-to-cart/`, { data })
-  return res
-}
-
-export const getCart = () => {
-  const res = publicRequest.get(`v1/cart/`)
-  return res
-}
-
-export const postOnCheckout = (data: any, accessToken: string) => {
-  const res = publicRequest.post(
-    `v1/on-checkout/`,
-    { data },
-    {
-      headers: {
-        ...ttfHeaders,
-        Authorization: `Bearer ${accessToken}`,
-      },
-    }
-  )
-  return res
-}
-
-export const authorize = (data: FormData) =>
-  publicRequest.post(
-    `v1/oauth/authorize-rn?client_id=${CONFIGS.CLIENT_ID ||
-      'e9d8f8922797b4621e562255afe90dbf'}`,
-    data
-  )
-
-export const register = (data: FormData) =>
-  publicRequest.post('v1/oauth/register-rn', data)
-
-export const getAccessToken = (data: FormData) =>
-  publicRequest.post('v1/oauth/access_token', data)
-
-export const getPaymentData = (hash: string) => {
-  const response = publicRequest
-    .get(`v1/order/${hash}/review/`)
-    .catch(error => {
-      throw error
-    })
-  return response
-}
-
-export const handlePaymentData = (orderHash: string, data: any) => {
-  const res = publicRequest
-    .post(`v1/order/${orderHash}/pay`, {
-      data: { attributes: { 'stripe-source': data } },
-    })
-    .catch(error => {
-      throw error
-    })
-  return res
-}
-
-export const handlePaymentSuccess = (orderHash: string) => {
-  const res = publicRequest
-    .post(`v1/order/${orderHash}/success`)
-    .catch(error => {
-      throw error
-    })
-  return res
-}
-
-export const handleFreeSuccess = (orderHash: string) => {
-  const res = publicRequest
-    .post(`v1/order/${orderHash}/complete_free_registration`)
-    .catch(error => {
-      throw error
-    })
-  return res
-}
-
-export const getProfileData = (accessToken: any) =>
-  publicRequest
-    .get('/customer/profile/', {
-      headers: {
-        ...ttfHeaders,
-        Authorization: `Bearer ${accessToken}`,
-      },
-    })
-    .catch((e: any) => {
-      return e
-    })
-
-export const getCountries = () => publicRequest.get('/countries/')
-
-export const getConfirmationData = (orderHash: string) =>
-  publicRequest.get(`v1/order/${orderHash}/payment/complete`)
-
-export const getStates = (countryId: string) =>
-  publicRequest.get(`/countries/${countryId}/states/`)
-
-export const getOrders = (page: number, limit: number, eventSlug: string) =>
-  publicRequest.get(
-    `v1/account/orders/?page=${page}&limit=${limit}&filter[event]=${eventSlug}&filter[brand]=${CONFIGS.BRAND_SLUG}`
-  )
-
-export const getOrderDetails = (orderId: string) =>
-  publicRequest.get(`v1/account/order/${orderId}`)
-
-export const addToWaitingList = (id: number, data: any) =>
-  publicRequest.post(`v1/event/${id}/add_to_waiting_list`, data)
-
-export const getConditions = (eventId: string) =>
-  publicRequest.get(`v1/event/${eventId}/conditions`)
-
-// resale
-export const resaleTicket = (data: any, hash: string) => {
-  return publicRequest.post(`v1/ticket/${hash}/sell`, data)
-}
-
-export const removeFromResale = (hash: string) => {
-  return publicRequest.delete(`v1/ticket/${hash}/sell`)
-}
-
-export const postReferralVisits = (eventId: string, referralId: string) =>
-  publicRequest.post(`v1/event/${eventId}/referrer/`, {
-    referrer: `${referralId}`,
-  })
-
-export const checkTicketStatus = (hash: string) => {
-  return publicRequest.post(`v1/ticket/${hash}/status/`)
-}
+import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios'
+import _get from 'lodash/get'
+
+import { CONFIGS, getCookieByName, setCustomCookie } from '../utils'
+
+const isWindowDefined = typeof window !== 'undefined'
+
+const ttfHeaders: { [key: string]: any } = {
+  Accept: 'application/vnd.api+json',
+  'Content-Type': 'application/vnd.api+json',
+}
+
+if (isWindowDefined && localStorage.getItem('auth_guest_token')) {
+  ttfHeaders['Authorization-Guest'] = localStorage.getItem('auth_guest_token')
+}
+
+interface IPublicRequest extends AxiosInstance {
+  setGuestToken: (token: string) => void;
+  setAccessToken: (token: string) => void;
+  setBaseUrl: (baseUrl: string) => void;
+}
+
+export const publicRequest: IPublicRequest = axios.create({
+  baseURL: CONFIGS.BASE_URL || `https://www.ticketfairy.com/api`,
+  headers: ttfHeaders,
+}) as IPublicRequest
+
+publicRequest.interceptors.response.use(
+  response => {
+    const authGuestToken = _get(response, 'headers.authorization-guest')
+  
+    if (isWindowDefined && authGuestToken) {
+      window.localStorage.setItem('auth_guest_token', authGuestToken)
+      publicRequest.setGuestToken(authGuestToken)
+    }
+
+    return response
+  },
+  error => {
+    if (error?.response?.status === 401) {
+      if (isWindowDefined) {
+        window.localStorage.removeItem('user_data')
+        window.localStorage.removeItem('access_token')
+        const errorType = error?.response?.data?.error
+        if (errorType === 'invalid_token') {
+          window.location.href = '/'
+        }
+      }
+    }
+
+    const authGuestToken = _get(error, 'response.headers.authorization-guest')
+    if (isWindowDefined && authGuestToken) {
+      window.localStorage.setItem('auth_guest_token', authGuestToken)
+      publicRequest.setGuestToken(authGuestToken)
+    }
+
+    return Promise.reject(error)
+  }
+)
+
+publicRequest.interceptors.request.use((config: AxiosRequestConfig) => {
+  const guestToken = isWindowDefined
+    ? window.localStorage.getItem('auth_guest_token')
+    : null
+  const userData = isWindowDefined
+    ? window.localStorage.getItem('user_data')
+    : null
+  const accessToken = isWindowDefined
+    ? window.localStorage.getItem('access_token')
+    : null
+
+  if (userData && accessToken) {
+    const updatedHeaders = {
+      ...config.headers,
+      Authorization: `Bearer ${accessToken}`,
+    }
+    config.headers = updatedHeaders
+  }
+
+  if (guestToken) {
+    publicRequest.setGuestToken(guestToken)
+    const updatedHeaders = {
+      ...config.headers,
+      'Authorization-Guest': guestToken,
+    }
+    config.headers = updatedHeaders
+  }
+
+  if (getCookieByName('X-TF-ECOMMERCE')) {
+    const updatedHeaders = {
+      ...config.headers,
+      'X-TF-ECOMMERCE': getCookieByName('X-TF-ECOMMERCE'),
+    }
+    config.headers = updatedHeaders
+  }
+
+  if (CONFIGS.X_SOURCE_ORIGIN) {
+    const updatedHeaders = {
+      ...config.headers,
+      'X-Source-Origin': CONFIGS.X_SOURCE_ORIGIN,
+    }
+    config.headers = updatedHeaders
+  }
+
+  if (CONFIGS.BASE_URL) {
+    config.baseURL = CONFIGS.BASE_URL + '/api'
+  }
+
+  return config
+})
+
+publicRequest.interceptors.response.use((response: AxiosResponse) => {
+  const xtfCookie = _get(response, 'headers.x-tf-ecommerce')
+  const url = _get(response, 'config.url')
+  const method = _get(response, 'config.method')
+
+  if (xtfCookie && !(url === '/auth' && method === 'delete')) {
+    setCustomCookie('X-TF-ECOMMERCE', xtfCookie)
+  }
+
+  return response
+})
+
+publicRequest.setGuestToken = token =>
+  (publicRequest.defaults.headers.common['Authorization-Guest'] = token)
+
+publicRequest.setBaseUrl = (baseUrl: string) =>
+  (publicRequest.defaults.baseURL = baseUrl + '/api')
+
+publicRequest.setAccessToken = token =>
+  (publicRequest.defaults.headers.common.Authorization = token)
+
+export const setXSourceOrigin = (sourceOrigin: string) => {
+  ttfHeaders['X-Source-Origin'] = sourceOrigin
+}
+
+export const setCustomHeader = (response: any) => {
+  const guestHeaderResponseValue = _get(response, 'headers.authorization-guest')
+  const guestHeaderExistingValue = _get(
+    response,
+    'config.headers[Authorization-Guest]'
+  )
+  const guestHeader = guestHeaderResponseValue || guestHeaderExistingValue
+
+  if (guestHeader) {
+    if (isWindowDefined) {
+      window.localStorage.setItem('auth_guest_token', guestHeader)
+      publicRequest.setGuestToken(guestHeader)
+    }
+  }
+}
+
+export function getEvent(id: string | number) {
+  const response = publicRequest
+    .get(`v1/event/${id}`, { headers: ttfHeaders })
+    .catch(error => {
+      throw error
+    })
+  return response
+}
+
+export function getTickets(id: string | number, promoCode: string) {
+  const response = publicRequest
+    .get(`v1/event/${id}/tickets/`, {
+      headers: promoCode
+        ? {
+            ...ttfHeaders,
+            'Promotion-Event': String(id),
+            'Promotion-Code': promoCode,
+          }
+        : { ...ttfHeaders },
+    })
+    .catch(error => {
+      throw error
+    })
+  return response
+}
+
+export const addToCart = (id: string | number, data: any) => {
+  const res = publicRequest.post(`v1/event/${id}/add-to-cart/`, { data })
+  return res
+}
+
+export const getCart = () => {
+  const res = publicRequest.get(`v1/cart/`)
+  return res
+}
+
+export const postOnCheckout = (data: any, accessToken?: string) => {
+  const res = publicRequest.post(
+    `v1/on-checkout/`,
+    { data },
+    {
+      headers: {
+        ...ttfHeaders,
+        Authorization: `Bearer ${accessToken}`,
+      },
+    }
+  )
+  return res
+}
+
+export const authorize = (data: { email: string, password: string }) =>
+  publicRequest.post(
+    `/auth?clientId=${CONFIGS.CLIENT_ID ||
+      'e9d8f8922797b4621e562255afe90dbf'}`,
+    data
+  )
+
+export const register = (data: FormData) =>
+  publicRequest.post('v1/oauth/register-rn', data)
+
+export const getAccessToken = (data: FormData) =>
+  publicRequest.post('v1/oauth/access_token', data)
+
+export const getPaymentData = (hash: string) => {
+  const response = publicRequest
+    .get(`v1/order/${hash}/review/`)
+    .catch(error => {
+      throw error
+    })
+  return response
+}
+
+export const handlePaymentData = (orderHash: string, data: any) => {
+  const res = publicRequest
+    .post(`v1/order/${orderHash}/pay`, {
+      data: { attributes: { 'stripe-source': data } },
+    })
+    .catch(error => {
+      throw error
+    })
+  return res
+}
+
+export const handlePaymentSuccess = (orderHash: string) => {
+  const res = publicRequest
+    .post(`v1/order/${orderHash}/success`)
+    .catch(error => {
+      throw error
+    })
+  return res
+}
+
+export const handleFreeSuccess = (orderHash: string) => {
+  const res = publicRequest
+    .post(`v1/order/${orderHash}/complete_free_registration`)
+    .catch(error => {
+      throw error
+    })
+  return res
+}
+
+export const getProfileData = (accessToken?: string) =>
+  publicRequest
+    .get('/customer/profile/', {
+      headers: {
+        ...ttfHeaders,
+        Authorization: `Bearer ${accessToken}`,
+      },
+    })
+    .catch((e: any) => {
+      return e
+    })
+
+export const getCountries = () => publicRequest.get('/countries/')
+
+export const getConfirmationData = (orderHash: string) =>
+  publicRequest.get(`v1/order/${orderHash}/payment/complete`)
+
+export const getStates = (countryId: string) =>
+  publicRequest.get(`/countries/${countryId}/states/`)
+
+export const getOrders = (page: number, limit: number, eventSlug: string) =>
+  publicRequest.get(
+    `v1/account/orders/?page=${page}&limit=${limit}&filter[event]=${eventSlug}&filter[brand]=${CONFIGS.BRAND_SLUG}`
+  )
+
+export const getOrderDetails = (orderId: string) =>
+  publicRequest.get(`v1/account/order/${orderId}`)
+
+export const addToWaitingList = (id: number, data: any) =>
+  publicRequest.post(`v1/event/${id}/add_to_waiting_list`, data)
+
+export const getConditions = (eventId: string) =>
+  publicRequest.get(`v1/event/${eventId}/conditions`)
+
+// resale
+export const resaleTicket = (data: any, hash: string) => {
+  return publicRequest.post(`v1/ticket/${hash}/sell`, data)
+}
+
+export const removeFromResale = (hash: string) => {
+  return publicRequest.delete(`v1/ticket/${hash}/sell`)
+}
+
+export const postReferralVisits = (eventId: string, referralId: string) =>
+  publicRequest.post(`v1/event/${eventId}/referrer/`, {
+    referrer: `${referralId}`,
+  })
+  
+export const logout = () => publicRequest.delete('/auth')
+
+export const processTicket = (hash: string) => {
+  return publicRequest.post(`v1/ticket/${hash}/process/`)
+}
+
+export const declineInvitation = (hash: string) => {
+  return publicRequest.post(`v1/ticket/${hash}/decline`)
+}
+
+export const sendRSVPInfo = (eventId: number, data: any) =>
+  publicRequest.post(`v1/event/${eventId}/send-rsvp-info`, data)

package/src/assets/images/cross.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="94.926px" height="94.926px" viewBox="0 0 94.926 94.926" style="enable-background:new 0 0 94.926 94.926;"
+	 xml:space="preserve">
+<g>
+	<path d="M55.931,47.463L94.306,9.09c0.826-0.827,0.826-2.167,0-2.994L88.833,0.62C88.436,0.224,87.896,0,87.335,0
+		c-0.562,0-1.101,0.224-1.498,0.62L47.463,38.994L9.089,0.62c-0.795-0.795-2.202-0.794-2.995,0L0.622,6.096
+		c-0.827,0.827-0.827,2.167,0,2.994l38.374,38.373L0.622,85.836c-0.827,0.827-0.827,2.167,0,2.994l5.473,5.476
+		c0.397,0.396,0.936,0.62,1.498,0.62s1.1-0.224,1.497-0.62l38.374-38.374l38.374,38.374c0.397,0.396,0.937,0.62,1.498,0.62
+		s1.101-0.224,1.498-0.62l5.473-5.476c0.826-0.827,0.826-2.167,0-2.994L55.931,47.463z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/src/assets/images/done.svg

@@ -1,3 +1,3 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47717 15.5228 0 10 0C4.47717 0 0 4.47717 0 10C0 15.5228 4.47717 20 10 20ZM8.14661 15.8678L16.8782 6.39722C16.9561 6.31335 17 6.19922 17 6.08008C17 5.96094 16.9561 5.8468 16.8782 5.76282L16.3016 5.12854C16.1386 4.95715 15.8796 4.95715 15.7167 5.12854L7.85004 13.661L4.28326 9.79236C4.20593 9.70776 4.10071 9.66016 3.99084 9.66016C3.9353 9.66016 3.88086 9.67236 3.83069 9.69531C3.78168 9.71777 3.73663 9.75061 3.69843 9.79236L3.12183 10.4177C3.07635 10.4667 3.04248 10.5259 3.02216 10.5905C3.00763 10.6365 3 10.6853 3 10.735C3 10.8541 3.04388 10.9683 3.12183 11.0521L7.56177 15.8678C7.6391 15.9524 7.74438 16 7.85419 16C7.96399 16 8.06927 15.9524 8.14661 15.8678Z" fill="#569F44"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47717 15.5228 0 10 0C4.47717 0 0 4.47717 0 10C0 15.5228 4.47717 20 10 20ZM8.14661 15.8678L16.8782 6.39722C16.9561 6.31335 17 6.19922 17 6.08008C17 5.96094 16.9561 5.8468 16.8782 5.76282L16.3016 5.12854C16.1386 4.95715 15.8796 4.95715 15.7167 5.12854L7.85004 13.661L4.28326 9.79236C4.20593 9.70776 4.10071 9.66016 3.99084 9.66016C3.9353 9.66016 3.88086 9.67236 3.83069 9.69531C3.78168 9.71777 3.73663 9.75061 3.69843 9.79236L3.12183 10.4177C3.07635 10.4667 3.04248 10.5259 3.02216 10.5905C3.00763 10.6365 3 10.6853 3 10.735C3 10.8541 3.04388 10.9683 3.12183 11.0521L7.56177 15.8678C7.6391 15.9524 7.74438 16 7.85419 16C7.96399 16 8.06927 15.9524 8.14661 15.8678Z" fill="#569F44"/>
+</svg>