tf-checkout-react 1.4.23-beta.4 → 1.4.23-beta.6

package/dist/api/index.d.ts

@@ -1,4 +1,4 @@
-import { AxiosResponse } from 'axios';
+import { AxiosRequestConfig, AxiosResponse } from 'axios';
 import { pageOptions } from '../hooks/usePixel';
 import { GetNetverifyUrlResponseData, UpdateVerificationStatusResponseData, VerificationStatusResponseData } from '../types/verification';
 export { issueTicket, getDelegationTickets } from './guestTicketDelegation';
@@ -93,3 +93,4 @@ export declare const updateVerificationStatus: () => Promise<{
     data: UpdateVerificationStatusResponseData;
 }>;
 export declare const checkCustomerOrder: (orderHash: string) => Promise<any>;
+export declare const refreshSeatReservation: (eventId: string) => Promise<AxiosResponse<any, AxiosRequestConfig<any>>>;

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

@@ -6,6 +6,7 @@ interface IPreRegistrationProps extends ILoginModalProps, IForgotPasswordProps {
     eventId: string | number;
     formFields?: IFormFieldsSection[];
     additionalFieldAttribute?: IFieldAttribute;
+    isPreregistrationStarted: boolean;
     onGetCountriesSuccess?: (res: any) => void;
     onGetCountriesError?: (e: AxiosError) => void;
     onConfirmationSuccess?: (res: any) => void;

package/dist/hooks/useLocalStorageListener.d.ts

@@ -0,0 +1 @@
+export declare function useLocalStorageListener(key: string, callback: (value: string | null) => void): string | null;

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

@@ -1409,6 +1409,27 @@ var checkCustomerOrder = /*#__PURE__*/function () {
     return _ref12.apply(this, arguments);
   };
 }();
+var refreshSeatReservation = /*#__PURE__*/function () {
+  var _ref13 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13(eventId) {
+    var response;
+    return _regeneratorRuntime().wrap(function _callee13$(_context13) {
+      while (1) switch (_context13.prev = _context13.next) {
+        case 0:
+          _context13.next = 2;
+          return publicRequest.patch("event/" + eventId + "/reservation/refresh/");
+        case 2:
+          response = _context13.sent;
+          return _context13.abrupt("return", response);
+        case 4:
+        case "end":
+          return _context13.stop();
+      }
+    }, _callee13);
+  }));
+  return function refreshSeatReservation(_x14) {
+    return _ref13.apply(this, arguments);
+  };
+}();
 
 function appendScriptsToHeader(code) {
   if (isBrowser && code) {
@@ -2677,7 +2698,7 @@ var TimerWidget = function TimerWidget(_ref) {
   var expires_at = _ref.expires_at,
     buyLoading = _ref.buyLoading,
     _ref$onCountdownFinis = _ref.onCountdownFinish,
-    onCountdownFinish = _ref$onCountdownFinis === void 0 ? function () {} : _ref$onCountdownFinis;
+    onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis;
   var _useState = React.useState(true),
     showTimer = _useState[0],
     setShowTimer = _useState[1];
@@ -2701,19 +2722,19 @@ var TimerWidget = function TimerWidget(_ref) {
   var hideTimer = function hideTimer() {
     var timerRl = document.querySelector('.timer');
     if (timerRl) {
-      timerRl.style.visibility = "hidden";
+      timerRl.style.visibility = 'hidden';
     }
   };
   return showTimer && !!expires_at ? React__default.createElement("div", {
     className: "timer"
   }, React__default.createElement("div", {
-    className: 'close-icon',
+    className: "close-icon",
     onClick: hideTimer
   }, React__default.createElement(SVG, {
     src: Cross,
-    width: '10',
-    height: '10',
-    fill: '#fff'
+    width: "10",
+    height: "10",
+    fill: "#fff"
   })), React__default.createElement("div", {
     className: "toast-message"
   }, React__default.createElement("p", null, "Please complete your purchase before the timer reaches zero."), React__default.createElement("p", {
@@ -4047,6 +4068,7 @@ var CheckoutForm = function CheckoutForm(_ref) {
   var _useState4 = React.useState(false),
     allowSubmit = _useState4[0],
     setAllowSubmit = _useState4[1];
+  var eventId = getQueryVariable('event_id') || '';
   var handleSubmit = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
       var card, address, _setupResponse$setupI, setupResponse, paymentMethodReq, _yield$stripe$confirm, _error;
@@ -4130,25 +4152,26 @@ var CheckoutForm = function CheckoutForm(_ref) {
             _yield$stripe$confirm = _context.sent;
             _error = _yield$stripe$confirm.error;
             if (!_error) {
-              _context.next = 35;
+              _context.next = 36;
               break;
             }
+            refreshSeatReservation(eventId);
             setStripeError(_error.message);
             handleSetLoading(false);
             return _context.abrupt("return");
-          case 35:
+          case 36:
             onSubmit(null);
-            _context.next = 41;
+            _context.next = 42;
             break;
-          case 38:
-            _context.prev = 38;
+          case 39:
+            _context.prev = 39;
             _context.t0 = _context["catch"](1);
             onSubmit(_context.t0);
-          case 41:
+          case 42:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 38]]);
+      }, _callee, null, [[1, 39]]);
     }));
     return function handleSubmit(_x) {
       return _ref2.apply(this, arguments);
@@ -5076,7 +5099,7 @@ var SocialButtons = function SocialButtons(_ref2) {
       },
       key: index
     }, shareButton));
-  })), (showDefaultShareButtons || shareButtons.length) && footerText, (showReferralsInfoText || Boolean(clientLabel)) && React__default.createElement("p", {
+  })), showDefaultShareButtons || shareButtons.length ? footerText : null, (showReferralsInfoText || Boolean(clientLabel)) && React__default.createElement("p", {
     className: "note-message"
   }, React__default.createElement("span", null, "*Please note, only purchases made from a different", ' ', clientLabel || 'Ticket Fairy', " account can count towards your referrals"), React__default.createElement("span", null, ' ', "so please make sure you ask your friends to buy their own tickets using their own ", clientLabel || 'Ticket Fairy', " account!")));
 };
@@ -5411,6 +5434,26 @@ var useCookieListener = function useCookieListener(key, handler) {
   }, []);
 };
 
+function useLocalStorageListener(key, callback) {
+  var isWindowDefined = typeof window !== 'undefined';
+  var _useState = React.useState(isWindowDefined ? localStorage.getItem(key) : ''),
+    value = _useState[0],
+    setValue = _useState[1];
+  React.useEffect(function () {
+    var intervalId = setInterval(function () {
+      var newValue = localStorage.getItem(key);
+      if (newValue !== value) {
+        setValue(newValue);
+        callback(JSON.parse(newValue || ''));
+      }
+    }, 100);
+    return function () {
+      clearInterval(intervalId);
+    };
+  }, [key, value, callback]);
+  return value;
+}
+
 var style$4 = {
   position: 'absolute',
   top: '50%',
@@ -5852,7 +5895,7 @@ var defineIsSalesClosed = function defineIsSalesClosed(eventDatesInfo) {
   if (!salesStarted || salesStarted && salesEnded) {
     isSalesClosed = true;
   }
-  if (!presalesStarted && !presalesEnded || presalesStarted && presalesEnded) {
+  if (!presalesStarted && !presalesEnded || presalesStarted && presalesEnded && !salesStarted) {
     isSalesClosed = true;
   } else {
     isSalesClosed = false;
@@ -6189,11 +6232,20 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var _useState21 = React.useState(false),
     ticketsNotAvailableModalOpen = _useState21[0],
     setTicketsNotAvailableModalOpen = _useState21[1];
+  var _useState22 = React.useState(checkUserPreregistration()),
+    isPreregistred = _useState22[0],
+    setIsPreregisred = _useState22[1];
   var ticketsContainerRef = React.useRef(null);
   var pageUrl = isBrowser ? window.location.href.split('?')[0] : '';
   useCookieListener(X_TF_ECOMMERCE, function (value) {
     return setIsLogged(Boolean(value));
   });
+  useLocalStorageListener('user_data', function (user) {
+    var isPreregistredUser = _some(preregistereds, function (item) {
+      return item.email === (user == null ? void 0 : user.email);
+    });
+    setIsPreregisred(isPreregistredUser);
+  });
   usePixel(eventId, {
     pageUrl: pageUrl
   });
@@ -6216,6 +6268,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
       fetchPreregisteredsData();
     }
   }, [eventId]);
+  React.useEffect(function () {
+    setIsPreregisred(checkUserPreregistration());
+  }, [preregistereds]);
   React.useEffect(function () {
     if (isLogged) {
       fetchUserData().then(function (res) {
@@ -6381,7 +6436,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
       return _ref3 = {}, _ref3[key] = value, _ref3.isTable = isTable, _ref3;
     });
   };
-  var checkUserPreregistration = function checkUserPreregistration() {
+  function checkUserPreregistration() {
     var userDataString = isWindowDefined ? window.localStorage.getItem('user_data') : '';
     var isPreregistredUser = false;
     if (userDataString) {
@@ -6391,7 +6446,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
       });
     }
     return isPreregistredUser;
-  };
+  }
   var handleOrdersClick = function handleOrdersClick() {
     if (isWindowDefined) {
       window.location.href = ordersPath != null ? ordersPath : '/orders';
@@ -6636,7 +6691,6 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var hideTopInfluencers = event == null ? void 0 : event.hideTopInfluencers;
   var isSeatMapAllowed = _get(event, 'seatMapAllowed', false);
   var isTableMapEnabled = _get(event, 'tableMapEnabled', false);
-  var isPreregistred = checkUserPreregistration();
   var notAvailableTicketsMessage = "Tickets for this event are not available until " + moment(event == null ? void 0 : event.salesStart).format('dddd, DD MMMM YYYY') + ". \n If you pre-registered, log into your account first to buy your pre-sale ticket.";
   var tableTickets = _filter(tickets, function (ticket) {
     return ticket.isTable;
@@ -11233,6 +11287,7 @@ var PreRegistration = function PreRegistration(_ref) {
   var eventId = _ref.eventId,
     pFormFields = _ref.formFields,
     additionalFieldAttribute = _ref.additionalFieldAttribute,
+    isPreregistrationStarted = _ref.isPreregistrationStarted,
     logo = _ref.logo,
     showForgotPasswordButton = _ref.showForgotPasswordButton,
     _ref$onLoginSuccess = _ref.onLoginSuccess,
@@ -11267,6 +11322,12 @@ var PreRegistration = function PreRegistration(_ref) {
   var _useState6 = React.useState(Boolean(getCookieByName(X_TF_ECOMMERCE$2))),
     isLoggedIn = _useState6[0],
     setIsLoggedIn = _useState6[1];
+  var _useState7 = React.useState({
+      show: false,
+      message: ''
+    }),
+    confirmModalState = _useState7[0],
+    setConfirmModalState = _useState7[1];
   useCookieListener(X_TF_ECOMMERCE$2, function (value) {
     return setIsLoggedIn(Boolean(value));
   });
@@ -11324,11 +11385,20 @@ var PreRegistration = function PreRegistration(_ref) {
     onClose: function onClose() {
       setError('');
     }
+  }), confirmModalState.show && React__default.createElement(ConfirmModal, {
+    hideCancelBtn: true,
+    onConfirm: function onConfirm() {
+      return setConfirmModalState({
+        show: false,
+        message: ''
+      });
+    },
+    message: confirmModalState.message
   }), !isLoggedIn && React__default.createElement("div", {
     className: "account-actions-block"
   }, React__default.createElement("div", {
     className: "action-item"
-  }, React__default.createElement("div", null, React__default.createElement("span", null, "If you have a"), React__default.createElement("b", null, " Mana Common "), React__default.createElement("span", null, "account and password already, create (or log in to) your account, then click on Confirm Registration."))), React__default.createElement("div", {
+  }, React__default.createElement("div", null, React__default.createElement("span", null, "Create (or log in to) your account, then click on Confirm Registration."), React__default.createElement("span", null, " If you have a"), React__default.createElement("b", null, " Mana Common "), React__default.createElement("span", null, "account and password already"))), React__default.createElement("div", {
     className: "action-item login-block"
   }, React__default.createElement("button", {
     className: "login-register-button",
@@ -11372,7 +11442,11 @@ var PreRegistration = function PreRegistration(_ref) {
             case 0:
               _context2.prev = 0;
               if (!isLoggedIn) {
-                _context2.next = 17;
+                _context2.next = 21;
+                break;
+              }
+              if (!isPreregistrationStarted) {
+                _context2.next = 18;
                 break;
               }
               updatedValues = _extends({}, values);
@@ -11384,17 +11458,25 @@ var PreRegistration = function PreRegistration(_ref) {
               updatedValues.shareHash = hash;
               // remove date picker string value
               delete updatedValues.holderAge;
-              _context2.next = 12;
+              _context2.next = 13;
               return confirmPreRegistration(eventId, updatedValues);
-            case 12:
+            case 13:
               confirmationData = _context2.sent;
               if (isWindowDefined$1) {
                 window.localStorage.setItem('pre-registration-hash', _get(confirmationData, 'attributes.hash'));
               }
               onConfirmationSuccess(confirmationData);
-              _context2.next = 37;
+              _context2.next = 19;
               break;
-            case 17:
+            case 18:
+              setConfirmModalState({
+                show: true,
+                message: 'The preregistration has not started'
+              });
+            case 19:
+              _context2.next = 41;
+              break;
+            case 21:
               bodyFormData = new FormData();
               bodyFormData.append('first_name', values.firstName);
               bodyFormData.append('last_name', values.lastName);
@@ -11407,23 +11489,23 @@ var PreRegistration = function PreRegistration(_ref) {
               bodyFormData.append('client_id', CONFIGS.CLIENT_ID);
               bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET);
               bodyFormData.append('register_for', 'prereg');
-              _context2.next = 31;
+              _context2.next = 35;
               return register(bodyFormData);
-            case 31:
+            case 35:
               res = _context2.sent;
-              _context2.next = 34;
+              _context2.next = 38;
               return getProfileData();
-            case 34:
+            case 38:
               profileRes = _context2.sent;
               onLoginSuccess(res.data);
               if (isWindowDefined$1) {
                 window.localStorage.setItem('user_data', JSON.stringify(_get(profileRes, 'data.data')));
               }
-            case 37:
-              _context2.next = 46;
+            case 41:
+              _context2.next = 50;
               break;
-            case 39:
-              _context2.prev = 39;
+            case 43:
+              _context2.prev = 43;
               _context2.t0 = _context2["catch"](0);
               errorMessage = (_context2.t0 == null ? void 0 : _context2.t0.message) || 'Error';
               emailErrors = _context2.t0 == null ? void 0 : (_e$response2 = _context2.t0.response) == null ? void 0 : (_e$response2$data = _e$response2.data) == null ? void 0 : (_e$response2$data$mes = _e$response2$data.message) == null ? void 0 : _e$response2$data$mes.email;
@@ -11439,11 +11521,11 @@ var PreRegistration = function PreRegistration(_ref) {
                 setError(errorMessage);
               }
               onConfirmationError(_context2.t0);
-            case 46:
+            case 50:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, null, [[0, 39]]);
+        }, _callee2, null, [[0, 43]]);
       }));
       function onSubmit(_x) {
         return _onSubmit.apply(this, arguments);
@@ -11475,12 +11557,14 @@ var PreRegistration = function PreRegistration(_ref) {
 var Prewards = function Prewards(props) {
   var data = props.data,
     _props$classNamePrefi = props.classNamePrefix,
-    classNamePrefix = _props$classNamePrefi === void 0 ? '' : _props$classNamePrefi;
+    classNamePrefix = _props$classNamePrefi === void 0 ? '' : _props$classNamePrefi,
+    _props$headerNode = props.headerNode,
+    headerNode = _props$headerNode === void 0 ? React__default.createElement(React__default.Fragment, null, "PRE", React__default.createElement("span", null, "WARDS\u2122")) : _props$headerNode;
   return React__default.createElement("div", {
     className: classNamePrefix + "_prewards"
-  }, React__default.createElement("div", {
+  }, !_isEmpty(data) && React__default.createElement("div", {
     className: classNamePrefix + "_prewards_heder"
-  }, "PRE", React__default.createElement("span", null, "WARDS\u2122")), React__default.createElement("div", {
+  }, headerNode), React__default.createElement("div", {
     className: classNamePrefix + "_prizes"
   }, _map(data, function (prize) {
     var description = prize.description,
@@ -11557,6 +11641,9 @@ var ShareOptions = function ShareOptions(props) {
     actions = _data$attributes.actions,
     shareUrl = _data$attributes.shareUrl;
   var shareButtons = shareOptionsAdapter(actions, shareUrl);
+  var isShareLinkEnabled = _some(actions, function (item) {
+    return item.action === 'shared_url';
+  });
   var _onAfterShare = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(eventActionId) {
       var shareActionToken, tokenShuffleMethod, accessToken;
@@ -11589,7 +11676,7 @@ var ShareOptions = function ShareOptions(props) {
   }();
   return React__default.createElement("div", {
     className: classNamePrefix + "_share_options"
-  }, React__default.createElement("div", {
+  }, !_isEmpty(actions) && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: classNamePrefix + "_share_header"
   }, headerText), React__default.createElement(SocialButtons, {
     shareLink: data.attributes.shareUrl,
@@ -11602,7 +11689,7 @@ var ShareOptions = function ShareOptions(props) {
     onAfterShare: function onAfterShare(eventActionId) {
       return _onAfterShare(eventActionId);
     }
-  }), React__default.createElement("div", {
+  }), isShareLinkEnabled && React__default.createElement("div", {
     className: classNamePrefix + "_share_btn_inner"
   }, React__default.createElement(CopyField, {
     copyValue: shareUrl,
@@ -11610,7 +11697,7 @@ var ShareOptions = function ShareOptions(props) {
     hasCopyIcon: hasCopyIcon,
     classNamePrefix: classNamePrefix,
     messageText: "Share your link"
-  })));
+  }))));
 };
 
 var isWindowDefined$2 = typeof window !== 'undefined';
@@ -11801,10 +11888,10 @@ var Influancers = function Influancers(props) {
   var data = props.data,
     classNamePrefix = props.classNamePrefix,
     _props$headerNode = props.headerNode,
-    headerNode = _props$headerNode === void 0 ? 'TOP INFLUENCERS' : _props$headerNode;
+    headerNode = _props$headerNode === void 0 ? React__default.createElement(React__default.Fragment, null, "TOP", React__default.createElement("span", null, "\xA0INFLUANCERS")) : _props$headerNode;
   return React__default.createElement("div", {
     className: classNamePrefix + "_influencers_container"
-  }, React__default.createElement("div", {
+  }, !_isEmpty(data) && React__default.createElement("div", {
     className: classNamePrefix + "_influencers_header"
   }, headerNode), React__default.createElement("div", {
     className: classNamePrefix + "_influencers"
@@ -11828,7 +11915,9 @@ var PreRegistrationInformations = function PreRegistrationInformations(props) {
     _props$onGetPreregist = props.onGetPreregistrationDataSuccess,
     onGetPreregistrationDataSuccess = _props$onGetPreregist === void 0 ? _identity : _props$onGetPreregist,
     _props$onGetPreregist2 = props.onGetPreregistrationDataError,
-    onGetPreregistrationDataError = _props$onGetPreregist2 === void 0 ? _identity : _props$onGetPreregist2;
+    onGetPreregistrationDataError = _props$onGetPreregist2 === void 0 ? _identity : _props$onGetPreregist2,
+    influancersHeaderNode = props.influancersHeaderNode,
+    prewardsHeaderNode = props.prewardsHeaderNode;
   var _useState = React.useState([]),
     prizes = _useState[0],
     setPrizes = _useState[1];
@@ -11875,9 +11964,11 @@ var PreRegistrationInformations = function PreRegistrationInformations(props) {
   return React__default.createElement("div", {
     className: classNamePrefix + "_pre_registration_info_container"
   }, React__default.createElement(Prewards, {
+    headerNode: prewardsHeaderNode,
     data: prizes,
     classNamePrefix: classNamePrefix
   }), React__default.createElement(Influancers, {
+    headerNode: influancersHeaderNode,
     data: influencers,
     classNamePrefix: classNamePrefix
   }));