tf-checkout-react 1.0.55 → 1.0.59

package/dist/tf-checkout-react.esm.js

@@ -1281,7 +1281,11 @@ var LoginModal = function LoginModal(_ref) {
       onSubmit: props.handleSubmit
     }, React.createElement("div", {
       className: "modal-title"
-    }, "Login"), React.createElement("div", {
+    }, "Login"), React.createElement("img", {
+      className: "login-logo-tff",
+      src: "https://www.ticketfairy.com/resources/images/logo-ttf-black.svg",
+      alt: ""
+    }), React.createElement("div", {
       className: "server_auth__error"
     }, error), alreadyHasUser && React.createElement("p", {
       className: "info-text-for-login"
@@ -1551,8 +1555,12 @@ var getInitialValues = function getInitialValues(data, propsInitialValues, userV
 
   _forEach(results, function (item) {
     initialValues[item] = propsInitialValues[item] || userValues[item] || '';
-  });
+  }); // set logged in user as first ticket holder
+
 
+  initialValues['holderFirstName-0'] = propsInitialValues.firstName || userValues.firstName || '';
+  initialValues['holderLastName-0'] = propsInitialValues.lastName || userValues.lastName || '';
+  initialValues['holderEmail-0'] = propsInitialValues.email || userValues.email || '';
   return initialValues;
 };
 var createRegisterFormData = function createRegisterFormData(values, checkoutBody) {
@@ -1953,7 +1961,10 @@ var LogicRunner = function LogicRunner(_ref) {
               brand_opt_in: (parsedData == null ? void 0 : parsedData.brand_opt_in) || '',
               city: (parsedData == null ? void 0 : parsedData.city) || '',
               confirmPassword: '',
-              password: ''
+              password: '',
+              'holderFirstName-0': (parsedData == null ? void 0 : parsedData.first_name) || '',
+              'holderLastName-0': (parsedData == null ? void 0 : parsedData.last_name) || '',
+              'holderEmail-0': (parsedData == null ? void 0 : parsedData.email) || ''
             };
             setValues(mappedValues);
             setUserValues(mappedValues);
@@ -2010,47 +2021,56 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       _ref3$onAuthorizeErro = _ref3.onAuthorizeError,
       onAuthorizeError = _ref3$onAuthorizeErro === void 0 ? function () {} : _ref3$onAuthorizeErro,
       _ref3$onLogin = _ref3.onLogin,
-      onLogin = _ref3$onLogin === void 0 ? function () {} : _ref3$onLogin;
-  var userData = typeof window !== 'undefined' && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
-  var access_token = typeof window !== 'undefined' && window.localStorage.getItem('access_token') ? window.localStorage.getItem('access_token') || '' : '';
+      onLogin = _ref3$onLogin === void 0 ? function () {} : _ref3$onLogin,
+      _ref3$onLoginSuccess = _ref3.onLoginSuccess,
+      onLoginSuccess = _ref3$onLoginSuccess === void 0 ? function () {} : _ref3$onLoginSuccess,
+      _ref3$isLoggedIn = _ref3.isLoggedIn,
+      pIsLoggedIn = _ref3$isLoggedIn === void 0 ? false : _ref3$isLoggedIn;
+  var isWindowDefined = typeof window !== 'undefined';
+  var userData = isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
+  var access_token = isWindowDefined && window.localStorage.getItem('access_token') ? window.localStorage.getItem('access_token') || '' : '';
 
   var _useState = useState(data),
       dataWithUniqueIds = _useState[0],
       setDataWithUniqueIds = _useState[1];
 
-  var _useState2 = useState({}),
-      cartInfoData = _useState2[0],
-      setCartInfo = _useState2[1];
+  var _useState2 = useState(!!access_token),
+      isLoggedIn = _useState2[0],
+      setIsLoggedIn = _useState2[1];
 
-  var _useState3 = useState([]),
-      countries = _useState3[0],
-      setCountries = _useState3[1];
+  var _useState3 = useState({}),
+      cartInfoData = _useState3[0],
+      setCartInfo = _useState3[1];
 
   var _useState4 = useState([]),
-      states = _useState4[0],
-      setStates = _useState4[1];
+      countries = _useState4[0],
+      setCountries = _useState4[1];
 
-  var _useState5 = useState(false),
-      showModalLogin = _useState5[0],
-      setShowModalLogin = _useState5[1];
+  var _useState5 = useState([]),
+      states = _useState5[0],
+      setStates = _useState5[1];
 
   var _useState6 = useState(false),
-      alreadyHasUser = _useState6[0],
-      setAlreadyHasUser = _useState6[1];
+      showModalLogin = _useState6[0],
+      setShowModalLogin = _useState6[1];
 
   var _useState7 = useState(false),
-      userExpired = _useState7[0],
-      setUserExpired = _useState7[1];
+      alreadyHasUser = _useState7[0],
+      setAlreadyHasUser = _useState7[1];
 
   var _useState8 = useState(false),
-      showModalRegister = _useState8[0],
-      setShowModalRegister = _useState8[1];
+      userExpired = _useState8[0],
+      setUserExpired = _useState8[1];
+
+  var _useState9 = useState(false),
+      showModalRegister = _useState9[0],
+      setShowModalRegister = _useState9[1];
 
-  var _useState9 = useState([]),
-      ticketsQuantity = _useState9[0],
-      setTicketsQuantity = _useState9[1];
+  var _useState10 = useState([]),
+      ticketsQuantity = _useState10[0],
+      setTicketsQuantity = _useState10[1];
 
-  var _useState10 = useState({
+  var _useState11 = useState({
     firstName: '',
     lastName: '',
     email: '',
@@ -2065,10 +2085,8 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     state: '',
     zip: ''
   }),
-      userValues = _useState10[0],
-      setUserValues = _useState10[1];
-
-  var isLoggedIn = !!access_token;
+      userValues = _useState11[0],
+      setUserValues = _useState11[1];
 
   var emailLogged = _get(userData, 'email', '') || _get(userValues, 'email', '');
 
@@ -2097,8 +2115,13 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       qty += +item.quantity;
     });
     return qty;
-  }; //just once
+  };
 
+  useEffect(function () {
+    if ((pIsLoggedIn || access_token) && !isLoggedIn) {
+      setIsLoggedIn(true);
+    }
+  }, [pIsLoggedIn, isLoggedIn, access_token]); //just once
 
   useEffect(function () {
     // fetch countries data
@@ -2207,7 +2230,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
             case 0:
               _context4.prev = 0;
 
-              if (!(typeof window !== 'undefined' && token)) {
+              if (!(isWindowDefined && token)) {
                 _context4.next = 10;
                 break;
               }
@@ -2288,7 +2311,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 _profileSpecifiedData = _get(updatedUserData, 'data.data');
                 _profileDataObj = setLoggedUserData(_profileSpecifiedData);
 
-                if (typeof window !== 'undefined') {
+                if (isWindowDefined) {
                   window.localStorage.setItem('user_data', JSON.stringify(_profileDataObj));
                 }
 
@@ -2366,7 +2389,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 profileSpecifiedData = _get(profileData, 'data.data');
                 profileDataObj = setLoggedUserData(profileSpecifiedData);
 
-                if (typeof window !== 'undefined') {
+                if (isWindowDefined) {
                   window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
                 }
 
@@ -2390,7 +2413,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
                 if (axios.isAxiosError(_context5.t1)) {
                   if (((_e$response2 = _context5.t1.response) == null ? void 0 : _e$response2.data.error) === 'invalid_token') {
-                    if (typeof window !== 'undefined') {
+                    if (isWindowDefined) {
                       window.localStorage.removeItem('user_data');
                       window.localStorage.removeItem('access_token');
                       setUserExpired(true);
@@ -2528,6 +2551,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     onLogin: function onLogin() {
       setShowModalLogin(false);
       setUserExpired(false);
+      onLoginSuccess();
     },
     alreadyHasUser: alreadyHasUser,
     userExpired: userExpired,
@@ -2627,6 +2651,9 @@ var options = {
       fontSize: '18px',
       color: '#ffffff',
       letterSpacing: '1px',
+      ':-webkit-autofill': {
+        color: '#ffffff'
+      },
       '::placeholder': {
         color: 'rgba(201, 201, 201, 0.5)'
       }
@@ -2642,7 +2669,7 @@ var CheckoutForm = function CheckoutForm(_ref) {
       _ref$onSubmit = _ref.onSubmit,
       onSubmit = _ref$onSubmit === void 0 ? _identity : _ref$onSubmit,
       _ref$stripeCardOption = _ref.stripeCardOptions,
-      stripeCardOptions = _ref$stripeCardOption === void 0 ? options : _ref$stripeCardOption,
+      stripeCardOptions = _ref$stripeCardOption === void 0 ? {} : _ref$stripeCardOption,
       _ref$error = _ref.error,
       error = _ref$error === void 0 ? null : _ref$error,
       stripe_client_secret = _ref.stripe_client_secret,
@@ -2829,7 +2856,7 @@ var CheckoutForm = function CheckoutForm(_ref) {
   }, React.createElement("span", {
     className: "card_label_text"
   }, "Card number"), React.createElement(CardNumberElement, {
-    options: stripeCardOptions,
+    options: _extends({}, options, stripeCardOptions),
     onReady: _identity,
     onChange: _identity,
     onBlur: _identity,
@@ -2839,13 +2866,13 @@ var CheckoutForm = function CheckoutForm(_ref) {
   }, React.createElement("span", {
     className: "card_label_text"
   }, "Expiration date"), React.createElement(CardExpiryElement, {
-    options: stripeCardOptions
+    options: _extends({}, options, stripeCardOptions)
   })), React.createElement("label", {
     className: "cvc_element"
   }, React.createElement("span", {
     className: "card_label_text"
   }, "CVC"), React.createElement(CardCvcElement, {
-    options: stripeCardOptions
+    options: _extends({}, options, stripeCardOptions)
   })), React.createElement("label", {
     className: "zip_element"
   }, React.createElement("p", {
@@ -2911,7 +2938,9 @@ var PaymentContainer = function PaymentContainer(_ref) {
       _ref$onGetPaymentData2 = _ref.onGetPaymentDataError,
       onGetPaymentDataError = _ref$onGetPaymentData2 === void 0 ? function () {} : _ref$onGetPaymentData2,
       _ref$onPaymentError = _ref.onPaymentError,
-      onPaymentError = _ref$onPaymentError === void 0 ? function () {} : _ref$onPaymentError;
+      onPaymentError = _ref$onPaymentError === void 0 ? function () {} : _ref$onPaymentError,
+      _ref$stripeCardOption = _ref.stripeCardOptions,
+      stripeCardOptions = _ref$stripeCardOption === void 0 ? {} : _ref$stripeCardOption;
 
   var _useState = useState(initialReviewValues),
       reviewData = _useState[0],
@@ -3132,7 +3161,8 @@ var PaymentContainer = function PaymentContainer(_ref) {
     handleSetLoading: function handleSetLoading(value) {
       return setPaymentIsLoading(value);
     },
-    conditions: conditions
+    conditions: conditions,
+    stripeCardOptions: stripeCardOptions
   }))))));
 };
 
@@ -3141,7 +3171,8 @@ styleInject(css_248z$5);
 
 var defaultSvg = 'https://img.icons8.com/ios-filled/50/000000/facebook-new.svg';
 var ConfirmationContainer = function ConfirmationContainer(_ref) {
-  var _ref$referralPromotio = _ref.referralPromotions,
+  var isReferralEnabled = _ref.isReferralEnabled,
+      _ref$referralPromotio = _ref.referralPromotions,
       referralPromotions = _ref$referralPromotio === void 0 ? [] : _ref$referralPromotio,
       _ref$shareButtons = _ref.shareButtons,
       shareButtons = _ref$shareButtons === void 0 ? [] : _ref$shareButtons,
@@ -3201,7 +3232,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
         }
       }, _callee, null, [[4, 13]]);
     }))();
-  }, [onGetConfirmationDataSuccess, onGetConfirmationDataError]);
+  }, []);
   return React.createElement("div", {
     className: "confirmation-page"
   }, React.createElement("p", {
@@ -3212,7 +3243,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     className: "main"
   }, "Your tickets have been emailed to you"), React.createElement("span", {
     className: "helper"
-  }, "Please bring them with you to the event")), data.disable_referral === false && React.createElement(React.Fragment, null, React.createElement("div", {
+  }, "Please bring them with you to the event")), data.disable_referral === false && isReferralEnabled && React.createElement(React.Fragment, null, React.createElement("div", {
     className: "referral_text_image_section"
   }, React.createElement("div", {
     className: "referral_text_section"
@@ -3439,7 +3470,7 @@ var TicketsSection = function TicketsSection(_ref) {
   }));
 };
 
-var css_248z$7 = ".style_waiting-list__2sJxM{padding:17px 35px 20px}.style_waiting-list__2sJxM .style_field-item__34MYc{margin-bottom:30px}.style_waiting-list__2sJxM .style_waiting-list-button__tO7D2{width:100%!important}.style_waiting-list__2sJxM .style_waiting-list-button__tO7D2:hover{background-color:#505050}.style_waiting-list__2sJxM .style_success-message__BvF3R h3{margin:10px 0}.style_waiting-list__2sJxM .style_success-message__BvF3R p{margin:0}";
+var css_248z$7 = ".style_waiting-list__2sJxM{padding:17px 35px 20px}.style_waiting-list__2sJxM .style_field-item__34MYc{margin-bottom:30px}.style_waiting-list__2sJxM .style_waiting-list-button__tO7D2{width:100%!important}.style_waiting-list__2sJxM .style_waiting-list-button__tO7D2:hover{background-color:#505050}.style_waiting-list__2sJxM .style_success-message__BvF3R h3{margin:10px 0}.style_waiting-list__2sJxM .style_success-message__BvF3R p{margin:0}.style_waiting-list__2sJxM .style_no-tickets-text__zGdaP{font-weight:700;text-align:center}.style_waiting-list__2sJxM .style_added-success-message__FbPZS{font-size:22px}";
 styleInject(css_248z$7);
 
 var generateQuantity = function generateQuantity(n) {
@@ -3531,7 +3562,11 @@ var WaitingList = function WaitingList(_ref) {
     className: "waiting-list"
   }, showSuccessMessage ? React.createElement("div", {
     className: "success-message"
-  }, React.createElement("h3", null, "You've been added to the waiting list!"), React.createElement("p", null, "You'll be notified if tickets become available.")) : React.createElement(React.Fragment, null, React.createElement("h2", null, "WAITING LIST"), React.createElement(Formik, {
+  }, React.createElement("p", {
+    className: "added-success-message"
+  }, "You've been added to the waiting list!"), React.createElement("p", null, "You'll be notified if tickets become available.")) : React.createElement(React.Fragment, null, React.createElement("p", {
+    className: "no-tickets-text"
+  }, "No tickets are currently available for this event."), React.createElement("h2", null, "WAITING LIST"), React.createElement(Formik, {
     initialValues: {
       ticketTypeId: '',
       quantity: '',
@@ -3621,7 +3656,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
       _ref$onGetTicketsErro = _ref.onGetTicketsError,
       onGetTicketsError = _ref$onGetTicketsErro === void 0 ? function () {} : _ref$onGetTicketsErro,
       _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? 'light' : _ref$theme;
+      theme = _ref$theme === void 0 ? 'light' : _ref$theme,
+      _ref$queryPromoCode = _ref.queryPromoCode,
+      queryPromoCode = _ref$queryPromoCode === void 0 ? '' : _ref$queryPromoCode;
 
   var _useState = useState({}),
       selectedTickets = _useState[0],
@@ -3647,7 +3684,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
       promoCode = _useState6[0],
       setPromoCode = _useState6[1];
 
-  var _useState7 = useState(''),
+  var _useState7 = useState(queryPromoCode),
       promoCodeUpdated = _useState7[0],
       setPromoCodeUpdated = _useState7[1];