tf-checkout-react 1.3.14 → 1.3.16

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

@@ -1,8 +1,8 @@
-import './style.css';
 import { FC } from 'react';
 interface Props {
     message: string;
     loading?: boolean;
+    hideCancelBtn?: boolean;
     onClose: () => void;
     onConfirm: () => void;
 }

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

@@ -14,6 +14,8 @@ interface CartSuccess {
     total?: string;
     hasAddOn?: boolean;
     free_ticket: boolean;
+    collect_optional_wallet_address?: boolean;
+    collect_mandatory_wallet_address?: boolean;
 }
 export interface IGetTickets {
     eventId: number;
@@ -26,6 +28,8 @@ export interface IGetTickets {
     onLogoutSuccess: () => void;
     onLogoutError: (e: AxiosError) => void;
     onLoginSuccess: () => void;
+    handleNotInvitedModalClose: () => void;
+    handleInvalidLinkModalClose: () => void;
     theme?: 'light' | 'dark';
     queryPromoCode?: string;
     isPromotionsEnabled?: boolean;
@@ -54,5 +58,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, enableInfluencersSection, enableAddOns, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, }: IGetTickets) => JSX.Element;
 export {};

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

@@ -1330,7 +1330,6 @@ function getEvent(id, pk) {
     var referralIdlocal = '';
 
     if (referral_key) {
-      // eslint-disable-next-line prefer-destructuring
       referralIdlocal = referral_key.split('.')[1];
     }
 
@@ -1351,9 +1350,11 @@ function getEvent(id, pk) {
   return response;
 }
 function getTickets(id, promoCode, pk) {
+  var invitationHash = getQueryVariable('invitation-hash');
   var response = publicRequest.get("v1/event/" + id + "/tickets", {
     params: {
-      pk: pk
+      pk: pk,
+      'invitation-hash': invitationHash
     },
     headers: promoCode ? _extends({}, ttfHeaders, {
       'Promotion-Event': String(id),
@@ -1611,6 +1612,11 @@ var CustomField = function CustomField(_ref) {
       _ref$InputProps = _ref.InputProps,
       InputProps = _ref$InputProps === void 0 ? {} : _ref$InputProps,
       inputRef = _ref.inputRef;
+
+  var _useState = React.useState(Boolean(field.value)),
+      isShrinked = _useState[0],
+      setIsShrinked = _useState[1];
+
   var isSelectField = type === 'select';
 
   var error = _get(errors, field.name);
@@ -1621,6 +1627,7 @@ var CustomField = function CustomField(_ref) {
     sx: customTheme == null ? void 0 : customTheme.input
   };
   return React__default.createElement(TextField, Object.assign({
+    placeholder: "",
     id: field.name,
     label: label,
     type: type,
@@ -1628,6 +1635,9 @@ var CustomField = function CustomField(_ref) {
     fullWidth: true,
     error: !!error && isTouched,
     helperText: isTouched && error,
+    onFocus: function onFocus() {
+      setIsShrinked(true);
+    },
     SelectProps: {
       "native": true,
       className: theme,
@@ -1636,12 +1646,21 @@ var CustomField = function CustomField(_ref) {
       }
     },
     InputLabelProps: {
-      sx: customTheme == null ? void 0 : customTheme.input
+      sx: customTheme == null ? void 0 : customTheme.input,
+      shrink: isShrinked || Boolean(field.value)
     },
     InputProps: InputProps,
     inputProps: _extends({}, inputProps, pInputProps),
     inputRef: inputRef
-  }, field), isSelectField ? _map(selectOptions, function (option) {
+  }, field, {
+    onBlur: function onBlur(e) {
+      setIsShrinked(Boolean(field.value));
+
+      if (field.onBlur) {
+        field.onBlur(e);
+      }
+    }
+  }), isSelectField ? _map(selectOptions, function (option) {
     return React__default.createElement("option", {
       key: option.value,
       value: option.value,
@@ -3058,8 +3077,11 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
   var expirationTime = _get(cartInfoData, 'expiresAt');
 
   var flagRequirePhone = getQueryVariable('phone_required') === 'true';
+  var collectMandatoryWalletAddress = getQueryVariable('collect_mandatory_wallet_address') === 'true';
   var flagFreeTicket = getQueryVariable('free_ticket') === 'true';
-  var hidePhoneField = getQueryVariable('hide_phone_field') === 'true'; // Get prevProps
+  var hidePhoneField = getQueryVariable('hide_phone_field') === 'true'; // temp change
+
+  var hideWalletAddressField = Number(eventId) === 18164; // Get prevProps
 
   var prevData = React.useRef(data);
 
@@ -3628,14 +3650,13 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
             }
           }
 
-          if (el.name === 'zip') {
-            if (flagFreeTicket) {
-              el.required = false;
-              return false;
+          if (el.name === 'data_capture[wallet_address]') {
+            if (collectMandatoryWalletAddress) {
+              el.required = true;
             }
           }
 
-          if (el.name === 'street_address') {
+          if (['street_address', 'country', 'state', 'city', 'zip'].includes(el.name)) {
             if (flagFreeTicket) {
               el.required = false;
               return false;
@@ -3644,14 +3665,14 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
 
           return true;
         }), function (element) {
-          return ['password', 'confirmPassword', 'password-info'].includes(element.name) && isLoggedIn ? null : React__default.createElement(React__default.Fragment, {
+          return ['password', 'confirmPassword', 'password-info'].includes(element.name) && isLoggedIn ? null : ['data_capture[wallet_address]'].includes(element.name) && hideWalletAddressField ? null : React__default.createElement(React__default.Fragment, {
             key: element.uniqueId
           }, React__default.createElement("div", {
             className: element.className + " " + (props == null ? void 0 : props.errors[element.name])
           }, element.component ? element.component : React__default.createElement(formik.Field, {
             setPhoneValidationIsLoading: element.type === 'phone' ? setPhoneValidationIsLoading : undefined,
             name: element.name,
-            label: element.name === 'phone' ? "" + element.label + (flagRequirePhone ? '' : ' (optional)') + " " : element.label,
+            label: element.name === 'phone' ? "" + element.label + (flagRequirePhone ? '' : ' (optional)') + " " : element.name === 'data_capture[wallet_address]' ? "" + element.label + (!collectMandatoryWalletAddress ? ' (optional)' : '') + " " : element.label,
             type: element.type,
             fill: element.fill,
             validate: getValidateFunctions(element, states, props.values, props.errors),
@@ -4849,6 +4870,51 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
   }))))));
 };
 
+var style$3 = {
+  position: 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  minWidth: 480,
+  backgroundColor: '#e3e3e3',
+  border: '1px solid white',
+  outline: 'none',
+  padding: '14px',
+  maxHeight: '85vh',
+  overflow: 'auto'
+};
+
+var ConfirmModal = function ConfirmModal(_ref) {
+  var _ref$message = _ref.message,
+      message = _ref$message === void 0 ? '' : _ref$message,
+      _ref$loading = _ref.loading,
+      loading = _ref$loading === void 0 ? false : _ref$loading,
+      _ref$hideCancelBtn = _ref.hideCancelBtn,
+      hideCancelBtn = _ref$hideCancelBtn === void 0 ? false : _ref$hideCancelBtn,
+      _ref$onClose = _ref.onClose,
+      onClose = _ref$onClose === void 0 ? _identity : _ref$onClose,
+      _ref$onConfirm = _ref.onConfirm,
+      onConfirm = _ref$onConfirm === void 0 ? _identity : _ref$onConfirm;
+  return React__default.createElement(Modal, {
+    open: true,
+    onClose: onClose,
+    "aria-labelledby": "modal-modal-title",
+    "aria-describedby": "modal-modal-description",
+    className: "confirm-modal"
+  }, React__default.createElement(Box, {
+    style: style$3
+  }, React__default.createElement("p", null, message), React__default.createElement("div", {
+    className: "footer"
+  }, !hideCancelBtn && React__default.createElement(Button, {
+    onClick: onClose,
+    disabled: loading
+  }, "Cancel"), React__default.createElement(Button, {
+    onClick: onConfirm
+  }, loading ? React__default.createElement(CircularProgress, {
+    size: "22px"
+  }) : 'OK'))));
+};
+
 var isTimeExpired = function isTimeExpired(startDate, timezone) {
   return !moment(startDate).isAfter(moment.tz(moment(), timezone).format('YYYY-MM-DD HH:mm:ss'));
 };
@@ -5427,7 +5493,11 @@ var TicketsContainer = function TicketsContainer(_ref) {
       _ref$enableInfluencer = _ref.enableInfluencersSection,
       enableInfluencersSection = _ref$enableInfluencer === void 0 ? true : _ref$enableInfluencer,
       _ref$enableAddOns = _ref.enableAddOns,
-      enableAddOns = _ref$enableAddOns === void 0 ? true : _ref$enableAddOns;
+      enableAddOns = _ref$enableAddOns === void 0 ? true : _ref$enableAddOns,
+      _ref$handleNotInvited = _ref.handleNotInvitedModalClose,
+      handleNotInvitedModalClose = _ref$handleNotInvited === void 0 ? _identity : _ref$handleNotInvited,
+      _ref$handleInvalidLin = _ref.handleInvalidLinkModalClose,
+      handleInvalidLinkModalClose = _ref$handleInvalidLin === void 0 ? _identity : _ref$handleInvalidLin;
 
   var _useState = React.useState({}),
       selectedTickets = _useState[0],
@@ -5496,6 +5566,14 @@ var TicketsContainer = function TicketsContainer(_ref) {
       error = _useState16[0],
       setError = _useState16[1];
 
+  var _useState17 = React.useState(''),
+      isNotInvitedError = _useState17[0],
+      setIsNotInvitedError = _useState17[1];
+
+  var _useState18 = React.useState(''),
+      isInvalidLinkError = _useState18[0],
+      setIsInvalidLinkError = _useState18[1];
+
   var ticketsContainerRef = React.useRef(null);
   React.useEffect(function () {
     if (typeof window !== 'undefined') {
@@ -5674,7 +5752,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
       var _product_options, _product_options2, _ticket_types;
 
-      var ticket, optionName, ticketId, ticketQuantity, data, result, pageConfigsDataResponse, _pageConfigsData$skip, _pageConfigsData$name, _pageConfigsData$age_, _pageConfigsData$phon, _pageConfigsData$hide, _pageConfigsData$has_, _pageConfigsData$free, pageConfigsData, skipBillingPage, nameIsRequired, ageIsRequired, phoneIsRequired, hidePhoneField, hasAddOn, freeTicket, hash, total, _isWindowDefined, userData, access_token, checkoutBody, checkoutResult;
+      var ticket, optionName, ticketId, ticketQuantity, data, result, pageConfigsDataResponse, _pageConfigsData$skip, _pageConfigsData$name, _pageConfigsData$age_, _pageConfigsData$phon, _pageConfigsData$hide, _pageConfigsData$has_, _pageConfigsData$free, _pageConfigsData$coll, _pageConfigsData$coll2, pageConfigsData, skipBillingPage, nameIsRequired, ageIsRequired, phoneIsRequired, hidePhoneField, hasAddOn, freeTicket, collectOptionalWalletAddress, collectMandatoryWalletAddress, hash, total, _isWindowDefined, userData, access_token, checkoutBody, checkoutResult, message, _isInvalidLinkError, _isNotInvitedError;
 
       return runtime_1.wrap(function _callee2$(_context2) {
         while (1) {
@@ -5731,7 +5809,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
               pageConfigsDataResponse = _context2.t0;
 
               if (!(result.status === 200 && pageConfigsDataResponse.status === 200)) {
-                _context2.next = 46;
+                _context2.next = 48;
                 break;
               }
 
@@ -5743,13 +5821,15 @@ var TicketsContainer = function TicketsContainer(_ref) {
               hidePhoneField = (_pageConfigsData$hide = pageConfigsData.hide_phone_field) != null ? _pageConfigsData$hide : false;
               hasAddOn = (_pageConfigsData$has_ = pageConfigsData.has_add_on) != null ? _pageConfigsData$has_ : false;
               freeTicket = (_pageConfigsData$free = pageConfigsData.free_ticket) != null ? _pageConfigsData$free : false;
+              collectOptionalWalletAddress = (_pageConfigsData$coll = pageConfigsData.collect_optional_wallet_address) != null ? _pageConfigsData$coll : false;
+              collectMandatoryWalletAddress = (_pageConfigsData$coll2 = pageConfigsData.collect_mandatory_wallet_address) != null ? _pageConfigsData$coll2 : false;
               hash = '';
               total = '';
               _isWindowDefined = typeof window !== 'undefined';
               _isWindowDefined && window.localStorage.removeItem('add_ons');
 
               if (!(skipBillingPage && !hasAddOn)) {
-                _context2.next = 45;
+                _context2.next = 47;
                 break;
               }
 
@@ -5759,27 +5839,27 @@ var TicketsContainer = function TicketsContainer(_ref) {
               checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
 
               if (!enableBillingInfoAutoCreate) {
-                _context2.next = 41;
+                _context2.next = 43;
                 break;
               }
 
-              _context2.next = 38;
+              _context2.next = 40;
               return postOnCheckout(checkoutBody, access_token);
 
-            case 38:
+            case 40:
               _context2.t1 = _context2.sent;
-              _context2.next = 42;
+              _context2.next = 44;
               break;
 
-            case 41:
+            case 43:
               _context2.t1 = null;
 
-            case 42:
+            case 44:
               checkoutResult = _context2.t1;
               hash = _get(checkoutResult, 'data.data.attributes.hash');
               total = _get(checkoutResult, 'data.data.attributes.total');
 
-            case 45:
+            case 47:
               onAddToCartSuccess({
                 skip_billing_page: skipBillingPage,
                 names_required: nameIsRequired,
@@ -5787,36 +5867,48 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 age_required: ageIsRequired,
                 hide_phone_field: hidePhoneField,
                 free_ticket: freeTicket,
+                collect_optional_wallet_address: collectOptionalWalletAddress,
+                collect_mandatory_wallet_address: collectMandatoryWalletAddress,
                 event_id: String(eventId),
                 hash: hash,
                 total: total,
                 hasAddOn: hasAddOn
               });
 
-            case 46:
-              _context2.next = 51;
+            case 48:
+              _context2.next = 53;
               break;
 
-            case 48:
-              _context2.prev = 48;
+            case 50:
+              _context2.prev = 50;
               _context2.t2 = _context2["catch"](6);
 
               if (axios.isAxiosError(_context2.t2)) {
                 onAddToCartError(_context2.t2);
-                setError(_get(_context2.t2, 'response.data.message'));
+                message = _get(_context2.t2, 'response.data.message', '');
+                _isInvalidLinkError = _includes(message, 'No more of this ticket type are available right now');
+                _isNotInvitedError = _includes(message, 'You must have been invited to this event to attend');
+
+                if (_isInvalidLinkError) {
+                  setIsInvalidLinkError(message);
+                } else if (_isNotInvitedError) {
+                  setIsNotInvitedError(message);
+                } else {
+                  setError(message);
+                }
               }
 
-            case 51:
-              _context2.prev = 51;
+            case 53:
+              _context2.prev = 53;
               setHandleBookIsLoading(false);
-              return _context2.finish(51);
+              return _context2.finish(53);
 
-            case 54:
+            case 56:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2, null, [[6, 48, 51, 54]]);
+      }, _callee2, null, [[6, 50, 53, 56]]);
     }));
 
     return function handleBook() {
@@ -5882,6 +5974,17 @@ var TicketsContainer = function TicketsContainer(_ref) {
     return false;
   };
 
+  var _onClose = function onClose(value) {
+    if (value === 'notInvited') {
+      handleNotInvitedModalClose();
+    } else if (value === 'invalidLink') {
+      handleInvalidLinkModalClose();
+    }
+
+    setIsNotInvitedError('');
+    setIsInvalidLinkError('');
+  };
+
   return React__default.createElement(privateTheming.ThemeProvider, {
     theme: themeMui
   }, !isLoading && React__default.createElement(ReferralLogic, {
@@ -5889,7 +5992,25 @@ var TicketsContainer = function TicketsContainer(_ref) {
   }), React__default.createElement("div", {
     className: "get-tickets-page " + theme,
     style: contentStyle
-  }, error && React__default.createElement(Alert, {
+  }, isInvalidLinkError && React__default.createElement(ConfirmModal, {
+    message: isInvalidLinkError,
+    hideCancelBtn: true,
+    onClose: function onClose() {
+      return _onClose('invalidLink');
+    },
+    onConfirm: function onConfirm() {
+      return _onClose('invalidLink');
+    }
+  }), isNotInvitedError && React__default.createElement(ConfirmModal, {
+    hideCancelBtn: true,
+    message: isNotInvitedError,
+    onClose: function onClose() {
+      return _onClose('notInvited');
+    },
+    onConfirm: function onConfirm() {
+      return _onClose('notInvited');
+    }
+  }), error && React__default.createElement(Alert, {
     severity: "error",
     onClose: onErrorClose,
     variant: "filled",
@@ -6217,49 +6338,6 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
   })));
 };
 
-var style$3 = {
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)',
-  minWidth: 480,
-  backgroundColor: '#e3e3e3',
-  border: '1px solid white',
-  outline: 'none',
-  padding: '14px',
-  maxHeight: '85vh',
-  overflow: 'auto'
-};
-
-var ConfirmModal = function ConfirmModal(_ref) {
-  var _ref$message = _ref.message,
-      message = _ref$message === void 0 ? '' : _ref$message,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
-      _ref$onConfirm = _ref.onConfirm,
-      onConfirm = _ref$onConfirm === void 0 ? function () {} : _ref$onConfirm;
-  return React__default.createElement(Modal, {
-    open: true,
-    onClose: onClose,
-    "aria-labelledby": "modal-modal-title",
-    "aria-describedby": "modal-modal-description",
-    className: 'confirm-modal'
-  }, React__default.createElement(Box, {
-    style: style$3
-  }, React__default.createElement("p", null, message), React__default.createElement("div", {
-    className: 'footer'
-  }, React__default.createElement(Button, {
-    onClick: onClose,
-    disabled: loading
-  }, "Cancel"), React__default.createElement(Button, {
-    onClick: onConfirm
-  }, loading ? React__default.createElement(CircularProgress, {
-    size: "22px"
-  }) : 'OK'))));
-};
-
 var _excluded$2 = ["label", "field", "theme", "disableDropdown"];
 var RadioField = function RadioField(_ref) {
   var label = _ref.label,