tf-checkout-react 1.6.6-beta.32 → 1.6.6-beta.33

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

@@ -4275,7 +4275,7 @@ var SimpleAddonsContainer = function SimpleAddonsContainer(_ref) {
     onAddOnSelect = _ref$onAddOnSelect === void 0 ? _identity : _ref$onAddOnSelect,
     _ref$handleConfirm = _ref.handleConfirm,
     handleConfirm = _ref$handleConfirm === void 0 ? _identity : _ref$handleConfirm;
-  var _useState = useState([]),
+  var _useState = useState(null),
     addons = _useState[0],
     setAddons = _useState[1];
   var _useState2 = useState({}),
@@ -4416,16 +4416,13 @@ var SimpleAddonsContainer = function SimpleAddonsContainer(_ref) {
     }
     return addOnsData;
   }, [addons, addOnDataWithCustomFields]);
-  if (loading) {
+  if (loading || !addons) {
     return React.createElement("div", {
       className: classNamePrefix + "_loader"
     }, React.createElement(CircularProgress, {
       size: 50
     }));
   }
-  if ((addons == null ? void 0 : addons.length) === 0) {
-    return null;
-  }
   return React.createElement("div", {
     className: classNamePrefix + "_container"
   }, React.createElement("div", {
@@ -6911,18 +6908,21 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
   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;
+  if (loading || cardLoading || isCountriesLoading || isConfigLoading || !eventId) {
+    return React.createElement(Backdrop, {
+      sx: {
+        color: '#fff',
+        backgroundColor: '#000000bd',
+        zIndex: 1205
+      },
+      open: true
+    }, React.createElement(CircularProgress, {
+      color: "inherit"
+    }));
+  }
   return React.createElement(ThemeProvider, {
     theme: themeMui
-  }, (loading || cardLoading || isCountriesLoading || isConfigLoading) && React.createElement(Backdrop, {
-    sx: {
-      color: '#fff',
-      backgroundColor: '#000000bd',
-      zIndex: 1205
-    },
-    open: true
-  }, React.createElement(CircularProgress, {
-    color: "inherit"
-  })), !!expirationTime && enableTimer && React.createElement(TimerWidget$1, {
+  }, !!expirationTime && enableTimer && React.createElement(TimerWidget$1, {
     expires_at: expirationTime,
     onCountdownFinish: onCountdownFinish,
     container: isSinglePageCheckout ? 'body' : ''
@@ -7225,7 +7225,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
       shouldFetchCountries: shouldFetchCountries
     }), React.createElement("div", {
       className: "billing-info-container " + theme
-    }, React.createElement(SnackbarAlert, {
+    }, !!error && React.createElement(SnackbarAlert, {
       type: "error",
       isOpen: !!error,
       message: error || '',