tf-checkout-react 1.7.7-beta.9 → 1.7.8

package/dist/tf-checkout-react.cjs.development.js

@@ -67,7 +67,6 @@ var Alert = _interopDefault(require('@mui/material/Alert'));
 var Container = _interopDefault(require('@mui/material/Container'));
 var reactStripeJs = require('@stripe/react-stripe-js');
 var stripeJs = require('@stripe/stripe-js');
-var sdkReact = require('@mercadopago/sdk-react');
 var reactShare = require('react-share');
 var _filter = _interopDefault(require('lodash/filter'));
 var _flatten = _interopDefault(require('lodash/flatten'));
@@ -526,7 +525,8 @@ publicRequest.setGuestToken = function (guestToken) {
 var X_TF_ECOMMERCE = 'X-TF-ECOMMERCE';
 var FEES_STYLES = {
   TRADITIONAL: 'TRADITIONAL',
-  DISPLAY_BOTH: 'DISPLAY_BOTH'
+  DISPLAY_BOTH: 'DISPLAY_BOTH',
+  FINAL_WITH_BREAKDOWN: 'FINAL_WITH_BREAKDOWN'
 };
 var DEFAULT_FEES_STYLE = FEES_STYLES.TRADITIONAL;
 
@@ -1772,28 +1772,6 @@ var getConditions = /*#__PURE__*/function () {
     return _ref5.apply(this, arguments);
   };
 }();
-var processPayment = /*#__PURE__*/function () {
-  var _ref6 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(orderHash, params) {
-    var queryParams, response;
-    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
-        case 0:
-          queryParams = new URLSearchParams(params);
-          _context6.next = 3;
-          return publicRequest.post("v1/order/" + orderHash + "/process_payment?" + queryParams.toString());
-        case 3:
-          response = _context6.sent;
-          return _context6.abrupt("return", response.data.data.attributes);
-        case 5:
-        case "end":
-          return _context6.stop();
-      }
-    }, _callee6);
-  }));
-  return function processPayment(_x6, _x7) {
-    return _ref6.apply(this, arguments);
-  };
-}();
 
 var resaleTicket = /*#__PURE__*/function () {
   var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, hash) {
@@ -5675,11 +5653,6 @@ var StripeWrapper = function StripeWrapper(_ref) {
     options: options
   });
 };
-var PaymentType;
-(function (PaymentType) {
-  PaymentType["STRIPE_INTENTS"] = "stripe_intents";
-  PaymentType["MERCADO_PAGO_PRO"] = "mercado_pago_pro";
-})(PaymentType || (PaymentType = {}));
 var initialPaymentPlanConfiguration = {
   requires_deposit: false,
   deposit: 0,
@@ -5731,16 +5704,9 @@ var initialReviewValues = {
   }
 };
 var PaymentContainer = function PaymentContainer(_ref2) {
-  var _paymentTypeConfigs$o;
   var _ref2$paymentFields = _ref2.paymentFields,
     paymentFields = _ref2$paymentFields === void 0 ? [] : _ref2$paymentFields,
     handlePayment = _ref2.handlePayment,
-    _ref2$paymentTypeConf = _ref2.paymentTypeConfigs,
-    paymentTypeConfigs = _ref2$paymentTypeConf === void 0 ? {
-      type: PaymentType.STRIPE_INTENTS,
-      elementsOptions: {},
-      onReady: _identity
-    } : _ref2$paymentTypeConf,
     _ref2$formTitle = _ref2.formTitle,
     formTitle = _ref2$formTitle === void 0 ? 'Get Your Tickets' : _ref2$formTitle,
     errorText = _ref2.errorText,
@@ -5754,6 +5720,8 @@ var PaymentContainer = function PaymentContainer(_ref2) {
     _ref2$onPaymentError = _ref2.onPaymentError,
     onPaymentError = _ref2$onPaymentError === void 0 ? _identity : _ref2$onPaymentError,
     themeOptions = _ref2.themeOptions,
+    elementsOptions = _ref2.elementsOptions,
+    paymentElementOptions = _ref2.paymentElementOptions,
     _ref2$onCountdownFini = _ref2.onCountdownFinish,
     onCountdownFinish = _ref2$onCountdownFini === void 0 ? _identity : _ref2$onCountdownFini,
     _ref2$enableTimer = _ref2.enableTimer,
@@ -5770,6 +5738,10 @@ var PaymentContainer = function PaymentContainer(_ref2) {
     hideFieldsBlock = _ref2$hideFieldsBlock === void 0 ? false : _ref2$hideFieldsBlock,
     _ref2$isSinglePageChe = _ref2.isSinglePageCheckout,
     isSinglePageCheckout = _ref2$isSinglePageChe === void 0 ? false : _ref2$isSinglePageChe,
+    stripePublishableKey = _ref2.stripePublishableKey,
+    stripeAccountId = _ref2.stripeAccountId,
+    _ref2$onStripeReady = _ref2.onStripeReady,
+    onStripeReady = _ref2$onStripeReady === void 0 ? _identity : _ref2$onStripeReady,
     _ref2$enablePaymentPl = _ref2.enablePaymentPlan,
     enablePaymentPlan = _ref2$enablePaymentPl === void 0 ? true : _ref2$enablePaymentPl;
   var _useState = React.useState(initialReviewValues),
@@ -5797,20 +5769,14 @@ var PaymentContainer = function PaymentContainer(_ref2) {
     showPaymentPlanSection = _useState8[0],
     setShowPaymentPlanSection = _useState8[1];
   var _useState9 = React.useState(false),
-    isMercadoPagoLoaded = _useState9[0],
-    setIsMercadoPagoLoaded = _useState9[1];
-  var _useState10 = React.useState(false),
-    paymentPlanIsAvailable = _useState10[0],
-    setPaymentPlanIsAvailable = _useState10[1];
-  var _useState11 = React.useState(initialPaymentPlanConfiguration),
-    paymentPlanConfig = _useState11[0],
-    setPaymentPlanConfig = _useState11[1];
-  var _useState12 = React.useState(true),
-    paymentPlanUseSavedCard = _useState12[0],
-    setPaymentPlanUseSavedCard = _useState12[1];
-  var _useState13 = React.useState(false),
-    hasInitializedOrderData = _useState13[0],
-    setHasInitializedOrderData = _useState13[1];
+    paymentPlanIsAvailable = _useState9[0],
+    setPaymentPlanIsAvailable = _useState9[1];
+  var _useState10 = React.useState(initialPaymentPlanConfiguration),
+    paymentPlanConfig = _useState10[0],
+    setPaymentPlanConfig = _useState10[1];
+  var _useState11 = React.useState(true),
+    paymentPlanUseSavedCard = _useState11[0],
+    setPaymentPlanUseSavedCard = _useState11[1];
   var showFormTitle = Boolean(formTitle);
   var showErrorText = Boolean(errorText);
   var eventId = getQueryVariable('event_id') || _get(reviewData, 'cart[0].product_id') || '';
@@ -5899,7 +5865,7 @@ var PaymentContainer = function PaymentContainer(_ref2) {
       };
     }();
     if (isSinglePageCheckout) {
-      if (!hasInitializedOrderData) {
+      if (!(orderData != null && orderData.total)) {
         setOrderData(function (current) {
           return _extends({}, current, {
             pay_now: 1,
@@ -5907,14 +5873,11 @@ var PaymentContainer = function PaymentContainer(_ref2) {
           });
         });
         setPaymentDataIsLoading(false);
-        setHasInitializedOrderData(true);
       }
     } else {
-      if (!hasInitializedOrderData) {
-        fetchPaymentData();
-      }
+      fetchPaymentData();
     }
-  }, [hash, isSinglePageCheckout, hasInitializedOrderData, onGetPaymentDataError, onGetPaymentDataSuccess]);
+  }, [orderData, hash, isSinglePageCheckout, onGetPaymentDataError, onGetPaymentDataSuccess]);
   //just once
   React.useEffect(function () {
     // fetch conditions data
@@ -5954,7 +5917,7 @@ var PaymentContainer = function PaymentContainer(_ref2) {
   }, [eventId]);
   var showPaymentForm = function showPaymentForm() {
     var _paymentPlanConfig$sa;
-    if (hidePaymentForm || paymentTypeConfigs.type !== PaymentType.STRIPE_INTENTS) {
+    if (hidePaymentForm) {
       return false;
     }
     var showPaymentForm = !isFreeTickets;
@@ -5964,48 +5927,17 @@ var PaymentContainer = function PaymentContainer(_ref2) {
     return showPaymentForm;
   };
   var getPublishableKey = function getPublishableKey() {
-    return (paymentTypeConfigs == null ? void 0 : paymentTypeConfigs.publishableKey) || _get(reviewData, 'payment_method.stripe_publishable_key');
+    return stripePublishableKey || _get(reviewData, 'payment_method.stripe_publishable_key');
   };
   var getStripePromise = React.useCallback(function () {
     var stripePublishableKey = getPublishableKey();
-    var stripeAccount = (paymentTypeConfigs == null ? void 0 : paymentTypeConfigs.accountId) || _get(reviewData, 'payment_method.stripe_connected_account');
+    var stripeAccount = stripeAccountId || _get(reviewData, 'payment_method.stripe_connected_account');
     var options = {};
     if (stripeAccount) {
       options.stripeAccount = stripeAccount;
     }
     return stripeJs.loadStripe(stripePublishableKey, options);
-  }, [reviewData, paymentTypeConfigs == null ? void 0 : paymentTypeConfigs.publishableKey]);
-  var _useMemo = React.useMemo(function () {
-      if (paymentTypeConfigs.type !== PaymentType.MERCADO_PAGO_PRO) {
-        return {
-          paymentType: paymentTypeConfigs.type,
-          mercadoPagoPublicKey: null,
-          mercadoPagoPreferenceId: null
-        };
-      }
-      var mercadoPagoTypeConfigs = paymentTypeConfigs;
-      if (!isSinglePageCheckout) {
-        return {
-          paymentType: _get(reviewData, 'payment_method.type', PaymentType.STRIPE_INTENTS),
-          mercadoPagoPublicKey: _get(reviewData, 'payment_method.public_key', null),
-          mercadoPagoPreferenceId: _get(reviewData, 'payment_method.preference_id', null)
-        };
-      } else {
-        var _mercadoPagoTypeConfi, _mercadoPagoTypeConfi2;
-        return {
-          paymentType: mercadoPagoTypeConfigs == null ? void 0 : mercadoPagoTypeConfigs.type,
-          mercadoPagoPublicKey: (_mercadoPagoTypeConfi = mercadoPagoTypeConfigs == null ? void 0 : mercadoPagoTypeConfigs.publicKey) != null ? _mercadoPagoTypeConfi : null,
-          mercadoPagoPreferenceId: (_mercadoPagoTypeConfi2 = mercadoPagoTypeConfigs == null ? void 0 : mercadoPagoTypeConfigs.preferenceId) != null ? _mercadoPagoTypeConfi2 : null
-        };
-      }
-    }, [reviewData, paymentTypeConfigs, isSinglePageCheckout]),
-    paymentType = _useMemo.paymentType,
-    mercadoPagoPublicKey = _useMemo.mercadoPagoPublicKey,
-    mercadoPagoPreferenceId = _useMemo.mercadoPagoPreferenceId;
-  if (paymentType === PaymentType.MERCADO_PAGO_PRO && mercadoPagoPublicKey && !isSinglePageCheckout && !isMercadoPagoLoaded) {
-    sdkReact.initMercadoPago(mercadoPagoPublicKey);
-    setIsMercadoPagoLoaded(true);
-  }
+  }, [reviewData, stripePublishableKey]);
   var themeMui = styles.createTheme(themeOptions);
   var hasTableTypes = Boolean(Number(orderData.guest_count));
   var paymentFieldsData = hasTableTypes ? [{
@@ -6158,11 +6090,13 @@ var PaymentContainer = function PaymentContainer(_ref2) {
         className: "add-on-container"
       }, React__default.createElement("span", null, item.quantity), React__default.createElement("span", {
         className: "add-on-x"
-      }, ' x '), React__default.createElement("span", null, item.groupName ? item.groupName + ' - ' : ''), React__default.createElement("span", null, item.name), React__default.createElement("span", null, ' - '), React__default.createElement("span", null, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency) + ' (incl. fees)', CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency)), React__default.createElement("span", {
+      }, ' x '), React__default.createElement("span", null, item.groupName ? item.groupName + ' - ' : ''), React__default.createElement("span", null, item.name), React__default.createElement("span", null, ' - '), React__default.createElement("span", null, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency) + ' (incl. fees)', CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency), CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency)), React__default.createElement("span", {
         className: "add-on-each"
       }, ' each')), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && React__default.createElement("p", {
         className: "fees"
-      }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(String(item.price))), currency) + " with fees)"));
+      }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(String(item.price))), currency) + " with fees)"), CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && parseFloat(item.price) - parseFloat(item.cost) > 0 && React__default.createElement("p", {
+        className: "fees"
+      }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency) + " + " + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price) - parseFloat(item.cost)), currency) + " fee)"));
     })));
   })), !isFreeTickets && paymentPlanIsAvailable && React__default.createElement("div", {
     className: "payment_toggle"
@@ -6186,19 +6120,15 @@ var PaymentContainer = function PaymentContainer(_ref2) {
     className: "payment_info_label"
   }, paymentInfoLabel), showErrorText && React__default.createElement("p", {
     className: "payment_info__error"
-  }, errorText), React__default.createElement("div", null, (paymentTypeConfigs == null ? void 0 : paymentTypeConfigs.elementsOptions) && React__default.createElement(reactStripeJs.Elements, {
+  }, errorText), React__default.createElement("div", null, elementsOptions && React__default.createElement(reactStripeJs.Elements, {
     stripe: getStripePromise(),
-    options: paymentTypeConfigs == null ? void 0 : paymentTypeConfigs.elementsOptions
+    options: elementsOptions
   }, React__default.createElement(StripeWrapper, {
-    onStripeReady: (_paymentTypeConfigs$o = paymentTypeConfigs == null ? void 0 : paymentTypeConfigs.onReady) != null ? _paymentTypeConfigs$o : _identity,
-    options: paymentTypeConfigs == null ? void 0 : paymentTypeConfigs.paymentElementOptions
+    onStripeReady: onStripeReady,
+    options: paymentElementOptions
   })))) : displayPaymentButton ? React__default.createElement("div", {
     className: "payment_button " + (paymentIsLoading ? 'disabled-payment-button' : '')
-  }, paymentType === PaymentType.MERCADO_PAGO_PRO && React__default.createElement(sdkReact.Wallet, {
-    initialization: {
-      preferenceId: mercadoPagoPreferenceId != null ? mercadoPagoPreferenceId : ''
-    }
-  }), paymentType !== PaymentType.MERCADO_PAGO_PRO && React__default.createElement("button", {
+  }, React__default.createElement("button", {
     disabled: paymentIsLoading,
     type: "button",
     onClick: function onClick() {
@@ -6616,23 +6546,16 @@ var useStripePayment = function useStripePayment(_ref) {
   };
 };
 
-// Memoized Wallet component to prevent unnecessary re-renders
-var MemoizedWallet = /*#__PURE__*/React__default.memo(function (_ref) {
-  var onSubmit = _ref.onSubmit;
-  return React__default.createElement(sdkReact.Wallet, {
-    onSubmit: onSubmit
-  });
-});
-var LogicRunner = function LogicRunner(_ref2) {
-  var values = _ref2.values,
-    setStates = _ref2.setStates,
-    setFieldValue = _ref2.setFieldValue,
-    setValues = _ref2.setValues,
-    setUserValues = _ref2.setUserValues,
-    onGetStatesSuccess = _ref2.onGetStatesSuccess,
-    onGetStatesError = _ref2.onGetStatesError,
-    shouldFetchCountries = _ref2.shouldFetchCountries,
-    brandOptIn = _ref2.brandOptIn;
+var LogicRunner = function LogicRunner(_ref) {
+  var values = _ref.values,
+    setStates = _ref.setStates,
+    setFieldValue = _ref.setFieldValue,
+    setValues = _ref.setValues,
+    setUserValues = _ref.setUserValues,
+    onGetStatesSuccess = _ref.onGetStatesSuccess,
+    onGetStatesError = _ref.onGetStatesError,
+    shouldFetchCountries = _ref.shouldFetchCountries,
+    brandOptIn = _ref.brandOptIn;
   var prevCountry = React.useRef(values.country);
   var prevBuyerData = React.useRef({
     firstName: '',
@@ -6643,8 +6566,8 @@ var LogicRunner = function LogicRunner(_ref2) {
   var hasLoadedUserData = React.useRef(false);
   React.useEffect(function () {
     var fetchStates = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var res, mappedStates, _mappedStates$find, _ref4, _mappedStates$, stateExists;
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var res, mappedStates, _mappedStates$find, _ref3, _mappedStates$, stateExists;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -6664,7 +6587,7 @@ var LogicRunner = function LogicRunner(_ref2) {
                 stateExists = (_mappedStates$find = mappedStates.find(function (state) {
                   return state.value === values.state;
                 })) == null ? void 0 : _mappedStates$find.value;
-                setFieldValue('state', (_ref4 = stateExists != null ? stateExists : (_mappedStates$ = mappedStates[0]) == null ? void 0 : _mappedStates$.value) != null ? _ref4 : '');
+                setFieldValue('state', (_ref3 = stateExists != null ? stateExists : (_mappedStates$ = mappedStates[0]) == null ? void 0 : _mappedStates$.value) != null ? _ref3 : '');
                 prevCountry.current = values.country;
               }
               onGetStatesSuccess(res.data);
@@ -6683,7 +6606,7 @@ var LogicRunner = function LogicRunner(_ref2) {
         }, _callee, null, [[0, 10]]);
       }));
       return function fetchStates() {
-        return _ref3.apply(this, arguments);
+        return _ref2.apply(this, arguments);
       };
     }();
     shouldFetchCountries && fetchStates();
@@ -6775,14 +6698,14 @@ var LogicRunner = function LogicRunner(_ref2) {
  * - Automatically returns false if user is logged in
  * - Returns null as it's a logic-only component with no UI
  */
-var EmailExistenceChecker = function EmailExistenceChecker(_ref5) {
-  var email = _ref5.email,
-    confirmEmail = _ref5.confirmEmail,
-    isLoggedIn = _ref5.isLoggedIn,
-    setEmailExists = _ref5.setEmailExists;
+var EmailExistenceChecker = function EmailExistenceChecker(_ref4) {
+  var email = _ref4.email,
+    confirmEmail = _ref4.confirmEmail,
+    isLoggedIn = _ref4.isLoggedIn,
+    setEmailExists = _ref4.setEmailExists;
   React.useEffect(function () {
     var checkEmail = /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
         var result;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -6820,7 +6743,7 @@ var EmailExistenceChecker = function EmailExistenceChecker(_ref5) {
         }, _callee2, null, [[6, 13]]);
       }));
       return function checkEmail() {
-        return _ref6.apply(this, arguments);
+        return _ref5.apply(this, arguments);
       };
     }();
     // Debounce the check
@@ -6833,108 +6756,108 @@ var EmailExistenceChecker = function EmailExistenceChecker(_ref5) {
   }, [email, confirmEmail, isLoggedIn, setEmailExists]);
   return null;
 };
-var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
-  var _countries$, _states$;
-  var _ref7$data = _ref7.data,
-    data = _ref7$data === void 0 ? [] : _ref7$data,
-    _ref7$ticketHoldersFi = _ref7.ticketHoldersFields,
-    ticketHoldersFields = _ref7$ticketHoldersFi === void 0 ? {
+var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
+  var _reviewData$payment_m, _checkoutUpdateData$a, _checkoutUpdateData$a2, _reviewData$payment_m2, _checkoutUpdateData$a3, _checkoutUpdateData$a4, _checkoutUpdateData$a5;
+  var _ref6$data = _ref6.data,
+    data = _ref6$data === void 0 ? [] : _ref6$data,
+    _ref6$ticketHoldersFi = _ref6.ticketHoldersFields,
+    ticketHoldersFields = _ref6$ticketHoldersFi === void 0 ? {
       id: 1,
       fields: []
-    } : _ref7$ticketHoldersFi,
-    _ref7$initialValues = _ref7.initialValues,
-    initialValues = _ref7$initialValues === void 0 ? {} : _ref7$initialValues,
-    _ref7$buttonName = _ref7.buttonName,
-    buttonName = _ref7$buttonName === void 0 ? 'Submit' : _ref7$buttonName,
-    _ref7$freeOrderButton = _ref7.freeOrderButtonName,
-    freeOrderButtonName = _ref7$freeOrderButton === void 0 ? 'Complete Registration' : _ref7$freeOrderButton,
-    _ref7$handleSubmit = _ref7.handleSubmit,
-    handleSubmit = _ref7$handleSubmit === void 0 ? _identity : _ref7$handleSubmit,
-    _ref7$theme = _ref7.theme,
-    theme = _ref7$theme === void 0 ? 'light' : _ref7$theme,
-    _ref7$onRegisterSucce = _ref7.onRegisterSuccess,
-    onRegisterSuccess = _ref7$onRegisterSucce === void 0 ? _identity : _ref7$onRegisterSucce,
-    _ref7$onRegisterError = _ref7.onRegisterError,
-    onRegisterError = _ref7$onRegisterError === void 0 ? _identity : _ref7$onRegisterError,
-    _ref7$onSubmitError = _ref7.onSubmitError,
-    onSubmitError = _ref7$onSubmitError === void 0 ? _identity : _ref7$onSubmitError,
-    _ref7$onGetCartSucces = _ref7.onGetCartSuccess,
-    onGetCartSuccess = _ref7$onGetCartSucces === void 0 ? _identity : _ref7$onGetCartSucces,
-    _ref7$onGetCartError = _ref7.onGetCartError,
-    onGetCartError = _ref7$onGetCartError === void 0 ? _identity : _ref7$onGetCartError,
-    _ref7$onGetCountriesS = _ref7.onGetCountriesSuccess,
-    onGetCountriesSuccess = _ref7$onGetCountriesS === void 0 ? _identity : _ref7$onGetCountriesS,
-    _ref7$onGetCountriesE = _ref7.onGetCountriesError,
-    onGetCountriesError = _ref7$onGetCountriesE === void 0 ? _identity : _ref7$onGetCountriesE,
-    _ref7$onGetStatesSucc = _ref7.onGetStatesSuccess,
-    onGetStatesSuccess = _ref7$onGetStatesSucc === void 0 ? _identity : _ref7$onGetStatesSucc,
-    _ref7$onGetStatesErro = _ref7.onGetStatesError,
-    onGetStatesError = _ref7$onGetStatesErro === void 0 ? _identity : _ref7$onGetStatesErro,
-    _ref7$onGetProfileDat = _ref7.onGetProfileDataSuccess,
-    _onGetProfileDataSuccess = _ref7$onGetProfileDat === void 0 ? _identity : _ref7$onGetProfileDat,
-    _ref7$onGetProfileDat2 = _ref7.onGetProfileDataError,
-    onGetProfileDataError = _ref7$onGetProfileDat2 === void 0 ? _identity : _ref7$onGetProfileDat2,
-    onLogin = _ref7.onLogin,
-    _ref7$onLoginSuccess = _ref7.onLoginSuccess,
-    onLoginSuccess = _ref7$onLoginSuccess === void 0 ? _identity : _ref7$onLoginSuccess,
-    _ref7$onCheckoutUpdat = _ref7.onCheckoutUpdateSuccess,
-    onCheckoutUpdateSuccess = _ref7$onCheckoutUpdat === void 0 ? _identity : _ref7$onCheckoutUpdat,
-    _ref7$onCheckoutUpdat2 = _ref7.onCheckoutUpdateError,
-    onCheckoutUpdateError = _ref7$onCheckoutUpdat2 === void 0 ? _identity : _ref7$onCheckoutUpdat2,
-    _ref7$isLoggedIn = _ref7.isLoggedIn,
-    pIsLoggedIn = _ref7$isLoggedIn === void 0 ? false : _ref7$isLoggedIn,
-    _ref7$accountInfoTitl = _ref7.accountInfoTitle,
-    accountInfoTitle = _ref7$accountInfoTitl === void 0 ? '' : _ref7$accountInfoTitl,
-    hideLogo = _ref7.hideLogo,
-    themeOptions = _ref7.themeOptions,
-    _ref7$onErrorClose = _ref7.onErrorClose,
-    onErrorClose = _ref7$onErrorClose === void 0 ? _identity : _ref7$onErrorClose,
-    _ref7$hideErrorsAlert = _ref7.hideErrorsAlertSection,
-    hideErrorsAlertSection = _ref7$hideErrorsAlert === void 0 ? false : _ref7$hideErrorsAlert,
-    _ref7$onSkipBillingPa = _ref7.onSkipBillingPage,
-    onSkipBillingPage = _ref7$onSkipBillingPa === void 0 ? _identity : _ref7$onSkipBillingPa,
-    _ref7$skipPage = _ref7.skipPage,
-    skipPage = _ref7$skipPage === void 0 ? false : _ref7$skipPage,
-    _ref7$canSkipHolderNa = _ref7.canSkipHolderNames,
-    canSkipHolderNames = _ref7$canSkipHolderNa === void 0 ? false : _ref7$canSkipHolderNa,
-    _ref7$onForgotPasswor = _ref7.onForgotPasswordSuccess,
-    onForgotPasswordSuccess = _ref7$onForgotPasswor === void 0 ? _identity : _ref7$onForgotPasswor,
-    _ref7$onForgotPasswor2 = _ref7.onForgotPasswordError,
-    onForgotPasswordError = _ref7$onForgotPasswor2 === void 0 ? _identity : _ref7$onForgotPasswor2,
-    _ref7$shouldFetchCoun = _ref7.shouldFetchCountries,
-    shouldFetchCountries = _ref7$shouldFetchCoun === void 0 ? true : _ref7$shouldFetchCoun,
-    _ref7$onCountdownFini = _ref7.onCountdownFinish,
-    onCountdownFinish = _ref7$onCountdownFini === void 0 ? _identity : _ref7$onCountdownFini,
-    _ref7$enableTimer = _ref7.enableTimer,
-    enableTimer = _ref7$enableTimer === void 0 ? false : _ref7$enableTimer,
-    logo = _ref7.logo,
-    _ref7$showForgotPassw = _ref7.showForgotPasswordButton,
-    showForgotPasswordButton = _ref7$showForgotPassw === void 0 ? true : _ref7$showForgotPassw,
-    _ref7$showSignUpButto = _ref7.showSignUpButton,
-    showSignUpButton = _ref7$showSignUpButto === void 0 ? false : _ref7$showSignUpButto,
-    _ref7$brandOptIn = _ref7.brandOptIn,
-    brandOptIn = _ref7$brandOptIn === void 0 ? false : _ref7$brandOptIn,
-    _ref7$showPoweredByIm = _ref7.showPoweredByImage,
-    showPoweredByImage = _ref7$showPoweredByIm === void 0 ? false : _ref7$showPoweredByIm,
-    customFieldsOrderKeys = _ref7.customFieldsOrderKeys,
-    customFieldsTicketHolderKeys = _ref7.customFieldsTicketHolderKeys,
-    _ref7$isCountryCodeEd = _ref7.isCountryCodeEditable,
-    isCountryCodeEditable = _ref7$isCountryCodeEd === void 0 ? true : _ref7$isCountryCodeEd,
-    _ref7$onPendingVerifi = _ref7.onPendingVerification,
-    onPendingVerification = _ref7$onPendingVerifi === void 0 ? _identity : _ref7$onPendingVerifi,
-    _ref7$onGetCheckoutCo = _ref7.onGetCheckoutConfigsSuccess,
-    onGetCheckoutConfigsSuccess = _ref7$onGetCheckoutCo === void 0 ? _identity : _ref7$onGetCheckoutCo,
-    _ref7$onGetCheckoutCo2 = _ref7.onGetCheckoutConfigsError,
-    onGetCheckoutConfigsError = _ref7$onGetCheckoutCo2 === void 0 ? _identity : _ref7$onGetCheckoutCo2,
-    _ref7$includeAddons = _ref7.includeAddons,
-    includeAddons = _ref7$includeAddons === void 0 ? false : _ref7$includeAddons,
-    addonsProps = _ref7.addonsProps,
-    addOnDataWithCustomFields = _ref7.addOnDataWithCustomFields,
-    _ref7$isSinglePageChe = _ref7.isSinglePageCheckout,
-    isSinglePageCheckout = _ref7$isSinglePageChe === void 0 ? false : _ref7$isSinglePageChe,
-    _ref7$paymentProps = _ref7.paymentProps,
-    paymentProps = _ref7$paymentProps === void 0 ? {} : _ref7$paymentProps,
-    paymentSectionAddon = _ref7.paymentSectionAddon;
+    } : _ref6$ticketHoldersFi,
+    _ref6$initialValues = _ref6.initialValues,
+    initialValues = _ref6$initialValues === void 0 ? {} : _ref6$initialValues,
+    _ref6$buttonName = _ref6.buttonName,
+    buttonName = _ref6$buttonName === void 0 ? 'Submit' : _ref6$buttonName,
+    _ref6$freeOrderButton = _ref6.freeOrderButtonName,
+    freeOrderButtonName = _ref6$freeOrderButton === void 0 ? 'Complete Registration' : _ref6$freeOrderButton,
+    _ref6$handleSubmit = _ref6.handleSubmit,
+    handleSubmit = _ref6$handleSubmit === void 0 ? _identity : _ref6$handleSubmit,
+    _ref6$theme = _ref6.theme,
+    theme = _ref6$theme === void 0 ? 'light' : _ref6$theme,
+    _ref6$onRegisterSucce = _ref6.onRegisterSuccess,
+    onRegisterSuccess = _ref6$onRegisterSucce === void 0 ? _identity : _ref6$onRegisterSucce,
+    _ref6$onRegisterError = _ref6.onRegisterError,
+    onRegisterError = _ref6$onRegisterError === void 0 ? _identity : _ref6$onRegisterError,
+    _ref6$onSubmitError = _ref6.onSubmitError,
+    onSubmitError = _ref6$onSubmitError === void 0 ? _identity : _ref6$onSubmitError,
+    _ref6$onGetCartSucces = _ref6.onGetCartSuccess,
+    onGetCartSuccess = _ref6$onGetCartSucces === void 0 ? _identity : _ref6$onGetCartSucces,
+    _ref6$onGetCartError = _ref6.onGetCartError,
+    onGetCartError = _ref6$onGetCartError === void 0 ? _identity : _ref6$onGetCartError,
+    _ref6$onGetCountriesS = _ref6.onGetCountriesSuccess,
+    onGetCountriesSuccess = _ref6$onGetCountriesS === void 0 ? _identity : _ref6$onGetCountriesS,
+    _ref6$onGetCountriesE = _ref6.onGetCountriesError,
+    onGetCountriesError = _ref6$onGetCountriesE === void 0 ? _identity : _ref6$onGetCountriesE,
+    _ref6$onGetStatesSucc = _ref6.onGetStatesSuccess,
+    onGetStatesSuccess = _ref6$onGetStatesSucc === void 0 ? _identity : _ref6$onGetStatesSucc,
+    _ref6$onGetStatesErro = _ref6.onGetStatesError,
+    onGetStatesError = _ref6$onGetStatesErro === void 0 ? _identity : _ref6$onGetStatesErro,
+    _ref6$onGetProfileDat = _ref6.onGetProfileDataSuccess,
+    _onGetProfileDataSuccess = _ref6$onGetProfileDat === void 0 ? _identity : _ref6$onGetProfileDat,
+    _ref6$onGetProfileDat2 = _ref6.onGetProfileDataError,
+    onGetProfileDataError = _ref6$onGetProfileDat2 === void 0 ? _identity : _ref6$onGetProfileDat2,
+    onLogin = _ref6.onLogin,
+    _ref6$onLoginSuccess = _ref6.onLoginSuccess,
+    onLoginSuccess = _ref6$onLoginSuccess === void 0 ? _identity : _ref6$onLoginSuccess,
+    _ref6$onCheckoutUpdat = _ref6.onCheckoutUpdateSuccess,
+    onCheckoutUpdateSuccess = _ref6$onCheckoutUpdat === void 0 ? _identity : _ref6$onCheckoutUpdat,
+    _ref6$onCheckoutUpdat2 = _ref6.onCheckoutUpdateError,
+    onCheckoutUpdateError = _ref6$onCheckoutUpdat2 === void 0 ? _identity : _ref6$onCheckoutUpdat2,
+    _ref6$isLoggedIn = _ref6.isLoggedIn,
+    pIsLoggedIn = _ref6$isLoggedIn === void 0 ? false : _ref6$isLoggedIn,
+    _ref6$accountInfoTitl = _ref6.accountInfoTitle,
+    accountInfoTitle = _ref6$accountInfoTitl === void 0 ? '' : _ref6$accountInfoTitl,
+    hideLogo = _ref6.hideLogo,
+    themeOptions = _ref6.themeOptions,
+    _ref6$onErrorClose = _ref6.onErrorClose,
+    onErrorClose = _ref6$onErrorClose === void 0 ? _identity : _ref6$onErrorClose,
+    _ref6$hideErrorsAlert = _ref6.hideErrorsAlertSection,
+    hideErrorsAlertSection = _ref6$hideErrorsAlert === void 0 ? false : _ref6$hideErrorsAlert,
+    _ref6$onSkipBillingPa = _ref6.onSkipBillingPage,
+    onSkipBillingPage = _ref6$onSkipBillingPa === void 0 ? _identity : _ref6$onSkipBillingPa,
+    _ref6$skipPage = _ref6.skipPage,
+    skipPage = _ref6$skipPage === void 0 ? false : _ref6$skipPage,
+    _ref6$canSkipHolderNa = _ref6.canSkipHolderNames,
+    canSkipHolderNames = _ref6$canSkipHolderNa === void 0 ? false : _ref6$canSkipHolderNa,
+    _ref6$onForgotPasswor = _ref6.onForgotPasswordSuccess,
+    onForgotPasswordSuccess = _ref6$onForgotPasswor === void 0 ? _identity : _ref6$onForgotPasswor,
+    _ref6$onForgotPasswor2 = _ref6.onForgotPasswordError,
+    onForgotPasswordError = _ref6$onForgotPasswor2 === void 0 ? _identity : _ref6$onForgotPasswor2,
+    _ref6$shouldFetchCoun = _ref6.shouldFetchCountries,
+    shouldFetchCountries = _ref6$shouldFetchCoun === void 0 ? true : _ref6$shouldFetchCoun,
+    _ref6$onCountdownFini = _ref6.onCountdownFinish,
+    onCountdownFinish = _ref6$onCountdownFini === void 0 ? _identity : _ref6$onCountdownFini,
+    _ref6$enableTimer = _ref6.enableTimer,
+    enableTimer = _ref6$enableTimer === void 0 ? false : _ref6$enableTimer,
+    logo = _ref6.logo,
+    _ref6$showForgotPassw = _ref6.showForgotPasswordButton,
+    showForgotPasswordButton = _ref6$showForgotPassw === void 0 ? true : _ref6$showForgotPassw,
+    _ref6$showSignUpButto = _ref6.showSignUpButton,
+    showSignUpButton = _ref6$showSignUpButto === void 0 ? false : _ref6$showSignUpButto,
+    _ref6$brandOptIn = _ref6.brandOptIn,
+    brandOptIn = _ref6$brandOptIn === void 0 ? false : _ref6$brandOptIn,
+    _ref6$showPoweredByIm = _ref6.showPoweredByImage,
+    showPoweredByImage = _ref6$showPoweredByIm === void 0 ? false : _ref6$showPoweredByIm,
+    customFieldsOrderKeys = _ref6.customFieldsOrderKeys,
+    customFieldsTicketHolderKeys = _ref6.customFieldsTicketHolderKeys,
+    _ref6$isCountryCodeEd = _ref6.isCountryCodeEditable,
+    isCountryCodeEditable = _ref6$isCountryCodeEd === void 0 ? true : _ref6$isCountryCodeEd,
+    _ref6$onPendingVerifi = _ref6.onPendingVerification,
+    onPendingVerification = _ref6$onPendingVerifi === void 0 ? _identity : _ref6$onPendingVerifi,
+    _ref6$onGetCheckoutCo = _ref6.onGetCheckoutConfigsSuccess,
+    onGetCheckoutConfigsSuccess = _ref6$onGetCheckoutCo === void 0 ? _identity : _ref6$onGetCheckoutCo,
+    _ref6$onGetCheckoutCo2 = _ref6.onGetCheckoutConfigsError,
+    onGetCheckoutConfigsError = _ref6$onGetCheckoutCo2 === void 0 ? _identity : _ref6$onGetCheckoutCo2,
+    _ref6$includeAddons = _ref6.includeAddons,
+    includeAddons = _ref6$includeAddons === void 0 ? false : _ref6$includeAddons,
+    addonsProps = _ref6.addonsProps,
+    addOnDataWithCustomFields = _ref6.addOnDataWithCustomFields,
+    _ref6$isSinglePageChe = _ref6.isSinglePageCheckout,
+    isSinglePageCheckout = _ref6$isSinglePageChe === void 0 ? false : _ref6$isSinglePageChe,
+    _ref6$paymentProps = _ref6.paymentProps,
+    paymentProps = _ref6$paymentProps === void 0 ? {} : _ref6$paymentProps,
+    paymentSectionAddon = _ref6.paymentSectionAddon;
   var _useState = React.useState(null),
     extraData = _useState[0],
     setExtraData = _useState[1];
@@ -7025,36 +6948,6 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
   var _useState15 = React.useState(true),
     loading = _useState15[0],
     setLoading = _useState15[1];
-  // Ref to store Formik helpers for stable Wallet callback
-  var formikHelpersRef = React.useRef(null);
-  // Stable callback for Wallet onSubmit to prevent re-renders
-  var handleWalletSubmit = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-    var referenceId;
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          if (!formikHelpersRef.current) {
-            _context3.next = 10;
-            break;
-          }
-          formikHelpersRef.current.setSubmitting(true);
-          _context3.next = 4;
-          return formikHelpersRef.current.submitForm();
-        case 4:
-          referenceId = _context3.sent;
-          if (!referenceId) {
-            _context3.next = 9;
-            break;
-          }
-          return _context3.abrupt("return", referenceId);
-        case 9:
-          throw 'Invalid Form';
-        case 10:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  })), []);
   var _useState16 = React.useState(false),
     cardLoading = _useState16[0],
     setCardLoading = _useState16[1];
@@ -7101,26 +6994,18 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
   var collectOptionalBusinessCategory = configs == null ? void 0 : configs.collect_optional_business_category;
   var eventHasAddons = configs == null ? void 0 : configs.has_add_on;
   var hideBusinessCategoryField = !collectMandatoryBusinessCategory && !collectOptionalBusinessCategory;
-  var _useState21 = React.useState({
-      type: PaymentType.STRIPE_INTENTS
-    }),
-    paymentTypeConfig = _useState21[0],
-    setPaymentTypeConfig = _useState21[1];
-  var _useState22 = React.useState(null),
-    paymentType = _useState22[0],
-    setPaymentType = _useState22[1];
-  var _useState23 = React.useState(),
-    pendingVerificationMessage = _useState23[0],
-    setPendingVerificationMessage = _useState23[1];
-  var _useState24 = React.useState({}),
-    reviewData = _useState24[0],
-    setReviewData = _useState24[1];
-  var _useState25 = React.useState({}),
-    checkoutData = _useState25[0],
-    setCheckoutData = _useState25[1];
-  var _useState26 = React.useState(null),
-    checkoutUpdateData = _useState26[0],
-    setCheckoutUpdateData = _useState26[1];
+  var _useState21 = React.useState(),
+    pendingVerificationMessage = _useState21[0],
+    setPendingVerificationMessage = _useState21[1];
+  var _useState22 = React.useState({}),
+    reviewData = _useState22[0],
+    setReviewData = _useState22[1];
+  var _useState23 = React.useState({}),
+    checkoutData = _useState23[0],
+    setCheckoutData = _useState23[1];
+  var _useState24 = React.useState(null),
+    checkoutUpdateData = _useState24[0],
+    setCheckoutUpdateData = _useState24[1];
   var prevData = React.useRef(data);
   var addAddOnsInAttributes = React.useCallback(function (checkoutBody) {
     var selectedAddOns = window.localStorage.getItem('add_ons') || '{}';
@@ -7128,9 +7013,9 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
     checkoutBody.attributes.add_ons = JSON.parse(selectedAddOns);
     checkoutBody.attributes.add_on_data_capture = JSON.parse(addOnDataCapture);
   }, []);
-  var _useState27 = React.useState({}),
-    singleCheckoutAddons = _useState27[0],
-    setSingleCheckoutAddOns = _useState27[1];
+  var _useState25 = React.useState({}),
+    singleCheckoutAddons = _useState25[0],
+    setSingleCheckoutAddOns = _useState25[1];
   var orderIsFree = !Number(checkoutData == null ? void 0 : checkoutData.total);
   React.useEffect(function () {
     var hasUniqueId = _get(dataWithUniqueIds, '[0].uniqueId');
@@ -7161,37 +7046,37 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
   React.useEffect(function () {
     // fetch countries data
     var fetchCountries = /*#__PURE__*/function () {
-      var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         var res;
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context4.prev = 0;
-              _context4.next = 3;
+              _context3.prev = 0;
+              _context3.next = 3;
               return getCountries();
             case 3:
-              res = _context4.sent;
+              res = _context3.sent;
               setCustomHeader(res);
               setCountries(res.data);
               setIsCountriesLoading(false);
               onGetCountriesSuccess(res.data);
-              _context4.next = 14;
+              _context3.next = 14;
               break;
             case 10:
-              _context4.prev = 10;
-              _context4.t0 = _context4["catch"](0);
-              if (axios.isAxiosError(_context4.t0)) {
-                onGetCountriesError(_context4.t0);
+              _context3.prev = 10;
+              _context3.t0 = _context3["catch"](0);
+              if (axios.isAxiosError(_context3.t0)) {
+                onGetCountriesError(_context3.t0);
               }
               setIsCountriesLoading(false);
             case 14:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
-        }, _callee4, null, [[0, 10]]);
+        }, _callee3, null, [[0, 10]]);
       }));
       return function fetchCountries() {
-        return _ref9.apply(this, arguments);
+        return _ref7.apply(this, arguments);
       };
     }();
     shouldFetchCountries && fetchCountries();
@@ -7207,17 +7092,17 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
   }, [eventId, isSinglePageCheckout, shouldFetchCountries, onGetCountriesSuccess, onGetCountriesError]);
   // fetch cart data
   var fetchCart = /*#__PURE__*/function () {
-    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
       var res, cartInfo, _cartInfo$cart, cart;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _context5.prev = 0;
+            _context4.prev = 0;
             setCardLoading(true);
-            _context5.next = 4;
+            _context4.next = 4;
             return getCart();
           case 4:
-            res = _context5.sent;
+            res = _context4.sent;
             setCustomHeader(res);
             cartInfo = res.data.attributes;
             setCartInfo(cartInfo);
@@ -7226,44 +7111,44 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
               return nanoid.nanoid();
             }));
             onGetCartSuccess(res.data);
-            _context5.next = 16;
+            _context4.next = 16;
             break;
           case 13:
-            _context5.prev = 13;
-            _context5.t0 = _context5["catch"](0);
-            if (axios.isAxiosError(_context5.t0)) {
-              onGetCartError(_context5.t0);
+            _context4.prev = 13;
+            _context4.t0 = _context4["catch"](0);
+            if (axios.isAxiosError(_context4.t0)) {
+              onGetCartError(_context4.t0);
             }
           case 16:
-            _context5.prev = 16;
+            _context4.prev = 16;
             setCardLoading(false);
-            return _context5.finish(16);
+            return _context4.finish(16);
           case 19:
           case "end":
-            return _context5.stop();
+            return _context4.stop();
         }
-      }, _callee5, null, [[0, 13, 16, 19]]);
+      }, _callee4, null, [[0, 13, 16, 19]]);
     }));
     return function fetchCart() {
-      return _ref10.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
   // fetch user data
   var fetchUserData = /*#__PURE__*/function () {
-    var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
       var userDataResponse, profileSpecifiedData, profileDataObj;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            _context6.prev = 0;
+            _context5.prev = 0;
             if (!isLoggedIn) {
-              _context6.next = 10;
+              _context5.next = 10;
               break;
             }
-            _context6.next = 4;
+            _context5.next = 4;
             return getProfileData();
           case 4:
-            userDataResponse = _context6.sent;
+            userDataResponse = _context5.sent;
             profileSpecifiedData = _get(userDataResponse, 'data');
             profileDataObj = setLoggedUserData(profileSpecifiedData);
             setUserValues(_extends({}, profileDataObj, {
@@ -7273,22 +7158,22 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
             window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
             _onGetProfileDataSuccess(userDataResponse.data);
           case 10:
-            _context6.next = 15;
+            _context5.next = 15;
             break;
           case 12:
-            _context6.prev = 12;
-            _context6.t0 = _context6["catch"](0);
-            if (axios.isAxiosError(_context6.t0)) {
-              onGetProfileDataError(_context6.t0);
+            _context5.prev = 12;
+            _context5.t0 = _context5["catch"](0);
+            if (axios.isAxiosError(_context5.t0)) {
+              onGetProfileDataError(_context5.t0);
             }
           case 15:
           case "end":
-            return _context6.stop();
+            return _context5.stop();
         }
-      }, _callee6, null, [[0, 12]]);
+      }, _callee5, null, [[0, 12]]);
     }));
     return function fetchUserData() {
-      return _ref11.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   React.useEffect(function () {
@@ -7297,19 +7182,19 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
   }, [isLoggedIn]);
   React.useEffect(function () {
     var fetchCheckoutUpdate = /*#__PURE__*/function () {
-      var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+      var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
         var checkoutUpdateResponse, checkoutAttributes, cartPriceBreakdown;
-        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               if (eventId) {
-                _context7.next = 2;
+                _context6.next = 2;
                 break;
               }
-              return _context7.abrupt("return");
+              return _context6.abrupt("return");
             case 2:
-              _context7.prev = 2;
-              _context7.next = 5;
+              _context6.prev = 2;
+              _context6.next = 5;
               return updateCheckout({
                 attributes: {
                   event_id: eventId,
@@ -7317,7 +7202,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
                 }
               });
             case 5:
-              checkoutUpdateResponse = _context7.sent;
+              checkoutUpdateResponse = _context6.sent;
               console.log('Stripe in [useEffect] fetchCheckoutUpdate', checkoutUpdateResponse);
               if (checkoutUpdateResponse.success) {
                 checkoutAttributes = checkoutUpdateResponse.data.attributes;
@@ -7332,71 +7217,71 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
                   expires_at: expirationTime
                 }, cartPriceBreakdown));
               }
-              _context7.next = 13;
+              _context6.next = 13;
               break;
             case 10:
-              _context7.prev = 10;
-              _context7.t0 = _context7["catch"](2);
-              console.error('Failed to fetch checkout update:', _context7.t0);
+              _context6.prev = 10;
+              _context6.t0 = _context6["catch"](2);
+              console.error('Failed to fetch checkout update:', _context6.t0);
             case 13:
             case "end":
-              return _context7.stop();
+              return _context6.stop();
           }
-        }, _callee7, null, [[2, 10]]);
+        }, _callee6, null, [[2, 10]]);
       }));
       return function fetchCheckoutUpdate() {
-        return _ref12.apply(this, arguments);
+        return _ref10.apply(this, arguments);
       };
     }();
     fetchCheckoutUpdate();
   }, [eventId, additionalConfigs == null ? void 0 : additionalConfigs.resale]);
   React.useEffect(function () {
     var collectPaymentData = /*#__PURE__*/function () {
-      var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+      var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
         var checkoutBody, checkoutResponse;
-        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               if (!(skipPage && !_isEmpty(ticketsQuantity) && !showDOB && !loading && !isNewUser)) {
-                _context8.next = 20;
+                _context7.next = 20;
                 break;
               }
               setLoading(true);
               checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity.length, userData);
-              _context8.prev = 3;
+              _context7.prev = 3;
               if (isBrowser) {
                 addAddOnsInAttributes(checkoutBody);
               }
-              _context8.next = 7;
+              _context7.next = 7;
               return postOnCheckout(checkoutBody, flagFreeTicket);
             case 7:
-              checkoutResponse = _context8.sent;
+              checkoutResponse = _context7.sent;
               removeReferralKey();
               removeAdditionalConfigs();
               onSkipBillingPage(checkoutResponse.data.attributes);
               setLoading(false);
-              _context8.next = 18;
+              _context7.next = 18;
               break;
             case 14:
-              _context8.prev = 14;
-              _context8.t0 = _context8["catch"](3);
-              onSubmitError(_context8.t0);
-              if (_get(_context8.t0, 'response.data.data.hasUnverifiedOrder')) {
-                setPendingVerificationMessage(_get(_context8.t0, 'response.data.message'));
+              _context7.prev = 14;
+              _context7.t0 = _context7["catch"](3);
+              onSubmitError(_context7.t0);
+              if (_get(_context7.t0, 'response.data.data.hasUnverifiedOrder')) {
+                setPendingVerificationMessage(_get(_context7.t0, 'response.data.message'));
               }
             case 18:
-              _context8.next = 21;
+              _context7.next = 21;
               break;
             case 20:
               setLoading(false);
             case 21:
             case "end":
-              return _context8.stop();
+              return _context7.stop();
           }
-        }, _callee8, null, [[3, 14]]);
+        }, _callee7, null, [[3, 14]]);
       }));
       return function collectPaymentData() {
-        return _ref13.apply(this, arguments);
+        return _ref11.apply(this, arguments);
       };
     }();
     collectPaymentData();
@@ -7506,50 +7391,6 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
       expires_at: expirationTime
     }, checkoutData));
   }, [checkoutData, cartInfoData]);
-  React.useEffect(function () {
-    var _checkoutUpdateData$c, _checkoutUpdateData$c2, _checkoutUpdateData$a, _checkoutUpdateData$a2, _checkoutUpdateData$a3;
-    var total = (_checkoutUpdateData$c = checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$c2 = checkoutUpdateData.cart_price_breakdown) == null ? void 0 : _checkoutUpdateData$c2.total) != null ? _checkoutUpdateData$c : 0;
-    if (total <= 0) {
-      setPaymentType(PaymentType.STRIPE_INTENTS);
-      setPaymentTypeConfig({
-        type: PaymentType.STRIPE_INTENTS,
-        elementsOptions: undefined
-      });
-      return;
-    }
-    setPaymentType((_checkoutUpdateData$a = checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a2 = checkoutUpdateData.additional_payment_information) == null ? void 0 : _checkoutUpdateData$a2.type) != null ? _checkoutUpdateData$a : PaymentType.STRIPE_INTENTS);
-    if ((checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a3 = checkoutUpdateData.additional_payment_information) == null ? void 0 : _checkoutUpdateData$a3.type) === PaymentType.MERCADO_PAGO_PRO) {
-      var mercadoPagoAdditionalData = checkoutUpdateData == null ? void 0 : checkoutUpdateData.additional_payment_information;
-      setPaymentTypeConfig({
-        type: PaymentType.MERCADO_PAGO_PRO,
-        publicKey: mercadoPagoAdditionalData == null ? void 0 : mercadoPagoAdditionalData.public_key
-      });
-    } else {
-      var _stripeAdditionalData, _stripeAdditionalData2, _stripeAdditionalData3, _stripeAdditionalData4, _stripeAdditionalData5;
-      var stripeAdditionalData = checkoutUpdateData == null ? void 0 : checkoutUpdateData.additional_payment_information;
-      setPaymentTypeConfig({
-        type: PaymentType.STRIPE_INTENTS,
-        publishableKey: stripeAdditionalData == null ? void 0 : (_stripeAdditionalData = stripeAdditionalData.basic_config) == null ? void 0 : _stripeAdditionalData.apiKey,
-        accountId: (_stripeAdditionalData2 = stripeAdditionalData == null ? void 0 : (_stripeAdditionalData3 = stripeAdditionalData.basic_config) == null ? void 0 : _stripeAdditionalData3.accountId) != null ? _stripeAdditionalData2 : null,
-        onReady: function onReady(stripe, elements) {
-          stripeRef.current = stripe;
-          elementsRef.current = elements;
-        },
-        elementsOptions: stripeAdditionalData == null ? void 0 : stripeAdditionalData.elements_config,
-        paymentElementOptions: {
-          wallets: {
-            applePay: (stripeAdditionalData == null ? void 0 : (_stripeAdditionalData4 = stripeAdditionalData.stripe_wallets) == null ? void 0 : _stripeAdditionalData4.applePay) || 'never',
-            googlePay: (stripeAdditionalData == null ? void 0 : (_stripeAdditionalData5 = stripeAdditionalData.stripe_wallets) == null ? void 0 : _stripeAdditionalData5.googlePay) || 'never'
-          }
-        }
-      });
-    }
-  }, [checkoutUpdateData]);
-  React.useEffect(function () {
-    if ((paymentTypeConfig == null ? void 0 : paymentTypeConfig.type) === PaymentType.MERCADO_PAGO_PRO) {
-      sdkReact.initMercadoPago(paymentTypeConfig == null ? void 0 : paymentTypeConfig.publicKey);
-    }
-  }, [paymentTypeConfig == null ? void 0 : paymentTypeConfig.type, paymentTypeConfig == null ? void 0 : paymentTypeConfig.publicKey]);
   // Initialize payment hooks
   usePaymentRedirect({
     stripeRef: stripeRef,
@@ -7568,24 +7409,24 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
     }),
     processPayment = _useStripePayment.processPayment;
   var updateCheckoutWithAddOns = React.useCallback( /*#__PURE__*/function () {
-    var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(addOns) {
+    var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(addOns) {
       var mergedAddOns, _checkoutUpdateData, checkoutResponse, checkoutDataObj, errorMessage;
-      return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
+      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
           case 0:
             if (addOns === void 0) {
               addOns = {};
             }
             if (isSinglePageCheckout) {
-              _context9.next = 3;
+              _context8.next = 3;
               break;
             }
-            return _context9.abrupt("return");
+            return _context8.abrupt("return");
           case 3:
             mergedAddOns = _extends({}, singleCheckoutAddons); // Update existing entries and add new ones
-            Object.entries(addOns).forEach(function (_ref15) {
-              var key = _ref15[0],
-                value = _ref15[1];
+            Object.entries(addOns).forEach(function (_ref13) {
+              var key = _ref13[0],
+                value = _ref13[1];
               var amount = Number(value);
               if (amount) {
                 mergedAddOns[key] = amount;
@@ -7593,7 +7434,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
                 delete mergedAddOns[key];
               }
             });
-            _context9.prev = 5;
+            _context8.prev = 5;
             _checkoutUpdateData = {
               attributes: {
                 event_id: eventId,
@@ -7601,52 +7442,51 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
                 is_from_resale: additionalConfigs == null ? void 0 : additionalConfigs.resale
               }
             };
-            _context9.next = 9;
+            _context8.next = 9;
             return updateCheckout(_checkoutUpdateData);
           case 9:
-            checkoutResponse = _context9.sent;
+            checkoutResponse = _context8.sent;
             if (checkoutResponse.success) {
               checkoutDataObj = _get(checkoutResponse, 'data.attributes.cart_price_breakdown', {});
-              setCheckoutUpdateData(checkoutResponse.data.attributes);
               setCheckoutData(checkoutDataObj);
               setSingleCheckoutAddOns(mergedAddOns);
             }
-            _context9.next = 18;
+            _context8.next = 18;
             break;
           case 13:
-            _context9.prev = 13;
-            _context9.t0 = _context9["catch"](5);
-            errorMessage = _get(_context9.t0, 'response.data.message', 'Failed to update add-ons');
+            _context8.prev = 13;
+            _context8.t0 = _context8["catch"](5);
+            errorMessage = _get(_context8.t0, 'response.data.message', 'Failed to update add-ons');
             setError(errorMessage);
-            onCheckoutUpdateError(_context9.t0);
+            onCheckoutUpdateError(_context8.t0);
           case 18:
           case "end":
-            return _context9.stop();
+            return _context8.stop();
         }
-      }, _callee9, null, [[5, 13]]);
+      }, _callee8, null, [[5, 13]]);
     }));
     return function (_x) {
-      return _ref14.apply(this, arguments);
+      return _ref12.apply(this, arguments);
     };
   }(), [eventId, isSinglePageCheckout, onCheckoutUpdateError, onCheckoutUpdateSuccess]);
   console.log({
     checkoutData: checkoutData
   });
   var handleAddOnSelect = React.useCallback( /*#__PURE__*/function () {
-    var _ref16 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(selectedAddOns) {
-      return _regeneratorRuntime().wrap(function _callee10$(_context10) {
-        while (1) switch (_context10.prev = _context10.next) {
+    var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(selectedAddOns) {
+      return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
           case 0:
-            _context10.next = 2;
+            _context9.next = 2;
             return updateCheckoutWithAddOns(selectedAddOns);
           case 2:
           case "end":
-            return _context10.stop();
+            return _context9.stop();
         }
-      }, _callee10);
+      }, _callee9);
     }));
     return function (_x2) {
-      return _ref16.apply(this, arguments);
+      return _ref14.apply(this, arguments);
     };
   }(), [updateCheckoutWithAddOns]);
   var onAddOnSelect = React.useCallback(function (id, value, addon, fieldUpdates) {
@@ -7684,7 +7524,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
   var selectedCountry = _find(countries, function (item) {
     return item.code.toLowerCase() === defaultCountry;
   }) || {};
-  var initialCountry = selectedCountry.id || _get(userData, 'countryId', '') || (countries == null ? void 0 : (_countries$ = countries[0]) == null ? void 0 : _countries$.id);
+  var initialCountry = selectedCountry.id || _get(userData, 'countryId', '') || '1';
   var pageUrl = isBrowser ? window.location.href.split('?')[0] : '';
   usePixel(eventId || (cartInfoData == null ? void 0 : cartInfoData.eventId), {
     page: 'billing',
@@ -7693,7 +7533,10 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
   if (isTable) {
     dataWithUniqueIds[0].label = 'Get Your Tables';
   }
+  var stripePublishableKey = (reviewData == null ? void 0 : (_reviewData$payment_m = reviewData.payment_method) == null ? void 0 : _reviewData$payment_m.stripe_publishable_key) || (checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a = checkoutUpdateData.additional_payment_information) == null ? void 0 : (_checkoutUpdateData$a2 = _checkoutUpdateData$a.basic_config) == null ? void 0 : _checkoutUpdateData$a2.apiKey);
+  var stripeAccountId = (reviewData == null ? void 0 : (_reviewData$payment_m2 = reviewData.payment_method) == null ? void 0 : _reviewData$payment_m2.stripe_connected_account) || (checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a3 = checkoutUpdateData.additional_payment_information) == null ? void 0 : (_checkoutUpdateData$a4 = _checkoutUpdateData$a3.basic_config) == null ? void 0 : _checkoutUpdateData$a4.accountId);
   var addOnsIncludedOnInvitation = additionalConfigs.resale && additionalConfigs.resaleWithAddons;
+  var elementsOptions = _extends({}, checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a5 = checkoutUpdateData.additional_payment_information) == null ? void 0 : _checkoutUpdateData$a5.elements_config);
   if (loading || cardLoading || isCountriesLoading || isConfigLoading || !eventId) {
     return React__default.createElement(Backdrop, {
       sx: {
@@ -7706,7 +7549,6 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
       color: "inherit"
     }));
   }
-  var isMercadoPagoPayment = paymentType === PaymentType.MERCADO_PAGO_PRO && isSinglePageCheckout && !orderIsFree;
   return React__default.createElement(styles.ThemeProvider, {
     theme: themeMui
   }, !!expirationTime && enableTimer && React__default.createElement(TimerWidget$1, {
@@ -7716,7 +7558,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
   }), !isCountriesLoading && !isConfigLoading && React__default.createElement(formik.Formik, {
     initialValues: getInitialValues(dataWithUniqueIds, _extends({
       country: initialCountry,
-      state: _get(userData, 'stateId', '') || _get(userData, 'state', '') || (states == null ? void 0 : (_states$ = states[0]) == null ? void 0 : _states$.id),
+      state: _get(userData, 'stateId', '') || _get(userData, 'state', '') || '1',
       brand_opt_in: Boolean(optedInFieldValue),
       ttf_opt_in: ttfOptIn,
       data_capture: {
@@ -7728,16 +7570,16 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
     }, initialValues), userValues, ticketHoldersFields, ticketsQuantity),
     enableReinitialize: false,
     onSubmit: function () {
-      var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(values, formikHelpers) {
-        var _checkoutBody$attribu2, _checkoutBody$attribu3, flagRequirePhoneLocal, holdersCount, hasHolderPhoneError, i, fieldName, value, userDataObj, profileData, profileSpecifiedData, checkoutBody, storedAddOnDataCapture, checkoutResponse, checkoutUpdateResponse, paymentResponse, _checkoutResponse$dat, hash, total, paymentDataResponse, _cart$, _paymentMethod$stripe, attributes, order_details, cart, _order_details$ticket, ticket, updatedOrderData, isFreeTickets, paymentMethod, paymentPlanAvailable, _paymentMethod$prefer, hasUnverifiedOrder, message, _e$response, event;
-        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+      var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(values, formikHelpers) {
+        var _checkoutBody$attribu2, _checkoutBody$attribu3, flagRequirePhoneLocal, holdersCount, hasHolderPhoneError, i, fieldName, value, userDataObj, profileData, profileSpecifiedData, checkoutBody, storedAddOnDataCapture, checkoutResponse, checkoutUpdateResponse, paymentResponse, _checkoutResponse$dat, hash, total, paymentDataResponse, _cart$, attributes, order_details, cart, _order_details$ticket, ticket, updatedOrderData, isFreeTickets, paymentMethod, paymentPlanAvailable, hasUnverifiedOrder, message, _e$response, event;
+        return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              _context11.prev = 0;
+              _context10.prev = 0;
               // Validation: if phone is required for ticket holders, mark errors and stop submit
               flagRequirePhoneLocal = Boolean(configs == null ? void 0 : configs.phone_required);
               if (!flagRequirePhoneLocal) {
-                _context11.next = 8;
+                _context10.next = 8;
                 break;
               }
               holdersCount = ticketsQuantity.length;
@@ -7752,17 +7594,17 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
                 }
               }
               if (!hasHolderPhoneError) {
-                _context11.next = 8;
+                _context10.next = 8;
                 break;
               }
-              return _context11.abrupt("return");
+              return _context10.abrupt("return");
             case 8:
-              if (!((!elementsRef.current || !stripeRef.current) && !orderIsFree && !isMercadoPagoPayment)) {
-                _context11.next = 11;
+              if (!((!elementsRef.current || !stripeRef.current) && !orderIsFree)) {
+                _context10.next = 11;
                 break;
               }
               setError('Fill in the payment details');
-              return _context11.abrupt("return");
+              return _context10.abrupt("return");
             case 11:
               if (isBrowser) {
                 window.localStorage.setItem('extraData', JSON.stringify({
@@ -7777,21 +7619,21 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
               // Guest checkout: no need to register, just get profile if logged in
               userDataObj = userData;
               if (!isLoggedIn) {
-                _context11.next = 28;
+                _context10.next = 28;
                 break;
               }
-              _context11.prev = 15;
-              _context11.next = 18;
+              _context10.prev = 15;
+              _context10.next = 18;
               return getProfileData();
             case 18:
-              profileData = _context11.sent;
+              profileData = _context10.sent;
               profileSpecifiedData = _get(profileData, 'data');
               userDataObj = setLoggedUserData(profileSpecifiedData);
-              _context11.next = 26;
+              _context10.next = 26;
               break;
             case 23:
-              _context11.prev = 23;
-              _context11.t0 = _context11["catch"](15);
+              _context10.prev = 23;
+              _context10.t0 = _context10["catch"](15);
               // If profile fetch fails, use values from form
               userDataObj = {
                 email: values.email,
@@ -7800,7 +7642,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
                 phone: values.phone
               };
             case 26:
-              _context11.next = 29;
+              _context10.next = 29;
               break;
             case 28:
               // For guest checkout, use form values
@@ -7826,11 +7668,11 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
                   checkoutBody.attributes.add_on_data_capture = JSON.parse(storedAddOnDataCapture);
                 }
               }
-              _context11.next = 35;
+              _context10.next = 35;
               return postOnCheckout(checkoutBody, flagFreeTicket);
             case 35:
-              checkoutResponse = _context11.sent;
-              _context11.next = 38;
+              checkoutResponse = _context10.sent;
+              _context10.next = 38;
               return updateCheckout({
                 attributes: {
                   event_id: eventId,
@@ -7839,12 +7681,12 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
                 }
               });
             case 38:
-              checkoutUpdateResponse = _context11.sent;
+              checkoutUpdateResponse = _context10.sent;
               console.log('Stripe checkoutUpdateResponse in billing-info-container', checkoutUpdateResponse);
               setCheckoutUpdateData(checkoutUpdateResponse.data.attributes);
               paymentResponse = null;
               if (!isSinglePageCheckout) {
-                _context11.next = 66;
+                _context10.next = 64;
                 break;
               }
               _checkoutResponse$dat = checkoutResponse.data.attributes, hash = _checkoutResponse$dat.hash, total = _checkoutResponse$dat.total;
@@ -7852,12 +7694,12 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
                 hash: hash,
                 total: total
               }));
-              _context11.next = 47;
+              _context10.next = 47;
               return getPaymentData(String(hash));
             case 47:
-              paymentDataResponse = _context11.sent;
+              paymentDataResponse = _context10.sent;
               if (!paymentDataResponse.success) {
-                _context11.next = 66;
+                _context10.next = 64;
                 break;
               }
               attributes = paymentDataResponse.data.attributes;
@@ -7883,47 +7725,42 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
               };
               isFreeTickets = !Number(total) && !Number(updatedOrderData.total) || !Number((updatedOrderData == null ? void 0 : updatedOrderData.pay_now) || 0);
               paymentMethod = attributes.payment_method || {};
-              paymentPlanAvailable = (_paymentMethod$stripe = paymentMethod == null ? void 0 : paymentMethod.stripe_payment_plan_enabled) != null ? _paymentMethod$stripe : false;
+              paymentPlanAvailable = paymentMethod.stripe_payment_plan_enabled;
               console.log({
                 paymentPlanAvailable: paymentPlanAvailable
               });
-              if (!isMercadoPagoPayment) {
-                _context11.next = 61;
-                break;
-              }
-              return _context11.abrupt("return", (_paymentMethod$prefer = paymentMethod == null ? void 0 : paymentMethod.preference_id) != null ? _paymentMethod$prefer : null);
-            case 61:
-              _context11.next = 63;
+              // Process payment using the hook
+              _context10.next = 61;
               return processPayment(paymentDataResponse, values, formikHelpers, checkoutResponse, checkoutUpdateResponse, {
                 attributes: attributes,
                 isFreeTickets: isFreeTickets,
                 updatedOrderData: updatedOrderData,
                 eventId: eventId
               });
-            case 63:
-              paymentResponse = _context11.sent;
+            case 61:
+              paymentResponse = _context10.sent;
               if (!(!paymentResponse && !isFreeTickets)) {
-                _context11.next = 66;
+                _context10.next = 64;
                 break;
               }
-              return _context11.abrupt("return");
-            case 66:
+              return _context10.abrupt("return");
+            case 64:
               removeReferralKey();
               removeAdditionalConfigs();
               handleSubmit(values, formikHelpers, eventId, checkoutResponse, checkoutUpdateResponse, paymentResponse);
-              _context11.next = 79;
+              _context10.next = 77;
               break;
-            case 71:
-              _context11.prev = 71;
-              _context11.t1 = _context11["catch"](0);
+            case 69:
+              _context10.prev = 69;
+              _context10.t1 = _context10["catch"](0);
               setLoading(false);
-              onSubmitError(_context11.t1);
-              hasUnverifiedOrder = _get(_context11.t1, 'response.data.data.hasUnverifiedOrder');
-              message = _get(_context11.t1, 'response.data.message', {});
+              onSubmitError(_context10.t1);
+              hasUnverifiedOrder = _get(_context10.t1, 'response.data.data.hasUnverifiedOrder');
+              message = _get(_context10.t1, 'response.data.message', {});
               if (hasUnverifiedOrder && typeof message === 'string') {
                 setPendingVerificationMessage(message);
-              } else if (axios.isAxiosError(_context11.t1)) {
-                if (((_e$response = _context11.t1.response) == null ? void 0 : _e$response.status) === 401 || _get(_context11.t1, 'response.data.error') === 'invalid_token') {
+              } else if (axios.isAxiosError(_context10.t1)) {
+                if (((_e$response = _context10.t1.response) == null ? void 0 : _e$response.status) === 401 || _get(_context10.t1, 'response.data.error') === 'invalid_token') {
                   if (isBrowser) {
                     window.localStorage.removeItem('user_data');
                     setUserExpired(true);
@@ -7939,19 +7776,19 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
                 if (message && !hideErrorsAlertSection && typeof message === 'string') {
                   setError(message);
                 }
-                onSubmitError(_context11.t1);
+                onSubmitError(_context10.t1);
               }
               // Keep form values intact - don't reset
               formikHelpers.setSubmitting(false);
-            case 79:
-              _context11.prev = 79;
+            case 77:
+              _context10.prev = 77;
               setLoading(false);
-              return _context11.finish(79);
-            case 82:
+              return _context10.finish(77);
+            case 80:
             case "end":
-              return _context11.stop();
+              return _context10.stop();
           }
-        }, _callee11, null, [[0, 71, 79, 82], [15, 23]]);
+        }, _callee10, null, [[0, 69, 77, 80], [15, 23]]);
       }));
       function onSubmit(_x3, _x4) {
         return _onSubmit.apply(this, arguments);
@@ -7959,11 +7796,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
       return onSubmit;
     }()
   }, function (props) {
-    // Update ref with latest Formik helpers for stable Wallet callback
-    formikHelpersRef.current = {
-      setSubmitting: props.setSubmitting,
-      submitForm: props.submitForm
-    };
+    var _checkoutUpdateData$a6, _checkoutUpdateData$a7, _checkoutUpdateData$a8, _checkoutUpdateData$a9;
     return React__default.createElement(formik.Form, {
       onSubmit: props.handleSubmit
     }, React__default.createElement(ErrorFocus, null), React__default.createElement(LogicRunner, {
@@ -8065,7 +7898,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
             className: element.className + " " + ((props == null ? void 0 : props.errors[element.name]) || '')
           }, element.component ? typeof element.component === 'function' ? renderComponentWithProps(element.component, element.name === 'payment_info' ? {
             reviewData: reviewData
-          } : {}) : element.component : React__default.createElement(formik.FastField, Object.assign({}, element, {
+          } : {}) : element.component : React__default.createElement(formik.Field, Object.assign({}, element, {
             type: element.type === 'radio' || element.type === 'checkbox' ? undefined : element.type,
             setPhoneValidationIsLoading: element.type === 'phone' ? setPhoneValidationIsLoading : undefined,
             fill: element.type === 'phone' ? true : undefined,
@@ -8125,7 +7958,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
           return React__default.createElement("div", {
             className: element.className,
             key: element.name
-          }, React__default.createElement(formik.FastField, Object.assign({}, element, {
+          }, React__default.createElement(formik.Field, Object.assign({}, element, {
             type: element.type === 'radio' || element.type === 'checkbox' ? undefined : element.type,
             name: element.name + "-" + index,
             label: getFieldLabel(element, configs),
@@ -8140,12 +7973,24 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
       }));
     })), React__default.createElement("div", {
       className: "payment-section"
-    }, isSinglePageCheckout && !orderIsFree && (paymentTypeConfig == null ? void 0 : paymentTypeConfig.type) === PaymentType.STRIPE_INTENTS && React__default.createElement(PaymentContainer, {
-      paymentTypeConfigs: paymentTypeConfig,
+    }, isSinglePageCheckout && !orderIsFree && stripePublishableKey && React__default.createElement(PaymentContainer, {
+      stripePublishableKey: stripePublishableKey,
+      stripeAccountId: stripeAccountId,
       formTitle: "Payment Information",
       orderInfoLabel: "",
       enableTimer: false,
       checkoutData: checkoutData,
+      elementsOptions: elementsOptions,
+      paymentElementOptions: {
+        wallets: {
+          applePay: (checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a6 = checkoutUpdateData.additional_payment_information) == null ? void 0 : (_checkoutUpdateData$a7 = _checkoutUpdateData$a6.stripe_wallets) == null ? void 0 : _checkoutUpdateData$a7.applePay) || 'never',
+          googlePay: (checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a8 = checkoutUpdateData.additional_payment_information) == null ? void 0 : (_checkoutUpdateData$a9 = _checkoutUpdateData$a8.stripe_wallets) == null ? void 0 : _checkoutUpdateData$a9.googlePay) || 'never'
+        }
+      },
+      onStripeReady: function onStripeReady(stripe, elements) {
+        stripeRef.current = stripe;
+        elementsRef.current = elements;
+      },
       paymentFields: paymentProps.paymentFields || [],
       onPaymentError: paymentProps.onPaymentError || _identity,
       handlePayment: paymentProps.handlePayment || _identity,
@@ -8159,9 +8004,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref7) {
       isSinglePageCheckout: true
     }), paymentSectionAddon), React__default.createElement("div", {
       className: "button-container"
-    }, isMercadoPagoPayment && React__default.createElement(MemoizedWallet, {
-      onSubmit: handleWalletSubmit
-    }), !isMercadoPagoPayment && React__default.createElement(Button, {
+    }, React__default.createElement(Button, {
       type: "submit",
       variant: "contained",
       className: "login-register-button",
@@ -10431,6 +10274,12 @@ var TicketsSection = function TicketsSection(_ref) {
     var ticketPriceWithFees = priceSymbol + " " + (+ticket.basePrice).toFixed(2);
     var ticketOldPriceWithFees = priceSymbol + " " + (+ticket.oldBasePrice).toFixed(2);
     var ticketOldPriceWithoutFees = priceSymbol + " " + (+ticket.oldCost).toFixed(2);
+    var ticketFinalPrice = ticket.feeIncluded && !ticket.isForward ? +(ticket.x_face_value || ticket.basePrice) : ticket.feeIncluded ? +ticket.basePrice : +ticket.cost;
+    var ticketFinalPriceFormatted = priceSymbol + " " + Math.round(ticketFinalPrice);
+    var ticketOldFinalPrice = ticket.feeIncluded && !ticket.isForward ? +(ticket.x_face_value || ticket.basePrice) : ticket.feeIncluded ? +ticket.oldBasePrice : +ticket.oldCost;
+    var ticketOldFinalPriceFormatted = priceSymbol + " " + Math.round(ticketOldFinalPrice);
+    var ticketFeeAmount = (+ticket.basePrice - +ticket.cost).toFixed(2);
+    var ticketBreakdown = !ticket.feeIncluded ? '(+ fees at checkout)' : !ticket.isForward ? null : parseFloat(ticketFeeAmount) > 0 ? "(" + priceSymbol + " " + (+ticket.cost).toFixed(2) + " + " + priceSymbol + " " + ticketFeeAmount + " fee)" : null;
     var isSoldOut = ticket.sold_out || !(ticket.displayTicket || ticket.slotGroupId) || ticket.soldOut;
     var ticketSelect = function ticketSelect(event) {
       var value = event.target.value;
@@ -10441,8 +10290,8 @@ var TicketsSection = function TicketsSection(_ref) {
       ticketIsDiscounted = true;
     }
     var ticketIsFree = +ticket.price === 0;
-    var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
-    var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
+    var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN ? ticketOldFinalPriceFormatted : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
+    var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN ? ticketFinalPriceFormatted : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
     var isNewGroupTicket = (ticket == null ? void 0 : ticket.groupName) !== ((_arr = arr[i - 1]) == null ? void 0 : _arr.groupName);
     return React__default.createElement(React__default.Fragment, {
       key: ticket.id || ticket.name
@@ -10485,7 +10334,7 @@ var TicketsSection = function TicketsSection(_ref) {
       className: isSoldOut ? 'sold-out' : ''
     }, ticketPriceElem), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
       className: "fees"
-    }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)")), React__default.createElement("div", {
+    }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)", CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && ticketBreakdown)), React__default.createElement("div", {
       className: "event-detail__tier-state",
       style: {
         minWidth: 55
@@ -10509,6 +10358,12 @@ var TicketsSection = function TicketsSection(_ref) {
     var ticketPriceWithFees = priceSymbol + " " + (+ticket.basePrice).toFixed(2);
     var ticketOldPriceWithFees = priceSymbol + " " + (+ticket.oldBasePrice).toFixed(2);
     var ticketOldPriceWithoutFees = priceSymbol + " " + (+ticket.oldCost).toFixed(2);
+    var ticketFinalPrice = ticket.feeIncluded && !ticket.isForward ? +(ticket.x_face_value || ticket.basePrice) : ticket.feeIncluded ? +ticket.basePrice : +ticket.cost;
+    var ticketFinalPriceFormatted = priceSymbol + " " + Math.round(ticketFinalPrice);
+    var ticketOldFinalPrice = ticket.feeIncluded && !ticket.isForward ? +(ticket.x_face_value || ticket.basePrice) : ticket.feeIncluded ? +ticket.oldBasePrice : +ticket.oldCost;
+    var ticketOldFinalPriceFormatted = priceSymbol + " " + Math.round(ticketOldFinalPrice);
+    var ticketFeeAmount = (+ticket.basePrice - +ticket.cost).toFixed(2);
+    var ticketBreakdown = !ticket.feeIncluded ? '(+ fees at checkout)' : !ticket.isForward ? null : parseFloat(ticketFeeAmount) > 0 ? "(" + priceSymbol + " " + (+ticket.cost).toFixed(2) + " + " + priceSymbol + " " + ticketFeeAmount + " fee)" : null;
     var isSoldOut = ticket.sold_out || !(ticket.displayTicket || ticket.slotGroupId) || ticket.soldOut;
     var ticketSelect = function ticketSelect(event) {
       var value = event.target.value;
@@ -10519,8 +10374,8 @@ var TicketsSection = function TicketsSection(_ref) {
       ticketIsDiscounted = true;
     }
     var ticketIsFree = +ticket.price === 0;
-    var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
-    var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
+    var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN ? ticketOldFinalPriceFormatted : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
+    var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN ? ticketFinalPriceFormatted : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
     var isNewGroupTicket = (ticket == null ? void 0 : ticket.groupName) !== ((_arr2 = arr[i - 1]) == null ? void 0 : _arr2.groupName);
     return React__default.createElement(React__default.Fragment, {
       key: ticket.id || ticket.name
@@ -10563,7 +10418,7 @@ var TicketsSection = function TicketsSection(_ref) {
       className: isSoldOut ? 'sold-out' : ''
     }, ticketPriceElem), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
       className: "fees"
-    }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)"), ticket.depositPercent && React__default.createElement("p", {
+    }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)", CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && ticketBreakdown), ticket.depositPercent && React__default.createElement("p", {
       className: "deposits"
     }, ticket.depositPercent + '% DEPOSIT')), React__default.createElement("div", {
       className: "event-detail__tier-state",
@@ -10621,13 +10476,19 @@ var TimeSlotTicketRow = function TimeSlotTicketRow(_ref) {
   var ticketPriceWithFees = priceSymbol + " " + (+ticket.basePrice).toFixed(2);
   var ticketOldPriceWithFees = priceSymbol + " " + (+ticket.oldBasePrice).toFixed(2);
   var ticketOldPriceWithoutFees = priceSymbol + " " + (+ticket.oldCost).toFixed(2);
+  var ticketFinalPrice = ticket.feeIncluded && !ticket.isForward ? +(ticket.x_face_value || ticket.basePrice) : ticket.feeIncluded ? +ticket.basePrice : +ticket.cost;
+  var ticketFinalPriceFormatted = priceSymbol + " " + Math.round(ticketFinalPrice);
+  var ticketOldFinalPrice = ticket.feeIncluded && !ticket.isForward ? +(ticket.x_face_value || ticket.basePrice) : ticket.feeIncluded ? +ticket.oldBasePrice : +ticket.oldCost;
+  var ticketOldFinalPriceFormatted = priceSymbol + " " + Math.round(ticketOldFinalPrice);
+  var ticketFeeAmount = (+ticket.basePrice - +ticket.cost).toFixed(2);
+  var ticketBreakdown = !ticket.feeIncluded ? '(+ fees at checkout)' : !ticket.isForward ? null : parseFloat(ticketFeeAmount) > 0 ? "(" + priceSymbol + " " + (+ticket.cost).toFixed(2) + " + " + priceSymbol + " " + ticketFeeAmount + " fee)" : null;
   var ticketIsDiscounted = false;
   if (ticket.oldPrice && !isSoldOut && ticket.oldPrice !== ticket.price) {
     ticketIsDiscounted = true;
   }
   var ticketIsFree = +ticket.price === 0;
-  var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
-  var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
+  var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN ? ticketOldFinalPriceFormatted : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
+  var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN ? ticketFinalPriceFormatted : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
   var handleTimeChange = function handleTimeChange(event) {
     var selectedTimeKey = event.target.value;
     var selectedOption = availableTimeSlots.find(function (slot) {
@@ -10681,7 +10542,7 @@ var TimeSlotTicketRow = function TimeSlotTicketRow(_ref) {
     className: isSoldOut ? 'sold-out' : ''
   }, ticketPriceElem), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
     className: "fees"
-  }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)")), !isSoldOut && React__default.createElement("div", {
+  }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)", CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && ticketBreakdown)), !isSoldOut && React__default.createElement("div", {
     className: "event-detail__tier-state time-slot-selectors-container"
   }, React__default.createElement(Box, {
     sx: {
@@ -15733,183 +15594,6 @@ var IDVerification = function IDVerification(props) {
   })));
 };
 
-var PaymentStatuses;
-(function (PaymentStatuses) {
-  PaymentStatuses["INCOMPLETE"] = "incomplete";
-  PaymentStatuses["COMPLETE"] = "complete";
-  PaymentStatuses["PENDING"] = "pending";
-  PaymentStatuses["CANCELLED"] = "cancelled";
-})(PaymentStatuses || (PaymentStatuses = {}));
-var ProcessRedirectContainer = function ProcessRedirectContainer(_ref) {
-  var _ref$orderHash = _ref.orderHash,
-    orderHashProp = _ref$orderHash === void 0 ? undefined : _ref$orderHash,
-    _ref$onPaymentProcess = _ref.onPaymentProcessed,
-    onPaymentProcessed = _ref$onPaymentProcess === void 0 ? _identity : _ref$onPaymentProcess,
-    _ref$onProcessError = _ref.onProcessError,
-    onProcessError = _ref$onProcessError === void 0 ? _identity : _ref$onProcessError,
-    _ref$loadingMessage = _ref.loadingMessage,
-    loadingMessage = _ref$loadingMessage === void 0 ? 'Processing your payment...' : _ref$loadingMessage,
-    renderProcessing = _ref.renderProcessing,
-    renderCompleted = _ref.renderCompleted;
-  var _useState = React.useState(true),
-    isProcessing = _useState[0],
-    setIsProcessing = _useState[1];
-  var _useState2 = React.useState(null),
-    error = _useState2[0],
-    setError = _useState2[1];
-  var _useState3 = React.useState(null),
-    completedData = _useState3[0],
-    setCompletedData = _useState3[1];
-  React.useEffect(function () {
-    var processRedirect = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var orderHash, pathParts, orderHashIndex, urlParams, params, paymentData, axiosError;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (isBrowser) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              _context.prev = 2;
-              // Extract order hash from URL path if not provided as prop
-              // Expected URL format: /processing-payment/:order_hash
-              orderHash = orderHashProp;
-              if (!orderHash) {
-                pathParts = window.location.pathname.split('/');
-                orderHashIndex = pathParts.indexOf('processing-payment');
-                if (orderHashIndex !== -1 && pathParts[orderHashIndex + 1]) {
-                  orderHash = pathParts[orderHashIndex + 1];
-                }
-              }
-              if (orderHash) {
-                _context.next = 7;
-                break;
-              }
-              throw new Error('Order hash not found in URL or props');
-            case 7:
-              // Extract all query parameters from the URL
-              urlParams = new URLSearchParams(window.location.search);
-              params = {};
-              urlParams.forEach(function (value, key) {
-                params[key] = value;
-              });
-              // Call the processPayment API with orderHash and query params
-              _context.next = 12;
-              return processPayment(orderHash, params);
-            case 12:
-              paymentData = _context.sent;
-              // Store completed data for rendering
-              setCompletedData({
-                status: paymentData.status,
-                paymentData: paymentData,
-                orderHash: orderHash
-              });
-              // Trigger the callback with payment status, data, and orderHash
-              onPaymentProcessed(paymentData.status, paymentData, orderHash);
-              _context.next = 22;
-              break;
-            case 17:
-              _context.prev = 17;
-              _context.t0 = _context["catch"](2);
-              axiosError = _context.t0;
-              setError(axiosError.message || 'Failed to process payment');
-              onProcessError(axiosError);
-            case 22:
-              _context.prev = 22;
-              setIsProcessing(false);
-              return _context.finish(22);
-            case 25:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[2, 17, 22, 25]]);
-      }));
-      return function processRedirect() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    processRedirect();
-  }, [orderHashProp, onPaymentProcessed, onProcessError]);
-  if (error) {
-    return React__default.createElement("div", {
-      style: {
-        padding: '20px',
-        textAlign: 'center'
-      }
-    }, React__default.createElement("p", {
-      style: {
-        color: 'red'
-      }
-    }, "Error: ", error));
-  }
-  if (isProcessing) {
-    // Use custom processing render if provided
-    if (renderProcessing) {
-      return React__default.createElement(React__default.Fragment, null, renderProcessing());
-    }
-    // Default processing UI
-    return React__default.createElement("div", {
-      style: {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        padding: '40px'
-      }
-    }, React__default.createElement(CircularProgress, null), loadingMessage && React__default.createElement("p", {
-      style: {
-        marginTop: '20px',
-        fontSize: '16px'
-      }
-    }, loadingMessage));
-  }
-  // Payment processing completed
-  if (completedData) {
-    var _paymentData$mercadoP, _paymentData$mercadoP2, _statusMessages;
-    var status = completedData.status,
-      paymentData = completedData.paymentData,
-      orderHash = completedData.orderHash;
-    // Use custom completed render if provided
-    if (renderCompleted) {
-      var customContent = renderCompleted(status, paymentData, orderHash);
-      if (customContent) {
-        return React__default.createElement(React__default.Fragment, null, customContent);
-      }
-    }
-    // Check if it's a Mercado Pago payment
-    var isMercadoPago = paymentData.paymentType === PaymentType.MERCADO_PAGO_PRO;
-    if (isMercadoPago && (_paymentData$mercadoP = paymentData.mercadoPagoInformation) != null && _paymentData$mercadoP.paymentId && (_paymentData$mercadoP2 = paymentData.mercadoPagoInformation) != null && _paymentData$mercadoP2.publicKey) {
-      var _paymentData$mercadoP3;
-      // Show StatusScreen for Mercado Pago payments
-      sdkReact.initMercadoPago((_paymentData$mercadoP3 = paymentData.mercadoPagoInformation) == null ? void 0 : _paymentData$mercadoP3.publicKey);
-      return React__default.createElement(sdkReact.StatusScreen, {
-        initialization: {
-          paymentId: paymentData.mercadoPagoInformation.paymentId
-        }
-      });
-    }
-    // Default: Show simple text with payment status
-    var statusMessages = (_statusMessages = {}, _statusMessages[PaymentStatuses.COMPLETE] = 'Your payment has been completed successfully!', _statusMessages[PaymentStatuses.PENDING] = 'Your payment is being processed.', _statusMessages[PaymentStatuses.INCOMPLETE] = 'Your payment is incomplete. Please try again.', _statusMessages[PaymentStatuses.CANCELLED] = 'Your payment has been cancelled.', _statusMessages);
-    var message = statusMessages[status] || "Payment status: " + status;
-    return React__default.createElement("div", {
-      style: {
-        padding: '40px',
-        textAlign: 'center'
-      }
-    }, React__default.createElement("h2", null, message), React__default.createElement("p", {
-      style: {
-        marginTop: '20px',
-        fontSize: '14px',
-        color: '#666'
-      }
-    }, "Order: ", orderHash));
-  }
-  return null;
-};
-
 var style$6 = {
   position: 'absolute',
   top: '10%',
@@ -16224,19 +15908,23 @@ var OrderDetails = function OrderDetails(_ref3) {
       className: "add-on-container"
     }, React__default.createElement("span", null, item.quantity), React__default.createElement("span", {
       className: "add-on-x"
-    }, ' x '), React__default.createElement("span", null, item.groupName ? item.groupName + ' - ' : ''), React__default.createElement("span", null, item.name), React__default.createElement("span", null, ' - '), React__default.createElement("span", null, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency) + ' (incl. fees)', CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency)), React__default.createElement("span", {
+    }, ' x '), React__default.createElement("span", null, item.groupName ? item.groupName + ' - ' : ''), React__default.createElement("span", null, item.name), React__default.createElement("span", null, ' - '), React__default.createElement("span", null, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency) + ' (incl. fees)', CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency), CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency)), React__default.createElement("span", {
       className: "add-on-each"
     }, ' each')), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && React__default.createElement("p", {
       className: "fees"
-    }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(String(item.price))), currency) + " with fees)"));
+    }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(String(item.price))), currency) + " with fees)"), CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && parseFloat(item.price) - parseFloat(item.cost) > 0 && React__default.createElement("p", {
+      className: "fees"
+    }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency) + " + " + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price) - parseFloat(item.cost)), currency) + " fee)"));
   };
   var defaultTableRenderer = function defaultTableRenderer(item) {
     return React__default.createElement("div", null, React__default.createElement("div", {
       key: item.id,
       className: "table-type-container"
-    }, React__default.createElement("span", null, item.groupName ? item.groupName + ' - ' : ''), React__default.createElement("span", null, item.name), React__default.createElement("span", null, ' - '), React__default.createElement("span", null, "Guest Count", ': '), React__default.createElement("span", null, item.guestCount)), React__default.createElement("div", null, React__default.createElement("span", null, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency) + ' (incl. fees)', CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency)), React__default.createElement("br", null), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && React__default.createElement("p", {
+    }, React__default.createElement("span", null, item.groupName ? item.groupName + ' - ' : ''), React__default.createElement("span", null, item.name), React__default.createElement("span", null, ' - '), React__default.createElement("span", null, "Guest Count", ': '), React__default.createElement("span", null, item.guestCount)), React__default.createElement("div", null, React__default.createElement("span", null, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency) + ' (incl. fees)', CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency), CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency)), React__default.createElement("br", null), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && React__default.createElement("p", {
+      className: "fees"
+    }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(String(item.price))), currency) + " with fees)"), CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && parseFloat(item.price) - parseFloat(item.cost) > 0 && React__default.createElement("p", {
       className: "fees"
-    }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(String(item.price))), currency) + " with fees)")));
+    }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency) + " + " + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price) - parseFloat(item.cost)), currency) + " fee)")));
   };
   return React__default.createElement("div", {
     className: "payment_page payment_page_single"
@@ -16342,7 +16030,6 @@ exports.PoweredBy = PoweredBy;
 exports.PreRegistration = PreRegistration;
 exports.PreRegistrationComplete = PreRegistrationComplete;
 exports.PreRegistrationInformations = PreRegistrationInformations;
-exports.ProcessRedirectContainer = ProcessRedirectContainer;
 exports.RedirectModal = RedirectModal;
 exports.ResetPasswordContainer = ResetPasswordContainer;
 exports.RsvpContainer = RsvpContainer;