tf-checkout-react 1.7.4 → 1.7.7

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

@@ -36,6 +36,7 @@ interface OrderDetailsTypes {
     itemsTitle?: string;
     ticketsTitle?: string;
     displayLoading?: boolean;
+    onDataLoaded?: (data: any) => void;
 }
 export interface CustomFieldOption {
     id: string;
@@ -61,5 +62,5 @@ export interface CustomFieldTypes {
     ticketHash?: string;
     options?: CustomFieldOption[];
 }
-export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onUpdateOrderCustomFieldsSuccess, onUpdateOrderCustomFieldsError, onUpdateTicketHolderCustomFieldsSuccess, onUpdateTicketHolderCustomFieldsError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle, themeOptions, displayLoading, }: OrderDetailsTypes) => JSX.Element;
+export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onUpdateOrderCustomFieldsSuccess, onUpdateOrderCustomFieldsError, onUpdateTicketHolderCustomFieldsSuccess, onUpdateTicketHolderCustomFieldsError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle, themeOptions, displayLoading, onDataLoaded, }: OrderDetailsTypes) => JSX.Element | null;
 export {};

package/dist/components/preRegistration/PreRegistrationComplete.d.ts

@@ -1,8 +1,8 @@
+import "./style.css";
 import { ThemeOptions } from '@mui/material';
 import { CSSProperties } from '@mui/styles';
 import { AxiosError } from 'axios';
 import { FC } from 'react';
-import "./style.css";
 export declare const PreRegistrationComplete: FC<IPreRegistrationCompleteProps & {
     onGetConfirmationDataError?: (error: AxiosError) => void;
     skipInitialValidation?: boolean;

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

@@ -38,6 +38,7 @@ var Visibility = _interopDefault(require('@mui/icons-material/Visibility'));
 var VisibilityOff = _interopDefault(require('@mui/icons-material/VisibilityOff'));
 var IconButton = _interopDefault(require('@mui/material/IconButton'));
 var InputAdornment = _interopDefault(require('@mui/material/InputAdornment'));
+var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
 var TextField = _interopDefault(require('@mui/material/TextField'));
 var _includes = _interopDefault(require('lodash/includes'));
 var _isFunction = _interopDefault(require('lodash/isFunction'));
@@ -46,7 +47,6 @@ var MuiPhoneNumber = _interopDefault(require('material-ui-phone-number'));
 var _debounce = _interopDefault(require('lodash/debounce'));
 var FormHelperText = _interopDefault(require('@mui/material/FormHelperText'));
 var ListItemText = _interopDefault(require('@mui/material/ListItemText'));
-var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
 var OutlinedInput = _interopDefault(require('@mui/material/OutlinedInput'));
 var Select = _interopDefault(require('@mui/material/Select'));
 var Modal$1 = _interopDefault(require('@mui/material/Modal'));
@@ -2842,7 +2842,7 @@ var Checkbox = function Checkbox(_ref) {
 };
 
 var CustomField = function CustomField(_ref2) {
-  var _ref$current, _customTheme$input;
+  var _ref$current, _ref$current2, _customTheme$input;
   var label = _ref2.label,
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? 'text' : _ref2$type,
@@ -2873,7 +2873,7 @@ var CustomField = function CustomField(_ref2) {
     showPassword = _useState2[0],
     setShowPassword = _useState2[1];
   var _ref = React.useRef(null);
-  var isAutoFilled = (_ref$current = _ref.current) == null ? void 0 : _ref$current.matches(':-webkit-autofill');
+  var isAutoFilled = (_ref$current = _ref.current) != null && _ref$current.matches ? (_ref$current2 = _ref.current) == null ? void 0 : _ref$current2.matches(':-webkit-autofill') : false;
   var isSelectField = type === 'select';
   var isPasswordField = type === 'password';
   var error = _get(errors, field.name);
@@ -2923,10 +2923,18 @@ var CustomField = function CustomField(_ref2) {
       setIsShrinked(true);
     },
     SelectProps: {
-      "native": true,
+      "native": false,
       className: theme,
       MenuProps: {
-        className: theme
+        className: theme,
+        PaperProps: {
+          sx: {
+            '& .MuiMenuItem-root': {
+              paddingLeft: '16px',
+              paddingRight: '16px'
+            }
+          }
+        }
       }
     },
     InputLabelProps: {
@@ -2948,7 +2956,7 @@ var CustomField = function CustomField(_ref2) {
     },
     onChange: onChange != null ? onChange : field.onChange
   }), isSelectField ? _map(selectOptions, function (option) {
-    return React__default.createElement("option", {
+    return React__default.createElement(MenuItem, {
       key: option.value,
       value: option.value,
       disabled: option.disabled
@@ -5068,7 +5076,10 @@ var SignUpForm = function SignUpForm(_ref) {
       spacing: 2,
       sx: {
         padding: '15px 25px',
-        maxHeight: '60vh',
+        maxHeight: {
+          xs: '40vh',
+          sm: '60vh'
+        },
         overflowY: 'auto'
       }
     }, React__default.createElement(material.Grid, {
@@ -5319,7 +5330,13 @@ var LoginModal = function LoginModal(_ref) {
     "aria-describedby": "modal-modal-description",
     className: "login-modal " + modalClassname
   }, React__default.createElement(Box, {
-    style: isMobile ? mobileStyle : style$2
+    style: isMobile ? mobileStyle : style$2,
+    sx: {
+      '@media screen and (orientation:landscape)': {
+        maxHeight: '80vh',
+        overflowY: 'auto'
+      }
+    }
   }, React__default.createElement("div", null, showSignUpButton && !useCustomSignup && React__default.createElement(Tabs, {
     value: activeTab,
     onChange: handleTabChange,
@@ -6812,7 +6829,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
     enableTimer = _ref6$enableTimer === void 0 ? false : _ref6$enableTimer,
     logo = _ref6.logo,
     _ref6$showForgotPassw = _ref6.showForgotPasswordButton,
-    showForgotPasswordButton = _ref6$showForgotPassw === void 0 ? false : _ref6$showForgotPassw,
+    showForgotPasswordButton = _ref6$showForgotPassw === void 0 ? true : _ref6$showForgotPassw,
     _ref6$showSignUpButto = _ref6.showSignUpButton,
     showSignUpButton = _ref6$showSignUpButto === void 0 ? false : _ref6$showSignUpButto,
     _ref6$brandOptIn = _ref6.brandOptIn,
@@ -8342,12 +8359,12 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
   var eventId = (data == null ? void 0 : data.product_id) || '';
   React.useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _data$product_price, confirmationDataResponse, _data;
+      var _data$product_price, confirmationDataResponse, _data, isLoggedIn;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!hash) {
-              _context.next = 16;
+              _context.next = 17;
               break;
             }
             _context.prev = 1;
@@ -8380,17 +8397,24 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
             }
             setData(_data);
             onGetConfirmationDataSuccess(confirmationDataResponse.data.attributes);
-            _context.next = 16;
+            // Clear user_data for non-logged-in users after successful purchase
+            if (isBrowser) {
+              isLoggedIn = Boolean(getCookieByName('X-TF-ECOMMERCE'));
+              if (!isLoggedIn) {
+                window.localStorage.removeItem('user_data');
+              }
+            }
+            _context.next = 17;
             break;
-          case 13:
-            _context.prev = 13;
+          case 14:
+            _context.prev = 14;
             _context.t0 = _context["catch"](1);
             if (axios.isAxiosError(_context.t0)) onGetConfirmationDataError(_context.t0);
-          case 16:
+          case 17:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 13]]);
+      }, _callee, null, [[1, 14]]);
     }))();
   }, [hash]);
   var _useState2 = React.useState(false),
@@ -9469,7 +9493,8 @@ var PreRegistrationComplete = function PreRegistrationComplete(_ref) {
     onLogin: function onLogin(res) {
       setShowModalLogin(false);
       onLoginSuccess(res);
-    }
+    },
+    showForgotPasswordButton: true
   }), !_isEmpty(error) && React__default.createElement(ConfirmModal, {
     hideCancelBtn: true,
     message: error.message,
@@ -10530,7 +10555,7 @@ var TimeSlotTicketRow = function TimeSlotTicketRow(_ref) {
     return React__default.createElement(MenuItem, {
       key: index,
       value: slot.timeKey
-    }, moment(slot.timeKey).format('hh:mm A'));
+    }, moment(slot.ticketInstance.slotStartDate).format('hh:mm A'));
   }))), React__default.createElement(FormControl, null, React__default.createElement(Select, {
     sx: {
       borderRadius: 0,
@@ -11608,7 +11633,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     onClick: handleLogout
   }, "Log out"))) : ''), showLoginModal ? React__default.createElement(LoginModal, {
     onClose: handleOnClose,
-    onLogin: handleOnLogin
+    onLogin: handleOnLogin,
+    showForgotPasswordButton: true
   }) : null), showPoweredByImage ? React__default.createElement(PoweredBy, null) : null, enableInfluencersSection && !hideTopInfluencers && influencers.length ? React__default.createElement("div", {
     className: "event-influencers"
   }, React__default.createElement("h3", null, React__default.createElement("span", null, "TOP"), " INFLUENCERS"), React__default.createElement("ol", {
@@ -11876,7 +11902,8 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
       setIsLogged(true);
     },
     userExpired: userExpired,
-    logo: logo
+    logo: logo,
+    showForgotPasswordButton: true
   }) : null), data != null && (_data$orders = data.orders) != null && _data$orders.length ? React__default.createElement(React__default.Fragment, null, React__default.createElement("h2", null, "My Ticket Orders"), React__default.createElement(Autocomplete, {
     disablePortal: true,
     id: "combo-box-demo",
@@ -11929,7 +11956,8 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
       setUserExpired(false);
       setIsLogged(true);
     },
-    userExpired: userExpired
+    userExpired: userExpired,
+    showForgotPasswordButton: true
   })));
 };
 
@@ -12489,7 +12517,9 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     ticketsTitle = _ref$ticketsTitle === void 0 ? 'Your Tickets' : _ref$ticketsTitle,
     themeOptions = _ref.themeOptions,
     _ref$displayLoading = _ref.displayLoading,
-    displayLoading = _ref$displayLoading === void 0 ? false : _ref$displayLoading;
+    displayLoading = _ref$displayLoading === void 0 ? true : _ref$displayLoading,
+    _ref$onDataLoaded = _ref.onDataLoaded,
+    onDataLoaded = _ref$onDataLoaded === void 0 ? _identity : _ref$onDataLoaded;
   var _useState = React.useState({}),
     data = _useState[0],
     setData = _useState[1];
@@ -12579,20 +12609,21 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
             _data = _get(response, 'data.attributes');
             setData(_data);
             setIsLoading(false);
-            _context.next = 17;
+            onDataLoaded(_data);
+            _context.next = 18;
             break;
-          case 13:
-            _context.prev = 13;
+          case 14:
+            _context.prev = 14;
             _context.t0 = _context["catch"](0);
             onGetOrdersError(_context.t0);
             setIsLoading(false);
-          case 17:
+          case 18:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 13]]);
+      }, _callee, null, [[0, 14]]);
     }))();
-  }, [onGetOrdersError, onGetOrdersSuccess, pOrderId]);
+  }, [onGetOrdersError, onGetOrdersSuccess, onDataLoaded, pOrderId]);
   var handleSellTicket = function handleSellTicket(ticket) {
     var ticketTypesArr = data.items.ticket_types;
     var sellTicketType = _find(ticketTypesArr, function (ticketType) {
@@ -12809,17 +12840,22 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     };
   }();
   var theme = styles.createTheme(themeOptions != null ? themeOptions : {});
-  if (isLoading && displayLoading) {
-    return React__default.createElement(material.Backdrop, {
-      sx: {
-        color: '#fff',
-        backgroundColor: '#000000bd',
-        zIndex: 1205
-      },
-      open: true
-    }, React__default.createElement(material.CircularProgress, {
-      color: "inherit"
-    }));
+  if (isLoading || _isEmpty(data)) {
+    if (displayLoading) {
+      return React__default.createElement(styles.ThemeProvider, {
+        theme: theme
+      }, React__default.createElement(material.Backdrop, {
+        sx: {
+          color: '#fff',
+          backgroundColor: '#000000bd',
+          zIndex: 1205
+        },
+        open: true
+      }, React__default.createElement(material.CircularProgress, {
+        color: "inherit"
+      })));
+    }
+    return null;
   }
   return React__default.createElement(styles.ThemeProvider, {
     theme: theme