tf-checkout-react 1.0.44 → 1.0.45

package/package.json

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

package/src/api/index.ts

@@ -19,7 +19,7 @@ if (
   window.location.origin !== 'https://www.houseofx.nyc' &&
   window.location.origin !== 'https://tickets-staging.houseofx.nyc'
 ) {
-  ttfHeaders['X-Source-Origin'] = 'houseofx.com'
+  ttfHeaders['X-Source-Origin'] = 'houseofx.nyc'
 }
 
 interface IPublicRequest extends AxiosInstance {
@@ -78,7 +78,7 @@ publicRequest.interceptors.request.use((config: AxiosRequestConfig) => {
   ) {
     const updatedHeaders = {
       ...config.headers,
-      'X-Source-Origin': 'houseofx.com',
+      'X-Source-Origin': 'houseofx.nyc',
     }
     config.headers = updatedHeaders
   }

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

@@ -57,44 +57,44 @@ const getQueryVariable = (variable: string) => {
 }
 
 export interface IBillingInfoPage {
-  data: IBillingInfoData[];
+  data?: IBillingInfoData[];
   ticketHoldersFields?: IBillingInfoData;
-  handleSubmit: (
+  handleSubmit?: (
     values: FormikValues,
     formikHelpers: FormikHelpers<FormikValues>,
     res?: any
   ) => void;
 
-  onRegisterSuccess: (value: {
+  onRegisterSuccess?: (value: {
     accessToken: string;
     refreshToken: string;
   }) => void;
 
-  onRegisterError: (e: AxiosError) => void;
+  onRegisterError?: (e: AxiosError) => void;
 
-  onSubmitError: (e: AxiosError) => void;
+  onSubmitError?: (e: AxiosError) => void;
 
-  onGetCartSuccess: (res: any) => void;
+  onGetCartSuccess?: (res: any) => void;
 
-  onGetCartError: (e: AxiosError) => void;
+  onGetCartError?: (e: AxiosError) => void;
 
-  onGetCountriesSuccess: (res: any) => void;
+  onGetCountriesSuccess?: (res: any) => void;
 
-  onGetCountriesError: (e: AxiosError) => void;
+  onGetCountriesError?: (e: AxiosError) => void;
 
-  onGetStatesSuccess: (res: any) => void;
+  onGetStatesSuccess?: (res: any) => void;
 
-  onGetStatesError: (e: AxiosError) => void;
+  onGetStatesError?: (e: AxiosError) => void;
 
-  onGetProfileDataSuccess: (res: any) => void;
+  onGetProfileDataSuccess?: (res: any) => void;
 
-  onGetProfileDataError: (e: AxiosError) => void;
+  onGetProfileDataError?: (e: AxiosError) => void;
 
-  onAuthorizeSuccess: () => void;
+  onAuthorizeSuccess?: () => void;
 
-  onAuthorizeError: (e: AxiosError) => void;
+  onAuthorizeError?: (e: AxiosError) => void;
 
-  onLogin: () => void;
+  onLogin?: () => void;
 
   initialValues?: FormikValues;
   buttonName?: string;
@@ -130,7 +130,9 @@ const LogicRunner: FC<{
         setFieldValue('state', mappedStates[0]?.label ?? '')
         onGetStatesSuccess(res.data)
       } catch (e) {
-        onGetStatesError(e.response)
+        if (axios.isAxiosError(e)) {
+          onGetStatesError(e)
+        }
       }
     }
     fetchStates()
@@ -262,7 +264,9 @@ export const BillingInfoContainer = ({
       setTicketsQuantity(getQuantity(cart))
       onGetCartSuccess(res.data)
     } catch (e) {
-      onGetCartError(e.response)
+      if (axios.isAxiosError(e)) {
+        onGetCartError(e)
+      }
     }
   }
 
@@ -281,7 +285,9 @@ export const BillingInfoContainer = ({
         onGetProfileDataSuccess(userDataResponse.data)
       }
     } catch (e) {
-      onGetProfileDataError(e.response)
+      if (axios.isAxiosError(e)) {
+        onGetProfileDataError(e)
+      }
     }
   }
 
@@ -302,7 +308,9 @@ export const BillingInfoContainer = ({
         )
         onGetCountriesSuccess(res.data)
       } catch (e) {
-        onGetCountriesError(e.response)
+        if (axios.isAxiosError(e)) {
+          onGetCountriesError(e)
+        }
       }
     }
 
@@ -385,8 +393,8 @@ export const BillingInfoContainer = ({
                   setAlreadyHasUser(true)
                   setShowModalLogin(true)
                 }
+                onRegisterError(e)
               }
-              onRegisterError(e.response)
               return
             }
 
@@ -421,8 +429,8 @@ export const BillingInfoContainer = ({
                   setShowModalLogin(true)
                 }
               }
+              onSubmitError(e)
             }
-            onSubmitError(e.response)
           }
         }}
       >
@@ -556,15 +564,15 @@ export const BillingInfoContainer = ({
               })}
 
               {showTicketHolderName && (
-                <SectionContainer key={ticketHoldersFields.id}>
+                <div>
                   <p>{ticketHoldersFields.label}</p>
                   {_map(new Array(ticketsQuantity), (_item, index) => (
                     <div key={index}>
                       <h5>Ticket {index + 1}</h5>
-                      {_map(ticketHoldersFields.fields, (group, i) => {
+                      {_map(ticketHoldersFields.fields, group => {
                         const { groupClassname, groupItems } = group
                         return (
-                          <div key={i}>
+                          <div key={group.id}>
                             <div className={groupClassname}>
                               {_map(groupItems, element => (
                                 <div
@@ -599,7 +607,7 @@ export const BillingInfoContainer = ({
                       })}
                     </div>
                   ))}
-                </SectionContainer>
+                </div>
               )}
               <div className="button-container">
                 <LoadingButton
@@ -626,10 +634,10 @@ export const BillingInfoContainer = ({
           }}
           onLogin={() => {
             setShowModalLogin(false)
+            setUserExpired(false)
           }}
           alreadyHasUser={alreadyHasUser}
           userExpired={userExpired}
-          setUserExpired={setUserExpired}
           onAuthorizeSuccess={onAuthorizeSuccess}
           onAuthorizeError={onAuthorizeError}
           onGetProfileDataSuccess={onGetProfileDataSuccess}

package/src/components/loginModal/index.tsx

@@ -19,13 +19,12 @@ import axios from 'axios'
 interface Props {
   onClose: () => void;
   onLogin: () => void;
-  alreadyHasUser: boolean;
-  userExpired: boolean;
-  setUserExpired: React.Dispatch<React.SetStateAction<boolean>>;
-  onAuthorizeSuccess: (res: any) => void;
-  onAuthorizeError: (e: AxiosError) => void;
-  onGetProfileDataSuccess: (res: any) => void;
-  onGetProfileDataError: (e: AxiosError) => void;
+  alreadyHasUser?: boolean;
+  userExpired?: boolean;
+  onAuthorizeSuccess?: (res: any) => void;
+  onAuthorizeError?: (e: AxiosError) => void;
+  onGetProfileDataSuccess?: (res: any) => void;
+  onGetProfileDataError?: (e: AxiosError) => void;
 }
 
 const style: React.CSSProperties = {
@@ -42,9 +41,8 @@ const style: React.CSSProperties = {
 export const LoginModal: FC<Props> = ({
   onClose,
   onLogin,
-  alreadyHasUser,
-  userExpired,
-  setUserExpired,
+  alreadyHasUser = false,
+  userExpired = false,
   onAuthorizeSuccess = () => {},
   onAuthorizeError = () => {},
   onGetProfileDataSuccess = () => {},
@@ -89,7 +87,9 @@ export const LoginModal: FC<Props> = ({
                   resAccessToken = await getAccessToken(bodyFormDataToken)
                   onAuthorizeSuccess(resAccessToken.data)
                 } catch (e) {
-                  onAuthorizeError(e.response)
+                  if (axios.isAxiosError(e)) {
+                    onAuthorizeError(e)
+                  }
                   return
                 }
 
@@ -102,7 +102,9 @@ export const LoginModal: FC<Props> = ({
                   profileResponse = await getProfileData(accessToken)
                   onGetProfileDataSuccess(profileResponse.data)
                 } catch (e) {
-                  onGetProfileDataError(e.response)
+                  if (axios.isAxiosError(e)) {
+                    onGetProfileDataError(e)
+                  }
                   return
                 }
 
@@ -120,7 +122,6 @@ export const LoginModal: FC<Props> = ({
                   )
                   window.localStorage.setItem('access_token', accessToken)
                 }
-                setUserExpired(false)
                 onLogin()
               } catch (e) {
                 if (axios.isAxiosError(e)) {

package/src/components/ticketsContainer/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react'
-import { AxiosError } from 'axios'
+import axios, { AxiosError } from 'axios'
 import './style.css'
 
 import { getTickets, addToCart, setCustomHeader } from '../../api'
@@ -231,7 +231,9 @@ export const TicketsContainer = ({
           onGetTicketsSuccess(response.data)
         }
       } catch (e) {
-        onGetTicketsError(e.response)
+        if (axios.isAxiosError(e)) {
+          onGetTicketsError(e)
+        }
       } finally {
         setIsLoading(false)
       }
@@ -291,7 +293,9 @@ export const TicketsContainer = ({
         })
       }
     } catch (e) {
-      onAddToCartError(e.response)
+      if (axios.isAxiosError(e)) {
+        onAddToCartError(e)
+      }
     } finally {
       setHandleBookIsLoading(false)
     }

package/src/index.ts

@@ -2,4 +2,5 @@ export { BillingInfoContainer } from './components/billing-info-container/index'
 export { PaymentContainer } from './components/paymentContainer/index'
 export { ConfirmationContainer } from './components/confirmationContainer/index'
 export { TicketsContainer } from './components/ticketsContainer/index'
-export { currencyNormalizerCreator, createFixedFloatNormalizer } from './normalizers'
+export { currencyNormalizerCreator, createFixedFloatNormalizer } from './normalizers'
+export { LoginModal } from './components/loginModal'