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

package/dist/index.css

@@ -8,13 +8,13 @@
 
 .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}
 
-.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}
+.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}
 
 .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}
 
 .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}
 
-.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}
+.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}
 
 .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%}}
 

package/dist/index.js

@@ -768,7 +768,8 @@ class StripeProvider {
     dispatch: _dispatch
   }) {
     stripe_provider_defineProperty(this, "payTicket", ({
-      token = null,
+      elements = null,
+      paymentMethod = null,
       stripe = null,
       zipCode = null
     }) => async dispatch => {
@@ -826,20 +827,19 @@ class StripeProvider {
       } // regular flow
 
 
-      const {
-        id
-      } = token;
-      stripe.confirmCardPayment(this.reservation.payment_gateway_client_token, {
-        payment_method: {
-          card: {
-            token: id
-          }
-        }
+      stripe.confirmPayment({
+        elements,
+        clientSecret: this.reservation.payment_gateway_client_token,
+        confirmParams: {
+          return_url: `${window.location.origin}/a/my-tickets/`,
+          payment_method: paymentMethod.id
+        },
+        redirect: "if_required"
       }).then(result => {
         if (result.error) {
           // Reserve error.message in your UI.
-          external_sweetalert2_default().fire(result.error.message, 'Please retry purchase.', 'warning');
-          this.dispatch(changeStep(STEP_PERSONAL_INFO));
+          external_sweetalert2_default().fire(result.error.message, "Please retry purchase.", "warning");
+          this.dispatch(changeStep(1));
           this.dispatch(removeReservedTicket());
           this.dispatch(stopWidgetLoading());
         } else {
@@ -847,7 +847,7 @@ class StripeProvider {
           )(params)(this.dispatch).then(payload => {
             this.dispatch(stopWidgetLoading());
             this.dispatch((0,actions_namespaceObject.createAction)(CLEAR_RESERVATION)({}));
-            this.dispatch(changeStep(STEP_COMPLETE));
+            this.dispatch(changeStep(3));
             return payload;
           }).catch(e => {
             this.dispatch(stopWidgetLoading());
@@ -856,7 +856,7 @@ class StripeProvider {
         }
       }).catch(e => {
         this.dispatch(removeReservedTicket());
-        this.dispatch(changeStep(STEP_PERSONAL_INFO));
+        this.dispatch(changeStep(1));
         this.dispatch(stopWidgetLoading());
         return e;
       });
@@ -2201,45 +2201,61 @@ const StripeForm = ({
   const onSubmit = async (data, ev) => {
     setStripeErrors({});
 
-    if (!stripe) {
+    if (!stripe || !elements) {
       // Stripe.js has not loaded yet. Make sure to disable
       // form submission until Stripe.js has loaded.
       return;
     }
 
     const btn = document.getElementById('payment-form-btn');
-    if (btn) btn.disabled = true;
-    const cardElement = elements.getElement(react_stripe_js_namespaceObject.CardNumberElement); // @see https://stripe.com/docs/js/tokens_sources/create_token?type=cardElement
+    if (btn) btn.disabled = true; // Trigger form validation and wallet collection
 
     const {
-      error,
-      token
-    } = await stripe.createToken(cardElement, {
-      name: `${reservation.owner_first_name} ${reservation.owner_last_name}`,
-      address_line1: userProfile.address1 || '',
-      address_line2: userProfile.address2 || '',
-      address_city: userProfile.locality || '',
-      address_state: userProfile.region || '',
-      address_zip: data.zipCode,
-      address_country: userProfile.country || '',
-      email: userProfile.email
-    });
+      error: submitError
+    } = await elements.submit();
 
-    if (token) {
-      cardElement.update({
-        disabled: true
-      });
-      payTicket(provider, {
-        token,
-        stripe,
-        zipCode: data.zipCode
-      });
+    if (submitError) {
       return;
     }
 
-    if (error) {
-      if (btn) btn.disabled = false;
+    try {
+      // Create a payment method using PaymentElement
+      const {
+        paymentMethod,
+        error
+      } = await stripe.createPaymentMethod({
+        elements
+      });
+
+      if (error) {
+        if (stripeErrorCodeMap[error.code]) {
+          setStripeErrors({
+            [stripeErrorCodeMap[error.code].field]: stripeErrorCodeMap[error.code].message || error.message
+          });
+        }
 
+        if (btn) btn.disabled = false;
+      } else {
+        // Send the paymentMethod ID to your server
+        if (paymentMethod) {
+          payTicket(provider, {
+            elements,
+            paymentMethod,
+            stripe,
+            zipCode: data.zipCode
+          });
+        } else if (error) {
+          if (stripeErrorCodeMap[error.code]) {
+            setStripeErrors({
+              [stripeErrorCodeMap[error.code].field]: stripeErrorCodeMap[error.code].message || error.message
+            });
+          } else {
+            external_sweetalert2_default().fire("Payment error", error.message, "warning");
+          }
+        }
+      }
+    } catch (error) {
+      // setPaymentError('Error processing payment');
       if (stripeErrorCodeMap[error.code]) {
         setStripeErrors({
           [stripeErrorCodeMap[error.code].field]: stripeErrorCodeMap[error.code].message || error.message
@@ -2255,42 +2271,11 @@ const StripeForm = ({
     className: stripe_form_index_module.form,
     id: "payment-form",
     onSubmit: handleSubmit(onSubmit)
-  }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: stripe_form_index_module.fieldWrapper
-  }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: stripe_form_index_module.inputWrapper
-  }, /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.CardNumberElement, {
-    options: {
-      style: stripeStyle,
-      placeholder: '1234 1234 1234 1234 *'
-    }
-  }), /*#__PURE__*/external_react_default().createElement("i", {
-    className: "fa fa-credit-card"
-  })), stripeErrors.cardNumber && /*#__PURE__*/external_react_default().createElement("div", {
-    className: stripe_form_index_module.fieldError
-  }, stripeErrors.cardNumber)), /*#__PURE__*/external_react_default().createElement("div", {
-    className: stripe_form_index_module.fieldWrapper
-  }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: stripe_form_index_module.inputWrapper
-  }, /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.CardExpiryElement, {
+  }, /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.PaymentElement, {
     options: {
-      style: stripeStyle,
-      placeholder: 'MM / YY *'
+      style: stripeStyle
     }
-  })), stripeErrors.cardExpiry && /*#__PURE__*/external_react_default().createElement("div", {
-    className: stripe_form_index_module.fieldError
-  }, stripeErrors.cardExpiry)), /*#__PURE__*/external_react_default().createElement("div", {
-    className: stripe_form_index_module.fieldWrapper
-  }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: stripe_form_index_module.inputWrapper
-  }, /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.CardCvcElement, {
-    options: {
-      style: stripeStyle,
-      placeholder: 'CVC *'
-    }
-  })), stripeErrors.cardCvc && /*#__PURE__*/external_react_default().createElement("div", {
-    className: stripe_form_index_module.fieldError
-  }, stripeErrors.cardCvc)), /*#__PURE__*/external_react_default().createElement("div", {
+  }), /*#__PURE__*/external_react_default().createElement("div", {
     className: stripe_form_index_module.fieldWrapper
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: stripe_form_index_module.inputWrapper
@@ -2334,18 +2319,22 @@ const stripe_component_StripeProvider = ({
 }) => {
   const stripePromise = (0,external_react_.useMemo)(() => (0,stripe_js_namespaceObject.loadStripe)(providerKey), [providerKey]);
   const options = {
-    fonts: stripeOptions?.fonts
+    fonts: stripeOptions?.fonts,
+    mode: 'payment',
+    paymentMethodCreation: 'manual',
+    currency: reservation?.currency.toLowerCase(),
+    amount: reservation?.amount_in_cents
   };
-  return /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.Elements, {
-    options: options,
-    stripe: stripePromise
+  return reservation ? /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.Elements, {
+    stripe: stripePromise,
+    options: options
   }, /*#__PURE__*/external_react_default().createElement(stripe_form, {
     reservation: reservation,
     payTicket: payTicket,
     userProfile: userProfile,
     stripeOptions: stripeOptions,
     provider: provider
-  }));
+  })) : /*#__PURE__*/external_react_default().createElement("div", null, "Loading...");
 };
 
 /* harmony default export */ const stripe_component = (stripe_component_StripeProvider);