tf-checkout-react 1.0.55 → 1.0.56

package/dist/components/billing-info-container/index.d.ts

@@ -24,8 +24,10 @@ export interface IBillingInfoPage {
     onAuthorizeSuccess?: () => void;
     onAuthorizeError?: (e: AxiosError) => void;
     onLogin?: () => void;
+    onLoginSuccess?: () => void;
     initialValues?: FormikValues;
     buttonName?: string;
     theme?: 'light' | 'dark';
+    isLoggedIn?: boolean;
 }
-export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, }: IBillingInfoPage) => JSX.Element;
+export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, }: IBillingInfoPage) => JSX.Element;

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

@@ -2,6 +2,7 @@
 import { AxiosError } from 'axios';
 import './style.css';
 import { IPaymentField } from '../../types';
+import { StripeCardNumberElementOptions } from '@stripe/stripe-js';
 export interface IPaymentPage {
     paymentFields: IPaymentField[];
     handlePayment: any;
@@ -12,5 +13,6 @@ export interface IPaymentPage {
     onGetPaymentDataSuccess: (value: any) => void;
     onGetPaymentDataError: (value: AxiosError) => void;
     onPaymentError: (value: AxiosError) => void;
+    stripeCardOptions?: StripeCardNumberElementOptions;
 }
-export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, }: IPaymentPage) => JSX.Element;
+export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, }: IPaymentPage) => JSX.Element;

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

@@ -5,4 +5,4 @@
 .style_card_form_inner__7vzGq{background:#232323;border-radius:8px;margin:0 auto 20px;min-width:325px;padding:15px;width:50%}.style_card_form_inner__7vzGq .style_card_label_text__F7GFa{color:#fff}.style_card_form_inner__7vzGq .style_StripeElement__jS5TJ{margin:5px 0 10px}.style_card_label_text__F7GFa{color:#fff}.style_payment_button__2rkp8{padding-top:15px;text-align:center}.style_payment_button__2rkp8 button{background-color:#212529;border-radius:8px;color:#fff;cursor:pointer;font-size:26px;padding:15px 30px;transition:opacity .5s;width:200px}.style_payment_button__2rkp8 button:hover{opacity:.7}.style_disabled-payment-button__3MiUR button{opacity:.3;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.style_checkout_error_block__3LUN5{color:#e53935;font-weight:600;padding:15px 0}.style_zip_element__31oFa p{margin-bottom:0}.style_zip_element__31oFa input{background-color:#232323;border:none;color:#fff;font-size:18px;margin-top:5px;outline:none;width:100%}
 .style_confirmation-page__1F9Sh{margin:0 auto;max-width:1024px}.style_confirmation-page__1F9Sh .style_strong-text__27fPG{font-weight:700}.style_confirmation-page__1F9Sh .style_title__2Al5H{color:#333;font-size:24px;font-weight:600}.style_confirmation-page__1F9Sh .style_share-message-section__3tRfP{background:#dff0d8;border:1px solid #d6e9c6;border-radius:5px;color:#2c7221;display:flex;flex-direction:column;margin:20px 0;padding:15px}.style_confirmation-page__1F9Sh .style_main__3LBFA{font-size:15px;font-weight:700}.style_confirmation-page__1F9Sh .style_helper__3L5l6,.style_confirmation-page__1F9Sh .style_main__3LBFA{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif}.style_confirmation-page__1F9Sh .style_helper__3L5l6{font-size:14px;margin-top:5px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px -10px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe .style_referral_text_section__3dvbC{margin:10px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe .style_referral_title_text__1zFZX{color:#f08057;font-size:28px;padding-bottom:10px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe .style_referral_text__2tAKA{font-size:18px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe img{margin:10px;max-width:200px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz{-moz-column-gap:5rem;column-gap:5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:10px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_invitation_title__x4iqi{font-size:22px;padding-bottom:12px;padding-top:12px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -10px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z{flex:1 1;padding:0 5px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share_buttons__2C4eT{display:grid;flex-wrap:wrap;margin:0 -7px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share_buttons__2C4eT .style_social-media-btns__2kCat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share_buttons__2C4eT .style_social-media-btns__2kCat .style_sharing-btn__IVnek{min-width:130px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-btn-inner__2HBGQ.style_share-by-link-copy__25qUa{padding:0;text-align:left}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_sharing-button__3R2yU{flex:1 1}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_convenient_buttons__2RFH8.style_sharing-btn__IVnek{display:inline}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-by-link__2B83J{background:#000;color:#fff;padding:0}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-by-link__2B83J.style_label__3FIno{margin:0;padding:0;text-align:left}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_sharing-btn__IVnek{flex:1 1;padding:7px;text-align:center}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-btn-inner__2HBGQ{background:#000;color:#fff;padding:10px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-btn-inner__2HBGQ .style_svg_wrapper__268DZ{display:inline}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-btn-inner__2HBGQ .style_share-input__2Pp7g{background-color:#fff;text-align:left;width:300px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-text__V36JV{display:block;font-size:13px;font-weight:600;padding-top:8px;width:100%}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_wrapper__1aDnf{background:#e3e3e3;border:1px solid #dcdcdc;display:grid;grid-template-columns:1fr 1fr;margin:10px 0;padding:15px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_wrapper__1aDnf.style_free_price__3Hd0-{background:#e9835b;border:1px solid #eb7b4a;color:#fff}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_label__3SVoy{font-weight:600}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_sublabel__2Ckqd{font-size:14px;font-weight:100}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_price__3v8bL{font-weight:600;text-align:right}
 body{margin:0;padding:0}.style_get-tickets-page__11KeR{width:100%}.style_event-detail__tier__2CcMs{background-color:#fff;padding:17px 35px 20px}.style_event-detail__tier-name__116US{color:#000;font-family:Inter-Bold;font-family:Bebas Neue;font-size:.85rem;font-weight:700;letter-spacing:.2em;line-height:1.3;margin-bottom:8px;margin-top:16px;padding-right:20%;text-transform:uppercase}.style_event-detail__tier-status__IbqO1{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:8px;width:100%}.style_event-detail__tier-status__IbqO1.style_ticket-button__Nty1u{background-color:#212529;border:3px solid #000;border-radius:0;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.2em;line-height:1.5;margin-bottom:10px;width:200px}.style_event-tickets-container__3vdaQ{align-items:center;display:flex;justify-content:space-between}.style_event-detail__tier-status__IbqO1.style_ticket-button__Nty1u.style_true__g6yhC{background-color:#c1c3c6;border-color:#afb0b1}.style_event-detail__tier-price__3doIb{color:#000;font-family:Inter-Bold;font-size:1.5rem;font-weight:700;line-height:1;text-align:center}.style_event-detail__tier-price__3doIb p{margin:0}.style_event-detail__tier-price__3doIb .style_fees__19QjH{font-size:14px;font-weight:400;margin-top:4px;text-align:left}.style_event-detail__tier-price__3doIb .style_old-price__2mSOJ{color:red;font-size:1.3rem;margin-bottom:5px;text-decoration:line-through}.style_alert-info__24Mx5{background-color:#d9edf7;border:1px solid #bce8f1;border-radius:4px;color:#3a87ad;font-size:1em;margin:0 35px;padding:8px 15px;text-align:center;text-shadow:0 1px 0 hsla(0,0%,100%,.5)}.style_event-detail__tier-state__2ethF{color:#30bc9d;font-family:Inter-Bold;font-size:.75rem;font-weight:300;line-height:1;text-align:right;text-transform:uppercase}.style_promo-code-block__ttqVr input{font-size:14px;padding:1px 8px}.style_book-button__1krJI{background-color:#212529;border:3px solid #000;border-radius:0;color:#fff;cursor:pointer;display:block;font-size:26px;font-weight:700;height:50px;letter-spacing:.2em;line-height:1.5;margin:25px auto 10px;text-align:center;width:100%}.style_book-button__1krJI:hover{background-color:#505050;border-color:#505050}.style_loader-container__3iPe2{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.style_get-tickets-paper__3ZF-f::-webkit-scrollbar{width:5px}.style_get-tickets-paper__3ZF-f::-webkit-scrollbar-track{background:#f1f1f1}.style_get-tickets-paper__3ZF-f::-webkit-scrollbar-thumb{background:#888}.style_get-tickets-paper__3ZF-f::-webkit-scrollbar-thumb:hover{background:#555}.style_get-tickets__3Sghy .style_get-tickets__selectbox__2ApAj{width:100%}.style_disabled__310xq{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.style_hidden__ceCor{display:none}
-.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{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{text-align:center}.style_waiting-list__2sJxM .style_added-success-message__FbPZS{font-size:22px}

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

@@ -1522,8 +1522,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) {
@@ -1924,7 +1928,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);
@@ -1981,47 +1988,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 = React.useState(data),
       dataWithUniqueIds = _useState[0],
       setDataWithUniqueIds = _useState[1];
 
-  var _useState2 = React.useState({}),
-      cartInfoData = _useState2[0],
-      setCartInfo = _useState2[1];
+  var _useState2 = React.useState(!!access_token),
+      isLoggedIn = _useState2[0],
+      setIsLoggedIn = _useState2[1];
 
-  var _useState3 = React.useState([]),
-      countries = _useState3[0],
-      setCountries = _useState3[1];
+  var _useState3 = React.useState({}),
+      cartInfoData = _useState3[0],
+      setCartInfo = _useState3[1];
 
   var _useState4 = React.useState([]),
-      states = _useState4[0],
-      setStates = _useState4[1];
+      countries = _useState4[0],
+      setCountries = _useState4[1];
 
-  var _useState5 = React.useState(false),
-      showModalLogin = _useState5[0],
-      setShowModalLogin = _useState5[1];
+  var _useState5 = React.useState([]),
+      states = _useState5[0],
+      setStates = _useState5[1];
 
   var _useState6 = React.useState(false),
-      alreadyHasUser = _useState6[0],
-      setAlreadyHasUser = _useState6[1];
+      showModalLogin = _useState6[0],
+      setShowModalLogin = _useState6[1];
 
   var _useState7 = React.useState(false),
-      userExpired = _useState7[0],
-      setUserExpired = _useState7[1];
+      alreadyHasUser = _useState7[0],
+      setAlreadyHasUser = _useState7[1];
 
   var _useState8 = React.useState(false),
-      showModalRegister = _useState8[0],
-      setShowModalRegister = _useState8[1];
+      userExpired = _useState8[0],
+      setUserExpired = _useState8[1];
 
-  var _useState9 = React.useState([]),
-      ticketsQuantity = _useState9[0],
-      setTicketsQuantity = _useState9[1];
+  var _useState9 = React.useState(false),
+      showModalRegister = _useState9[0],
+      setShowModalRegister = _useState9[1];
+
+  var _useState10 = React.useState([]),
+      ticketsQuantity = _useState10[0],
+      setTicketsQuantity = _useState10[1];
 
-  var _useState10 = React.useState({
+  var _useState11 = React.useState({
     firstName: '',
     lastName: '',
     email: '',
@@ -2036,10 +2052,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', '');
 
@@ -2068,8 +2082,13 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       qty += +item.quantity;
     });
     return qty;
-  }; //just once
+  };
 
+  React.useEffect(function () {
+    if ((pIsLoggedIn || access_token) && !isLoggedIn) {
+      setIsLoggedIn(true);
+    }
+  }, [pIsLoggedIn, isLoggedIn, access_token]); //just once
 
   React.useEffect(function () {
     // fetch countries data
@@ -2178,7 +2197,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
             case 0:
               _context4.prev = 0;
 
-              if (!(typeof window !== 'undefined' && token)) {
+              if (!(isWindowDefined && token)) {
                 _context4.next = 10;
                 break;
               }
@@ -2259,7 +2278,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));
                 }
 
@@ -2337,7 +2356,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));
                 }
 
@@ -2361,7 +2380,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);
@@ -2499,6 +2518,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     onLogin: function onLogin() {
       setShowModalLogin(false);
       setUserExpired(false);
+      onLoginSuccess();
     },
     alreadyHasUser: alreadyHasUser,
     userExpired: userExpired,
@@ -2592,6 +2612,9 @@ var options = {
       fontSize: '18px',
       color: '#ffffff',
       letterSpacing: '1px',
+      ':-webkit-autofill': {
+        color: '#ffffff'
+      },
       '::placeholder': {
         color: 'rgba(201, 201, 201, 0.5)'
       }
@@ -2607,7 +2630,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,
@@ -2794,7 +2817,7 @@ var CheckoutForm = function CheckoutForm(_ref) {
   }, React__default.createElement("span", {
     className: "card_label_text"
   }, "Card number"), React__default.createElement(reactStripeJs.CardNumberElement, {
-    options: stripeCardOptions,
+    options: _extends({}, options, stripeCardOptions),
     onReady: _identity,
     onChange: _identity,
     onBlur: _identity,
@@ -2804,13 +2827,13 @@ var CheckoutForm = function CheckoutForm(_ref) {
   }, React__default.createElement("span", {
     className: "card_label_text"
   }, "Expiration date"), React__default.createElement(reactStripeJs.CardExpiryElement, {
-    options: stripeCardOptions
+    options: _extends({}, options, stripeCardOptions)
   })), React__default.createElement("label", {
     className: "cvc_element"
   }, React__default.createElement("span", {
     className: "card_label_text"
   }, "CVC"), React__default.createElement(reactStripeJs.CardCvcElement, {
-    options: stripeCardOptions
+    options: _extends({}, options, stripeCardOptions)
   })), React__default.createElement("label", {
     className: "zip_element"
   }, React__default.createElement("p", {
@@ -2876,7 +2899,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 = React.useState(initialReviewValues),
       reviewData = _useState[0],
@@ -3097,7 +3122,8 @@ var PaymentContainer = function PaymentContainer(_ref) {
     handleSetLoading: function handleSetLoading(value) {
       return setPaymentIsLoading(value);
     },
-    conditions: conditions
+    conditions: conditions,
+    stripeCardOptions: stripeCardOptions
   }))))));
 };
 
@@ -3163,7 +3189,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
         }
       }, _callee, null, [[4, 13]]);
     }))();
-  }, [onGetConfirmationDataSuccess, onGetConfirmationDataError]);
+  }, []);
   return React__default.createElement("div", {
     className: "confirmation-page"
   }, React__default.createElement("p", {
@@ -3485,9 +3511,13 @@ var WaitingList = function WaitingList(_ref) {
 
   return React__default.createElement("div", {
     className: "waiting-list"
-  }, showSuccessMessage ? React__default.createElement("div", {
+  }, React__default.createElement("p", {
+    className: "no-tickets-text"
+  }, "No tickets are currently available for this event."), showSuccessMessage ? React__default.createElement("div", {
     className: "success-message"
-  }, React__default.createElement("h3", null, "You've been added to the waiting list!"), React__default.createElement("p", null, "You'll be notified if tickets become available.")) : React__default.createElement(React__default.Fragment, null, React__default.createElement("h2", null, "WAITING LIST"), React__default.createElement(formik.Formik, {
+  }, React__default.createElement("p", {
+    className: "added-success-message"
+  }, "You've been added to the waiting list!"), React__default.createElement("p", null, "You'll be notified if tickets become available.")) : React__default.createElement(React__default.Fragment, null, React__default.createElement("h2", null, "WAITING LIST"), React__default.createElement(formik.Formik, {
     initialValues: {
       ticketTypeId: '',
       quantity: '',