tf-checkout-react 1.7.23 → 1.7.30

package/dist/types/checkoutPageConfigs.d.ts

@@ -9,4 +9,5 @@ export interface ICheckoutPageConfigs {
     free_ticket: boolean;
     collect_optional_wallet_address: boolean;
     collect_mandatory_wallet_address: boolean;
+    addon_max_quantity_groups?: number | null;
 }

package/package.json

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

package/src/api/index.ts

@@ -132,6 +132,7 @@ export interface AttributesConfig {
   collect_mandatory_instagram: boolean;
   collect_optional_instagram: boolean;
   skip_billing_page: boolean;
+  addon_max_quantity_groups: number | null;
   cart: ICart[];
 }
 

package/src/components/billing-info-container/hooks/usePaymentRedirect.ts

@@ -50,7 +50,6 @@ export const usePaymentRedirect = ({
       const clientSecret = urlParams.get('payment_intent_client_secret')
 
       if (isPaymentReturn && clientSecret && stripeRef.current) {
-        console.log('Detected payment redirect return, checking status')
         setLoading(true)
 
         try {
@@ -68,7 +67,6 @@ export const usePaymentRedirect = ({
           )
 
           if (paymentIntent?.status === 'succeeded') {
-            console.log('Payment succeeded after redirect, continuing flow')
 
             // Clean up stored context
             localStorage.removeItem('stripe_payment_context')

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

@@ -495,6 +495,7 @@ const BillingInfoContainer = React.memo(
     const collectMandatoryBusinessCategory = configs?.collect_mandatory_business_category
     const collectOptionalBusinessCategory = configs?.collect_optional_business_category
     const eventHasAddons = configs?.has_add_on
+    const addonMaxQuantityGroups = configs?.addon_max_quantity_groups ?? undefined
     const hideBusinessCategoryField =
       !collectMandatoryBusinessCategory && !collectOptionalBusinessCategory
 
@@ -636,8 +637,6 @@ const BillingInfoContainer = React.memo(
               is_from_resale: additionalConfigs?.resale,
             },
           })
-          console.log('Stripe in [useEffect] fetchCheckoutUpdate', checkoutUpdateResponse)
-
           if (checkoutUpdateResponse.success) {
             const checkoutAttributes = checkoutUpdateResponse.data.attributes
             const cartPriceBreakdown = _get(
@@ -649,10 +648,6 @@ const BillingInfoContainer = React.memo(
               'checkoutData',
               JSON.stringify({ hash: '', total: _get(cartPriceBreakdown, 'total', 0) })
             )
-            console.log(
-              'Stripe in [useEffect] fetchCheckoutUpdate | checkoutAttributes',
-              checkoutAttributes
-            )
             setCheckoutUpdateData(checkoutAttributes)
             onCheckoutUpdateSuccess({ expires_at: expirationTime, ...cartPriceBreakdown })
           }
@@ -923,7 +918,6 @@ const BillingInfoContainer = React.memo(
       },
       [eventId, isSinglePageCheckout, onCheckoutUpdateError, onCheckoutUpdateSuccess]
     )
-    console.log({ checkoutData })
 
     const handleAddOnSelect = useCallback(
       async (selectedAddOns: { [key: string]: number }) => {
@@ -1150,11 +1144,6 @@ const BillingInfoContainer = React.memo(
                     is_from_resale: additionalConfigs?.resale,
                   },
                 })
-                console.log(
-                  'Stripe checkoutUpdateResponse in billing-info-container',
-                  checkoutUpdateResponse
-                )
-
                 setCheckoutUpdateData(checkoutUpdateResponse.data.attributes)
 
                 let paymentResponse = null
@@ -1167,7 +1156,6 @@ const BillingInfoContainer = React.memo(
 
                   if (paymentDataResponse.success) {
                     const { attributes } = paymentDataResponse.data
-                    console.log('Stripe confirmPayment success in billing-info-container')
                     setReviewData(attributes)
 
                     const { order_details, cart } = attributes
@@ -1196,9 +1184,6 @@ const BillingInfoContainer = React.memo(
                     const isFreeTickets =
                       (!Number(total) && !Number(updatedOrderData.total)) ||
                       !Number(updatedOrderData?.pay_now || 0)
-                    const paymentMethod = attributes.payment_method || {}
-                    const paymentPlanAvailable = paymentMethod.stripe_payment_plan_enabled
-                    console.log({ paymentPlanAvailable })
                     // Process payment using the hook
                     paymentResponse = await processPayment(
                       paymentDataResponse,
@@ -1353,6 +1338,7 @@ const BillingInfoContainer = React.memo(
                       addOnDataWithCustomFields={addOnDataWithCustomFields}
                       configs={configs}
                       onAddOnSelect={onAddOnSelect}
+                      addonMaxQuantityGroups={addonMaxQuantityGroups}
                     />
                   ) : !addOnsIncludedOnInvitation &&
                     includeAddons &&

package/src/components/paymentContainer/index.tsx

@@ -20,10 +20,9 @@ import _get from 'lodash/get'
 import _identity from 'lodash/identity'
 import _isEmpty from 'lodash/isEmpty'
 import _map from 'lodash/map'
-import { nanoid } from 'nanoid'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'
 
-import { getConditions, getPaymentData } from '../../api'
+import { getPaymentData } from '../../api'
 import { FEES_STYLES } from '../../constants'
 import { usePixel } from '../../hooks/usePixel'
 import { createFixedFloatNormalizer, currencyNormalizerCreator } from '../../normalizers'
@@ -177,7 +176,6 @@ export const PaymentContainer = ({
   const [error, setError] = useState(null)
   const [paymentIsLoading, setPaymentIsLoading] = useState(false)
   const [paymentDataIsLoading, setPaymentDataIsLoading] = useState(true)
-  const [conditions, setConditions] = useState<{ id: string, text: string }[]>([])
   const [currency, setCurrency] = useState('')
   const [showPaymentPlanSection, setShowPaymentPlanSection] = useState(false)
 
@@ -201,7 +199,6 @@ export const PaymentContainer = ({
   const pageUrl = isBrowser ? window.location.href.split('?')[0] : ''
   usePixel(eventId, { page: 'review', pageUrl })
 
-  console.log({ conditions })
 
   useEffect(() => {
     const fetchPaymentData = async () => {
@@ -270,27 +267,6 @@ export const PaymentContainer = ({
     onGetPaymentDataSuccess,
   ])
 
-  //just once
-  useEffect(() => {
-    // fetch conditions data
-    const fetchConditions = async () => {
-      if (eventId) {
-        const conditionsResponse = await getConditions(eventId)
-        const conditionsInfo = conditionsResponse.data.attributes
-        setConditions(
-          conditionsInfo
-            ? conditionsInfo.map((item: { text: any }) => ({
-                id: nanoid(),
-                text: item.text,
-                checked: false,
-              }))
-            : []
-        )
-      }
-    }
-    fetchConditions()
-  }, [eventId])
-
   const showPaymentForm = () => {
     if (hidePaymentForm) {
       return false
@@ -375,10 +351,6 @@ export const PaymentContainer = ({
 
   useEffect(() => {
     const paymentMethod = reviewData.payment_method || {}
-    console.log({
-      paymentMethod,
-      enablePaymentPlan,
-    })
     const paymentPlanAvailable =
       paymentMethod.stripe_payment_plan_enabled && enablePaymentPlan
     setPaymentPlanIsAvailable(paymentPlanAvailable)

package/src/components/registerForm/index.tsx

@@ -114,7 +114,6 @@ export const RegistrationForm: FC<IRegistrationProps> = ({
       onRegisterAccountSuccess(profileRes)
     } catch (e) {
       if (axios.isAxiosError(e)) {
-        console.log(e)
         const errorMessage = _get(e, 'response.data.message') || 'Error'
         onRegisterAccountError(e)
         setshowErrorModal(true)

package/src/types/checkoutPageConfigs.ts

@@ -9,4 +9,5 @@ export interface ICheckoutPageConfigs {
   free_ticket: boolean;
   collect_optional_wallet_address: boolean;
   collect_mandatory_wallet_address: boolean;
+  addon_max_quantity_groups?: number | null;
 }