tf-checkout-react 1.0.50 → 1.0.51

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

@@ -1,3 +1,4 @@
+import { IGroupItem } from '../../types';
 export interface ILoggedInValues {
     emailLogged?: string;
     firstNameLogged?: string;
@@ -31,6 +32,7 @@ export declare const setLoggedUserData: (data: IUserData) => {
     first_name: string;
     last_name: string;
     email: string;
+    confirmEmail: string;
     city: string;
     country: string;
     phone: string;
@@ -39,4 +41,8 @@ export declare const setLoggedUserData: (data: IUserData) => {
     zip: string;
 };
 export declare const createCheckoutDataBody: (ticketsQuantity: number, values?: IValues, logedInValues?: ILoggedInValues, includeDob?: boolean) => ICheckoutBody;
+export declare const getValidateFunctions: (element: IGroupItem, states: {
+    [key: string]: any;
+}[]) => (...value: any) => any;
+export declare const assingUniqueIds: (data: any) => any;
 export {};

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { FieldInputProps, FormikProps } from 'formik';
+export interface ISelectOption {
+    label: string | number;
+    value?: string | number;
+    [key: string]: any;
+}
+export interface ISelectField {
+    label: string;
+    field: FieldInputProps<any>;
+    form: FormikProps<any>;
+    theme: 'dark' | 'light';
+    type?: string;
+    selectOptions?: ISelectOption[];
+}
+interface IOtherProps {
+    [key: string]: any;
+}
+export declare const SelectField: ({ label, type, field, selectOptions, form: { touched, errors }, theme, }: ISelectField & IOtherProps) => JSX.Element;
+export {};

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

@@ -1,8 +1,8 @@
-.style_button-container__2bhts{display:flex;justify-content:center;padding:20px}.style_billing-info-container__3ZE3J{margin:0 auto;max-width:800px}.style_billing-info-container__3ZE3J .style_is-half__1W_rP{width:49%}.style_billing-info-container__3ZE3J p{color:#000}.style_billing-info-container__3ZE3J .style_main-header__2OFWa{font-size:2rem;font-weight:600}.style_billing-info-container__twoFields__2tDqt{display:flex;justify-content:space-between;margin-top:15px}.style_billing-info-container__singleField__2bcsf{margin-top:15px}button{margin-top:10px}.style_account-actions-block__16OH-{color:#182026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif;margin-top:10px}.style_login-register-button__fGgZf,.style_MuiButtonBase-root__1UBk9.style_MuiButton-root__3NzEO,.style_MuiButtonBase-root__1UBk9.style_MuiButton-root__3NzEO:hover{background-color:#212529;border:#f28051;border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:Inter-Bold;font-size:26px;font-weight:700;line-height:1.15;margin-top:10px;min-height:46px;outline:none;overflow:hidden;padding:14px 12px 12px;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;width:49%}.style_logo-image-container__2A2uH{margin-top:5px;text-align:center;width:49%}.style_logo-image-container__2A2uH img{height:30px}.style_login-block__22kcN{align-items:center;display:flex;flex-direction:column}.style_login-register-button__fGgZf:hover{background-color:#505050!important;border-color:#505050!important}.style_login-register-block__36tu5{display:flex;justify-content:space-between}@media only screen and (max-width:820px){.style_billing-info-container__3ZE3J{width:90%}.style_billing-info-container__3ZE3J .style_main-header__2OFWa{font-size:1.5rem}}
+.style_button-container__2bhts{display:flex;justify-content:center;padding:20px}.style_billing-info-container__3ZE3J{margin:0 auto;max-width:800px}.style_billing-info-container__3ZE3J .style_is-half__1W_rP{width:49%}.style_billing-info-container__3ZE3J p{color:#000}.style_billing-info-container__3ZE3J .style_main-header__2OFWa{font-size:2rem;font-weight:600}.style_billing-info-container__twoFields__2tDqt{display:flex;justify-content:space-between;margin-top:15px}.style_billing-info-container__singleField__2bcsf{margin-top:15px}button{margin-top:10px}.style_account-actions-block__16OH-{color:#182026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif;margin-top:10px}.style_login-register-button__fGgZf,.style_MuiButtonBase-root__1UBk9.style_MuiButton-root__3NzEO,.style_MuiButtonBase-root__1UBk9.style_MuiButton-root__3NzEO:hover{background-color:#212529;border:#f28051;border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:Inter-Bold;font-size:26px;font-weight:700;line-height:1.15;margin-top:10px;min-height:46px;outline:none;overflow:hidden;padding:14px 12px 12px;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;width:49%}.style_logo-image-container__2A2uH{margin-top:5px;text-align:center;width:49%}.style_logo-image-container__2A2uH img{height:30px}.style_login-block__22kcN{align-items:center;display:flex;flex-direction:column}.style_login-register-button__fGgZf:hover{background-color:#505050!important;border-color:#505050!important}.style_login-register-block__36tu5{display:flex;justify-content:space-between}@media only screen and (max-width:820px){.style_billing-info-container__3ZE3J{width:90%}.style_billing-info-container__3ZE3J .style_main-header__2OFWa{font-size:1.5rem}}.style_email-checking__yKzPA{margin-bottom:15px}
 .style_modal-title__2sUq_{align-items:center;background-color:#fff;display:flex;font-family:Inter;font-size:18px;font-weight:700;height:49px;line-height:22px;padding-left:25px;position:relative}.style_login-modal-body__2sFg5{padding:15px 25px}.style_login-modal-body__2sFg5 input{background:#fff!important}.style_login-modal-body__email__2nnEH,.style_login-modal-body__password__qS3g7{margin-bottom:20px}.style_login-action-button__1g9qt button{background-color:#212529;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:26px;font-weight:600;height:45px;line-height:18px;margin:10px 0;outline:none;padding:10px;width:100%}.style_login-action-button__1g9qt button:hover{background-color:#505050;border-color:#505050}.style_server_auth__error__1340S{color:red;font-family:Inter;font-size:12px;font-style:normal;padding-left:25px;padding-top:15px}.style_info-text-for-login__28JQf{font-size:14px;margin-bottom:4px;padding-left:10px}
 .style_register-container___s5V8{margin:0 auto;max-width:800px}.style_register-container___s5V8 .style_is-half__2XhZU{width:49%}.style_register-container__twoFields__3dAvM{display:flex;justify-content:space-between;margin-top:15px}.style_register-container__singleField__36dGU{margin-top:15px}button{margin-top:10px}
-.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_conditions-block__3XPwW{background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);padding:19px}
-.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_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_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;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}

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

@@ -18,12 +18,14 @@ var Modal = _interopDefault(require('@mui/material/Modal'));
 var Box = _interopDefault(require('@mui/material/Box'));
 var _forEach = _interopDefault(require('lodash/forEach'));
 var _flatMapDeep = _interopDefault(require('lodash/flatMapDeep'));
+var _isArray = _interopDefault(require('lodash/isArray'));
+var nanoid = require('nanoid');
 var TextField = _interopDefault(require('@mui/material/TextField'));
 var styles = require('@mui/styles');
 var FormGroup = _interopDefault(require('@mui/material/FormGroup'));
 var FormControlLabel = _interopDefault(require('@mui/material/FormControlLabel'));
 var Checkbox = _interopDefault(require('@mui/material/Checkbox'));
-var nanoid = require('nanoid');
+var Select = _interopDefault(require('@mui/material/Select'));
 var Container = _interopDefault(require('@mui/material/Container'));
 var Alert = _interopDefault(require('@mui/material/Alert'));
 var reactStripeJs = require('@stripe/react-stripe-js');
@@ -39,7 +41,6 @@ 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$1 = _interopDefault(require('@mui/material/Button'));
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -96,6 +97,22 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -1530,6 +1547,7 @@ var setLoggedUserData = function setLoggedUserData(data) {
     first_name: data.firstName,
     last_name: data.lastName,
     email: data.email,
+    confirmEmail: data.email,
     city: (data == null ? void 0 : data.city) || '',
     country: (data == null ? void 0 : data.country) || '',
     phone: (data == null ? void 0 : data.phone) || '',
@@ -1610,6 +1628,38 @@ var createCheckoutDataBody = function createCheckoutDataBody(ticketsQuantity, va
 
   return body;
 };
+var getValidateFunctions = function getValidateFunctions(element, states) {
+  var validationFunctions = [];
+
+  if (element.required) {
+    if (element.name !== 'state' || element.name === 'state' && states.length) {
+      validationFunctions.push(requiredValidator);
+    }
+  }
+
+  if (element.onValidate) {
+    validationFunctions.push(element.onValidate);
+  }
+
+  return combineValidators.apply(void 0, validationFunctions);
+};
+var assingUniqueIds = function assingUniqueIds(data) {
+  if (_get(data[0], 'uniqueId')) {
+    return data;
+  }
+
+  return _map(data, function (item) {
+    _forEach(item, function (itemValue, key) {
+      if (_isArray(itemValue)) {
+        item[key] = assingUniqueIds(itemValue);
+      }
+    });
+
+    return _extends({}, item, {
+      uniqueId: nanoid.nanoid()
+    });
+  });
+};
 
 var useStyles = /*#__PURE__*/styles.makeStyles({
   input: {
@@ -1631,10 +1681,10 @@ var CustomField = function CustomField(_ref) {
       theme = _ref.theme;
   var isSelectField = type === 'select';
   var isShrink = Boolean(field.value) || type === 'date' || type === 'select';
-  var isTouched = Boolean(_get(touched, field.name));
 
   var error = _get(errors, field.name);
 
+  var isTouched = Boolean(_get(touched, field.name)) || _includes(field.name, 'holder') && !!error;
   var classes = useStyles();
   return React__default.createElement(TextField, Object.assign({
     id: field.name,
@@ -1697,6 +1747,101 @@ var getQueryVariable = function getQueryVariable(variable) {
   return false;
 };
 
+var useStyles$1 = /*#__PURE__*/styles.makeStyles({
+  input: {
+    '&::placeholder': {
+      color: 'gray'
+    }
+  }
+});
+var SelectField = function SelectField(_ref) {
+  var label = _ref.label,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'text' : _ref$type,
+      field = _ref.field,
+      _ref$selectOptions = _ref.selectOptions,
+      selectOptions = _ref$selectOptions === void 0 ? [] : _ref$selectOptions,
+      _ref$form = _ref.form,
+      touched = _ref$form.touched,
+      errors = _ref$form.errors,
+      theme = _ref.theme;
+  var isTouched = Boolean(_get(touched, field.name));
+
+  var error = _get(errors, field.name);
+
+  var classes = useStyles$1();
+  return React__default.createElement(material.FormControl, {
+    fullWidth: true
+  }, React__default.createElement(material.InputLabel, {
+    htmlFor: field.name,
+    error: !!error && isTouched
+  }, label), React__default.createElement(Select, Object.assign({
+    id: field.name,
+    label: label,
+    type: type,
+    fullWidth: true,
+    error: !!error && isTouched,
+    inputProps: {
+      id: field.name,
+      classes: {
+        input: classes.input
+      }
+    },
+    "native": true,
+    className: theme,
+    MenuProps: {
+      className: theme
+    }
+  }, field), _map(selectOptions, function (option) {
+    return React__default.createElement("option", {
+      key: option.value,
+      value: option.value,
+      disabled: option.disabled
+    }, option.label);
+  })), isTouched && error ? React__default.createElement(material.FormHelperText, {
+    error: !!error && isTouched
+  }, error) : null);
+};
+
+var ErrorFocusInternal = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(ErrorFocusInternal, _Component);
+
+  function ErrorFocusInternal() {
+    var _this;
+
+    _this = _Component.apply(this, arguments) || this;
+
+    _this.render = function () {
+      return null;
+    };
+
+    return _this;
+  }
+
+  var _proto = ErrorFocusInternal.prototype;
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var _prevProps$formik = prevProps.formik,
+        isSubmitting = _prevProps$formik.isSubmitting,
+        isValidating = _prevProps$formik.isValidating,
+        errors = _prevProps$formik.errors;
+    var keys = Object.keys(errors);
+
+    if (keys.length > 0 && isSubmitting && !isValidating) {
+      var selector = "[name=\"" + keys[0] + "\"]";
+      var errorElement = document.querySelector(selector);
+
+      if (errorElement) {
+        errorElement.focus();
+      }
+    }
+  };
+
+  return ErrorFocusInternal;
+}(React.Component);
+
+var ErrorFocus = /*#__PURE__*/formik.connect(ErrorFocusInternal);
+
 var LogicRunner = function LogicRunner(_ref) {
   var values = _ref.values,
       setStates = _ref.setStates,
@@ -1768,7 +1913,7 @@ var LogicRunner = function LogicRunner(_ref) {
               lastName: parsedData == null ? void 0 : parsedData.last_name,
               email: (parsedData == null ? void 0 : parsedData.email) || '',
               phone: (parsedData == null ? void 0 : parsedData.phone) || '',
-              confirmEmail: '',
+              confirmEmail: (parsedData == null ? void 0 : parsedData.email) || '',
               state: (parsedData == null ? void 0 : parsedData.state) || '',
               street_address: (parsedData == null ? void 0 : parsedData.street_address) || '',
               country: (parsedData == null ? void 0 : parsedData.country) || 1,
@@ -1837,39 +1982,43 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
   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') || '' : '';
 
-  var _useState = React.useState({}),
-      cartInfoData = _useState[0],
-      setCartInfo = _useState[1];
+  var _useState = React.useState(data),
+      dataWithUniqueIds = _useState[0],
+      setDataWithUniqueIds = _useState[1];
 
-  var _useState2 = React.useState([]),
-      countries = _useState2[0],
-      setCountries = _useState2[1];
+  var _useState2 = React.useState({}),
+      cartInfoData = _useState2[0],
+      setCartInfo = _useState2[1];
 
   var _useState3 = React.useState([]),
-      states = _useState3[0],
-      setStates = _useState3[1];
+      countries = _useState3[0],
+      setCountries = _useState3[1];
 
-  var _useState4 = React.useState(false),
-      showModalLogin = _useState4[0],
-      setShowModalLogin = _useState4[1];
+  var _useState4 = React.useState([]),
+      states = _useState4[0],
+      setStates = _useState4[1];
 
   var _useState5 = React.useState(false),
-      alreadyHasUser = _useState5[0],
-      setAlreadyHasUser = _useState5[1];
+      showModalLogin = _useState5[0],
+      setShowModalLogin = _useState5[1];
 
   var _useState6 = React.useState(false),
-      userExpired = _useState6[0],
-      setUserExpired = _useState6[1];
+      alreadyHasUser = _useState6[0],
+      setAlreadyHasUser = _useState6[1];
 
   var _useState7 = React.useState(false),
-      showModalRegister = _useState7[0],
-      setShowModalRegister = _useState7[1];
+      userExpired = _useState7[0],
+      setUserExpired = _useState7[1];
+
+  var _useState8 = React.useState(false),
+      showModalRegister = _useState8[0],
+      setShowModalRegister = _useState8[1];
 
-  var _useState8 = React.useState([]),
-      ticketsQuantity = _useState8[0],
-      setTicketsQuantity = _useState8[1];
+  var _useState9 = React.useState([]),
+      ticketsQuantity = _useState9[0],
+      setTicketsQuantity = _useState9[1];
 
-  var _useState9 = React.useState({
+  var _useState10 = React.useState({
     firstName: '',
     lastName: '',
     email: '',
@@ -1884,8 +2033,8 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     state: '',
     zip: ''
   }),
-      userValues = _useState9[0],
-      setUserValues = _useState9[1];
+      userValues = _useState10[0],
+      setUserValues = _useState10[1];
 
   var isLoggedIn = !!access_token;
 
@@ -1901,7 +2050,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
   var optedInFieldValue = _get(cartInfoData, 'optedIn', false);
 
-  var hideOptIn = _get(cartInfoData, 'hide_ttf_opt_in', false);
+  var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true);
+
+  if (!_get(dataWithUniqueIds, '[0].uniqueId')) {
+    setDataWithUniqueIds(assingUniqueIds(data));
+  }
 
   var getQuantity = function getQuantity(cart) {
     if (cart === void 0) {
@@ -2068,7 +2221,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     fetchUserData(access_token);
   }, [access_token]);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(formik.Formik, {
-    initialValues: getInitialValues(data, _extends({}, initialValues, {
+    initialValues: getInitialValues(dataWithUniqueIds, _extends({}, initialValues, {
       email: emailLogged,
       firstName: firstNameLogged,
       lastName: lastNameLogged,
@@ -2229,7 +2382,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
   }, function (props) {
     return React__default.createElement(formik.Form, {
       onSubmit: props.handleSubmit
-    }, React__default.createElement(LogicRunner, {
+    }, React__default.createElement(ErrorFocus, null), React__default.createElement(LogicRunner, {
       values: props.values,
       setStates: setStates,
       setFieldValue: props.setFieldValue,
@@ -2250,7 +2403,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
         onLogin();
         setShowModalLogin(true);
       }
-    }, "Login"))), _map(data, function (item) {
+    }, "Login"))), _map(dataWithUniqueIds, function (item) {
       var label = item.label,
           labelClassName = item.labelClassName,
           fields = item.fields;
@@ -2260,7 +2413,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       }
 
       return React__default.createElement(React__default.Fragment, {
-        key: nanoid.nanoid()
+        key: item.uniqueId
       }, React__default.createElement("p", {
         className: labelClassName
       }, label), _map(fields, function (group) {
@@ -2269,7 +2422,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
             groupLabel = group.groupLabel,
             groupLabelClassName = group.groupLabelClassName;
         return React__default.createElement(React__default.Fragment, {
-          key: nanoid.nanoid()
+          key: group.uniqueId
         }, !isLoggedIn && React__default.createElement("div", {
           className: groupLabelClassName
         }, groupLabel), React__default.createElement("div", {
@@ -2287,47 +2440,45 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
             return false;
           }
 
-          if (el.name === 'brand_opt_in' && hideOptIn) {
+          if (el.name === 'ttf_opt_in' && hideTtfOptIn) {
             return false;
           }
 
           return true;
         }), function (element) {
           return ['password', 'confirmPassword'].includes(element.name) && isLoggedIn ? null : React__default.createElement(React__default.Fragment, {
-            key: nanoid.nanoid()
+            key: element.uniqueId
           }, element.name === 'email' ? React__default.createElement("div", {
             className: "email-checking"
-          }, "IMPORTANT: Please double check that your email address is correct. It's where we send your confirmation and e-tickets to!") : null, React__default.createElement("div", {
+          }, "IMPORTANT: Please double check that your\n                                        email address is correct. It's where we\n                                        send your confirmation and e-tickets to!") : null, React__default.createElement("div", {
             className: element.className
           }, element.component ? element.component : React__default.createElement(formik.Field, {
             name: element.name,
             label: element.label,
             type: element.type,
-            validate: combineValidators(element.required ? requiredValidator : function () {}, element.onValidate ? element.onValidate : function () {}),
-            component: element.type === 'checkbox' ? CheckboxField : CustomField,
+            validate: getValidateFunctions(element, states),
+            component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : CustomField,
             selectOptions: element.name === 'country' ? countries : element.name === 'state' ? states : [],
             theme: theme
           })));
         })));
       }));
-    }), showTicketHolderName && React__default.createElement(React__default.Fragment, {
-      key: nanoid.nanoid()
-    }, React__default.createElement("div", {
+    }), showTicketHolderName && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
       className: "ticket-holders-fields"
     }, React__default.createElement("p", null, ticketHoldersFields.label), _map(ticketsQuantity, function (_item, index) {
       return React__default.createElement("div", {
-        key: nanoid.nanoid()
+        key: _item
       }, React__default.createElement("h5", null, "Ticket ", index + 1), _map(ticketHoldersFields.fields, function (group) {
         var groupClassname = group.groupClassname,
             groupItems = group.groupItems;
         return React__default.createElement("div", {
-          key: nanoid.nanoid()
+          key: group.uniqueId
         }, React__default.createElement("div", {
           className: groupClassname
         }, _map(groupItems, function (element) {
           return React__default.createElement("div", {
             className: element.className,
-            key: nanoid.nanoid()
+            key: element.uniqueId
           }, React__default.createElement(formik.Field, {
             name: element.name + "-" + index,
             label: element.label,
@@ -2339,8 +2490,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
         })));
       }));
     }))), React__default.createElement("div", {
-      className: "button-container",
-      key: nanoid.nanoid()
+      className: "button-container"
     }, React__default.createElement(LoadingButton, {
       type: "submit",
       variant: "contained",
@@ -3283,25 +3433,24 @@ var WaitingList = function WaitingList(_ref) {
                 setShowSuccessMessage(true);
               }
 
-              _context.next = 14;
+              _context.next = 13;
               break;
 
             case 11:
               _context.prev = 11;
               _context.t0 = _context["catch"](0);
-              console.log(_context.t0);
 
-            case 14:
-              _context.prev = 14;
+            case 13:
+              _context.prev = 13;
               setLoading(false);
-              return _context.finish(14);
+              return _context.finish(13);
 
-            case 17:
+            case 16:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 11, 14, 17]]);
+      }, _callee, null, [[0, 11, 13, 16]]);
     }));
 
     return function handleSubmit(_x) {
@@ -3322,7 +3471,7 @@ var WaitingList = function WaitingList(_ref) {
       email: ''
     },
     onSubmit: handleSubmit
-  }, React__default.createElement(formik.Form, null, showTicketsField && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+  }, React__default.createElement(formik.Form, null, React__default.createElement(ErrorFocus, null), showTicketsField && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "field-item"
   }, React__default.createElement(formik.Field, {
     name: "ticketTypeId",