tf-checkout-react 1.4.21-beta.1 → 1.4.21-beta.3

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.4.21-beta.1",
+  "version": "1.4.21-beta.3",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/api/auth.ts

@@ -26,14 +26,8 @@ export const register = async (data: FormData): Promise<IProfileResponse> => {
   return response.data
 }
 
-export const getProfileData = async (accessToken?: string): Promise<IProfileResponse> => {
-  const response: AxiosResponse<IProfileResponse, AxiosRequestConfig> =
-    await publicRequest.get('/customer/profile/', {
-      headers: {
-        ...publicRequest.defaults.headers.common,
-        Authorization: `Bearer ${accessToken}`,
-      },
-    })
+export const getProfileData = async (): Promise<IProfileResponse> => {
+  const response: AxiosResponse<IProfileResponse, AxiosRequestConfig> = await publicRequest.get('/customer/profile/')
   return response.data
 }
 

package/src/api/checkout.ts

@@ -4,7 +4,6 @@ import { publicRequest } from './publicRequest'
 
 export const postOnCheckout = async (
   data: any,
-  accessToken?: string,
   freeTicket = false
 ): Promise<ICheckoutResponse> => {
   if (freeTicket) {
@@ -17,13 +16,7 @@ export const postOnCheckout = async (
   const response: AxiosResponse<ICheckoutResponse, AxiosRequestConfig> =
     await publicRequest.post(
       `v1/on-checkout`,
-      { data },
-      {
-        headers: {
-          ...publicRequest.defaults.headers.common,
-          Authorization: `Bearer ${accessToken}`,
-        },
-      }
+      { data }
     )
 
   return response.data

package/src/api/index.ts

@@ -59,18 +59,6 @@ export const setCustomHeader = (response: any) => {
   }
 }
 
-export const handleSetAccessToken = (token: string) => {
-  if (token) {
-    if (isBrowser) {
-      window.localStorage.setItem('access_token', token)
-      publicRequest.setAccessToken(token)
-    }
-  }
-}
-
-export const getAccessToken = (data: FormData) =>
-  publicRequest.post('v1/oauth/access_token', data)
-
 export const handlePaymentData = (orderHash: string, data: any) => {
   const res = publicRequest
     .post(`v1/order/${orderHash}/pay`, {

package/src/api/interceptors.ts

@@ -6,16 +6,6 @@ import { getCookieByName, setCustomCookie } from '../utils/cookies'
 import { publicRequest } from './publicRequest'
 
 publicRequest.interceptors.request.use((config: AxiosRequestConfig) => {
-  const userData = isBrowser ? window.localStorage.getItem('user_data') : null
-  const accessToken = isBrowser ? window.localStorage.getItem('access_token') : null
-  if (userData && accessToken) {
-    const updatedHeaders = {
-      ...config.headers,
-      Authorization: `Bearer ${accessToken}`,
-    }
-    config.headers = updatedHeaders
-  }
-
   const guestToken = isBrowser ? window.localStorage.getItem('auth_guest_token') : null
   if (guestToken) {
     const updatedHeaders = {
@@ -85,7 +75,6 @@ publicRequest.interceptors.response.use(
     if (error?.response?.status === 401) {
       if (isBrowser) {
         window.localStorage.removeItem('user_data')
-        window.localStorage.removeItem('access_token')
         const errorType = error?.response?.data?.error
         if (errorType === 'invalid_token') {
           window.location.href = '/'

package/src/api/publicRequest.ts

@@ -18,7 +18,6 @@ export const setAxiosHeader = (key: string, value: string | number) => {
 interface IPublicRequest extends AxiosInstance {
   setBaseUrl: (baseUrl: string) => void;
   setGuestToken: (guestToken: string) => void;
-  setAccessToken: (token: string) => void;
 }
 
 export const publicRequest: IPublicRequest = axios.create({
@@ -32,9 +31,6 @@ publicRequest.setBaseUrl = (baseUrl: string) =>
 publicRequest.setGuestToken = (guestToken: string) =>
   (publicRequest.defaults.headers.common['Authorization-Guest'] = guestToken)
 
-publicRequest.setAccessToken = token =>
-  (publicRequest.defaults.headers.common.Authorization = token)
-
 export const setBaseUrl = (baseUrl: string) => {
   publicRequest.setBaseUrl(baseUrl)
 }

package/src/api/resale.ts

@@ -22,7 +22,7 @@ export const removeFromResale = async (
 }
 
 export const processTicket = (hash: string) =>
-  publicRequest.post(`v1/ticket/${hash}/process-invitation`)
+  publicRequest.post(`v1/ticket/${hash}/process`)
 
 export const declineInvitation = (hash: string) =>
-  publicRequest.post(`v1/ticket/${hash}/decline-invitation`)
+  publicRequest.post(`v1/ticket/${hash}/decline`)

package/src/components/addonsContainer/index.tsx

@@ -190,15 +190,6 @@ export const AddonsContainter = ({
         _get(pageConfigsDataResponse, 'data.attributes') || {}
 
       const skipBillingPage = pageConfigsData.skip_billing_page ?? false
-      const nameIsRequired = pageConfigsData.names_required ?? false
-      const ageIsRequired = pageConfigsData.age_required ?? false
-      const phoneIsRequired = pageConfigsData.phone_required ?? false
-      const hasAddOn = pageConfigsData.has_add_on ?? false
-      const freeTicket = pageConfigsData.free_ticket ?? false
-      const collectOptionalWalletAddress =
-        pageConfigsData.collect_optional_wallet_address ?? false
-      const collectMandatoryWalletAddress =
-        pageConfigsData.collect_mandatory_wallet_address ?? false
 
       if (skipBillingPage && enableBillingInfoAutoCreate) {
         const ticketsQuantity = window.localStorage.getItem('quantity')
@@ -226,16 +217,9 @@ export const AddonsContainter = ({
           onPostCheckoutSuccess(checkoutResponse?.data.attributes)
           onConfirmSelectionSuccess({
             skip_billing_page: skipBillingPage,
-            names_required: nameIsRequired,
-            phone_required: phoneIsRequired,
-            age_required: ageIsRequired,
             event_id: String(eventId),
             hash,
             total,
-            hasAddOn,
-            free_ticket: freeTicket,
-            collect_optional_wallet_address: collectOptionalWalletAddress,
-            collect_mandatory_wallet_address: collectMandatoryWalletAddress,
           })
         } catch (error) {
           if (error.response?.data?.data?.hasUnverifiedOrder) {
@@ -253,11 +237,7 @@ export const AddonsContainter = ({
 
           onConfirmSelectionSuccess({
             skip_billing_page: skipBillingPage && enableBillingInfoAutoCreate,
-            names_required: nameIsRequired,
-            phone_required: phoneIsRequired,
-            age_required: ageIsRequired,
             event_id: String(eventId),
-            hasAddOn,
           })
         } else {
           onConfirmSelectionError({

package/src/components/billing-info-container/index.tsx

@@ -77,6 +77,8 @@ export interface IBillingInfoPage {
   onGetStatesError?: (e: AxiosError) => void;
   onGetProfileDataSuccess?: (res: any) => void;
   onGetProfileDataError?: (e: AxiosError) => void;
+  onGetCheckoutConfigsSuccess?: (res: any) => void;
+  onGetCheckoutConfigsError?: (e: AxiosError) => void;
   onLogin?: () => void;
   onLoginSuccess?: () => void;
   onErrorClose?: () => void;
@@ -245,6 +247,8 @@ const BillingInfoContainer = React.memo(
     customFieldsTicketHolderKeys,
     isCountryCodeEditable = true,
     onPendingVerification = _identity,
+    onGetCheckoutConfigsSuccess = _identity,
+    onGetCheckoutConfigsError = _identity,
   }: IBillingInfoPage) => {
     const [extraData, setExtraData] = useState(null)
     const [isConfigLoading, setIsConfigLoading] = useState(true)
@@ -265,20 +269,19 @@ const BillingInfoContainer = React.memo(
             setConfigs(data.data.attributes)
             setIsConfigLoading(false)
           }
+          onGetCheckoutConfigsSuccess(data)
         })
-        .catch(() => {
+        .catch(e => {
           setIsConfigLoading(false)
+          onGetCheckoutConfigsError(e)
         })
     }, [isBrowser])
+
     const defaultCountry = isBrowser ? window.localStorage.getItem('eventCountry') : ''
     const userData =
       isBrowser && window.localStorage.getItem('user_data')
         ? JSON.parse(window.localStorage.getItem('user_data') || '')
         : {}
-    const access_token =
-      isBrowser && window.localStorage.getItem('access_token')
-        ? window.localStorage.getItem('access_token') || ''
-        : ''
     const [dataWithUniqueIds, setDataWithUniqueIds] = useState<IBillingInfoData[]>(
       assingUniqueIds(data)
     )
@@ -430,10 +433,10 @@ const BillingInfoContainer = React.memo(
     }
 
     // fetch user data
-    const fetchUserData = async (token: string) => {
+    const fetchUserData = async () => {
       try {
-        if ((isBrowser && token) || isLoggedIn) {
-          const userDataResponse = await getProfileData(token)
+        if (isLoggedIn) {
+          const userDataResponse = await getProfileData()
           const profileSpecifiedData = _get(userDataResponse, 'data')
           const profileDataObj = setLoggedUserData(profileSpecifiedData)
           setUserValues({
@@ -452,9 +455,9 @@ const BillingInfoContainer = React.memo(
     }
 
     useEffect(() => {
-      fetchUserData(access_token)
+      fetchUserData()
       fetchCart()
-    }, [access_token, isLoggedIn])
+    }, [isLoggedIn])
 
     useEffect(() => {
       const collectPaymentData = async () => {
@@ -478,7 +481,6 @@ const BillingInfoContainer = React.memo(
 
             const checkoutResponse = await postOnCheckout(
               checkoutBody,
-              access_token,
               flagFreeTicket
             )
             removeReferralKey()
@@ -527,7 +529,7 @@ const BillingInfoContainer = React.memo(
       }
 
       // Collect data_capture for Order Custom Fields
-      const data_capture: Record<string, any> = {}
+      let data_capture: Record<string, any> = {}
       _forEach(customFieldsOrderKeys, (key: string) => {
         data_capture[key] = values[key]
 
@@ -535,6 +537,23 @@ const BillingInfoContainer = React.memo(
         delete checkoutBody.attributes[key]
       })
 
+      // Temp solution for hardcoded data capture values, to be deleted in future
+      data_capture = {
+        ...data_capture,
+        instagram: _get(values, 'data_capture.instagram', ''),
+        company: _get(values, 'data_capture.company', ''),
+        businessCategory: _get(values, 'data_capture.businessCategory', ''),
+        jobTitle: _get(values, 'data_capture.jobTitle', ''),
+        wallet_address: _get(values, 'data_capture.wallet_address', ''),
+      }
+
+      // Temp solution for hardcoded data capture values, to be deleted in future
+      delete checkoutBody.attributes?.['data_capture[businessCategory]']
+      delete checkoutBody.attributes?.['data_capture[company]']
+      delete checkoutBody.attributes?.['data_capture[instagram]']
+      delete checkoutBody.attributes?.['data_capture[jobTitle]']
+      delete checkoutBody.attributes?.['data_capture[wallet_address]']
+
       // Collect data_capture for Ticket Holders Fields
       _forEach(checkoutBody.attributes.ticket_holders, (holder, holderIndex) => {
         const holderDataCapture: Record<string, any> = {}
@@ -643,13 +662,12 @@ const BillingInfoContainer = React.memo(
 
                   const checkoutResponse = await postOnCheckout(
                     checkoutBody,
-                    access_token,
                     flagFreeTicket
                   )
                   removeReferralKey()
                   // After checkout is successful recover updated profile and store it on local storage if needed
                   if (isBrowser) {
-                    const updatedUserData = await getProfileData(access_token)
+                    const updatedUserData = await getProfileData()
                     const profileSpecifiedData = _get(updatedUserData, 'data')
                     const profileDataObj = setLoggedUserData(profileSpecifiedData)
                     window.localStorage.setItem(
@@ -681,14 +699,12 @@ const BillingInfoContainer = React.memo(
                   setLoading(true)
                   const resRegister = await register(bodyFormData)
                   const xtfCookie = _get(resRegister, 'headers.x-tf-ecommerce')
-                  const accessToken = _get(resRegister, 'data.attributes.access_token')
                   const refreshToken = _get(resRegister, 'data.attributes.refresh_token')
                   const userProfile = _get(resRegister, 'data.attributes.user_profile')
 
                   setIsNewUser(true)
                   onRegisterSuccess({
                     xtfCookie,
-                    accessToken,
                     refreshToken,
                     userProfile,
                   })
@@ -738,7 +754,6 @@ const BillingInfoContainer = React.memo(
 
                 const checkoutResponse = await postOnCheckout(
                   checkoutBody,
-                  undefined,
                   flagFreeTicket
                 )
                 removeReferralKey()
@@ -759,7 +774,6 @@ const BillingInfoContainer = React.memo(
                   ) {
                     if (isBrowser) {
                       window.localStorage.removeItem('user_data')
-                      window.localStorage.removeItem('access_token')
                       setUserExpired(true)
                       setShowModalLogin(true)
                       setIsLoggedIn(false)
@@ -966,7 +980,7 @@ const BillingInfoContainer = React.memo(
                                                     ? setPhoneValidationIsLoading
                                                     : undefined
                                                 }
-                                                label={getFieldLabel(element)}
+                                                label={getFieldLabel(element, configs)}
                                                 validate={getValidateFunctions(
                                                   element,
                                                   states,
@@ -1036,7 +1050,7 @@ const BillingInfoContainer = React.memo(
                                             : element.type
                                         }
                                         name={`${element.name}-${index}`}
-                                        label={getFieldLabel(element)}
+                                        label={getFieldLabel(element, configs)}
                                         component={getFieldComponent(element)}
                                         validate={getValidateFunctions(
                                           element,

package/src/components/billing-info-container/utils.ts

@@ -8,9 +8,9 @@ import _map from 'lodash/map'
 import { nanoid } from 'nanoid'
 import React from 'react'
 
+import { AttributesConfig } from '../../api'
 import { IGroupItem } from '../../types'
 import { CONFIGS } from '../../utils'
-import { getQueryVariable } from '../../utils/getQueryVariable'
 import { combineValidators, requiredValidator } from '../../validators'
 import {
   CheckboxField,
@@ -101,10 +101,7 @@ export const createRegisterFormData = (
 
   _forEach(checkoutBody.attributes, (item: any, key: string) => {
     if (
-      !(
-        flagFreeTicket &&
-        ['country', 'state', 'city', 'street_address'].includes(key)
-      )
+      !(flagFreeTicket && ['country', 'state', 'city', 'street_address'].includes(key))
     ) {
       bodyFormData.append(key, item)
     }
@@ -244,11 +241,17 @@ export const assingUniqueIds = (data: any): any => {
   })
 }
 
-export const isRequiredField = (element: IGroupItem) => {
-  const flagRequirePhone = getQueryVariable('phone_required') === 'true'
-  const collectMandatoryWalletAddress =
-    getQueryVariable('collect_mandatory_wallet_address') === 'true'
+export const isRequiredField = (
+  element: IGroupItem,
+  configs: null | AttributesConfig
+) => {
   const { name, required } = element
+  const flagRequirePhone = _get(configs, 'phone_required', false)
+  const collectMandatoryWalletAddress = _get(
+    configs,
+    'collect_mandatory_wallet_address',
+    false
+  )
 
   if (
     required ||
@@ -261,8 +264,8 @@ export const isRequiredField = (element: IGroupItem) => {
   return false
 }
 
-export const getFieldLabel = (element: IGroupItem) => {
-  if (isRequiredField(element) || React.isValidElement(element.label)) {
+export const getFieldLabel = (element: IGroupItem, configs: null | AttributesConfig) => {
+  if (isRequiredField(element, configs) || React.isValidElement(element.label)) {
     return element.label
   }
 

package/src/components/myTicketsContainer/index.tsx

@@ -82,7 +82,6 @@ export const MyTicketsContainer = ({
         if (error.response?.data.error === 'invalid_token') {
           if (isWindowDefined) {
             window.localStorage.removeItem('user_data')
-            window.localStorage.removeItem('access_token')
             setUserExpired(true)
             setShowModalLogin(true)
           }

package/src/components/preRegistration/index.tsx

@@ -54,6 +54,7 @@ export const PreRegistration: FC<IPreRegistrationProps> = ({
   const [countries, setCountries] = useState<{ [key: string]: string | number }[]>([])
   const [isLoggedIn, setIsLoggedIn] = useState(Boolean(getCookieByName(X_TF_ECOMMERCE)))
   const [confirmModalState, setConfirmModalState] = useState({ show: false, message: '' })
+  const [, setUserData] = useState({} as IProfileData)
   useCookieListener(X_TF_ECOMMERCE, value => setIsLoggedIn(Boolean(value)))
 
   const formFields = updateFormFieldsAttributes(
@@ -217,6 +218,7 @@ export const PreRegistration: FC<IPreRegistrationProps> = ({
                   'user_data',
                   JSON.stringify(_get(profileRes, 'data'))
                 )
+                setUserData(_get(profileRes, 'data'))
               }
             }
           } catch (e) {

package/src/components/seatMapContainer/addToCart.ts

@@ -24,14 +24,8 @@ export const addToCartFunc = async ({
 
     const {
       skip_billing_page: skipBillingPage = false,
-      names_required: nameIsRequired = false,
-      age_required: ageIsRequired = false,
-      phone_required: phoneIsRequired = false,
-      hide_phone_field: hidePhoneField = false,
       has_add_on: hasAddOn = false,
       free_ticket: freeTicket = false,
-      collect_optional_wallet_address: collectOptionalWalletAddress = false,
-      collect_mandatory_wallet_address: collectMandatoryWalletAddress = false,
     } = pageConfigsData
 
     let hash: string | number | undefined = ''
@@ -52,7 +46,7 @@ export const addToCartFunc = async ({
       )
 
       const checkoutResponse = enableBillingInfoAutoCreate
-        ? await postOnCheckout(checkoutBody, undefined, freeTicket)
+        ? await postOnCheckout(checkoutBody, freeTicket)
         : null
 
       hash = checkoutResponse?.data?.attributes?.hash || ''
@@ -61,13 +55,6 @@ export const addToCartFunc = async ({
 
     return {
       skip_billing_page: skipBillingPage,
-      names_required: nameIsRequired,
-      phone_required: phoneIsRequired,
-      age_required: ageIsRequired,
-      hide_phone_field: hidePhoneField,
-      free_ticket: freeTicket,
-      collect_optional_wallet_address: collectOptionalWalletAddress,
-      collect_mandatory_wallet_address: collectMandatoryWalletAddress,
       event_id: String(eventId),
       hash,
       total,

package/src/components/signupModal/index.tsx

@@ -3,11 +3,10 @@ import './style.css'
 import { Box, CircularProgress, Modal } from '@mui/material'
 import axios, { AxiosError } from 'axios'
 import { Field, Form, Formik } from 'formik'
-import _get from 'lodash/get'
 import React, { FC, useState } from 'react'
 import * as Yup from 'yup'
 
-import { handleSetAccessToken, register } from '../../api'
+import { register } from '../../api'
 import { CONFIGS } from '../../utils'
 import { CustomField } from '../common/CustomField'
 import { PoweredBy } from '../common/PoweredBy'
@@ -15,7 +14,7 @@ import { PoweredBy } from '../common/PoweredBy'
 interface ISignupProps {
   onClose: () => void;
   onLogin: () => void;
-  onRegisterSuccess: (value: { accessToken: string, refreshToken: string }) => void;
+  onRegisterSuccess: (res: any) => void;
   onRegisterError: (e: AxiosError, email: string) => void;
   showPoweredByImage?: boolean;
 }
@@ -79,15 +78,7 @@ export const SignupModal: FC<ISignupProps> = ({
 
       const res = await register(formData)
 
-      const access_token_register = _get(res, 'data.attributes.access_token')
-      const refreshToken = _get(res, 'data.attributes.refresh_token')
-      handleSetAccessToken(access_token_register)
-
-      const tokens = {
-        accessToken: access_token_register,
-        refreshToken,
-      }
-      onRegisterSuccess(tokens)
+      onRegisterSuccess(res)
       onClose()
     } catch (e) {
       if (axios.isAxiosError(e)) {

package/src/components/ticketResale/index.tsx

@@ -1,5 +1,4 @@
 import { AxiosError } from 'axios'
-import _get from 'lodash/get'
 import React, { useEffect, useState } from 'react'
 
 import { declineInvitation, processTicket } from '../../api'
@@ -50,15 +49,8 @@ export const TicketResaleContainer = ({
 
           try {
             const response = await processTicket(hash)
-            const data = _get(response, 'data.attributes')
-            const age_required = _get(data, 'age_required', false)
-            const names_required = _get(data, 'names_required', false)
-            const event_id = _get(data, 'event_id')
-
             onProcessTicketSuccess(response.data)
-            window.location.href = `${
-              billingPath ?? '/billing/billing-info/'
-            }?age_required=${age_required}&names_required=${names_required}&event_id=${event_id}`
+            window.location.href = `${billingPath ?? '/billing/billing-info/'}`
           } catch (error) {
             setError(error?.response?.data?.message)
             onProcessTicketError(error.response)

package/src/components/ticketsContainer/index.tsx

@@ -5,7 +5,6 @@ import Alert from '@mui/material/Alert'
 import { ThemeProvider } from '@mui/private-theming'
 import { CSSProperties } from '@mui/styles'
 import axios, { AxiosError } from 'axios'
-import jwt_decode from 'jwt-decode'
 import _filter from 'lodash/filter'
 import _find from 'lodash/find'
 import _forEach from 'lodash/forEach'
@@ -54,17 +53,10 @@ import { TicketsSection } from './TicketsSection'
 
 interface CartSuccess {
   skip_billing_page: boolean;
-  names_required: boolean;
-  age_required: boolean;
-  phone_required: boolean;
-  hide_phone_field: boolean;
   event_id: string;
   hash?: string | number;
   total?: string | number;
   hasAddOn?: boolean;
-  free_ticket: boolean;
-  collect_optional_wallet_address?: boolean;
-  collect_mandatory_wallet_address?: boolean;
 }
 
 export interface IGetTickets {
@@ -203,17 +195,7 @@ export const TicketsContainer = ({
   usePixel(eventId, { pageUrl })
 
   useEffect(() => {
-    if (isWindowDefined) {
-      const access_token = window.localStorage.getItem('access_token')
-      if (access_token) {
-        const decoded = jwt_decode<{ exp: number }>(access_token)
-        if (decoded && decoded.exp < Date.now() / 1000) {
-          window.localStorage.removeItem('access_token')
-          window.localStorage.removeItem('user_data')
-        }
-      }
       window.localStorage.removeItem('extraData')
-    }
   }, [])
 
   useEffect(() => {
@@ -247,7 +229,6 @@ export const TicketsContainer = ({
       await logout()
       onLogoutSuccess()
       if (isBrowser) {
-        window.localStorage.removeItem('access_token')
         window.localStorage.removeItem('user_data')
         setIsLogged(false)
         const event = new window.CustomEvent('tf-logout')
@@ -399,16 +380,8 @@ export const TicketsContainer = ({
         const pageConfigsData = _get(pageConfigsDataResponse, 'data.attributes') || {}
 
         const skipBillingPage = pageConfigsData.skip_billing_page ?? false
-        const nameIsRequired = pageConfigsData.names_required ?? false
-        const ageIsRequired = pageConfigsData.age_required ?? false
-        const phoneIsRequired = pageConfigsData.phone_required ?? false
-        const hidePhoneField = pageConfigsData.hide_phone_field ?? false
         const hasAddOn = pageConfigsData.has_add_on ?? false
         const freeTicket = pageConfigsData.free_ticket ?? false
-        const collectOptionalWalletAddress =
-          pageConfigsData.collect_optional_wallet_address ?? false
-        const collectMandatoryWalletAddress =
-          pageConfigsData.collect_mandatory_wallet_address ?? false
 
         let hash: string | number | undefined = ''
         let total: string | number | undefined = ''
@@ -422,18 +395,13 @@ export const TicketsContainer = ({
               ? JSON.parse(window.localStorage.getItem('user_data') || '')
               : {}
 
-          const access_token =
-            isBrowser && window.localStorage.getItem('access_token')
-              ? window.localStorage.getItem('access_token') || ''
-              : ''
-
           const checkoutBody = createCheckoutDataBodyWithDefaultHolder(
             ticketQuantity,
             userData
           )
 
           const checkoutResponse = enableBillingInfoAutoCreate
-            ? await postOnCheckout(checkoutBody, access_token, freeTicket)
+            ? await postOnCheckout(checkoutBody, freeTicket)
             : null
 
           hash = checkoutResponse?.data?.attributes?.hash || ''
@@ -442,13 +410,6 @@ export const TicketsContainer = ({
 
         onAddToCartSuccess({
           skip_billing_page: skipBillingPage,
-          names_required: nameIsRequired,
-          phone_required: phoneIsRequired,
-          age_required: ageIsRequired,
-          hide_phone_field: hidePhoneField,
-          free_ticket: freeTicket,
-          collect_optional_wallet_address: collectOptionalWalletAddress,
-          collect_mandatory_wallet_address: collectMandatoryWalletAddress,
           event_id: String(eventId),
           hash,
           total,

package/src/utils/downloadPDF.tsx

@@ -4,18 +4,11 @@ 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
+  if (!xtfCookie) return
 
   let headers = {}
 
-  if (accessToken) {
-    headers = {
-      Authorization: `Bearer ${accessToken}`,
-    }
-  }
-
   if (xtfCookie) {
     headers = {
       'X-TF-ECOMMERCE': xtfCookie,
@@ -35,7 +28,6 @@ export const downloadPDF = (pdfUrl: string) => {
     .then(({ blobValue, fileName }) => {
       if (!fileName) {
         throw Error('Something went wrong.')
-        return
       }
       const file = new Blob([blobValue], { type: 'application/pdf' })
       const fileURL = URL.createObjectURL(file)
@@ -46,7 +38,5 @@ export const downloadPDF = (pdfUrl: string) => {
       link.click()
       document.body.removeChild(link)
     })
-    .catch(error => {
-      return error
-    })
+    .catch(error => error)
 }