tf-checkout-react 1.3.48-beta.14 → 1.3.48-beta.16

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

@@ -2811,15 +2811,18 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
   var _useState14 = React.useState(true),
     loading = _useState14[0],
     setLoading = _useState14[1];
-  var _useState15 = React.useState(true),
-    isCountriesLoading = _useState15[0],
-    setIsCountriesLoading = _useState15[1];
-  var _useState16 = React.useState(null),
-    error = _useState16[0],
-    setError = _useState16[1];
-  var _useState17 = React.useState(false),
-    phoneValidationIsLoading = _useState17[0],
-    setPhoneValidationIsLoading = _useState17[1];
+  var _useState15 = React.useState(false),
+    cardLoading = _useState15[0],
+    setCardLoading = _useState15[1];
+  var _useState16 = React.useState(true),
+    isCountriesLoading = _useState16[0],
+    setIsCountriesLoading = _useState16[1];
+  var _useState17 = React.useState(null),
+    error = _useState17[0],
+    setError = _useState17[1];
+  var _useState18 = React.useState(false),
+    phoneValidationIsLoading = _useState18[0],
+    setPhoneValidationIsLoading = _useState18[1];
   var emailLogged = _get(userData, 'email', '') || _get(userValues, 'email', '');
   var firstNameLogged = _get(userData, 'first_name', '') || _get(userValues, 'first_name', '');
   var lastNameLogged = _get(userData, 'last_name', '') || _get(userValues, 'last_name', '');
@@ -2828,6 +2831,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
   var eventId = getQueryVariable('event_id') || '';
   var optedInFieldValue = brandOptIn ? brandOptIn : _get(cartInfoData, 'optedIn', false);
   var ttfOptIn = Boolean(_get(cartInfoData, 'ttfOptIn', false));
+  var isTable = Boolean(_get(cartInfoData, 'is_table', false));
   var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true);
   var expirationTime = _get(cartInfoData, 'expiresAt');
   var flagRequirePhone = getQueryVariable('phone_required') === 'true';
@@ -2915,9 +2919,10 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             _context3.prev = 0;
-            _context3.next = 3;
+            setCardLoading(true);
+            _context3.next = 4;
             return getCart();
-          case 3:
+          case 4:
             res = _context3.sent;
             setCustomHeader(res);
             cartInfo = _get(res, 'data.data.attributes');
@@ -2927,19 +2932,23 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               return nanoid.nanoid();
             }));
             onGetCartSuccess(res.data);
-            _context3.next = 15;
+            _context3.next = 16;
             break;
-          case 12:
-            _context3.prev = 12;
+          case 13:
+            _context3.prev = 13;
             _context3.t0 = _context3["catch"](0);
             if (axios.isAxiosError(_context3.t0)) {
               onGetCartError(_context3.t0);
             }
-          case 15:
+          case 16:
+            _context3.prev = 16;
+            setCardLoading(false);
+            return _context3.finish(16);
+          case 19:
           case "end":
             return _context3.stop();
         }
-      }, _callee3, null, [[0, 12]]);
+      }, _callee3, null, [[0, 13, 16, 19]]);
     }));
     return function fetchCart() {
       return _ref6.apply(this, arguments);
@@ -3075,9 +3084,12 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     page: 'billing',
     pageUrl: pageUrl
   });
+  if (isTable) {
+    dataWithUniqueIds[0].label = 'Get Your Tables';
+  }
   return React__default.createElement(styles.ThemeProvider, {
     theme: themeMui
-  }, (loading || isCountriesLoading) && React__default.createElement(Backdrop, {
+  }, (loading || cardLoading || isCountriesLoading) && React__default.createElement(Backdrop, {
     sx: {
       color: '#fff',
       backgroundColor: '#000000bd',
@@ -3288,7 +3300,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     }, React__default.createElement("img", {
       src: theme === 'dark' ? 'https://www.ticketfairy.com/resources/images/logo-ttf.svg' : 'https://www.ticketfairy.com/resources/images/logo-ttf-black.svg',
       alt: "nodata"
-    })))), _map(dataWithUniqueIds, function (item) {
+    })))), !cardLoading && _map(dataWithUniqueIds, function (item) {
       var label = item.label,
         labelClassName = item.labelClassName,
         fields = item.fields;
@@ -4024,6 +4036,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
       return currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(value)), currency);
     }
   }] : paymentFields;
+  var isTable = orderData == null ? void 0 : orderData.guest_count;
   return React__default.createElement(styles.ThemeProvider, {
     theme: themeMui
   }, React__default.createElement("div", {
@@ -4038,7 +4051,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     variant: "filled"
   }, error), paymentDataIsLoading && React__default.createElement(Loader, null), !paymentDataIsLoading && React__default.createElement(Container, {
     maxWidth: "md"
-  }, showFormTitle && React__default.createElement("h1", null, formTitle), React__default.createElement("div", {
+  }, showFormTitle && React__default.createElement("h1", null, isTable ? 'Get Your Tables' : formTitle), React__default.createElement("div", {
     className: "order_info_text"
   }, orderInfoLabel), React__default.createElement("div", {
     className: "order_info_section",
@@ -7831,7 +7844,7 @@ var TicketsSection$1 = function TicketsSection(props) {
     var numLength = endNum - startNum + 1;
     var showGuestCountDropdown = Boolean(startNum && endNum);
     // prices
-    var guestPrice = ((guestCounts[dropdownData.seatId] || startNum) - 1) * Number(selectedTicketData == null ? void 0 : selectedTicketData.guest_price);
+    var guestPrice = (guestCounts[dropdownData.seatId] - startNum) * Number(selectedTicketData == null ? void 0 : selectedTicketData.guest_price);
     var finalPrice = createFixedFloatNormalizer(2)((selectedTicketData == null ? void 0 : selectedTicketData.ticket_type_price) + guestPrice);
     return React__default.createElement("div", {
       className: "ticket",