summit-registration-lite 5.0.28 → 5.0.29-beta.2

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 (4) hide show
  1. package/dist/index.css +2 -2
  2. package/dist/index.js +75 -103
  3. package/dist/index.js.map +1 -1
  4. package/package.json +4 -4
package/dist/index.css CHANGED
@@ -8,13 +8,13 @@
8
8
 
9
9
  .form___zXb7s{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___zXb7s div.fieldWrapper___G4Wqw{width:100%;margin-bottom:5px}.form___zXb7s div.fieldWrapper___G4Wqw:first-of-type div.inputWrapper___Yz5zB{width:100%}.form___zXb7s div.fieldWrapper___G4Wqw .fieldRow___NfZdJ{justify-content:space-between;display:flex}.form___zXb7s div.fieldWrapper___G4Wqw div.inputWrapper___Yz5zB{width:48%}.form___zXb7s div.fieldWrapper___G4Wqw div.inputWrapper___Yz5zB.addressField___vmAQh{width:100%}.form___zXb7s div.lawpayWrapper___hpUBf{height:36px}.form___zXb7s div.dateWrapper___XDfqs{display:flex;justify-content:space-between}.form___zXb7s div.dateWrapper___XDfqs>div{width:48%}.form___zXb7s div.dateWrapper___XDfqs>div .dropdown___l3_bk{width:100%}.form___zXb7s div.dateWrapper___XDfqs>div .dropdown___l3_bk>div{border:1px solid var(--color_primary);width:100%}.form___zXb7s div.inputWrapper___Yz5zB{display:flex;border-radius:5px;border:1px solid var(--color_primary);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___zXb7s div.inputWrapper___Yz5zB iframe{height:inherit;width:inherit}.form___zXb7s div.inputWrapper___Yz5zB input{width:100%;background-color:transparent;border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___zXb7s div.inputWrapper___Yz5zB input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___zXb7s div.inputWrapper___Yz5zB input:focus-visible{outline:none}.form___zXb7s div.inputWrapper___Yz5zB i{position:relative}.form___zXb7s div.inputWrapper___Yz5zB>div{width:100%}.form___zXb7s div.inputWrapper___Yz5zB>div:first-of-type{width:95%}.form___zXb7s div.fieldError___Igq3U{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5}.form___zXb7s div.fieldError___Igq3U::before{font-family:FontAwesome;content:'\f071';margin-right:5px}
10
10
 
11
- .form___DoT3x{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___DoT3x div.fieldWrapper___wa1Ks{width:48%;margin-bottom:5px}.form___DoT3x div.fieldWrapper___wa1Ks:first-of-type{width:100%}.form___DoT3x div.inputWrapper___CbXhF{display:flex;border-radius:5px;border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___DoT3x div.inputWrapper___CbXhF input{width:100%;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___DoT3x div.inputWrapper___CbXhF input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___DoT3x div.inputWrapper___CbXhF input:focus-visible{outline:none}.form___DoT3x div.inputWrapper___CbXhF i{position:relative}.form___DoT3x div.inputWrapper___CbXhF>div{width:100%}.form___DoT3x div.inputWrapper___CbXhF>div:first-of-type{width:95%}.form___DoT3x div.fieldError___QrMYW{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5}.form___DoT3x div.fieldError___QrMYW::before{font-family:FontAwesome;content:'\f071';margin-right:5px}
11
+ .form___DoT3x{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;margin:10px 0}.form___DoT3x div.fieldWrapper___wa1Ks{margin-top:15px}.form___DoT3x div.fieldWrapper___wa1Ks:first-of-type{width:100%}.form___DoT3x div.inputWrapper___CbXhF{display:flex;border-radius:5px;border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);height:44.4px;padding:5px 10px;justify-content:space-between;align-items:center;box-shadow:0px 1px 1px rgba(0,0,0,0.03),0px 3px 6px rgba(0,0,0,0.02)}.form___DoT3x div.inputWrapper___CbXhF input{width:100%;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___DoT3x div.inputWrapper___CbXhF input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___DoT3x div.inputWrapper___CbXhF input:focus-visible{outline:none}.form___DoT3x div.inputWrapper___CbXhF i{position:relative}.form___DoT3x div.inputWrapper___CbXhF>div{width:100%}.form___DoT3x div.inputWrapper___CbXhF>div:first-of-type{width:95%}.form___DoT3x div.fieldError___QrMYW{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5}.form___DoT3x div.fieldError___QrMYW::before{font-family:FontAwesome;content:'\f071';margin-right:5px}
12
12
 
13
13
  .title___ECoNz{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.title___ECoNz div{font-weight:normal}.form___lDFka{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 0}.form___lDFka div.fieldWrapper___Mi_nL{width:48%;margin-bottom:5px}.form___lDFka div.fieldWrapperRadio___x18VG{width:100%;margin-bottom:10px}.form___lDFka div.fieldWrapperRadio___x18VG label{display:inline-block;margin-bottom:5px}.form___lDFka div.fieldWrapperRadio___x18VG>div>div{padding-left:0px !important}.form___lDFka div.inputWrapper___PEQFR{display:flex;border-radius:5px;border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input{width:100%;background-color:transparent;color:var(--color_input_text_color);border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___lDFka div.inputWrapper___PEQFR input:focus-visible{outline:none}.form___lDFka div.inputWrapper___PEQFR .readOnly___WRazF{opacity:0.6;cursor:default}.form___lDFka div.fieldError___ksJVe{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5;justify-content:left !important}.form___lDFka div.fieldError___ksJVe::before{font-family:FontAwesome;content:'\f071';margin-right:5px}.form___lDFka .fieldWrapperRadio___x18VG>div{display:flex;flex-direction:row}.moreInfo___cQYdZ{display:inline-block;margin-top:10px}.moreInfoTooltip___lslgT{max-width:280px}.ticketQuantityNotice___L6gis{margin:10px 0 0 !important}.formErrors___dQQMe{margin-top:10px}.formErrors___dQQMe div+div{margin-top:10px}
14
14
 
15
15
  .title___DNZyl{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.summary___quWdZ{text-align:right}.promoCode___bqTCw{display:inline-flex}.promoCode___bqTCw abbr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:10ch}.crossOut___QZ7dy{text-decoration:line-through}.discount___sEK_Q{color:red}.promocodeError___oxk4p{margin-top:10px;color:red}.promocodeError___oxk4p::before{font-family:FontAwesome;content:'\f071';margin-right:5px}.taxes___fe8oJ{display:inline-flex}.taxes___fe8oJ abbr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:15ch}.promo___F8lPO{font-weight:bold;display:flex;justify-content:flex-end}.form___aoo7w{display:flex;gap:10px;margin-top:10px}.dropdown____HWg0{flex:1 1 auto}.quantity___SIEQZ{flex-shrink:0}.quantity___SIEQZ input,.quantity___SIEQZ button{height:36px;text-align:center;border:1px solid var(--color_input_border_color)}.quantity___SIEQZ input{padding:0 8px;width:48px !important}.quantity___SIEQZ input,.quantity___SIEQZ input:read-only{border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color)}.quantity___SIEQZ button{display:flex;align-items:center}.quantity___SIEQZ button:disabled,.quantity___SIEQZ button:disabled:hover{opacity:0.65;background:#dedede;border-color:#bebebe}.soldOut___Hatfr{height:36px;padding:0 16px;line-height:34px;font-weight:700px;background:#dedede;border:solid 1px #bebebe;border-radius:5px;opacity:0.65;font-weight:700;flex-shrink:0}.moreInfo___LmwOe{display:inline-block;margin-top:10px}.moreInfoTooltip___nOBf1{max-width:280px}.inPersonDisclaimer___PXGTz{margin-top:15px;padding-right:10px;max-height:150px;overflow-y:auto}
16
16
 
17
- .placeholder___pcdCn{border-radius:5px;width:100%;border:1px solid var(--color_primary);background-color:var(--color_primary50);padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:36px}.placeholder___pcdCn i{padding:2px 5px;border-left:1px solid var(--color_primary)}.placeholder___pcdCn .selectedTicket___qkbpH{max-height:25px;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}@media screen and (max-width: 630px){.placeholder___pcdCn .selectedTicket___qkbpH{max-width:300px}}@media screen and (max-width: 500px){.placeholder___pcdCn .selectedTicket___qkbpH{max-width:200px}}@media screen and (max-width: 400px){.placeholder___pcdCn .selectedTicket___qkbpH{max-width:100px}}.inPersonDisclaimer___z_DzO{padding:4px}.dropdown___mfbPG{margin-top:10px;border-radius:5px;width:100%;border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color);cursor:pointer}.dropdown___mfbPG div{padding:5px}.dropdown___mfbPG div:hover{border-radius:5px;background-color:var(--color_primary50);color:var(--color_input_text_color)}.soldOut___rBLC0,.soldOut___rBLC0:hover,.soldOut___rBLC0:focus{color:inherit !important;background-color:#dedede !important;opacity:0.65;cursor:not-allowed}
17
+ .placeholder___pcdCn{border-radius:5px;width:100%;border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:36px}.placeholder___pcdCn i{padding:2px 5px;border-left:1px solid var(--color_primary)}.placeholder___pcdCn .selectedTicket___qkbpH{max-height:25px;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}@media screen and (max-width: 630px){.placeholder___pcdCn .selectedTicket___qkbpH{max-width:300px}}@media screen and (max-width: 500px){.placeholder___pcdCn .selectedTicket___qkbpH{max-width:200px}}@media screen and (max-width: 400px){.placeholder___pcdCn .selectedTicket___qkbpH{max-width:100px}}.inPersonDisclaimer___z_DzO{padding:4px}.dropdown___mfbPG{margin-top:10px;border-radius:5px;width:100%;border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color);cursor:pointer}.dropdown___mfbPG div{padding:5px}.dropdown___mfbPG div:hover{border-radius:5px;background-color:var(--color_primary50);color:var(--color_input_text_color)}.soldOut___rBLC0,.soldOut___rBLC0:hover,.soldOut___rBLC0:focus{color:inherit !important;background-color:#dedede !important;opacity:0.65;cursor:not-allowed}
18
18
 
19
19
  .promoCodeWrapper___aw3Zx{padding-top:16px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:15px}.promoCodeWrapper___aw3Zx span{color:var(--color_text_dark);font-size:14px;font-weight:600;line-height:140%;width:30%}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET{display:flex;align-items:center;position:relative;flex:1;height:33px;width:50%;min-width:220px}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET input{display:inline-flex;padding:13px 8px;width:70%;height:100%;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:1.5px solid var(--color_input_border_color);border-radius:4px 0px 0px 4px}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET input.promoCodeActive___j7xnn{padding-right:25px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .codeButtonWrapper___jVZh5{display:flex;align-items:center;width:30%;height:100%;background-color:#818181;border-radius:0px 4px 4px 0px}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .codeButtonWrapper___jVZh5.noCode___YUmVy{background-color:#CFCFCF;cursor:not-allowed}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .codeButtonWrapper___jVZh5 button{color:#fff;font-size:14px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.14px;width:100%;height:100%;border:none;background-color:transparent}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .appliedCodeIcon___pa3B4{position:absolute;left:60%}.promoCodeWrapper___aw3Zx .moreInfo___Ru3Rv{display:inline-block}.promoCodeWrapper___aw3Zx .moreInfoTooltip___eaYWm{max-width:280px}@media screen and (max-width: 540px){.promoCodeWrapper___aw3Zx span{width:100%}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET{width:100%}.promoCodeWrapper___aw3Zx .moreInfo___Ru3Rv{width:100%}}
20
20
 
package/dist/index.js CHANGED
@@ -768,9 +768,9 @@ class StripeProvider {
768
768
  dispatch: _dispatch
769
769
  }) {
770
770
  stripe_provider_defineProperty(this, "payTicket", ({
771
- token = null,
772
- stripe = null,
773
- zipCode = null
771
+ elements = null,
772
+ paymentMethod = null,
773
+ stripe = null
774
774
  }) => async dispatch => {
775
775
  const errorHandler = (err, res) => (dispatch, state) => {
776
776
  let code = err.status;
@@ -803,7 +803,6 @@ class StripeProvider {
803
803
  let normalizedEntity = {
804
804
  billing_address_1: this.userProfile?.address1 || '',
805
805
  billing_address_2: this.userProfile?.address2 || '',
806
- billing_address_zip_code: zipCode,
807
806
  billing_address_city: this.userProfile?.locality || '',
808
807
  billing_address_state: this.userProfile?.region || '',
809
808
  billing_address_country: this.userProfile?.country || ''
@@ -826,20 +825,19 @@ class StripeProvider {
826
825
  } // regular flow
827
826
 
828
827
 
829
- const {
830
- id
831
- } = token;
832
- stripe.confirmCardPayment(this.reservation.payment_gateway_client_token, {
833
- payment_method: {
834
- card: {
835
- token: id
836
- }
837
- }
828
+ stripe.confirmPayment({
829
+ elements,
830
+ clientSecret: this.reservation.payment_gateway_client_token,
831
+ confirmParams: {
832
+ return_url: `${window.location.origin}/a/my-tickets/`,
833
+ payment_method: paymentMethod.id
834
+ },
835
+ redirect: "if_required"
838
836
  }).then(result => {
839
837
  if (result.error) {
840
838
  // Reserve error.message in your UI.
841
- external_sweetalert2_default().fire(result.error.message, 'Please retry purchase.', 'warning');
842
- this.dispatch(changeStep(STEP_PERSONAL_INFO));
839
+ external_sweetalert2_default().fire(result.error.message, "Please retry purchase.", "warning");
840
+ this.dispatch(changeStep(1));
843
841
  this.dispatch(removeReservedTicket());
844
842
  this.dispatch(stopWidgetLoading());
845
843
  } else {
@@ -847,7 +845,7 @@ class StripeProvider {
847
845
  )(params)(this.dispatch).then(payload => {
848
846
  this.dispatch(stopWidgetLoading());
849
847
  this.dispatch((0,actions_namespaceObject.createAction)(CLEAR_RESERVATION)({}));
850
- this.dispatch(changeStep(STEP_COMPLETE));
848
+ this.dispatch(changeStep(3));
851
849
  return payload;
852
850
  }).catch(e => {
853
851
  this.dispatch(stopWidgetLoading());
@@ -856,7 +854,7 @@ class StripeProvider {
856
854
  }
857
855
  }).catch(e => {
858
856
  this.dispatch(removeReservedTicket());
859
- this.dispatch(changeStep(STEP_PERSONAL_INFO));
857
+ this.dispatch(changeStep(1));
860
858
  this.dispatch(stopWidgetLoading());
861
859
  return e;
862
860
  });
@@ -2091,8 +2089,6 @@ var merge_default = /*#__PURE__*/__webpack_require__.n(merge_namespaceObject);
2091
2089
  // extracted by mini-css-extract-plugin
2092
2090
  /* harmony default export */ const stripe_form_index_module = ({"form":"form___DoT3x","fieldWrapper":"fieldWrapper___wa1Ks","inputWrapper":"inputWrapper___CbXhF","fieldError":"fieldError___QrMYW"});
2093
2091
  ;// CONCATENATED MODULE: ./src/components/stripe-form/index.js
2094
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2095
-
2096
2092
  /**
2097
2093
  * Copyright 2020 OpenStack Foundation
2098
2094
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -2201,45 +2197,60 @@ const StripeForm = ({
2201
2197
  const onSubmit = async (data, ev) => {
2202
2198
  setStripeErrors({});
2203
2199
 
2204
- if (!stripe) {
2200
+ if (!stripe || !elements) {
2205
2201
  // Stripe.js has not loaded yet. Make sure to disable
2206
2202
  // form submission until Stripe.js has loaded.
2207
2203
  return;
2208
2204
  }
2209
2205
 
2210
2206
  const btn = document.getElementById('payment-form-btn');
2211
- if (btn) btn.disabled = true;
2212
- const cardElement = elements.getElement(react_stripe_js_namespaceObject.CardNumberElement); // @see https://stripe.com/docs/js/tokens_sources/create_token?type=cardElement
2207
+ if (btn) btn.disabled = true; // Trigger form validation and wallet collection
2213
2208
 
2214
2209
  const {
2215
- error,
2216
- token
2217
- } = await stripe.createToken(cardElement, {
2218
- name: `${reservation.owner_first_name} ${reservation.owner_last_name}`,
2219
- address_line1: userProfile.address1 || '',
2220
- address_line2: userProfile.address2 || '',
2221
- address_city: userProfile.locality || '',
2222
- address_state: userProfile.region || '',
2223
- address_zip: data.zipCode,
2224
- address_country: userProfile.country || '',
2225
- email: userProfile.email
2226
- });
2210
+ error: submitError
2211
+ } = await elements.submit();
2227
2212
 
2228
- if (token) {
2229
- cardElement.update({
2230
- disabled: true
2231
- });
2232
- payTicket(provider, {
2233
- token,
2234
- stripe,
2235
- zipCode: data.zipCode
2236
- });
2213
+ if (submitError) {
2237
2214
  return;
2238
2215
  }
2239
2216
 
2240
- if (error) {
2241
- if (btn) btn.disabled = false;
2217
+ try {
2218
+ // Create a payment method using PaymentElement
2219
+ const {
2220
+ paymentMethod,
2221
+ error
2222
+ } = await stripe.createPaymentMethod({
2223
+ elements
2224
+ });
2242
2225
 
2226
+ if (error) {
2227
+ if (stripeErrorCodeMap[error.code]) {
2228
+ setStripeErrors({
2229
+ [stripeErrorCodeMap[error.code].field]: stripeErrorCodeMap[error.code].message || error.message
2230
+ });
2231
+ }
2232
+
2233
+ if (btn) btn.disabled = false;
2234
+ } else {
2235
+ // Send the paymentMethod ID to your server
2236
+ if (paymentMethod) {
2237
+ payTicket(provider, {
2238
+ elements,
2239
+ paymentMethod,
2240
+ stripe
2241
+ });
2242
+ } else if (error) {
2243
+ if (stripeErrorCodeMap[error.code]) {
2244
+ setStripeErrors({
2245
+ [stripeErrorCodeMap[error.code].field]: stripeErrorCodeMap[error.code].message || error.message
2246
+ });
2247
+ } else {
2248
+ external_sweetalert2_default().fire("Payment error", error.message, "warning");
2249
+ }
2250
+ }
2251
+ }
2252
+ } catch (error) {
2253
+ // setPaymentError('Error processing payment');
2243
2254
  if (stripeErrorCodeMap[error.code]) {
2244
2255
  setStripeErrors({
2245
2256
  [stripeErrorCodeMap[error.code].field]: stripeErrorCodeMap[error.code].message || error.message
@@ -2255,54 +2266,11 @@ const StripeForm = ({
2255
2266
  className: stripe_form_index_module.form,
2256
2267
  id: "payment-form",
2257
2268
  onSubmit: handleSubmit(onSubmit)
2258
- }, /*#__PURE__*/external_react_default().createElement("div", {
2259
- className: stripe_form_index_module.fieldWrapper
2260
- }, /*#__PURE__*/external_react_default().createElement("div", {
2261
- className: stripe_form_index_module.inputWrapper
2262
- }, /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.CardNumberElement, {
2269
+ }, /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.PaymentElement, {
2263
2270
  options: {
2264
- style: stripeStyle,
2265
- placeholder: '1234 1234 1234 1234 *'
2271
+ style: stripeStyle
2266
2272
  }
2267
- }), /*#__PURE__*/external_react_default().createElement("i", {
2268
- className: "fa fa-credit-card"
2269
- })), stripeErrors.cardNumber && /*#__PURE__*/external_react_default().createElement("div", {
2270
- className: stripe_form_index_module.fieldError
2271
- }, stripeErrors.cardNumber)), /*#__PURE__*/external_react_default().createElement("div", {
2272
- className: stripe_form_index_module.fieldWrapper
2273
- }, /*#__PURE__*/external_react_default().createElement("div", {
2274
- className: stripe_form_index_module.inputWrapper
2275
- }, /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.CardExpiryElement, {
2276
- options: {
2277
- style: stripeStyle,
2278
- placeholder: 'MM / YY *'
2279
- }
2280
- })), stripeErrors.cardExpiry && /*#__PURE__*/external_react_default().createElement("div", {
2281
- className: stripe_form_index_module.fieldError
2282
- }, stripeErrors.cardExpiry)), /*#__PURE__*/external_react_default().createElement("div", {
2283
- className: stripe_form_index_module.fieldWrapper
2284
- }, /*#__PURE__*/external_react_default().createElement("div", {
2285
- className: stripe_form_index_module.inputWrapper
2286
- }, /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.CardCvcElement, {
2287
- options: {
2288
- style: stripeStyle,
2289
- placeholder: 'CVC *'
2290
- }
2291
- })), stripeErrors.cardCvc && /*#__PURE__*/external_react_default().createElement("div", {
2292
- className: stripe_form_index_module.fieldError
2293
- }, stripeErrors.cardCvc)), /*#__PURE__*/external_react_default().createElement("div", {
2294
- className: stripe_form_index_module.fieldWrapper
2295
- }, /*#__PURE__*/external_react_default().createElement("div", {
2296
- className: stripe_form_index_module.inputWrapper
2297
- }, /*#__PURE__*/external_react_default().createElement("input", _extends({
2298
- type: "text",
2299
- placeholder: "ZIP Code *",
2300
- onChange: e => setZipCode(e.target.value)
2301
- }, register("zipCode", {
2302
- required: true
2303
- })))), errors.zipCode && /*#__PURE__*/external_react_default().createElement("div", {
2304
- className: stripe_form_index_module.fieldError
2305
- }, "This field is required.")));
2273
+ }));
2306
2274
  };
2307
2275
 
2308
2276
  /* harmony default export */ const stripe_form = (StripeForm);
@@ -2334,18 +2302,22 @@ const stripe_component_StripeProvider = ({
2334
2302
  }) => {
2335
2303
  const stripePromise = (0,external_react_.useMemo)(() => (0,stripe_js_namespaceObject.loadStripe)(providerKey), [providerKey]);
2336
2304
  const options = {
2337
- fonts: stripeOptions?.fonts
2305
+ fonts: stripeOptions?.fonts,
2306
+ mode: 'payment',
2307
+ paymentMethodCreation: 'manual',
2308
+ currency: reservation?.currency.toLowerCase(),
2309
+ amount: reservation?.amount_in_cents
2338
2310
  };
2339
- return /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.Elements, {
2340
- options: options,
2341
- stripe: stripePromise
2311
+ return reservation ? /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.Elements, {
2312
+ stripe: stripePromise,
2313
+ options: options
2342
2314
  }, /*#__PURE__*/external_react_default().createElement(stripe_form, {
2343
2315
  reservation: reservation,
2344
2316
  payTicket: payTicket,
2345
2317
  userProfile: userProfile,
2346
2318
  stripeOptions: stripeOptions,
2347
2319
  provider: provider
2348
- }));
2320
+ })) : /*#__PURE__*/external_react_default().createElement("div", null, "Loading...");
2349
2321
  };
2350
2322
 
2351
2323
  /* harmony default export */ const stripe_component = (stripe_component_StripeProvider);
@@ -2445,7 +2417,7 @@ var external_react_tooltip_default = /*#__PURE__*/__webpack_require__.n(external
2445
2417
  // extracted by mini-css-extract-plugin
2446
2418
  /* harmony default export */ const personal_information_index_module = ({"title":"title___ECoNz","form":"form___lDFka","fieldWrapper":"fieldWrapper___Mi_nL","fieldWrapperRadio":"fieldWrapperRadio___x18VG","inputWrapper":"inputWrapper___PEQFR","readOnly":"readOnly___WRazF","fieldError":"fieldError___ksJVe","moreInfo":"moreInfo___cQYdZ","moreInfoTooltip":"moreInfoTooltip___lslgT","ticketQuantityNotice":"ticketQuantityNotice___L6gis","formErrors":"formErrors___dQQMe"});
2447
2419
  ;// CONCATENATED MODULE: ./src/components/personal-information/index.js
2448
- function personal_information_extends() { personal_information_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return personal_information_extends.apply(this, arguments); }
2420
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2449
2421
 
2450
2422
  function personal_information_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2451
2423
 
@@ -2662,7 +2634,7 @@ const PersonalInfoComponent = ({
2662
2634
  className: personal_information_index_module.fieldWrapper
2663
2635
  }, /*#__PURE__*/external_react_default().createElement("div", {
2664
2636
  className: personal_information_index_module.inputWrapper
2665
- }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
2637
+ }, /*#__PURE__*/external_react_default().createElement("input", _extends({
2666
2638
  type: "text",
2667
2639
  placeholder: "First name *",
2668
2640
  defaultValue: personalInfo.firstName || '',
@@ -2680,7 +2652,7 @@ const PersonalInfoComponent = ({
2680
2652
  className: personal_information_index_module.fieldWrapper
2681
2653
  }, /*#__PURE__*/external_react_default().createElement("div", {
2682
2654
  className: personal_information_index_module.inputWrapper
2683
- }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
2655
+ }, /*#__PURE__*/external_react_default().createElement("input", _extends({
2684
2656
  type: "text",
2685
2657
  placeholder: "Last name *",
2686
2658
  defaultValue: personalInfo.lastName || '',
@@ -2698,7 +2670,7 @@ const PersonalInfoComponent = ({
2698
2670
  className: personal_information_index_module.fieldWrapper
2699
2671
  }, /*#__PURE__*/external_react_default().createElement("div", {
2700
2672
  className: personal_information_index_module.inputWrapper
2701
- }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
2673
+ }, /*#__PURE__*/external_react_default().createElement("input", _extends({
2702
2674
  type: "text",
2703
2675
  placeholder: "Email *",
2704
2676
  className: personal_information_index_module.readOnly,
@@ -2751,7 +2723,7 @@ const PersonalInfoComponent = ({
2751
2723
  className: personal_information_index_module.fieldWrapper
2752
2724
  }, /*#__PURE__*/external_react_default().createElement("div", {
2753
2725
  className: personal_information_index_module.inputWrapper
2754
- }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
2726
+ }, /*#__PURE__*/external_react_default().createElement("input", _extends({
2755
2727
  type: "text",
2756
2728
  placeholder: "First name",
2757
2729
  defaultValue: personalInfo?.attendee?.firstName ?? ''
@@ -2764,7 +2736,7 @@ const PersonalInfoComponent = ({
2764
2736
  className: personal_information_index_module.fieldWrapper
2765
2737
  }, /*#__PURE__*/external_react_default().createElement("div", {
2766
2738
  className: personal_information_index_module.inputWrapper
2767
- }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
2739
+ }, /*#__PURE__*/external_react_default().createElement("input", _extends({
2768
2740
  type: "text",
2769
2741
  placeholder: "Last name",
2770
2742
  defaultValue: personalInfo?.attendee?.lastName ?? ''
@@ -2777,7 +2749,7 @@ const PersonalInfoComponent = ({
2777
2749
  className: personal_information_index_module.fieldWrapper
2778
2750
  }, /*#__PURE__*/external_react_default().createElement("div", {
2779
2751
  className: personal_information_index_module.inputWrapper
2780
- }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
2752
+ }, /*#__PURE__*/external_react_default().createElement("input", _extends({
2781
2753
  type: "text",
2782
2754
  placeholder: "Email *",
2783
2755
  defaultValue: personalInfo?.attendee?.email ?? ''