tf-checkout-react 1.3.17 → 1.3.19

package/dist/types/checkoutPageConfigs.d.ts

@@ -6,4 +6,7 @@ export interface ICheckoutPageConfigs {
     names_required: boolean;
     phone_required: boolean;
     skip_billing_page: boolean;
+    free_ticket: boolean;
+    collect_optional_wallet_address: boolean;
+    collect_mandatory_wallet_address: boolean;
 }

package/package.json

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

package/src/api/index.ts

@@ -216,7 +216,14 @@ export const getCart = () => {
   return res
 }
 
-export const postOnCheckout = (data: any, accessToken?: string) => {
+export const postOnCheckout = (data: any, accessToken?: string, freeTicket = false) => {
+  if (freeTicket) {
+    delete data.attributes.city
+    delete data.attributes.country
+    delete data.attributes.state
+    delete data.attributes.zip
+    delete data.attributes.street_address
+  }
   const res = publicRequest.post(
     `v1/on-checkout/`,
     { data },

package/src/components/addonsContainer/index.tsx

@@ -208,6 +208,9 @@ export const AddonsContainter = ({
       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')
@@ -244,6 +247,9 @@ export const AddonsContainter = ({
             hash,
             total,
             hasAddOn,
+            free_ticket: freeTicket,
+            collect_optional_wallet_address: collectOptionalWalletAddress,
+            collect_mandatory_wallet_address: collectMandatoryWalletAddress,
           })
         } catch (error) {
           onPostCheckoutError(error)

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

@@ -317,7 +317,7 @@ export const BillingInfoContainer = React.memo(
       getQueryVariable('collect_optional_wallet_address') === 'true'
     const flagFreeTicket = getQueryVariable('free_ticket') === 'true'
     const hidePhoneField = getQueryVariable('hide_phone_field') === 'true'
-    const hideWalletAddressField = !collectOptionalWalletAddress && !collectMandatoryWalletAddress;
+    const hideWalletAddressField = !collectOptionalWalletAddress && !collectMandatoryWalletAddress
 
     // Get prevProps
     const prevData = useRef(data)
@@ -441,7 +441,7 @@ export const BillingInfoContainer = React.memo(
               addAddOnsInAttributes(checkoutBody)
             }
 
-            const res = await postOnCheckout(checkoutBody, access_token)
+            const res = await postOnCheckout(checkoutBody, access_token, flagFreeTicket)
             removeReferralKey()
             onSkipBillingPage(_get(res, 'data.data.attributes'))
             setLoading(false)
@@ -541,7 +541,7 @@ export const BillingInfoContainer = React.memo(
                   addAddOnsInAttributes(checkoutBody)
                 }
 
-                const res = await postOnCheckout(checkoutBody, access_token)
+                const res = await postOnCheckout(checkoutBody, access_token, flagFreeTicket)
                 removeReferralKey()
                 // After checkout is successful recover updated profile and store it on local storage if needed
                 if (isWindowDefined) {
@@ -647,7 +647,7 @@ export const BillingInfoContainer = React.memo(
                 addAddOnsInAttributes(checkoutBody)
               }
 
-              const res = await postOnCheckout(checkoutBody)
+              const res = await postOnCheckout(checkoutBody, undefined, flagFreeTicket)
               removeReferralKey()
               handleSubmit(
                 values,
@@ -794,6 +794,9 @@ export const BillingInfoContainer = React.memo(
                                       return false
                                     }
                                   }
+                                  if (hideWalletAddressField && el.name === 'wallet-address-info') {
+                                    return false
+                                  }
                                   return true
                                 }),
                                 element =>

package/src/components/ticketsContainer/index.tsx

@@ -335,7 +335,7 @@ export const TicketsContainer = ({
           )
 
           const checkoutResult = enableBillingInfoAutoCreate
-            ? await postOnCheckout(checkoutBody, access_token)
+            ? await postOnCheckout(checkoutBody, access_token, freeTicket)
             : null
 
           hash = _get(checkoutResult, 'data.data.attributes.hash')

package/src/types/checkoutPageConfigs.ts

@@ -6,4 +6,7 @@ export interface ICheckoutPageConfigs {
   names_required: boolean;
   phone_required: boolean;
   skip_billing_page: boolean;
+  free_ticket: boolean;
+  collect_optional_wallet_address: boolean;
+  collect_mandatory_wallet_address: boolean;
 }