tf-checkout-react 1.0.93 → 1.0.94

package/package.json

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

package/src/api/index.ts

@@ -100,10 +100,7 @@ export const setXSourceOrigin = (sourceOrigin: string) => {
 }
 
 export const setCustomHeader = (response: any) => {
-  const guestHeaderResponseValue = _get(
-    response,
-    'headers.authorization-guest'
-  )
+  const guestHeaderResponseValue = _get(response, 'headers.authorization-guest')
   const guestHeaderExistingValue = _get(
     response,
     'config.headers[Authorization-Guest]'
@@ -141,10 +138,10 @@ export function getTickets(id: string | number, promoCode: string) {
     .get(`v1/event/${id}/tickets/`, {
       headers: promoCode
         ? {
-          ...ttfHeaders,
-          'Promotion-Event': String(id),
-          'Promotion-Code': promoCode,
-        }
+            ...ttfHeaders,
+            'Promotion-Event': String(id),
+            'Promotion-Code': promoCode,
+          }
         : { ...ttfHeaders },
     })
     .catch(error => {
@@ -252,3 +249,8 @@ export const addToWaitingList = (id: number, data: any) =>
 
 export const getConditions = (eventId: string) =>
   publicRequest.get(`v1/event/${eventId}/conditions`)
+
+export const postReferralVisits = (eventId: string, referralId: string) =>
+  publicRequest.post(`/v1/event/${eventId}/referrer/`, {
+    referrer: `${referralId}`,
+  })

package/src/components/ticketsContainer/ReferralLogic.tsx

@@ -0,0 +1,33 @@
+import { useEffect } from 'react'
+import { postReferralVisits } from '../../api'
+
+interface IReferralLogicProps {
+  eventId: string | number;
+}
+
+export const ReferralLogic = (props: IReferralLogicProps) => {
+  const { eventId } = props
+  const isWindowDefined = typeof window !== 'undefined'
+
+  useEffect(() => {
+    if (isWindowDefined) {
+      const params: URLSearchParams = new URL(`${window.location}`).searchParams
+      const referralId = params.get('ttf_r') || ''
+      const isAlreadyCounted = !!localStorage.getItem('referral_key')
+
+      if (referralId && eventId && !isAlreadyCounted) {
+        (async () => {
+          try {
+            await postReferralVisits(`${eventId}`, referralId)
+            localStorage.setItem(
+              'referral_key',
+              [eventId, '.', referralId].join('')
+            )
+          } catch (error) {}
+        })()
+      }
+    }
+  }, [])
+
+  return null
+}

package/src/components/ticketsContainer/index.tsx

@@ -26,6 +26,7 @@ import { createCheckoutDataBodyWithDefaultHolder, getQueryVariable } from '../..
 import { ThemeProvider } from '@mui/private-theming'
 import { createTheme, ThemeOptions } from '@mui/material'
 import { CSSProperties } from '@mui/styles'
+import { ReferralLogic } from './ReferralLogic'
 
 function Loader() {
   return (
@@ -315,6 +316,7 @@ export const TicketsContainer = ({
 
   return (
     <ThemeProvider theme={themeMui}>
+      <ReferralLogic eventId={eventId} />
       <div className={`get-tickets-page ${theme}`} style={contentStyle}>
         {isLoading ? (
           <Loader />