tf-checkout-react 1.4.24 → 1.4.25

package/src/api/publicRequest.ts

@@ -0,0 +1,40 @@
+import axios, { AxiosInstance } from 'axios'
+
+const headers: { [key: string]: string } = {
+  Accept: 'application/vnd.api+json',
+  'Content-Type': 'application/vnd.api+json',
+}
+
+const isWindowDefined = typeof window !== 'undefined'
+const authGuestToken = isWindowDefined ? localStorage.getItem('auth_guest_token') : ''
+if (isWindowDefined && authGuestToken) {
+  headers['Authorization-Guest'] = authGuestToken
+}
+
+export const setAxiosHeader = (key: string, value: string | number) => {
+  headers[key] = `${value}`
+}
+
+interface IPublicRequest extends AxiosInstance {
+  setBaseUrl: (baseUrl: string) => void;
+  setGuestToken: (guestToken: string) => void;
+  setAccessToken: (token: string) => void;
+}
+
+export const publicRequest: IPublicRequest = axios.create({
+  baseURL: 'https://www.ticketfairy.com/api',
+  headers,
+}) as IPublicRequest
+
+publicRequest.setBaseUrl = (baseUrl: string) =>
+  (publicRequest.defaults.baseURL = baseUrl + '/api')
+
+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

@@ -0,0 +1,28 @@
+import { AxiosRequestConfig, AxiosResponse } from 'axios'
+
+import { publicRequest } from './publicRequest'
+
+export const resaleTicket = async (
+  data: FormData,
+  hash: string
+): Promise<IResaleTicketResponse> => {
+  const response: AxiosResponse<IResaleTicketResponse, AxiosRequestConfig> =
+    await publicRequest.post(`v1/ticket/${hash}/sell`, data)
+
+  return response.data
+}
+
+export const removeFromResale = async (
+  hash: string
+): Promise<IRemoveFromResaleResponse> => {
+  const response: AxiosResponse<IRemoveFromResaleResponse, AxiosRequestConfig> =
+    await publicRequest.delete(`v1/ticket/${hash}/sell`)
+
+  return response.data
+}
+
+export const processTicket = (hash: string) =>
+  publicRequest.post(`v1/ticket/${hash}/process-invitation`)
+
+export const declineInvitation = (hash: string) =>
+  publicRequest.post(`v1/ticket/${hash}/decline-invitation`)

package/src/components/addonsContainer/adapters/index.tsx

@@ -31,9 +31,7 @@ export const addonsWithGroupsAdapter = (data: IAddOnsData) => {
           }
         } else {
           const group =
-            addOnsGroups.find(
-              group => group.attributes.id === currentGroupId
-            ) || {}
+            addOnsGroups.find(group => group.attributes.id === currentGroupId) || {}
 
           addOnGroupsWithVariants.push({
             ...group.attributes,
@@ -56,7 +54,7 @@ export const addonsWithGroupsAdapter = (data: IAddOnsData) => {
 }
 
 export const cartAdapter = (cart: any) => {
-  const cartData = _get(cart, 'data.data.attributes', [])
+  const cartData = _get(cart, 'data.attributes', [])
   const { expiresAt, cart: carts_arr } = cartData
   const { id, quantity } = carts_arr[0] || {}
 

package/src/components/addonsContainer/index.tsx

@@ -6,18 +6,14 @@ import _get from 'lodash/get'
 import _identity from 'lodash/identity'
 import React, { useEffect, useState } from 'react'
 
-import {
-  getAddons,
-  getCart,
-  getCheckoutPageConfigs,
-  postOnCheckout,
-} from '../../api'
+import { getAddons, getCart, getCheckoutPageConfigs, postOnCheckout } from '../../api'
 import { currencyNormalizerCreator } from '../../normalizers'
 import { ICheckoutPageConfigs } from '../../types'
 import {
   createCheckoutDataBodyWithDefaultHolder,
   createMarkup,
   getQueryVariable,
+  isBrowser,
 } from '../../utils'
 import { VerificationPendingModal } from '../idVerificationContainer/VerificationPendingModal'
 import TimerWidget from '../timerWidget'
@@ -66,13 +62,9 @@ export const AddonsContainter = ({
   const eventId = getQueryVariable('event_id')
   const [addons, setAddons] = useState<any>([])
   const [addonsOptions, setAddonsOptions] = useState<any>({})
-  const [groupsWithSelectedVariants, setGroupsWithSelectedVariants] = useState<
-    any
-  >({})
-  const [
-    groupsWithInitialVariantsValues,
-    setGroupsWithInitialVariantsValues,
-  ] = useState<any>({})
+  const [groupsWithSelectedVariants, setGroupsWithSelectedVariants] = useState<any>({})
+  const [groupsWithInitialVariantsValues, setGroupsWithInitialVariantsValues] =
+    useState<any>({})
   const [loading, setLoading] = useState(true)
   const [cartExpirationTime, setCartExpirationTime] = useState(0)
   const [pendingVerificationMessage, setPendingVerificationMessage] = useState()
@@ -125,10 +117,7 @@ export const AddonsContainter = ({
     getAddonsPageInfo()
   }, [])
 
-  const recreateGroupVariantsSelectOptions = (
-    groupId: any,
-    changedGroupd: any
-  ) => {
+  const recreateGroupVariantsSelectOptions = (groupId: any, changedGroupd: any) => {
     const { choosedVariants, limit, selectedCount } = changedGroupd
     const remainingGroupStock = limit - selectedCount
     const recreatedVariantsOptions: ObjectLiteral = {}
@@ -142,18 +131,14 @@ export const AddonsContainter = ({
       // Formula for regenerating
       if (
         remainingGroupStock >=
-        groupsWithInitialVariantsValues[groupId][variantId] -
-          variantCurrSelectedValue
+        groupsWithInitialVariantsValues[groupId][variantId] - variantCurrSelectedValue
       ) {
         allowedOptionCount = groupsWithInitialVariantsValues[groupId][variantId]
       } else {
         allowedOptionCount = remainingGroupStock + variantCurrSelectedValue
       }
 
-      recreatedVariantsOptions[variantId] = generateSelectOptions(
-        0,
-        allowedOptionCount
-      )
+      recreatedVariantsOptions[variantId] = generateSelectOptions(0, allowedOptionCount)
     }
 
     setAddonsOptions((prevState: any) =>
@@ -170,9 +155,7 @@ export const AddonsContainter = ({
       const currSelectedVariantId = id
       const currSelectedVariantCount = Number(value)
       const currSelectedVariantPrevCount =
-        groupsWithSelectedVariants[currGroupId].choosedVariants[
-          currSelectedVariantId
-        ]
+        groupsWithSelectedVariants[currGroupId].choosedVariants[currSelectedVariantId]
 
       const currSelectedGroupCount =
         changeableGroup.selectedCount +
@@ -206,7 +189,6 @@ export const AddonsContainter = ({
       const pageConfigsData: ICheckoutPageConfigs =
         _get(pageConfigsDataResponse, 'data.attributes') || {}
 
-      const isWindowDefined = typeof window !== 'undefined'
       const skipBillingPage = pageConfigsData.skip_billing_page ?? false
       const nameIsRequired = pageConfigsData.names_required ?? false
       const ageIsRequired = pageConfigsData.age_required ?? false
@@ -220,9 +202,7 @@ export const AddonsContainter = ({
 
       if (skipBillingPage && enableBillingInfoAutoCreate) {
         const ticketsQuantity = window.localStorage.getItem('quantity')
-        const userData = JSON.parse(
-          window.localStorage.getItem('user_data') || '{}'
-        )
+        const userData = JSON.parse(window.localStorage.getItem('user_data') || '{}')
 
         const checkoutBody = createCheckoutDataBodyWithDefaultHolder(
           Number(ticketsQuantity) || 0,
@@ -237,13 +217,13 @@ export const AddonsContainter = ({
               ...(!skipAddonPage && { add_ons: values }),
             },
           })
-          const hash = _get(checkoutResponse, 'data.data.attributes.hash')
-          const total = _get(checkoutResponse, 'data.data.attributes.total')
+          const hash = checkoutResponse?.data?.attributes?.hash || ''
+          const total = checkoutResponse?.data?.attributes?.total || ''
 
-          isWindowDefined && window.localStorage.removeItem('quantity')
-          isWindowDefined && window.localStorage.removeItem('add_ons')
+          isBrowser && window.localStorage.removeItem('quantity')
+          isBrowser && window.localStorage.removeItem('add_ons')
 
-          onPostCheckoutSuccess(checkoutResponse?.data)
+          onPostCheckoutSuccess(checkoutResponse?.data.attributes)
           onConfirmSelectionSuccess({
             skip_billing_page: skipBillingPage,
             names_required: nameIsRequired,
@@ -266,7 +246,7 @@ export const AddonsContainter = ({
           }
         }
       } else {
-        if (isWindowDefined) {
+        if (isBrowser) {
           if (!skipAddonPage) {
             window.localStorage.setItem('add_ons', JSON.stringify(values))
           }
@@ -363,41 +343,29 @@ export const AddonsContainter = ({
                         >
                           <div className={`${classNamePrefix}_product_images`}>
                             {addon.imageUrl && (
-                              <div
-                                className={`${classNamePrefix}_product_image_block`}
-                              >
+                              <div className={`${classNamePrefix}_product_image_block`}>
                                 <img src={addon.imageUrl} alt="No Data" />
                               </div>
                             )}
                           </div>
-                          <div
-                            className={`${classNamePrefix}_product_info_block`}
-                          >
+                          <div className={`${classNamePrefix}_product_info_block`}>
                             <div className={`${classNamePrefix}_product_title`}>
                               {addon.name}
                             </div>
                             <div className={`${classNamePrefix}_product_price`}>
                               {addonNormalizedPrice}
                               {!isAddonFree && (
-                                <span
-                                  className={`${classNamePrefix}_product_fee`}
-                                >
-                                  {addon.feeIncluded
-                                    ? '(incl. Fees)'
-                                    : '(excl. Fees)'}
+                                <span className={`${classNamePrefix}_product_fee`}>
+                                  {addon.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'}
                                 </span>
                               )}
                             </div>
                           </div>
                           <div
                             className={`${classNamePrefix}_product_desc`}
-                            dangerouslySetInnerHTML={createMarkup(
-                              addon.description
-                            )}
+                            dangerouslySetInnerHTML={createMarkup(addon.description)}
                           />
-                          <div
-                            className={`${classNamePrefix}_product_select_container`}
-                          >
+                          <div className={`${classNamePrefix}_product_select_container`}>
                             {addon.variants ? (
                               addon.variants.map((variant: any) => (
                                 // Group Variants
@@ -430,9 +398,7 @@ export const AddonsContainter = ({
                     <button
                       type="submit"
                       className={`${
-                        isConfirmDisabled
-                          ? `${classNamePrefix}_is_disabled`
-                          : ''
+                        isConfirmDisabled ? `${classNamePrefix}_is_disabled` : ''
                       } ${classNamePrefix}_submit_button`}
                       disabled={isConfirmDisabled}
                     >