tf-checkout-react 1.7.8 → 1.7.14

package/dist/tf-checkout-react.esm.js

@@ -2740,59 +2740,6 @@ var TimerWidget = function TimerWidget(_ref) {
 };
 var TimerWidget$1 = /*#__PURE__*/memo(TimerWidget);
 
-var addonsWithGroupsAdapter = function addonsWithGroupsAdapter(data) {
-  var addonsData = _extends({}, data);
-  var addOnsGroups = _get(addonsData, 'add_on_groups', []);
-  var addons = _get(addonsData, 'add_ons', []);
-  if (!_isEmpty(addOnsGroups)) {
-    var addOnGroupsWithVariants = [];
-    var addOnsWithoutVariants = [];
-    addons.forEach(function (addon) {
-      if (addon.attributes.addOnGroupId) {
-        // Collect addons groups inside with their variants
-        var currentGroupId = addon.attributes.addOnGroupId;
-        var exsistingGroupIndex = addOnGroupsWithVariants.findIndex(function (item) {
-          return item.id === currentGroupId;
-        });
-        if (addOnGroupsWithVariants[exsistingGroupIndex]) {
-          var addOnGroup = addOnGroupsWithVariants[exsistingGroupIndex];
-          addOnGroupsWithVariants[exsistingGroupIndex] = _extends({}, addOnGroup, {
-            variants: [].concat(addOnGroup.variants, addon.attributes)
-          });
-        } else {
-          var group = addOnsGroups.find(function (group) {
-            return group.attributes.id === currentGroupId;
-          }) || {};
-          addOnGroupsWithVariants.push(_extends({}, group.attributes, {
-            variants: [].concat(addon.attributes)
-          }));
-        }
-      } else {
-        addOnsWithoutVariants.push(addon.attributes);
-      }
-    });
-    return addOnGroupsWithVariants.concat(addOnsWithoutVariants);
-  }
-  // Adapt only simple addons data
-  var adaptedAddons = addons.map(function (addon) {
-    return _extends({}, addon.attributes);
-  });
-  return adaptedAddons;
-};
-var cartAdapter = function cartAdapter(cart) {
-  var cartData = _get(cart, 'data.attributes', []);
-  var expiresAt = cartData.expiresAt,
-    carts_arr = cartData.cart;
-  var _ref = carts_arr[0] || {},
-    id = _ref.id,
-    quantity = _ref.quantity;
-  return {
-    id: id,
-    quantity: quantity,
-    expiresAt: expiresAt
-  };
-};
-
 var CheckboxField = function CheckboxField(_ref) {
   var label = _ref.label,
     field = _ref.field,
@@ -3911,37 +3858,79 @@ var isAtLeastOneAddonSelected = function isAtLeastOneAddonSelected(value) {
   return !_isEmpty(selectedAddons);
 };
 
-var AddonsContainter = function AddonsContainter(_ref) {
-  var _ref$classNamePrefix = _ref.classNamePrefix,
-    classNamePrefix = _ref$classNamePrefix === void 0 ? 'add_on' : _ref$classNamePrefix,
-    _ref$enableBillingInf = _ref.enableBillingInfoAutoCreate,
-    enableBillingInfoAutoCreate = _ref$enableBillingInf === void 0 ? true : _ref$enableBillingInf,
-    _ref$enableTimer = _ref.enableTimer,
-    enableTimer = _ref$enableTimer === void 0 ? false : _ref$enableTimer,
-    _ref$onGetAddonsPageI = _ref.onGetAddonsPageInfoSuccess,
-    onGetAddonsPageInfoSuccess = _ref$onGetAddonsPageI === void 0 ? _identity : _ref$onGetAddonsPageI,
-    _ref$onGetAddonsPageI2 = _ref.onGetAddonsPageInfoError,
-    onGetAddonsPageInfoError = _ref$onGetAddonsPageI2 === void 0 ? _identity : _ref$onGetAddonsPageI2,
-    _ref$onPostCheckoutSu = _ref.onPostCheckoutSuccess,
-    onPostCheckoutSuccess = _ref$onPostCheckoutSu === void 0 ? _identity : _ref$onPostCheckoutSu,
-    _ref$onPostCheckoutEr = _ref.onPostCheckoutError,
-    onPostCheckoutError = _ref$onPostCheckoutEr === void 0 ? _identity : _ref$onPostCheckoutEr,
-    _ref$onConfirmSelecti = _ref.onConfirmSelectionSuccess,
-    onConfirmSelectionSuccess = _ref$onConfirmSelecti === void 0 ? _identity : _ref$onConfirmSelecti,
-    _ref$onConfirmSelecti2 = _ref.onConfirmSelectionError,
-    onConfirmSelectionError = _ref$onConfirmSelecti2 === void 0 ? _identity : _ref$onConfirmSelecti2,
-    _ref$onCountdownFinis = _ref.onCountdownFinish,
-    _onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis,
-    _ref$onPendingVerific = _ref.onPendingVerification,
-    onPendingVerification = _ref$onPendingVerific === void 0 ? _identity : _ref$onPendingVerific,
-    samePage = _ref.samePage,
-    _ref$descriptionTrigg = _ref.descriptionTrigger,
-    descriptionTrigger = _ref$descriptionTrigg === void 0 ? 'click' : _ref$descriptionTrigg,
-    addOnDataWithCustomFields = _ref.addOnDataWithCustomFields,
-    configs = _ref.configs,
-    _ref$onAddOnSelect = _ref.onAddOnSelect,
-    onAddOnSelect = _ref$onAddOnSelect === void 0 ? _identity : _ref$onAddOnSelect;
-  var eventId = getQueryVariable('event_id');
+var addonsWithGroupsAdapter = function addonsWithGroupsAdapter(data) {
+  var addonsData = _extends({}, data);
+  var addOnsGroups = _get(addonsData, 'add_on_groups', []);
+  var addons = _get(addonsData, 'add_ons', []);
+  if (!_isEmpty(addOnsGroups)) {
+    var addOnGroupsWithVariants = [];
+    var addOnsWithoutVariants = [];
+    addons.forEach(function (addon) {
+      if (addon.attributes.addOnGroupId) {
+        // Collect addons groups inside with their variants
+        var currentGroupId = addon.attributes.addOnGroupId;
+        var exsistingGroupIndex = addOnGroupsWithVariants.findIndex(function (item) {
+          return item.id === currentGroupId;
+        });
+        if (addOnGroupsWithVariants[exsistingGroupIndex]) {
+          var addOnGroup = addOnGroupsWithVariants[exsistingGroupIndex];
+          addOnGroupsWithVariants[exsistingGroupIndex] = _extends({}, addOnGroup, {
+            variants: [].concat(addOnGroup.variants, addon.attributes)
+          });
+        } else {
+          var group = addOnsGroups.find(function (group) {
+            return group.attributes.id === currentGroupId;
+          }) || {};
+          addOnGroupsWithVariants.push(_extends({}, group.attributes, {
+            variants: [].concat(addon.attributes)
+          }));
+        }
+      } else {
+        addOnsWithoutVariants.push(addon.attributes);
+      }
+    });
+    return addOnGroupsWithVariants.concat(addOnsWithoutVariants);
+  }
+  // Adapt only simple addons data
+  var adaptedAddons = addons.map(function (addon) {
+    return _extends({}, addon.attributes);
+  });
+  return adaptedAddons;
+};
+var cartAdapter = function cartAdapter(cart) {
+  var cartData = _get(cart, 'data.attributes', []);
+  var expiresAt = cartData.expiresAt,
+    carts_arr = cartData.cart;
+  var _ref = carts_arr[0] || {},
+    id = _ref.id,
+    quantity = _ref.quantity;
+  return {
+    id: id,
+    quantity: quantity,
+    expiresAt: expiresAt
+  };
+};
+
+var useAddons = function useAddons(eventId, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var _options = options,
+    _options$enableBillin = _options.enableBillingInfoAutoCreate,
+    enableBillingInfoAutoCreate = _options$enableBillin === void 0 ? true : _options$enableBillin,
+    addOnDataWithCustomFields = _options.addOnDataWithCustomFields,
+    _options$onGetAddonsP = _options.onGetAddonsPageInfoSuccess,
+    onGetAddonsPageInfoSuccess = _options$onGetAddonsP === void 0 ? _identity : _options$onGetAddonsP,
+    _options$onGetAddonsP2 = _options.onGetAddonsPageInfoError,
+    onGetAddonsPageInfoError = _options$onGetAddonsP2 === void 0 ? _identity : _options$onGetAddonsP2,
+    _options$onPostChecko = _options.onPostCheckoutSuccess,
+    onPostCheckoutSuccess = _options$onPostChecko === void 0 ? _identity : _options$onPostChecko,
+    _options$onPostChecko2 = _options.onPostCheckoutError,
+    onPostCheckoutError = _options$onPostChecko2 === void 0 ? _identity : _options$onPostChecko2,
+    _options$onConfirmSel = _options.onConfirmSelectionSuccess,
+    onConfirmSelectionSuccess = _options$onConfirmSel === void 0 ? _identity : _options$onConfirmSel,
+    _options$onConfirmSel2 = _options.onConfirmSelectionError,
+    onConfirmSelectionError = _options$onConfirmSel2 === void 0 ? _identity : _options$onConfirmSel2;
   var _useState = useState([]),
     addons = _useState[0],
     setAddons = _useState[1];
@@ -3963,20 +3952,9 @@ var AddonsContainter = function AddonsContainter(_ref) {
   var _useState7 = useState(),
     pendingVerificationMessage = _useState7[0],
     setPendingVerificationMessage = _useState7[1];
-  var _useState8 = useState(null),
-    visibleDescription = _useState8[0],
-    setVisibleDescription = _useState8[1];
-  var handleDescriptionToggle = function handleDescriptionToggle(ticketId) {
-    setVisibleDescription(function (current) {
-      return current === ticketId ? null : ticketId;
-    });
-  };
   useEffect(function () {
-    if (samePage) {
-      window.localStorage.removeItem('add_ons');
-    }
     var getAddonsPageInfo = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
         var cart, _cartAdapter, choosedTicketID, quantity, expiresAt, choosedTicketCount, addonsData, adaptedAddons, ticketRelatedAddons, sortedTicketAddons, _getAddonSelectOption, addonsWithOptions, groupsWithSelectedVariantsInfo, groupsWithVariants;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -3987,7 +3965,6 @@ var AddonsContainter = function AddonsContainter(_ref) {
                 break;
               }
               setLoading(true);
-              // Get choosed ticket info (id, count) from Cart request for addons options calculations
               _context.next = 5;
               return getCart();
             case 5:
@@ -3995,7 +3972,6 @@ var AddonsContainter = function AddonsContainter(_ref) {
               _cartAdapter = cartAdapter(cart), choosedTicketID = _cartAdapter.id, quantity = _cartAdapter.quantity, expiresAt = _cartAdapter.expiresAt;
               choosedTicketCount = Number(quantity);
               setCartExpirationTime(expiresAt);
-              // Get and collect addons data
               _context.next = 11;
               return getAddons(eventId);
             case 11:
@@ -4004,12 +3980,10 @@ var AddonsContainter = function AddonsContainter(_ref) {
               ticketRelatedAddons = getTicketRelatedAddons(adaptedAddons, choosedTicketID);
               sortedTicketAddons = getSortedAddons(ticketRelatedAddons);
               setAddons(sortedTicketAddons);
-              // Collect addons and addon group options
               _getAddonSelectOption = getAddonSelectOptions(adaptedAddons, choosedTicketCount), addonsWithOptions = _getAddonSelectOption.addonsWithOptions, groupsWithSelectedVariantsInfo = _getAddonSelectOption.groupsWithSelectedVariantsInfo, groupsWithVariants = _getAddonSelectOption.groupsWithVariants;
               setAddonsOptions(addonsWithOptions);
               setGroupsWithSelectedVariants(groupsWithSelectedVariantsInfo);
               setGroupsWithInitialVariantsValues(groupsWithVariants);
-              // Success callback props
               onGetAddonsPageInfoSuccess(addonsData);
             case 21:
               _context.next = 26;
@@ -4017,7 +3991,6 @@ var AddonsContainter = function AddonsContainter(_ref) {
             case 23:
               _context.prev = 23;
               _context.t0 = _context["catch"](0);
-              // Callback error props
               onGetAddonsPageInfoError(_context.t0);
             case 26:
               _context.prev = 26;
@@ -4030,23 +4003,21 @@ var AddonsContainter = function AddonsContainter(_ref) {
         }, _callee, null, [[0, 23, 26, 29]]);
       }));
       return function getAddonsPageInfo() {
-        return _ref2.apply(this, arguments);
+        return _ref.apply(this, arguments);
       };
     }();
     getAddonsPageInfo();
-  }, []);
-  var recreateGroupVariantsSelectOptions = function recreateGroupVariantsSelectOptions(groupId, changedGroupd) {
-    var choosedVariants = changedGroupd.choosedVariants,
-      limit = changedGroupd.limit,
-      selectedCount = changedGroupd.selectedCount;
+  }, [eventId]);
+  var recreateGroupVariantsSelectOptions = function recreateGroupVariantsSelectOptions(groupId, changedGroup) {
+    var choosedVariants = changedGroup.choosedVariants,
+      limit = changedGroup.limit,
+      selectedCount = changedGroup.selectedCount;
     var remainingGroupStock = limit - selectedCount;
     var recreatedVariantsOptions = {};
-    // Regenerate variants allowed stock counts
     for (var variant in choosedVariants) {
       var variantId = variant;
       var variantCurrSelectedValue = choosedVariants[variant];
       var allowedOptionCount = void 0;
-      // Formula for regenerating
       if (remainingGroupStock >= groupsWithInitialVariantsValues[groupId][variantId] - variantCurrSelectedValue) {
         allowedOptionCount = groupsWithInitialVariantsValues[groupId][variantId];
       } else {
@@ -4059,7 +4030,6 @@ var AddonsContainter = function AddonsContainter(_ref) {
     });
   };
   var onFieldChange = function onFieldChange(id, value, addon) {
-    // If changeableGroup exsists it means that group with limitation variant was changed
     var changeableGroup = groupsWithSelectedVariants[addon.id];
     if (changeableGroup) {
       var _extends2, _extends3;
@@ -4068,18 +4038,16 @@ var AddonsContainter = function AddonsContainter(_ref) {
       var currSelectedVariantCount = Number(value);
       var currSelectedVariantPrevCount = groupsWithSelectedVariants[currGroupId].choosedVariants[currSelectedVariantId];
       var currSelectedGroupCount = changeableGroup.selectedCount + (currSelectedVariantCount - currSelectedVariantPrevCount);
-      // Update Group info
       var updatedGroupsWithSelectedVariants = _extends({}, groupsWithSelectedVariants, (_extends3 = {}, _extends3[currGroupId] = _extends({}, groupsWithSelectedVariants[currGroupId], {
         selectedCount: currSelectedGroupCount,
         choosedVariants: _extends({}, groupsWithSelectedVariants[currGroupId].choosedVariants, (_extends2 = {}, _extends2[currSelectedVariantId] = currSelectedVariantCount, _extends2))
       }), _extends3));
       setGroupsWithSelectedVariants(updatedGroupsWithSelectedVariants);
-      // Recreate Select Options for Addon Group Variants
       recreateGroupVariantsSelectOptions(currGroupId, updatedGroupsWithSelectedVariants[currGroupId]);
     }
   };
   var handleConfirm = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values, skipAddonPage) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values, skipAddonPage) {
       var _pageConfigsData$skip, pageConfigsDataResponse, pageConfigsData, skipBillingPage, ticketsQuantity, userData, checkoutBody, _checkoutResponse$dat, _checkoutResponse$dat2, _checkoutResponse$dat3, _checkoutResponse$dat4, checkoutResponse, hash, total, _error$response, _error$response$data, _error$response$data$, _error$response2, _error$response2$data;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -4161,7 +4129,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
       }, _callee2, null, [[0, 30], [10, 22]]);
     }));
     return function handleConfirm(_x, _x2) {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var handleClearAddons = function handleClearAddons() {
@@ -4183,6 +4151,84 @@ var AddonsContainter = function AddonsContainter(_ref) {
     }
     return addOnsData;
   }, [addons, addOnDataWithCustomFields]);
+  return {
+    addons: addons,
+    addonsOptions: addonsOptions,
+    loading: loading,
+    cartExpirationTime: cartExpirationTime,
+    pendingVerificationMessage: pendingVerificationMessage,
+    setPendingVerificationMessage: setPendingVerificationMessage,
+    initialValues: initialValues,
+    onFieldChange: onFieldChange,
+    handleConfirm: handleConfirm,
+    handleClearAddons: handleClearAddons
+  };
+};
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var AddonsContainter = function AddonsContainter(_ref) {
+  var _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'add_on' : _ref$classNamePrefix,
+    _ref$enableBillingInf = _ref.enableBillingInfoAutoCreate,
+    enableBillingInfoAutoCreate = _ref$enableBillingInf === void 0 ? true : _ref$enableBillingInf,
+    _ref$enableTimer = _ref.enableTimer,
+    enableTimer = _ref$enableTimer === void 0 ? false : _ref$enableTimer,
+    _ref$onGetAddonsPageI = _ref.onGetAddonsPageInfoSuccess,
+    onGetAddonsPageInfoSuccess = _ref$onGetAddonsPageI === void 0 ? _identity : _ref$onGetAddonsPageI,
+    _ref$onGetAddonsPageI2 = _ref.onGetAddonsPageInfoError,
+    onGetAddonsPageInfoError = _ref$onGetAddonsPageI2 === void 0 ? _identity : _ref$onGetAddonsPageI2,
+    _ref$onPostCheckoutSu = _ref.onPostCheckoutSuccess,
+    onPostCheckoutSuccess = _ref$onPostCheckoutSu === void 0 ? _identity : _ref$onPostCheckoutSu,
+    _ref$onPostCheckoutEr = _ref.onPostCheckoutError,
+    onPostCheckoutError = _ref$onPostCheckoutEr === void 0 ? _identity : _ref$onPostCheckoutEr,
+    _ref$onConfirmSelecti = _ref.onConfirmSelectionSuccess,
+    onConfirmSelectionSuccess = _ref$onConfirmSelecti === void 0 ? _identity : _ref$onConfirmSelecti,
+    _ref$onConfirmSelecti2 = _ref.onConfirmSelectionError,
+    onConfirmSelectionError = _ref$onConfirmSelecti2 === void 0 ? _identity : _ref$onConfirmSelecti2,
+    _ref$onCountdownFinis = _ref.onCountdownFinish,
+    _onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis,
+    _ref$onPendingVerific = _ref.onPendingVerification,
+    onPendingVerification = _ref$onPendingVerific === void 0 ? _identity : _ref$onPendingVerific,
+    samePage = _ref.samePage,
+    _ref$descriptionTrigg = _ref.descriptionTrigger,
+    descriptionTrigger = _ref$descriptionTrigg === void 0 ? 'click' : _ref$descriptionTrigg,
+    addOnDataWithCustomFields = _ref.addOnDataWithCustomFields,
+    configs = _ref.configs,
+    _ref$onAddOnSelect = _ref.onAddOnSelect,
+    onAddOnSelect = _ref$onAddOnSelect === void 0 ? _identity : _ref$onAddOnSelect;
+  var eventId = getQueryVariable('event_id') || null;
+  var _useAddons = useAddons(eventId, {
+      enableBillingInfoAutoCreate: enableBillingInfoAutoCreate,
+      addOnDataWithCustomFields: addOnDataWithCustomFields,
+      onGetAddonsPageInfoSuccess: onGetAddonsPageInfoSuccess,
+      onGetAddonsPageInfoError: onGetAddonsPageInfoError,
+      onPostCheckoutSuccess: onPostCheckoutSuccess,
+      onPostCheckoutError: onPostCheckoutError,
+      onConfirmSelectionSuccess: onConfirmSelectionSuccess,
+      onConfirmSelectionError: onConfirmSelectionError
+    }),
+    addons = _useAddons.addons,
+    addonsOptions = _useAddons.addonsOptions,
+    loading = _useAddons.loading,
+    cartExpirationTime = _useAddons.cartExpirationTime,
+    pendingVerificationMessage = _useAddons.pendingVerificationMessage,
+    initialValues = _useAddons.initialValues,
+    onFieldChange = _useAddons.onFieldChange,
+    handleConfirm = _useAddons.handleConfirm,
+    handleClearAddons = _useAddons.handleClearAddons;
+  var _useState = useState(null),
+    visibleDescription = _useState[0],
+    setVisibleDescription = _useState[1];
+  var handleDescriptionToggle = function handleDescriptionToggle(ticketId) {
+    setVisibleDescription(function (current) {
+      return current === ticketId ? null : ticketId;
+    });
+  };
+  useEffect(function () {
+    if (samePage) {
+      window.localStorage.removeItem('add_ons');
+    }
+  }, []);
   if (loading) {
     return React.createElement("div", {
       className: classNamePrefix + "_loader"
@@ -4231,10 +4277,10 @@ var AddonsContainter = function AddonsContainter(_ref) {
         window.localStorage.setItem('add_ons', JSON.stringify(values));
       }
     } : undefined
-  }, function (_ref4) {
-    var values = _ref4.values,
-      errors = _ref4.errors,
-      setFieldTouched = _ref4.setFieldTouched;
+  }, function (_ref2) {
+    var values = _ref2.values,
+      errors = _ref2.errors,
+      setFieldTouched = _ref2.setFieldTouched;
     var isConfirmDisabled = !isAtLeastOneAddonSelected(values);
     return React.createElement(Form, {
       autoComplete: "off",
@@ -5634,7 +5680,8 @@ var PaymentPlanSection = function PaymentPlanSection(props) {
 // Wrapper component to access Stripe hooks inside Elements context
 var StripeWrapper = function StripeWrapper(_ref) {
   var options = _ref.options,
-    onStripeReady = _ref.onStripeReady;
+    onStripeReady = _ref.onStripeReady,
+    onPaymentElementChange = _ref.onPaymentElementChange;
   var stripe = useStripe();
   var elements = useElements();
   useEffect(function () {
@@ -5643,7 +5690,8 @@ var StripeWrapper = function StripeWrapper(_ref) {
     }
   }, [stripe, elements, onStripeReady]);
   return React.createElement(PaymentElement, {
-    options: options
+    options: options,
+    onChange: onPaymentElementChange
   });
 };
 var initialPaymentPlanConfiguration = {
@@ -5735,6 +5783,7 @@ var PaymentContainer = function PaymentContainer(_ref2) {
     stripeAccountId = _ref2.stripeAccountId,
     _ref2$onStripeReady = _ref2.onStripeReady,
     onStripeReady = _ref2$onStripeReady === void 0 ? _identity : _ref2$onStripeReady,
+    onPaymentElementChange = _ref2.onPaymentElementChange,
     _ref2$enablePaymentPl = _ref2.enablePaymentPlan,
     enablePaymentPlan = _ref2$enablePaymentPl === void 0 ? true : _ref2$enablePaymentPl;
   var _useState = useState(initialReviewValues),
@@ -6118,7 +6167,8 @@ var PaymentContainer = function PaymentContainer(_ref2) {
     options: elementsOptions
   }, React.createElement(StripeWrapper, {
     onStripeReady: onStripeReady,
-    options: paymentElementOptions
+    options: paymentElementOptions,
+    onPaymentElementChange: onPaymentElementChange
   })))) : displayPaymentButton ? React.createElement("div", {
     className: "payment_button " + (paymentIsLoading ? 'disabled-payment-button' : '')
   }, React.createElement("button", {
@@ -6435,38 +6485,34 @@ var useStripePayment = function useStripePayment(_ref) {
     isBrowser = _ref.isBrowser;
   var processPayment = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(paymentDataResponse, values, formikHelpers, checkoutResponse, checkoutUpdateResponse, paymentData) {
-      var attributes, isFreeTickets, updatedOrderData, eventId, _yield$elementsRef$cu, submitError, paymentContext, _yield$stripeRef$curr, confirmError, paymentResponse;
+      var attributes, isFreeTickets, updatedOrderData, eventId, _yield$elementsRef$cu, submitError, paymentContext, confirmParams, rawPhone, e164Phone, _yield$stripeRef$curr, confirmError, paymentResponse;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             attributes = paymentData.attributes, isFreeTickets = paymentData.isFreeTickets, updatedOrderData = paymentData.updatedOrderData, eventId = paymentData.eventId;
             if (isFreeTickets) {
-              _context.next = 25;
+              _context.next = 23;
               break;
             }
             if (stripeRef.current) {
-              _context.next = 6;
+              _context.next = 5;
               break;
             }
             setError('Stripe is not ready');
-            console.log('Stripe is not ready in billing-info-container');
             return _context.abrupt("return", null);
-          case 6:
-            console.log('Stripe confirmPayment in billing-info-container');
-            // Step 1: Submit elements first
-            _context.next = 9;
+          case 5:
+            _context.next = 7;
             return elementsRef.current.submit();
-          case 9:
+          case 7:
             _yield$elementsRef$cu = _context.sent;
             submitError = _yield$elementsRef$cu.error;
             if (!submitError) {
-              _context.next = 15;
+              _context.next = 12;
               break;
             }
             setError('' + (submitError == null ? void 0 : submitError.message));
-            console.log('Stripe elements.submit() error in billing-info-container', submitError);
             return _context.abrupt("return", null);
-          case 15:
+          case 12:
             // Step 2: Store payment context before potential redirect
             paymentContext = {
               attributes: attributes,
@@ -6481,30 +6527,38 @@ var useStripePayment = function useStripePayment(_ref) {
             };
             localStorage.setItem('stripe_payment_context', JSON.stringify(paymentContext));
             // Step 3: Confirm payment with current page return URL
-            _context.next = 19;
+            confirmParams = {
+              return_url: window.location.href + (window.location.href.includes('?') ? '&' : '?') + 'payment_return=true'
+            };
+            if (values != null && values.phone) {
+              rawPhone = String(values.phone).replace(/[\s\-().]/g, '');
+              e164Phone = rawPhone.startsWith('+') ? rawPhone : "+" + rawPhone;
+              confirmParams.payment_method_data = {
+                billing_details: {
+                  phone: e164Phone
+                }
+              };
+            }
+            _context.next = 18;
             return stripeRef.current.confirmPayment({
               clientSecret: paymentDataResponse.data.attributes.payment_method.stripe_client_secret,
               elements: elementsRef.current,
-              confirmParams: {
-                return_url: window.location.href + (window.location.href.includes('?') ? '&' : '?') + 'payment_return=true'
-              },
+              confirmParams: confirmParams,
               redirect: 'if_required'
             });
-          case 19:
+          case 18:
             _yield$stripeRef$curr = _context.sent;
             confirmError = _yield$stripeRef$curr.error;
             if (!confirmError) {
-              _context.next = 25;
+              _context.next = 23;
               break;
             }
             setError('' + (confirmError == null ? void 0 : confirmError.message));
-            console.log('Stripe confirmPayment error in billing-info-container');
             return _context.abrupt("return", null);
-          case 25:
-            console.log('Stripe confirmPayment success in billing-info-container');
+          case 23:
             // Handle payment middleware for non-redirect payments
             paymentResponse = null;
-            _context.next = 29;
+            _context.next = 26;
             return handlePaymentMiddleWare(null, {}, {
               reviewData: attributes,
               isFreeTickets: isFreeTickets,
@@ -6522,9 +6576,9 @@ var useStripePayment = function useStripePayment(_ref) {
                 throw error;
               }
             });
-          case 29:
+          case 26:
             return _context.abrupt("return", paymentResponse);
-          case 30:
+          case 27:
           case "end":
             return _context.stop();
         }
@@ -7011,7 +7065,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref6) {
     setSingleCheckoutAddOns = _useState25[1];
   var orderIsFree = !Number(checkoutData == null ? void 0 : checkoutData.total);
   useEffect(function () {
-    var hasUniqueId = _get(dataWithUniqueIds, '[0].uniqueId');
+    var hasUniqueId = _get(data, '[0].uniqueId');
     var isEqualData = _isEqual(prevData.current, data);
     if (!hasUniqueId || !isEqualData) {
       setDataWithUniqueIds(assingUniqueIds(data));
@@ -7019,7 +7073,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref6) {
         prevData.current = data;
       }
     }
-  }, [dataWithUniqueIds, data]);
+  }, [data]);
   var getQuantity = useCallback(function (cart) {
     if (cart === void 0) {
       cart = [];
@@ -7975,6 +8029,11 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref6) {
       checkoutData: checkoutData,
       elementsOptions: elementsOptions,
       paymentElementOptions: {
+        fields: {
+          billingDetails: {
+            phone: 'never'
+          }
+        },
         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'
@@ -16011,5 +16070,5 @@ var OrderDetails = function OrderDetails(_ref3) {
   })));
 };
 
-export { AddonsContainter, WithCustomFieldsBillingInfoContainer as BillingInfoContainer, ConfirmationContainer, DEFAULT_FEES_STYLE, DelegationsContainer, ForgotPasswordModal, IDVerification, LoginModal, MyTicketsContainer, OrderDetails, OrderDetailsContainer, PaymentContainer, PoweredBy, PreRegistration, PreRegistrationComplete, PreRegistrationInformations, RedirectModal, ResetPasswordContainer, RsvpContainer, SeatMapContainer, TicketResaleContainer, TicketsContainer, VERIFICATION_STATUSES, createFixedFloatNormalizer, currencyNormalizerCreator, logoutUser, setConfigs, useCookieListener };
+export { AddonsContainter, WithCustomFieldsBillingInfoContainer as BillingInfoContainer, ConfirmationContainer, DEFAULT_FEES_STYLE, DelegationsContainer, ForgotPasswordModal, IDVerification, LoginModal, MyTicketsContainer, OrderDetails, OrderDetailsContainer, PaymentContainer, PoweredBy, PreRegistration, PreRegistrationComplete, PreRegistrationInformations, RedirectModal, ResetPasswordContainer, RsvpContainer, SeatMapContainer, TicketResaleContainer, TicketsContainer, TimerWidget$1 as TimerWidget, VERIFICATION_STATUSES, VerificationPendingModal, createFixedFloatNormalizer, currencyNormalizerCreator, logoutUser, setConfigs, useAddons, useCookieListener };
 //# sourceMappingURL=tf-checkout-react.esm.js.map