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

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

@@ -13,5 +13,5 @@ export interface ISimpleAddonContainerProps {
 export interface ObjectLiteral {
     [key: string]: any;
 }
-export declare const SimpleAddonsContainer: ({ classNamePrefix, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, descriptionTrigger, addOnDataWithCustomFields, configs, eventId, onAddOnSelect, handleConfirm, }: ISimpleAddonContainerProps) => JSX.Element | null;
+export declare const SimpleAddonsContainer: ({ classNamePrefix, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, descriptionTrigger, addOnDataWithCustomFields, configs, eventId, onAddOnSelect, handleConfirm, }: ISimpleAddonContainerProps) => JSX.Element;
 export default SimpleAddonsContainer;

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

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