tf-checkout-react 1.7.4 → 1.7.5

package/dist/components/common/PhoneNumberField.d.ts

@@ -9,6 +9,5 @@ export interface IPhoneNumberField {
     fill: boolean;
     setPhoneValidationIsLoading: (isLoading: boolean) => void;
     defaultCountry?: string;
-    isCountryCodeEditable?: boolean;
 }
-export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, setErrors, submitCount, }, disableDropdown, defaultCountry, fill, setPhoneValidationIsLoading, isCountryCodeEditable, }: IPhoneNumberField) => JSX.Element;
+export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, setErrors, submitCount, }, disableDropdown, defaultCountry, fill, setPhoneValidationIsLoading, }: IPhoneNumberField) => JSX.Element;

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,15 +38,16 @@ 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'));
 var _isObject = _interopDefault(require('lodash/isObject'));
-var MuiPhoneNumber = _interopDefault(require('material-ui-phone-number'));
+require('material-ui-phone-number');
 var _debounce = _interopDefault(require('lodash/debounce'));
+var muiTelInput = require('mui-tel-input');
 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 +2843,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 +2874,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 +2924,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 +2957,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
@@ -2975,8 +2984,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     defaultCountry = _ref$defaultCountry === void 0 ? 'us' : _ref$defaultCountry,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? false : _ref$fill,
-    setPhoneValidationIsLoading = _ref.setPhoneValidationIsLoading,
-    isCountryCodeEditable = _ref.isCountryCodeEditable;
+    setPhoneValidationIsLoading = _ref.setPhoneValidationIsLoading;
   var error = _get(errors, field.name);
   var isTouched = Boolean(_get(touched, field.name));
   var isSubmitAttempted = Boolean(submitCount && submitCount > 0);
@@ -3036,11 +3044,11 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     })));
     // eslint-disable-next-line
   }, [field.value]);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(MuiPhoneNumber, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(muiTelInput.MuiTelInput, {
     name: field.name,
     value: fill ? values[field.name] : initialValues[field.name],
-    onChange: function onChange(value, country) {
-      if ("+" + (country == null ? void 0 : country.dialCode) === value || value === '+') {
+    onChange: function onChange(value) {
+      if (!value || value.length <= 4) {
         setFieldValue(field.name, '');
         setFieldError(field.name, '');
       } else {
@@ -3049,15 +3057,14 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       }
     },
     variant: "outlined",
-    defaultCountry: defaultCountry,
+    defaultCountry: defaultCountry.toUpperCase(),
     disableDropdown: disableDropdown,
     label: label,
     error: !!error && (isTouched || fill || isSubmitAttempted),
     helperText: (isTouched || fill || isSubmitAttempted) && error,
     fullWidth: true,
-    autoFormat: false,
-    disableAreaCodes: true,
-    countryCodeEditable: isCountryCodeEditable
+    forceCallingCode: true,
+    focusOnSelectCountry: true
   }));
 };
 
@@ -5068,7 +5075,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 +5329,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 +6828,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 +8358,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 +8396,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 +9492,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 +10554,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 +11632,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 +11901,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 +11955,8 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
       setUserExpired(false);
       setIsLogged(true);
     },
-    userExpired: userExpired
+    userExpired: userExpired,
+    showForgotPasswordButton: true
   })));
 };