tf-checkout-react 1.7.8 → 1.7.14

package/dist/components/addonsContainer/index.d.ts

@@ -17,7 +17,4 @@ export interface IAddonContainterProps {
     configs: any;
     onAddOnSelect?: (id: string, value: string, addon: any) => void;
 }
-export interface ObjectLiteral {
-    [key: string]: any;
-}
 export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, onPendingVerification, samePage, descriptionTrigger, addOnDataWithCustomFields, configs, onAddOnSelect, }: IAddonContainterProps) => JSX.Element | null;

package/dist/components/addonsContainer/useAddons.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export interface IUseAddonsOptions {
+    enableBillingInfoAutoCreate?: boolean;
+    addOnDataWithCustomFields?: any;
+    onGetAddonsPageInfoSuccess?: (res: any) => void;
+    onGetAddonsPageInfoError?: (error: any) => void;
+    onPostCheckoutSuccess?: (res: any) => void;
+    onPostCheckoutError?: (error: any) => void;
+    onConfirmSelectionSuccess?: (res: any) => void;
+    onConfirmSelectionError?: (error: any) => void;
+}
+export declare const useAddons: (eventId: string | null, options?: IUseAddonsOptions) => {
+    addons: any;
+    addonsOptions: any;
+    loading: boolean;
+    cartExpirationTime: number;
+    pendingVerificationMessage: any;
+    setPendingVerificationMessage: import("react").Dispatch<any>;
+    initialValues: any;
+    onFieldChange: (id: any, value: any, addon: any) => void;
+    handleConfirm: (values: any, skipAddonPage?: boolean | undefined) => Promise<void>;
+    handleClearAddons: () => void;
+};

package/dist/components/paymentContainer/index.d.ts

@@ -33,6 +33,7 @@ export interface IPaymentPage {
     stripePublishableKey?: string;
     stripeAccountId?: string;
     onStripeReady?: (stripe: any, elements: any) => void;
+    onPaymentElementChange?: (event: any) => void;
     enablePaymentPlan?: boolean;
 }
-export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, themeOptions, elementsOptions, paymentElementOptions, onCountdownFinish, enableTimer, orderInfoLabel, paymentInfoLabel, displayPaymentButton, hidePaymentForm, hideFieldsBlock, isSinglePageCheckout, stripePublishableKey, stripeAccountId, onStripeReady, enablePaymentPlan, }: IPaymentPage) => JSX.Element;
+export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, themeOptions, elementsOptions, paymentElementOptions, onCountdownFinish, enableTimer, orderInfoLabel, paymentInfoLabel, displayPaymentButton, hidePaymentForm, hideFieldsBlock, isSinglePageCheckout, stripePublishableKey, stripeAccountId, onStripeReady, onPaymentElementChange, enablePaymentPlan, }: IPaymentPage) => JSX.Element;

package/dist/index.d.ts

@@ -13,6 +13,9 @@ export { RsvpContainer } from './components/rsvpContainer';
 export { ResetPasswordContainer } from './components/resetPasswordContainer';
 export { ForgotPasswordModal } from './components/forgotPasswordModal';
 export { AddonsContainter } from './components/addonsContainer';
+export { useAddons } from './components/addonsContainer/useAddons';
+export { default as TimerWidget } from './components/timerWidget';
+export { VerificationPendingModal } from './components/idVerificationContainer/VerificationPendingModal';
 export { PreRegistration } from './components/preRegistration';
 export { PreRegistrationComplete } from './components/preRegistration/PreRegistrationComplete';
 export { PreRegistrationInformations } from './components/preRegistration/PreRegistrationInformations';

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

@@ -2747,59 +2747,6 @@ var TimerWidget = function TimerWidget(_ref) {
 };
 var TimerWidget$1 = /*#__PURE__*/React.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,
@@ -3918,37 +3865,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 = React.useState([]),
     addons = _useState[0],
     setAddons = _useState[1];
@@ -3970,20 +3959,9 @@ var AddonsContainter = function AddonsContainter(_ref) {
   var _useState7 = React.useState(),
     pendingVerificationMessage = _useState7[0],
     setPendingVerificationMessage = _useState7[1];
-  var _useState8 = React.useState(null),
-    visibleDescription = _useState8[0],
-    setVisibleDescription = _useState8[1];
-  var handleDescriptionToggle = function handleDescriptionToggle(ticketId) {
-    setVisibleDescription(function (current) {
-      return current === ticketId ? null : ticketId;
-    });
-  };
   React.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) {
@@ -3994,7 +3972,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:
@@ -4002,7 +3979,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:
@@ -4011,12 +3987,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;
@@ -4024,7 +3998,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;
@@ -4037,23 +4010,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 {
@@ -4066,7 +4037,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;
@@ -4075,18 +4045,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) {
@@ -4168,7 +4136,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() {
@@ -4190,6 +4158,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 = React.useState(null),
+    visibleDescription = _useState[0],
+    setVisibleDescription = _useState[1];
+  var handleDescriptionToggle = function handleDescriptionToggle(ticketId) {
+    setVisibleDescription(function (current) {
+      return current === ticketId ? null : ticketId;
+    });
+  };
+  React.useEffect(function () {
+    if (samePage) {
+      window.localStorage.removeItem('add_ons');
+    }
+  }, []);
   if (loading) {
     return React__default.createElement("div", {
       className: classNamePrefix + "_loader"
@@ -4238,10 +4284,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__default.createElement(formik.Form, {
       autoComplete: "off",
@@ -5641,7 +5687,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 = reactStripeJs.useStripe();
   var elements = reactStripeJs.useElements();
   React.useEffect(function () {
@@ -5650,7 +5697,8 @@ var StripeWrapper = function StripeWrapper(_ref) {
     }
   }, [stripe, elements, onStripeReady]);
   return React__default.createElement(reactStripeJs.PaymentElement, {
-    options: options
+    options: options,
+    onChange: onPaymentElementChange
   });
 };
 var initialPaymentPlanConfiguration = {
@@ -5742,6 +5790,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 = React.useState(initialReviewValues),
@@ -6125,7 +6174,8 @@ var PaymentContainer = function PaymentContainer(_ref2) {
     options: elementsOptions
   }, React__default.createElement(StripeWrapper, {
     onStripeReady: onStripeReady,
-    options: paymentElementOptions
+    options: paymentElementOptions,
+    onPaymentElementChange: onPaymentElementChange
   })))) : displayPaymentButton ? React__default.createElement("div", {
     className: "payment_button " + (paymentIsLoading ? 'disabled-payment-button' : '')
   }, React__default.createElement("button", {
@@ -6442,38 +6492,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,
@@ -6488,30 +6534,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,
@@ -6529,9 +6583,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();
         }
@@ -7018,7 +7072,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
     setSingleCheckoutAddOns = _useState25[1];
   var orderIsFree = !Number(checkoutData == null ? void 0 : checkoutData.total);
   React.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));
@@ -7026,7 +7080,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
         prevData.current = data;
       }
     }
-  }, [dataWithUniqueIds, data]);
+  }, [data]);
   var getQuantity = React.useCallback(function (cart) {
     if (cart === void 0) {
       cart = [];
@@ -7982,6 +8036,11 @@ var BillingInfoContainer = /*#__PURE__*/React__default.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'
@@ -16036,10 +16095,13 @@ exports.RsvpContainer = RsvpContainer;
 exports.SeatMapContainer = SeatMapContainer;
 exports.TicketResaleContainer = TicketResaleContainer;
 exports.TicketsContainer = TicketsContainer;
+exports.TimerWidget = TimerWidget$1;
 exports.VERIFICATION_STATUSES = VERIFICATION_STATUSES;
+exports.VerificationPendingModal = VerificationPendingModal;
 exports.createFixedFloatNormalizer = createFixedFloatNormalizer;
 exports.currencyNormalizerCreator = currencyNormalizerCreator;
 exports.logoutUser = logoutUser;
 exports.setConfigs = setConfigs;
+exports.useAddons = useAddons;
 exports.useCookieListener = useCookieListener;
 //# sourceMappingURL=tf-checkout-react.cjs.development.js.map