tf-checkout-react 1.7.30 → 2.0.0-beta.0

package/src/hooks/useCookieListener.ts

@@ -1,32 +0,0 @@
-import { useEffect, useRef, useState } from 'react'
-
-import { getCookieByName } from '../utils'
-
-export const useCookieListener = (
-  key: string,
-  handler: (value: string | null) => void
-) => {
-  const getCookie = () => getCookieByName(key)
-  const [intervalValue, setIntervalValue] = useState<NodeJS.Timeout>()
-  const cookieRef = useRef<string>(getCookie())
-
-  const handleCookieChange = () => {
-    const currentCookie = getCookie()
-    const prevCookie = cookieRef.current
-
-    if (currentCookie !== prevCookie) {
-      cookieRef.current = getCookie()
-      handler(cookieRef.current)
-    }
-  }
-
-  useEffect(() => {
-    const interval = setInterval(handleCookieChange, 500)
-    setIntervalValue(interval)
-
-    return () => {
-      intervalValue && clearInterval(intervalValue)
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
-}

package/src/hooks/useEventListener.ts

@@ -1,32 +0,0 @@
-import { useEffect, useRef } from 'react'
-
-export const useEventListener = (
-  eventName: string,
-  handler: () => void,
-  element = window
-) => {
-  // Create a ref that stores handler
-  const savedHandler = useRef<{ current: () => void }>()
-  // Update ref.current value if handler changes.
-
-  useEffect(() => {
-    savedHandler.current = handler
-  }, [handler])
-
-  useEffect(
-    () => {
-      // Make sure element supports addEventListener
-      const isSupported = element && element.addEventListener
-      if (!isSupported) return
-      // Create event listener that calls handler function stored in ref
-      const eventListener = (event: Event) => savedHandler.current(event)
-      // Add event listener
-      element.addEventListener(eventName, eventListener)
-      // Remove event listener on cleanup
-      return () => {
-        element.removeEventListener(eventName, eventListener)
-      }
-    },
-    [eventName, element] // Re-run if eventName or element changes
-  )
-}

package/src/hooks/useLocalStorageListener.ts

@@ -1,32 +0,0 @@
-import { useEffect, useState } from 'react'
-
-export function useLocalStorageListener(
-  key: string,
-  callback: (value: string | null) => void
-): string | null {
-  const isWindowDefined = typeof window !== 'undefined'
-  const [value, setValue] = useState<string | null>(
-    isWindowDefined ? localStorage.getItem(key) : ''
-  )
-
-  useEffect(() => {
-    const intervalId = setInterval(() => {
-      const newValue = localStorage.getItem(key)
-      if (newValue !== value) {
-        setValue(newValue)
-        if (newValue) {
-          const parsed = JSON.parse(newValue)
-          if (parsed) {
-            callback(parsed)
-          }
-        }
-      }
-    }, 100)
-
-    return () => {
-      clearInterval(intervalId)
-    }
-  }, [key, value, callback])
-
-  return value
-}

package/src/hooks/useOnline.ts

@@ -1,21 +0,0 @@
-import { useEffect } from 'react'
-
-export const useOnline = (handler: (value: boolean) => void) => {
-  useEffect(() => {
-    const handleOffline = () => {
-      handler(false)
-    }
-    const handleOnline = () => {
-      handler(true)
-    }
-
-    window.addEventListener('offline', handleOffline)
-    window.addEventListener('online', handleOnline)
-
-    return () => {
-      window.removeEventListener('offline', handleOffline)
-      window.removeEventListener('online', handleOnline)
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
-}

package/src/hooks/usePixel.ts

@@ -1,88 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import _get from 'lodash/get'
-import { useEffect } from 'react'
-
-import { getPixelScript } from '../api'
-import { isBrowser } from '../utils'
-
-export interface pageOptions {
-  pageUrl: string;
-  page?: string;
-  orderHash?: string;
-}
-
-function appendScriptsToHeader(code: string) {
-  if (isBrowser && code) {
-    const tempEl = document.createElement('div')
-    tempEl.innerHTML = code
-    const scripts = tempEl.getElementsByTagName('script')
-
-    for (let index = 0; index < scripts.length; ++index) {
-      const script = document.createElement('script')
-      script.type = 'text/javascript'
-
-      if (scripts[index].src) {
-        script.src = scripts[index].src
-      } else {
-        script.innerHTML = scripts[index].innerHTML
-      }
-
-      document.head.appendChild(script)
-    }
-  }
-}
-
-const addGTagToHeader = (tagId?: string, links?: string[]) => {
-  if (document?.head && document?.body && tagId) {
-    const script = document.createElement('script')
-    script.innerHTML = `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-    })(window,document,'script','dataLayer','${tagId}');`.trim()
-    document.head.append(script)
-
-    const scriptBody = document.createElement('noscript')
-    scriptBody.innerHTML = `<iframe src="https://www.googletagmanager.com/ns.html?id=${tagId}"
-    height="0" width="0" style="display:none;visibility:hidden"></iframe>`
-    document.body.append(scriptBody);
-
-    (window as any).dataLayer = (window as any).dataLayer || [];
-    (window as any).gtag = function gtag(...args: any){(window as any).dataLayer.push(args)}
-    if (links) {
-      (window as any)?.gtag('set', 'linker', {
-        'domains': links
-      })
-    }
-    (window as any).gtag('js', new Date());
-    (window as any).gtag('config', tagId)
-  }
-}
-
-export const usePixel = async (
-  eventId: string | number,
-  options: pageOptions
-) => {
-  const getScript = async () => {
-    if (!eventId) return
-
-    try {
-      const response = await getPixelScript(eventId, options)
-      const pixels = _get(response, 'data.data.attributes.pixels', '')
-      appendScriptsToHeader(pixels)
-      const brandGoogleTagKey = _get(response, 'data.data.attributes.brandGoogleTagKey', '')
-      const eventGoogleTagKey = _get(response, 'data.data.attributes.eventGoogleTagKey', '')
-      const eventGoogleTagManagerLinkerDomains = _get(response, 'data.data.attributes.eventGoogleTagManagerLinkerDomains', '')
-      addGTagToHeader(brandGoogleTagKey, eventGoogleTagManagerLinkerDomains)
-      if (eventGoogleTagKey) {
-        addGTagToHeader(eventGoogleTagKey, eventGoogleTagManagerLinkerDomains)
-      }
-    } catch (e) {
-      console.error(e)
-    }
-  }
-
-  useEffect(() => {
-    getScript()
-  }, [eventId])
-}

package/src/normalizers/index.ts

@@ -1,49 +0,0 @@
-export const currencyNormalizerCreator = (
-  value: string | number,
-  currency: string
-) => (!value ? '' : `${getCurrencySymbolByCurrency(currency)} ${value}`)
-
-export const createFixedFloatNormalizer = (fixedValue: number) => (
-  value: string | number
-) => (value || `${value}` === '0' ? (+value).toFixed(fixedValue) : '')
-
-export const getCurrencySymbolByCurrency = (currency = '') => {
-  switch (currency) {
-    case 'GBP':
-      return '£'
-    case 'EUR':
-      return '€'
-    case 'INR':
-      return '₹'
-    case 'JMD':
-      return 'J$'
-    case 'NZD':
-      return 'NZ$'
-    case 'MYR':
-      return 'RM'
-    case 'MXN':
-      return 'Mex$'
-    case 'SGD':
-      return 'S$'
-    case 'AUD':
-      return 'A$'
-    case 'ZAR':
-      return 'R'
-    case 'ke':
-      return 'Ksh'
-    case 'TRY':
-      return '₺'
-    case 'CAD':
-      return 'CA$'
-    case 'THB':
-      return '฿'
-    case 'ISK':
-      return 'Kr'
-    case 'SEK':
-      return 'kr'
-    default:
-      return 'US$'
-  }
-}
-
-export const removePlusSign = (string = '') => string.replace('+', '')

package/src/types/add_on.ts

@@ -1,8 +0,0 @@
-export interface IAddOn {
-  id: string | number;
-  name: string;
-  groupName: string | null;
-  price: string;
-  cost: string;
-  quantity: string | number;
-}

package/src/types/api/auth.d.ts

@@ -1,63 +0,0 @@
-// autorize request body
-interface IAuthorizeRequestData {
-  email: string;
-  password: string;
-}
-
-// ticket holder data
-interface ITicketHolderData {
-  firstName: string | null;
-  lastName: string | null;
-  phone: string | null;
-  email: string | null;
-}
-
-// authorize, get user data
-interface IProfileData {
-  id: number | string;
-  firstName: string;
-  lastName: string;
-  email: string;
-  phone?: string;
-  streetAddress?: string;
-  zipCode?: string | number;
-  countryId: string | number;
-  company: string | null;
-  stateId?: string | number;
-  city?: string;
-  username: string;
-  screenName: string | null;
-  bio: string | null;
-  shortBio: string | null;
-  region: string | null;
-  image: string | null;
-  recommendedEvents: Array<any>;
-  rnRoles: Array<string>;
-  hasDashboardAccess: boolean;
-  ticketHolders: ITicketHolderData[];
-  linkedCryptoWallets: string[];
-}
-
-interface IProfileResponse extends IAxiosResponseData {
-  data: IProfileData;
-}
-
-// signup request body
-interface ISignupRequestData {
-  firstName: string;
-  lastName: string;
-  email: string;
-  password: string;
-  passwordConfirmation: string;
-  checkCartExpiration: boolean;
-  confirmEmail?: string;
-}
-
-interface ISignupRequestDataExtended extends ISignupRequestData {
-  phone: string | number;
-  countryId: string | number;
-  city: string;
-  stateId?: string | number;
-  streetAddress: string;
-  zip: string | number;
-}

package/src/types/api/axiosResponse.d.ts

@@ -1,6 +0,0 @@
-interface IAxiosResponseData {
-  error: boolean;
-  message: string;
-  status: number;
-  success: boolean;
-}

package/src/types/api/cart.d.ts

@@ -1,73 +0,0 @@
-// Add to Cart
-interface ICartData {
-  alternative_view_id: string | null;
-  product_cart_quantity: number;
-  product_id: string | number;
-  product_options: {
-    [key: string]: string | number;
-  };
-  ticket_types: {
-    [key: string]: {
-      product_options: {
-        [key: string]: string | number;
-        ticket_price: string | number;
-      };
-      quantity: number;
-    };
-  };
-}
-
-interface ICartRequestData {
-  attributes: ICartData;
-}
-
-interface ICart {
-  id: string;
-  price: number;
-  quantity: number;
-}
-
-interface ICartResponseData {
-  ageRequired: boolean;
-  namesRequired: boolean;
-  phoneRequired: boolean;
-  skipBillingPage: boolean;
-  minimumAge?: string | null;
-  cart?: ICart[];
-}
-
-interface ICartResponseExtendedData extends ICartResponseData {
-  eventId: number;
-  hash?: string;
-  total?: string | number;
-}
-
-interface ICartResponse extends IAxiosResponseData {
-  data: {
-    attributes: ICartResponseData;
-    relationships: Array<unknown>;
-    type: string;
-    cart: ICart[];
-  };
-}
-
-// Get cart data
-interface IGetCartData {
-  cartName: string;
-  quantity: number;
-}
-
-interface IGetCartAttributes {
-  cart: Array<IGetCartData>;
-  hideTtfOptIn: boolean;
-  optedIn: boolean;
-  ttfOptIn: boolean;
-}
-
-interface IGetCartResponse {
-  data: {
-    relationships: Array<unknown>;
-    type: string;
-    attributes: IGetCartAttributes;
-  };
-}

package/src/types/api/checkout.d.ts

@@ -1,92 +0,0 @@
-import { StripeElementsOptions } from '@stripe/stripe-js'
-
-interface ITicketHolderData {
-  firstName?: string;
-  lastName?: string;
-  email?: string | null;
-  phone?: string | null;
-}
-
-interface ICheckoutData {
-  ticketHolders?: Array<ITicketHolderData>;
-
-  brandOptIn?: boolean;
-  ttfOptIn?: boolean;
-
-  dobDay?: number;
-  dobMonth?: number;
-  dobYear?: number;
-
-  streetAddress?: string;
-  city?: string;
-  stateId?: number;
-  zip?: string;
-  countryId?: string | number;
-}
-
-interface ICheckoutResponseData {
-  hash?: string;
-  total?: string;
-  cart_price_breakdown?: {
-    total: number;
-    debt: number;
-    guest_count: number;
-    guest_revenue: number;
-    currency: {
-      currency: string;
-      decimal_places: number;
-      symbol: string;
-    };
-    insurance_amount: number;
-    goods_tax: number;
-    goods_tax_name: string;
-    total_add_ons: number;
-    payment_option_additional_fees: number;
-    tickets_price_breakdown: [
-      {
-        fees_breakdown: Array<{
-          name: string;
-          amount: number;
-        }>;
-        is_table: boolean;
-        ticket_type_name: string;
-        ticket_type_id: string;
-        quantity: number;
-        fees_per_ticket: number;
-        discount: number;
-        description: string;
-        refund_on_checkin: boolean;
-        price_per_ticket: string;
-        cost_per_ticket: string;
-        total_price: number;
-      }
-    ];
-    add_ons_price_breakdown: [];
-    insurance_items_breakdown: [];
-    event_name: string;
-  };
-  additional_payment_information?: {
-    basic_config: {
-      apiKey: string;
-      accountId: string;
-    };
-    elements_config: StripeElementsOptions;
-    additional_config: {
-      decimalMultiplier: number;
-      canChangeCaptureMode: boolean;
-    };
-    stripe_wallets: {
-      applePay?: 'auto' | 'never';
-      googlePay?: 'auto' | 'never';
-    };
-    payment_plan_available: boolean;
-  };
-}
-
-interface ICheckoutResponse extends IAxiosResponseData {
-  data: {
-    attributes: ICheckoutResponseData;
-    relationships: Array<unknown>;
-    type: string;
-  };
-}

package/src/types/api/common.d.ts

@@ -1,153 +0,0 @@
-// Event
-interface IEventResponseData {
-  alwaysShowWaitingList: boolean | null;
-  isTimeSlotEvent: boolean;
-  minimumAge: number | string | null;
-  name: string;
-  redirectUrl: string | null;
-  referralsEnabled: boolean;
-  salesEnd: string;
-  salesEnded: boolean;
-  salesStart: boolean | null;
-  salesStarted: boolean;
-  slug: string;
-  startDate: string;
-  timezone: string;
-  country: any;
-  timeslotSettings: ITimeslotSettings | undefined | null;
-  preregEnabled: boolean;
-  preregStarted: boolean;
-  preregEnded: boolean;
-  allowMultipleTicketTypePurchases: boolean | null;
-}
-
-interface ITimeslotSettings {
-  minPricePerDate: any;
-  showPrice: boolean;
-  groupsInfo: any;
-  availableDates: string[];
-  timeSlotDateInfo: any;
-}
-
-interface IEventResponse extends IAxiosResponseData {
-  data: {
-    attributes: IEventResponseData;
-    relationships: Array<unknown>;
-    type: string;
-  };
-}
-
-// Tickets
-interface ITicketData {
-  displayName: string;
-  displayTicket: boolean;
-  feeIncluded: boolean;
-  feeMode: string;
-  feeText: string;
-  id: string;
-  maxQuantity: number;
-  minQuantity: number;
-  multiplier: number;
-  oldPrice: number;
-  optionName: string;
-  price: number;
-  priceCurrency: string;
-  priceSymbol: string;
-  salesEnded: boolean;
-  salesStarted: boolean;
-  soldOut: number;
-  x_face_value: number;
-  isForward: boolean;
-  soldOutMessage: number | string;
-  sortOrder: number;
-  tags: Array<string>;
-  taxName: string;
-  taxesIncluded: boolean;
-}
-interface ITicketItemData {
-  [key: number]: ITicketData;
-}
-interface ITicketsResponseData {
-  promoCodeValidationMessage: string | null;
-  validPromoCode: boolean;
-  is_access_code: boolean;
-  isPromotionsEnabled: boolean;
-  showWaitingList: boolean;
-  tickets: ITicketItemData;
-  ValidPromoCode: boolean;
-}
-interface ITicketsAdaptedResponseData extends ITicketsResponseData {
-  tickets: ITicketData[];
-}
-
-interface ITimeslotsAdaptedData extends ITicketsResponseData {
-  timeslots: {[key: string]: { [key: string]: ITicketData[] }};
-}
-
-interface ITicketsResponse extends IAxiosResponseData {
-  data: {
-    attributes: ITicketsResponseData;
-    relationships: Array<unknown>;
-    type: string;
-  };
-}
-interface ITicketsAdaptedResponse extends IAxiosResponseData {
-  data: {
-    attributes: ITicketsAdaptedResponseData;
-    relationships: Array<unknown>;
-    type: string;
-  };
-}
-
-interface ITimeslotsAdaptedResponse extends IAxiosResponseData {
-  data: {
-    attributes: ITimeslotsAdaptedData;
-    relationships: Array<unknown>;
-    type: string;
-  };
-}
-
-// Countries
-interface ICountriesAdaptedData {
-  label: string;
-  value: string;
-}
-interface ICountriesResponseData {
-  [key: number]: string;
-  code: string;
-  id: string;
-  name: string;
-}
-interface ICountriesResponse extends IAxiosResponseData {
-  data: ICountriesResponseData[];
-}
-
-// Country States
-interface IStatesData {
-  [key: number]: string;
-}
-interface IStatesResponse extends IAxiosResponseData {
-  data: IStatesData;
-}
-
-// Waiting List
-interface IWaitingListRequestData {
-  attributes : {
-    email: string;
-    firstName: string;
-    lastName: string;
-    quantity: string;
-    ticketTypeId: string;
-  };
-}
-type IWaitingListResponse = IAxiosResponseData
-
-// RSVP
-interface IRSVPRequestData {
-  email: string;
-}
-type IRSVPResponse = IAxiosResponseData
-
-interface TimeSlotsResponse extends IAxiosResponseData {
-  data: string[];
-}

package/src/types/api/guestTicketDelegation.d.ts

@@ -1,18 +0,0 @@
-interface ICheckCustomerExistsData {
-  action: string;
-  alreadyApplied: boolean;
-  gropName: string | null;
-  id: string;
-  oneTimeAction: boolean;
-  phase: string;
-  point: string;
-  socialUrl: string | null;
-}
-
-interface ITicketIssueData {
-  ticketTypeId: string;
-  firstName: string;
-  lastName: string;
-  email: string;
-  confirmEmail: string;
-}