tf-checkout-react 1.0.56 → 1.0.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/api/index.d.ts +2 -0
  2. package/dist/components/confirmationContainer/index.d.ts +1 -1
  3. package/dist/components/index.d.ts +2 -0
  4. package/dist/components/myTicketsContainer/index.d.ts +9 -0
  5. package/dist/components/myTicketsContainer/row.d.ts +15 -0
  6. package/dist/components/myTicketsContainer/tableConfig.d.ts +5 -0
  7. package/dist/components/orderDetailsContainer/index.d.ts +8 -0
  8. package/dist/components/orderDetailsContainer/ticketsTable.d.ts +6 -0
  9. package/dist/components/ticketsContainer/index.d.ts +2 -1
  10. package/dist/env.d.ts +2 -2
  11. package/{src/components/billing-info-container → dist/images}/logo-ttf.png +0 -0
  12. package/dist/tf-checkout-react.cjs.development.js +43 -16
  13. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  14. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  15. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  16. package/dist/tf-checkout-react.esm.js +48 -67
  17. package/dist/tf-checkout-react.esm.js.map +1 -1
  18. package/dist/tf-checkout-styles.css +1 -0
  19. package/dist/utils/getImage.d.ts +1 -0
  20. package/package.json +2 -5
  21. package/src/.d.ts +2 -0
  22. package/src/api/index.ts +6 -1
  23. package/src/assets/images/logo-ttf.png +0 -0
  24. package/src/components/billing-info-container/index.tsx +4 -3
  25. package/src/components/confirmationContainer/index.tsx +3 -2
  26. package/src/components/index.ts +2 -0
  27. package/src/components/loginModal/index.tsx +1 -0
  28. package/src/components/myTicketsContainer/index.tsx +125 -0
  29. package/src/components/myTicketsContainer/row.tsx +41 -0
  30. package/src/components/myTicketsContainer/style.css +40 -0
  31. package/src/components/myTicketsContainer/tableConfig.tsx +34 -0
  32. package/src/components/orderDetailsContainer/index.tsx +120 -0
  33. package/src/components/orderDetailsContainer/style.css +53 -0
  34. package/src/components/orderDetailsContainer/ticketsTable.tsx +86 -0
  35. package/src/components/ticketsContainer/index.tsx +3 -1
  36. package/src/components/waitingList/index.tsx +1 -1
  37. package/src/components/waitingList/style.css +1 -0
  38. package/src/env.ts +2 -2
  39. package/src/utils/getImage.ts +14 -0
  40. package/dist/tf-checkout-react.cjs.development.css +0 -8
@@ -881,36 +881,6 @@ try {
881
881
  }
882
882
  });
883
883
 
884
- function styleInject(css, ref) {
885
- if ( ref === void 0 ) ref = {};
886
- var insertAt = ref.insertAt;
887
-
888
- if (!css || typeof document === 'undefined') { return; }
889
-
890
- var head = document.head || document.getElementsByTagName('head')[0];
891
- var style = document.createElement('style');
892
- style.type = 'text/css';
893
-
894
- if (insertAt === 'top') {
895
- if (head.firstChild) {
896
- head.insertBefore(style, head.firstChild);
897
- } else {
898
- head.appendChild(style);
899
- }
900
- } else {
901
- head.appendChild(style);
902
- }
903
-
904
- if (style.styleSheet) {
905
- style.styleSheet.cssText = css;
906
- } else {
907
- style.appendChild(document.createTextNode(css));
908
- }
909
- }
910
-
911
- var css_248z = ".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}";
912
- styleInject(css_248z);
913
-
914
884
  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,}))$/;
915
885
  var combineValidators = function combineValidators() {
916
886
  for (var _len = arguments.length, validators = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -938,14 +908,13 @@ var emailValidator = function emailValidator(email) {
938
908
  };
939
909
 
940
910
  // preview1
941
-
942
911
  var ENV = {
943
- EVENT_ID: 9766,
944
- BASE_URL: 'https://www.ticketfairy.com/api',
945
- CLIENT_ID: 'e9d8f8922797b4621e562255afe90dbf',
912
+ EVENT_ID: 3483,
913
+ BASE_URL: 'https://preview1.ttf.fluxtech.me/api',
914
+ CLIENT_ID: '4792a61f2fcb49197ab4c2d2f44df570',
946
915
  CLIENT_SECRET: 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9',
947
- STRIPE_PUBLISHABLE_KEY: 'pk_live_51JucaXAnOd2Grid07FqHOkqcoh90bbCYL5bG7OuyM5RtzUoolrFcHroCWici0G9w0YpqO7qsGz6WP7K6HHYw1yhz00cm7fj5n5'
948
- };
916
+ STRIPE_PUBLISHABLE_KEY: 'pk_test_51H4BkOGqveRD6EShliLrT9vd7mPOBPvQSuqmvc3wIinDqxWsCLeS2N7HonPPn6MhjU35ayYy5v4I6MLlD4jNWrd000NSgAF6UL'
917
+ }; // prod
949
918
 
950
919
  var isWindowDefined = typeof window !== 'undefined';
951
920
  var ttfHeaders = {
@@ -1119,9 +1088,6 @@ var getConditions = function getConditions(eventId) {
1119
1088
  return publicRequest.get("v1/event/" + eventId + "/conditions");
1120
1089
  };
1121
1090
 
1122
- var css_248z$1 = ".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}";
1123
- styleInject(css_248z$1);
1124
-
1125
1091
  var style = {
1126
1092
  position: 'absolute',
1127
1093
  top: '50%',
@@ -1281,7 +1247,11 @@ var LoginModal = function LoginModal(_ref) {
1281
1247
  onSubmit: props.handleSubmit
1282
1248
  }, React.createElement("div", {
1283
1249
  className: "modal-title"
1284
- }, "Login"), React.createElement("div", {
1250
+ }, "Login"), React.createElement("img", {
1251
+ className: "login-logo-tff",
1252
+ src: "https://www.ticketfairy.com/resources/images/logo-ttf-black.svg",
1253
+ alt: ""
1254
+ }), React.createElement("div", {
1285
1255
  className: "server_auth__error"
1286
1256
  }, error), alreadyHasUser && React.createElement("p", {
1287
1257
  className: "info-text-for-login"
@@ -1327,9 +1297,6 @@ var LoginModal = function LoginModal(_ref) {
1327
1297
  }))));
1328
1298
  };
1329
1299
 
1330
- var css_248z$2 = ".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}";
1331
- styleInject(css_248z$2);
1332
-
1333
1300
  var RegisterModal = function RegisterModal(_ref) {
1334
1301
  var onClose = _ref.onClose,
1335
1302
  _ref$onGetProfileData = _ref.onGetProfileDataSuccess,
@@ -1878,6 +1845,27 @@ var ErrorFocusInternal = /*#__PURE__*/function (_Component) {
1878
1845
 
1879
1846
  var ErrorFocus = /*#__PURE__*/connect(ErrorFocusInternal);
1880
1847
 
1848
+ var getImage = function getImage(name) {
1849
+ if (name === void 0) {
1850
+ name = '';
1851
+ }
1852
+
1853
+ var image = '';
1854
+
1855
+ if (!name.trim().length) {
1856
+ return image;
1857
+ }
1858
+
1859
+ if (process.env.NODE_ENV === 'production') {
1860
+ image = require("./images/" + name);
1861
+ return image["default"];
1862
+ }
1863
+
1864
+ return image;
1865
+ };
1866
+
1867
+ var TTFLOGO = /*#__PURE__*/getImage('logo-ttf.png');
1868
+
1881
1869
  var LogicRunner = function LogicRunner(_ref) {
1882
1870
  var values = _ref.values,
1883
1871
  setStates = _ref.setStates,
@@ -2458,7 +2446,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
2458
2446
  onLogin();
2459
2447
  setShowModalLogin(true);
2460
2448
  }
2461
- }, "Login"))), _map(dataWithUniqueIds, function (item) {
2449
+ }, "Login"), React.createElement("div", {
2450
+ className: "logo-image-container"
2451
+ }, React.createElement("img", {
2452
+ src: TTFLOGO,
2453
+ alt: "nodata"
2454
+ })))), _map(dataWithUniqueIds, function (item) {
2462
2455
  var label = item.label,
2463
2456
  labelClassName = item.labelClassName,
2464
2457
  fields = item.fields;
@@ -2567,12 +2560,6 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
2567
2560
  }));
2568
2561
  };
2569
2562
 
2570
- var css_248z$3 = ".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}";
2571
- styleInject(css_248z$3);
2572
-
2573
- var css_248z$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%}";
2574
- styleInject(css_248z$4);
2575
-
2576
2563
  var currencyNormalizerCreator = function currencyNormalizerCreator(value, currency) {
2577
2564
  return !value ? '' : "" + getCurrencySymbolByCurrency(currency) + value;
2578
2565
  };
@@ -3162,12 +3149,10 @@ var PaymentContainer = function PaymentContainer(_ref) {
3162
3149
  }))))));
3163
3150
  };
3164
3151
 
3165
- var css_248z$5 = ".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}";
3166
- styleInject(css_248z$5);
3167
-
3168
3152
  var defaultSvg = 'https://img.icons8.com/ios-filled/50/000000/facebook-new.svg';
3169
3153
  var ConfirmationContainer = function ConfirmationContainer(_ref) {
3170
- var _ref$referralPromotio = _ref.referralPromotions,
3154
+ var isReferralEnabled = _ref.isReferralEnabled,
3155
+ _ref$referralPromotio = _ref.referralPromotions,
3171
3156
  referralPromotions = _ref$referralPromotio === void 0 ? [] : _ref$referralPromotio,
3172
3157
  _ref$shareButtons = _ref.shareButtons,
3173
3158
  shareButtons = _ref$shareButtons === void 0 ? [] : _ref$shareButtons,
@@ -3238,7 +3223,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
3238
3223
  className: "main"
3239
3224
  }, "Your tickets have been emailed to you"), React.createElement("span", {
3240
3225
  className: "helper"
3241
- }, "Please bring them with you to the event")), data.disable_referral === false && React.createElement(React.Fragment, null, React.createElement("div", {
3226
+ }, "Please bring them with you to the event")), data.disable_referral === false && isReferralEnabled && React.createElement(React.Fragment, null, React.createElement("div", {
3242
3227
  className: "referral_text_image_section"
3243
3228
  }, React.createElement("div", {
3244
3229
  className: "referral_text_section"
@@ -3329,9 +3314,6 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
3329
3314
  })))));
3330
3315
  };
3331
3316
 
3332
- var css_248z$6 = "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}";
3333
- styleInject(css_248z$6);
3334
-
3335
3317
  var getTicketSelectOptions = function getTicketSelectOptions(maxCount, minCount, multiplier) {
3336
3318
  if (maxCount === void 0) {
3337
3319
  maxCount = 10;
@@ -3465,9 +3447,6 @@ var TicketsSection = function TicketsSection(_ref) {
3465
3447
  }));
3466
3448
  };
3467
3449
 
3468
- var css_248z$7 = ".style_waiting-list__2sJxM{padding:17px 35px 20px}.style_waiting-list__2sJxM .style_field-item__34MYc{margin-bottom:30px}.style_waiting-list__2sJxM .style_waiting-list-button__tO7D2{width:100%!important}.style_waiting-list__2sJxM .style_waiting-list-button__tO7D2:hover{background-color:#505050}.style_waiting-list__2sJxM .style_success-message__BvF3R h3{margin:10px 0}.style_waiting-list__2sJxM .style_success-message__BvF3R p{margin:0}.style_waiting-list__2sJxM .style_no-tickets-text__zGdaP{text-align:center}.style_waiting-list__2sJxM .style_added-success-message__FbPZS{font-size:22px}";
3469
- styleInject(css_248z$7);
3470
-
3471
3450
  var generateQuantity = function generateQuantity(n) {
3472
3451
  var quantityList = [];
3473
3452
 
@@ -3555,13 +3534,13 @@ var WaitingList = function WaitingList(_ref) {
3555
3534
 
3556
3535
  return React.createElement("div", {
3557
3536
  className: "waiting-list"
3558
- }, React.createElement("p", {
3559
- className: "no-tickets-text"
3560
- }, "No tickets are currently available for this event."), showSuccessMessage ? React.createElement("div", {
3537
+ }, showSuccessMessage ? React.createElement("div", {
3561
3538
  className: "success-message"
3562
3539
  }, React.createElement("p", {
3563
3540
  className: "added-success-message"
3564
- }, "You've been added to the waiting list!"), React.createElement("p", null, "You'll be notified if tickets become available.")) : React.createElement(React.Fragment, null, React.createElement("h2", null, "WAITING LIST"), React.createElement(Formik, {
3541
+ }, "You've been added to the waiting list!"), React.createElement("p", null, "You'll be notified if tickets become available.")) : React.createElement(React.Fragment, null, React.createElement("p", {
3542
+ className: "no-tickets-text"
3543
+ }, "No tickets are currently available for this event."), React.createElement("h2", null, "WAITING LIST"), React.createElement(Formik, {
3565
3544
  initialValues: {
3566
3545
  ticketTypeId: '',
3567
3546
  quantity: '',
@@ -3651,7 +3630,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
3651
3630
  _ref$onGetTicketsErro = _ref.onGetTicketsError,
3652
3631
  onGetTicketsError = _ref$onGetTicketsErro === void 0 ? function () {} : _ref$onGetTicketsErro,
3653
3632
  _ref$theme = _ref.theme,
3654
- theme = _ref$theme === void 0 ? 'light' : _ref$theme;
3633
+ theme = _ref$theme === void 0 ? 'light' : _ref$theme,
3634
+ _ref$queryPromoCode = _ref.queryPromoCode,
3635
+ queryPromoCode = _ref$queryPromoCode === void 0 ? '' : _ref$queryPromoCode;
3655
3636
 
3656
3637
  var _useState = useState({}),
3657
3638
  selectedTickets = _useState[0],
@@ -3677,7 +3658,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
3677
3658
  promoCode = _useState6[0],
3678
3659
  setPromoCode = _useState6[1];
3679
3660
 
3680
- var _useState7 = useState(''),
3661
+ var _useState7 = useState(queryPromoCode),
3681
3662
  promoCodeUpdated = _useState7[0],
3682
3663
  setPromoCodeUpdated = _useState7[1];
3683
3664