tf-checkout-react 1.0.45 → 1.0.46

package/dist/api/index.d.ts

@@ -20,4 +20,5 @@ export declare const getProfileData: (accessToken: any) => Promise<import("axios
 export declare const getCountries: () => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getConfirmationData: (orderHash: string) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const getStates: (countryId: string) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const addToWaitingList: (id: number, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
 export {};

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

@@ -6,7 +6,7 @@ export interface ILoggedInValues {
 export interface IValues {
     [key: string]: any;
 }
-export declare const getInitialValues: (data?: any, propsInitialValues?: IValues) => IValues;
+export declare const getInitialValues: (data?: any, propsInitialValues?: IValues, userValues?: any) => IValues;
 export declare const createRegisterFormData: (values?: IValues) => FormData;
 interface ICheckoutBody {
     attributes: {

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { FieldInputProps } from 'formik';
 export interface ICheckboxField {
-    label: string;
+    label: string | number | JSX.Element;
     field: FieldInputProps<any>;
 }
 interface IOtherProps {
     [key: string]: any;
 }
-export declare const CheckboxField: ({ label, field, }: ICheckboxField & IOtherProps) => JSX.Element;
+export declare const CheckboxField: ({ label, field, ...rest }: ICheckboxField & IOtherProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import './style.css';
+interface ITicketRowProps {
+    ticketTier: any;
+    prevTicketTier: any;
+    selectedTickets: any;
+    handleTicketSelect: any;
+}
+export declare const TicketRow: ({ ticketTier, prevTicketTier, selectedTickets, handleTicketSelect, }: ITicketRowProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import './style.css';
+interface ITicketsSectionProps {
+    ticketsList: any;
+    selectedTickets: any;
+    handleTicketSelect: any;
+    promoCodeIsApplied: boolean;
+}
+export declare const TicketsSection: ({ ticketsList, selectedTickets, handleTicketSelect, promoCodeIsApplied, }: ITicketsSectionProps) => JSX.Element;
+export {};

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

@@ -14,6 +14,7 @@ export interface IGetTickets {
     onAddToCartError: (e: AxiosError) => void;
     onGetTicketsSuccess: (response: any) => void;
     onGetTicketsError: (e: AxiosError) => void;
+    theme?: 'light' | 'dark';
 }
 export interface ITicket {
     id: string | number;
@@ -22,5 +23,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, }: IGetTickets) => JSX.Element;
 export {};

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

@@ -0,0 +1,4 @@
+export declare const getTicketSelectOptions: (maxCount?: number, minCount?: number, multiplier?: number) => {
+    label: number;
+    value: number;
+}[];

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './style.css';
+interface WaitingListProps {
+    tickets: any;
+}
+declare const WaitingList: ({ tickets }: WaitingListProps) => JSX.Element;
+export default WaitingList;

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

@@ -4,4 +4,5 @@
 .style_payment_page__1PUd8{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif}.style_payment_page__1PUd8 .style_order_info_section__J1olw{padding:15px 0}.style_payment_page__1PUd8 .style_order_info_section__J1olw .style_order_info_block__3kZN4{padding-bottom:15px;padding-top:15px}.style_payment_page__1PUd8 .style_order_info_section__J1olw .style_order_info_block__3kZN4 .style_field-underline__2M8Bd{border-bottom:1px solid #000;padding-bottom:15px}.style_payment_page__1PUd8 .style_order_info_section__J1olw .style_order_info_block__3kZN4 .style_order_info_title__1MBgS{font-size:14px;font-weight:700;padding-bottom:3px}.style_payment_page__1PUd8 .style_order_info_section__J1olw .style_order_info_block__3kZN4 .style_order_info_text__3gSEK{font-size:16px;line-height:1.15;outline:none}.style_payment_page__1PUd8 .style_MuiBox-root__2LeaA{margin-left:auto;margin-right:auto;padding:20px;text-align:center}.style_payment_page__1PUd8 .style_payment_info_label__3Zmjp{padding:20px 0;text-align:center}.style_payment_page__1PUd8 .style_payment_form__2arf4{color:#fff;padding:20px}.style_payment_page__1PUd8 .style_payment_form__2arf4 input,.style_payment_page__1PUd8 .style_payment_form__2arf4 label{color:#fff}.style_payment_page__1PUd8 .style_payment_button__3WzAn{padding-top:20px;text-align:center}
 .style_card_form_inner__7vzGq{background:#232323;border-radius:8px;padding:15px}.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_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}
+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}

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

@@ -29,18 +29,17 @@ var reactStripeJs = require('@stripe/react-stripe-js');
 var stripeJs = require('@stripe/stripe-js');
 var CircularProgress = _interopDefault(require('@mui/material/CircularProgress'));
 var SVG = _interopDefault(require('react-inlinesvg'));
-var _sortBy = _interopDefault(require('lodash/sortBy'));
-var _has = _interopDefault(require('lodash/has'));
 var _some = _interopDefault(require('lodash/some'));
 var _find = _interopDefault(require('lodash/find'));
 var _isEmpty = _interopDefault(require('lodash/isEmpty'));
-var _filter = _interopDefault(require('lodash/filter'));
-var _isObject = _interopDefault(require('lodash/isObject'));
+var Button = _interopDefault(require('react-bootstrap/Button'));
+var jwt_decode = _interopDefault(require('jwt-decode'));
+var _sortBy = _interopDefault(require('lodash/sortBy'));
+var _has = _interopDefault(require('lodash/has'));
 var FormControl = _interopDefault(require('@mui/material/FormControl'));
 var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
 var Select = _interopDefault(require('@mui/material/Select'));
-var Button = _interopDefault(require('react-bootstrap/Button'));
-var jwt_decode = _interopDefault(require('jwt-decode'));
+var Button$1 = _interopDefault(require('@mui/material/Button'));
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -871,6 +870,7 @@ try {
 }
 });
 
+var emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 var combineValidators = function combineValidators() {
   for (var _len = arguments.length, validators = new Array(_len), _key = 0; _key < _len; _key++) {
     validators[_key] = arguments[_key];
@@ -879,19 +879,22 @@ var combineValidators = function combineValidators() {
   return function () {
     for (var i = 0; i < validators.length; ++i) {
       var error_message = validators[i].apply(validators, arguments);
-      if (error_message !== undefined) return error_message;
+      if (error_message) return error_message;
     }
   };
 };
-var requiredValidator = function requiredValidator(value) {
+var requiredValidator = function requiredValidator(value, message) {
   var errorMessage = '';
 
   if (!value) {
-    errorMessage = 'Required';
+    errorMessage = message || 'Required';
   }
 
   return errorMessage;
 };
+var emailValidator = function emailValidator(email) {
+  return !emailRegex.test(email) ? 'Please enter a valid email address' : '';
+};
 
 // preview1
 
@@ -1068,6 +1071,9 @@ var getConfirmationData = function getConfirmationData(orderHash) {
 var getStates = function getStates(countryId) {
   return publicRequest.get("/countries/" + countryId + "/states/");
 };
+var addToWaitingList = function addToWaitingList(id, data) {
+  return publicRequest.post("/v1/event/" + id + "/add_to_waiting_list", data);
+};
 
 var style = {
   position: 'absolute',
@@ -1467,7 +1473,7 @@ var RegisterModal = function RegisterModal(_ref) {
 };
 
 var _excluded = ["firstName", "lastName", "holderAge", "confirmEmail", "confirmPassword"];
-var getInitialValues = function getInitialValues(data, propsInitialValues) {
+var getInitialValues = function getInitialValues(data, propsInitialValues, userValues) {
   if (data === void 0) {
     data = [];
   }
@@ -1476,6 +1482,10 @@ var getInitialValues = function getInitialValues(data, propsInitialValues) {
     propsInitialValues = {};
   }
 
+  if (userValues === void 0) {
+    userValues = {};
+  }
+
   var results = _flatMapDeep(data, function (_ref) {
     var fields = _ref.fields;
     return _map(fields, function (_ref2) {
@@ -1490,7 +1500,7 @@ var getInitialValues = function getInitialValues(data, propsInitialValues) {
   var initialValues = {};
 
   _forEach(results, function (item) {
-    initialValues[item] = propsInitialValues[item] || '';
+    initialValues[item] = propsInitialValues[item] || userValues[item] || '';
   });
 
   return initialValues;
@@ -1643,16 +1653,20 @@ var CustomField = function CustomField(_ref) {
   }, field), isSelectField ? _map(selectOptions, function (option) {
     return React__default.createElement("option", {
       key: option.value,
-      value: option.value
+      value: option.value,
+      disabled: option.disabled
     }, option.label);
   }) : null);
 };
 
+var _excluded$1 = ["label", "field"];
 var CheckboxField = function CheckboxField(_ref) {
   var label = _ref.label,
-      field = _ref.field;
+      field = _ref.field,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
   return React__default.createElement(FormGroup, null, React__default.createElement(FormControlLabel, {
-    control: React__default.createElement(Checkbox, Object.assign({}, field)),
+    control: React__default.createElement(Checkbox, Object.assign({}, field, rest)),
     label: label
   }));
 };
@@ -2050,7 +2064,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
       lastName: lastNameLogged,
       country: 1,
       brand_opt_in: optedInFieldValue
-    })),
+    }), userValues),
     enableReinitialize: true,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee5(values, formikHelpers) {
@@ -3019,10 +3033,14 @@ var getTicketSelectOptions = function getTicketSelectOptions(maxCount, minCount,
   return options;
 };
 
-var computeTierStateLabel = function computeTierStateLabel(tier, prevTier, selectedTickets, handleTicketSelect) {
-  var soldOutMessage = tier.soldOutMessage ? ("" + tier.soldOutMessage).toUpperCase() : 'SOLD OUT';
-  var isSalesClosed = !tier.salesStarted || tier.salesEnded || !_has(tier, 'maxQuantity') || tier.maxQuantity === 0;
-  var options = getTicketSelectOptions(tier.maxQuantity, tier.minQuantity, tier.multiplier);
+var TicketRow = function TicketRow(_ref) {
+  var ticketTier = _ref.ticketTier,
+      prevTicketTier = _ref.prevTicketTier,
+      selectedTickets = _ref.selectedTickets,
+      handleTicketSelect = _ref.handleTicketSelect;
+  var soldOutMessage = ticketTier.soldOutMessage ? ("" + ticketTier.soldOutMessage).toUpperCase() : 'SOLD OUT';
+  var isSalesClosed = !ticketTier.salesStarted || ticketTier.salesEnded || !_has(ticketTier, 'maxQuantity') || ticketTier.maxQuantity === 0;
+  var options = getTicketSelectOptions(ticketTier.maxQuantity, ticketTier.minQuantity, ticketTier.multiplier);
   var onSaleContent = isSalesClosed ? null : React__default.createElement("div", {
     className: "get-tickets"
   }, React__default.createElement(Box, {
@@ -3030,7 +3048,7 @@ var computeTierStateLabel = function computeTierStateLabel(tier, prevTier, selec
   }, React__default.createElement(FormControl, {
     fullWidth: true
   }, React__default.createElement(Select, {
-    value: selectedTickets[tier.id] ? selectedTickets[tier.id] : 0,
+    value: selectedTickets[ticketTier.id] ? selectedTickets[ticketTier.id] : 0,
     onChange: handleTicketSelect,
     displayEmpty: true,
     inputProps: {
@@ -3050,51 +3068,234 @@ var computeTierStateLabel = function computeTierStateLabel(tier, prevTier, selec
       value: option.value
     }, option.value);
   })))));
-  if (tier.sold_out || !tier.displayTicket || tier.soldOut) return soldOutMessage;
-  if (!+tier.cost && !+tier.price) return 'FREE';
-  if (tier.displayTicket) return onSaleContent;
-  if (prevTier.in_stock) return 'SOON';
-  return '';
+  var returnValue = '';
+
+  if (ticketTier.sold_out || !ticketTier.displayTicket || ticketTier.soldOut) {
+    returnValue = soldOutMessage;
+  }
+
+  if (!+ticketTier.cost && !+ticketTier.price) {
+    returnValue = 'FREE';
+  }
+
+  if (ticketTier.displayTicket) {
+    returnValue = onSaleContent;
+  }
+
+  if (_get(prevTicketTier, 'in_stock')) {
+    returnValue = 'SOON';
+  }
+
+  return React__default.createElement(React__default.Fragment, null, returnValue, " ");
 };
 
-var renderTiers = function renderTiers(boxOffice, selectedTickets, handleTicketSelect, promoCodeIsApplied) {
-  var sortedBoxOfiice = _sortBy(boxOffice, 'sortOrder');
+var TicketsSection = function TicketsSection(_ref) {
+  var ticketsList = _ref.ticketsList,
+      selectedTickets = _ref.selectedTickets,
+      handleTicketSelect = _ref.handleTicketSelect,
+      promoCodeIsApplied = _ref.promoCodeIsApplied;
+
+  var sortedTicketsList = _sortBy(ticketsList, 'sortOrder');
 
-  var primaryTiers = sortedBoxOfiice.map(function (tier, i, arr) {
-    var isSoldOut = tier.sold_out || !tier.displayTicket || tier.soldOut;
+  return React__default.createElement(React__default.Fragment, null, sortedTicketsList.map(function (ticket, i, arr) {
+    var isSoldOut = ticket.sold_out || !ticket.displayTicket || ticket.soldOut;
 
     var ticketSelect = function ticketSelect(event) {
       var value = event.target.value;
-      handleTicketSelect(tier.id, value);
+      handleTicketSelect(ticket.id, value);
     };
 
     var ticketIsDiscounted = false;
 
-    if (tier.oldPrice && promoCodeIsApplied && !isSoldOut && tier.oldPrice !== tier.price) {
+    if (ticket.oldPrice && promoCodeIsApplied && !isSoldOut && ticket.oldPrice !== ticket.price) {
       ticketIsDiscounted = true;
     }
 
     return React__default.createElement("div", {
-      key: tier.id || tier.name,
+      key: ticket.id || ticket.name,
       className: "event-detail__tier " + (isSoldOut ? 'disabled' : '')
     }, React__default.createElement("div", {
       className: "event-detail__tier-name"
-    }, tier.displayName || tier.name), React__default.createElement("div", {
+    }, ticket.displayName || ticket.name), React__default.createElement("div", {
       className: "event-tickets-container"
     }, React__default.createElement("div", {
       className: "event-detail__tier-price"
     }, ticketIsDiscounted && React__default.createElement("p", {
       className: "old-price"
-    }, "$ ", (+tier.oldPrice).toFixed(2)), React__default.createElement("p", null, isSoldOut ? 'SOLD OUT' : "$ " + (+tier.cost || +tier.price).toFixed(2)), !isSoldOut && React__default.createElement("p", {
-      className: 'fees'
-    }, tier.taxesIncluded ? '(incl. Fees)' : '(excl. Fees)')), React__default.createElement("div", {
+    }, "$ ", (+ticket.oldPrice).toFixed(2)), React__default.createElement("p", null, isSoldOut ? 'SOLD OUT' : "$ " + (+ticket.cost || +ticket.price).toFixed(2)), !isSoldOut && React__default.createElement("p", {
+      className: "fees"
+    }, ticket.taxesIncluded ? '(incl. Fees)' : '(excl. Fees)')), React__default.createElement("div", {
       className: "event-detail__tier-state",
       style: {
         minWidth: 55
       }
-    }, computeTierStateLabel(tier, arr[i - 1], selectedTickets, ticketSelect))));
+    }, React__default.createElement(TicketRow, {
+      ticketTier: ticket,
+      prevTicketTier: arr[i - 1],
+      selectedTickets: selectedTickets,
+      handleTicketSelect: ticketSelect
+    }))));
+  }));
+};
+
+var generateQuantity = function generateQuantity(n) {
+  var quantityList = [];
+
+  for (var i = 1; i <= n; i++) {
+    quantityList.push({
+      label: i,
+      value: i
+    });
+  }
+
+  return quantityList;
+};
+
+var WaitingList = function WaitingList(_ref) {
+  var _ref$tickets = _ref.tickets,
+      tickets = _ref$tickets === void 0 ? {} : _ref$tickets;
+
+  var _useState = React.useState(false),
+      showSuccessMessage = _useState[0],
+      setShowSuccessMessage = _useState[1];
+
+  var _useState2 = React.useState(false),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var ticketTypesList = Object.values(tickets).map(function (d) {
+    return {
+      label: d.displayName,
+      value: d.id
+    };
   });
-  return primaryTiers;
+
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(values) {
+      var id, requestData, _yield$addToWaitingLi, data;
+
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              setLoading(true);
+              id = ENV.EVENT_ID;
+              requestData = {
+                data: {
+                  attributes: values
+                }
+              };
+              _context.next = 6;
+              return addToWaitingList(id, requestData);
+
+            case 6:
+              _yield$addToWaitingLi = _context.sent;
+              data = _yield$addToWaitingLi.data;
+
+              if (data.success) {
+                setShowSuccessMessage(true);
+              }
+
+              _context.next = 14;
+              break;
+
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](0);
+              console.log(_context.t0);
+
+            case 14:
+              _context.prev = 14;
+              setLoading(false);
+              return _context.finish(14);
+
+            case 17:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 11, 14, 17]]);
+    }));
+
+    return function handleSubmit(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return React__default.createElement("div", {
+    className: "waiting-list"
+  }, 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, {
+    initialValues: {
+      ticketTypeId: '',
+      quantity: '',
+      firstName: '',
+      lastName: '',
+      email: ''
+    },
+    onSubmit: handleSubmit
+  }, React__default.createElement(formik.Form, null, React__default.createElement("div", {
+    className: "field-item"
+  }, React__default.createElement(formik.Field, {
+    name: "ticketTypeId",
+    label: "Ticket types",
+    type: "select",
+    component: CustomField,
+    selectOptions: [{
+      label: 'Type of Ticket',
+      value: '',
+      disabled: true
+    }].concat(ticketTypesList)
+  })), React__default.createElement("div", {
+    className: "field-item"
+  }, React__default.createElement(formik.Field, {
+    name: "quantity",
+    label: "Quantity",
+    type: "select",
+    component: CustomField,
+    selectOptions: [{
+      label: 'Quantity Requested',
+      value: '',
+      disabled: true
+    }].concat(generateQuantity(10))
+  })), React__default.createElement("div", {
+    className: "field-item"
+  }, React__default.createElement(formik.Field, {
+    name: "firstName",
+    label: "First name",
+    validate: function validate(value) {
+      return requiredValidator(value, 'Please enter your First name');
+    },
+    component: CustomField
+  })), React__default.createElement("div", {
+    className: "field-item"
+  }, React__default.createElement(formik.Field, {
+    name: "lastName",
+    label: "Last name",
+    validate: function validate(value) {
+      return requiredValidator(value, 'Please enter your Last name');
+    },
+    component: CustomField
+  })), React__default.createElement("div", {
+    className: "field-item"
+  }, React__default.createElement(formik.Field, {
+    name: "email",
+    label: "Email",
+    validate: combineValidators(function (value) {
+      return requiredValidator(value, 'Please enter your Email');
+    }, function (value) {
+      return emailValidator(value);
+    }),
+    component: CustomField
+  })), React__default.createElement(Button$1, {
+    type: "submit",
+    variant: "contained",
+    className: "waiting-list-button"
+  }, loading ? React__default.createElement(CircularProgress, {
+    size: "22px"
+  }) : 'ADD TO WAITING LIST')))));
 };
 
 function Loader() {
@@ -3114,7 +3315,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
       _ref$onGetTicketsSucc = _ref.onGetTicketsSuccess,
       onGetTicketsSuccess = _ref$onGetTicketsSucc === void 0 ? function () {} : _ref$onGetTicketsSucc,
       _ref$onGetTicketsErro = _ref.onGetTicketsError,
-      onGetTicketsError = _ref$onGetTicketsErro === void 0 ? function () {} : _ref$onGetTicketsErro;
+      onGetTicketsError = _ref$onGetTicketsErro === void 0 ? function () {} : _ref$onGetTicketsErro,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'light' : _ref$theme;
 
   var _useState = React.useState({}),
       selectedTickets = _useState[0],
@@ -3125,28 +3328,32 @@ var TicketsContainer = function TicketsContainer(_ref) {
       setTickets = _useState2[1];
 
   var _useState3 = React.useState(false),
-      isLoading = _useState3[0],
-      setIsLoading = _useState3[1];
+      showWaitingList = _useState3[0],
+      setShowWaitingList = _useState3[1];
 
   var _useState4 = React.useState(false),
-      handleBookIsLoading = _useState4[0],
-      setHandleBookIsLoading = _useState4[1];
+      isLoading = _useState4[0],
+      setIsLoading = _useState4[1];
 
-  var _useState5 = React.useState(''),
-      promoCode = _useState5[0],
-      setPromoCode = _useState5[1];
+  var _useState5 = React.useState(false),
+      handleBookIsLoading = _useState5[0],
+      setHandleBookIsLoading = _useState5[1];
 
   var _useState6 = React.useState(''),
-      promoCodeUpdated = _useState6[0],
-      setPromoCodeUpdated = _useState6[1];
+      promoCode = _useState6[0],
+      setPromoCode = _useState6[1];
 
-  var _useState7 = React.useState(false),
-      showPromoInput = _useState7[0],
-      setShowPromoInput = _useState7[1];
+  var _useState7 = React.useState(''),
+      promoCodeUpdated = _useState7[0],
+      setPromoCodeUpdated = _useState7[1];
 
   var _useState8 = React.useState(false),
-      promoCodeIsApplied = _useState8[0],
-      setPromoCodeIsApplied = _useState8[1];
+      showPromoInput = _useState8[0],
+      setShowPromoInput = _useState8[1];
+
+  var _useState9 = React.useState(false),
+      promoCodeIsApplied = _useState9[0],
+      setPromoCodeIsApplied = _useState9[1];
 
   React.useEffect(function () {
     if (typeof window !== 'undefined') {
@@ -3169,8 +3376,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
 
     function _getTicketsApi() {
       _getTicketsApi = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-        var response, attributes, _tickets;
-
+        var response, attributes;
         return runtime_1.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -3187,10 +3393,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
                   setCustomHeader(response);
                   attributes = _get(response, 'data.data.attributes');
                   setPromoCodeIsApplied(attributes.ValidPromoCode);
-                  _tickets = _filter(Object.values(attributes) || [], function (item) {
-                    return _isObject(item);
-                  });
-                  setTickets(_tickets);
+                  setTickets(_get(attributes, 'tickets'));
+                  setShowWaitingList(attributes.showWaitingList);
                   onGetTicketsSuccess(response.data);
                 }
 
@@ -3313,9 +3517,16 @@ var TicketsContainer = function TicketsContainer(_ref) {
     return !(item.sold_out || item.soldOut);
   });
   return React__default.createElement("div", {
-    className: "get-tickets-page",
+    className: "get-tickets-page " + theme,
     style: contentStyle
-  }, isLoading ? React__default.createElement(Loader, null) : React__default.createElement("div", null, renderTiers(tickets, selectedTickets, handleTicketSelect, promoCodeIsApplied), promoCodeIsApplied ? React__default.createElement("div", {
+  }, isLoading ? React__default.createElement(Loader, null) : React__default.createElement(React__default.Fragment, null, showWaitingList ? React__default.createElement(WaitingList, {
+    tickets: tickets
+  }) : React__default.createElement("div", null, React__default.createElement(TicketsSection, {
+    ticketsList: tickets,
+    selectedTickets: selectedTickets,
+    handleTicketSelect: handleTicketSelect,
+    promoCodeIsApplied: promoCodeIsApplied
+  }), promoCodeIsApplied ? React__default.createElement("div", {
     className: "alert-info"
   }, "Your promo code was applied successfully.") : null, showPromoInput && React__default.createElement("div", {
     className: "promo-code-block"
@@ -3350,7 +3561,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     "aria-hidden": true,
     className: "book-button " + (handleBookIsLoading || _isEmpty(selectedTickets) || Object.values(selectedTickets)[0] === 0 ? 'disabled' : ''),
     onClick: !handleBookIsLoading && !_isEmpty(selectedTickets) && Object.values(selectedTickets)[0] > 0 ? handleBook : function () {}
-  }, getTicketsLabel || 'GET TICKETS')));
+  }, getTicketsLabel || 'GET TICKETS'))));
 };
 
 exports.BillingInfoContainer = BillingInfoContainer;