summit-registration-lite 2.0.18 → 2.0.21

package/dist/index.css

@@ -10,7 +10,7 @@
 
 .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_primary);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___DoT3x div.inputWrapper___CbXhF input{width:100%;background-color:transparent;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.inputWrapper___PEQFR{display:flex;border-radius:5px;border:1px solid var(--color_primary);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input{width:100%;background-color:transparent;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 .companies___kmGFB>div{position:relative;width:100%;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.form___lDFka .companies___kmGFB>div::placeholder{color:var(--color_text_input_hints)}.form___lDFka .companies___kmGFB>div>div{height:100%;width:100%}.form___lDFka .companies___kmGFB>div>div>div{height:36px;padding:0px;border:1px solid var(--color_primary);box-shadow:0 0 1px var(--color_primary)}.form___lDFka .companies___kmGFB>div>div>div>div{height:36px}.form___lDFka .companies___kmGFB>div>div>span+div+div{overflow:auto;height:auto}.form___lDFka .companies___kmGFB>div>div>span+div+div>div{height:auto}.form___lDFka .companies___kmGFB>div input{padding:5px 10px;border:1px solid var(--color_primary);padding-right:0px !important;background-color:transparent}.form___lDFka .companies___kmGFB>div i{right:10px !important}.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___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.inputWrapper___PEQFR{display:flex;border-radius:5px;border:1px solid var(--color_primary);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input{width:100%;background-color:transparent;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 .companies___kmGFB>div{position:relative;width:100%;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.form___lDFka .companies___kmGFB>div::placeholder{color:var(--color_text_input_hints)}.form___lDFka .companies___kmGFB>div>div{height:100%;width:100%}.form___lDFka .companies___kmGFB>div>div>div{height:36px;padding:0px;border:1px solid var(--color_primary);box-shadow:0 0 1px var(--color_primary)}.form___lDFka .companies___kmGFB>div>div>div>div{height:36px}.form___lDFka .companies___kmGFB>div>div>span+div+div{overflow:auto;height:auto}.form___lDFka .companies___kmGFB>div>div>span+div+div>div{height:auto}.form___lDFka .companies___kmGFB>div input{padding:5px 10px;font-size:16px;color:inherit;border:1px solid var(--color_primary);padding-right:0px !important;background-color:transparent}.form___lDFka .companies___kmGFB>div i{right:10px !important}.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}.crossOut___QZ7dy{text-decoration:line-through}.discount___sEK_Q{color:green}.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_primary)}.quantity___SIEQZ input{padding:0 8px;width:48px !important}.quantity___SIEQZ input,.quantity___SIEQZ input:read-only{color:inherit;background-color:#fff;border:1px solid var(--color_primary)}.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}
 

package/dist/index.js

@@ -90,7 +90,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-
 class LawPayProvider {
   constructor({
     reservation,
@@ -101,9 +100,9 @@ class LawPayProvider {
     dispatch: _dispatch
   }) {
     _defineProperty(this, "payTicket", ({
-      token
+      token = null
     }) => async dispatch => {
-      var _this$userProfile, _this$userProfile2, _this$userProfile3, _this$userProfile4;
+      var _this$userProfile, _this$userProfile2, _this$userProfile3, _this$userProfile4, _this$userProfile5, _this$userProfile6;
 
       // Pay using affinity lawpay
       const errorHandler = (err, res) => (dispatch, state) => {
@@ -135,44 +134,31 @@ class LawPayProvider {
         expand: 'tickets,' + 'tickets.owner,' + 'tickets.owner.extra_questions,' + 'tickets.badge,' + 'tickets.badge.type,' + 'tickets.badge.type.access_levels,' + 'tickets.badge.type.features,' + 'tickets.ticket_type,' + 'tickets.ticket_type.taxes'
       };
       let normalizedEntity = {
-        billing_address_1: token.address1 || '',
-        billing_address_2: ((_this$userProfile = this.userProfile) === null || _this$userProfile === void 0 ? void 0 : _this$userProfile.address2) || '',
-        billing_address_zip_code: token.postal_code,
-        billing_address_city: ((_this$userProfile2 = this.userProfile) === null || _this$userProfile2 === void 0 ? void 0 : _this$userProfile2.locality) || '',
-        billing_address_state: ((_this$userProfile3 = this.userProfile) === null || _this$userProfile3 === void 0 ? void 0 : _this$userProfile3.region) || '',
-        billing_address_country: ((_this$userProfile4 = this.userProfile) === null || _this$userProfile4 === void 0 ? void 0 : _this$userProfile4.country) || '',
-        payment_method_id: token.id
+        billing_address_1: token ? token.address1 : ((_this$userProfile = this.userProfile) === null || _this$userProfile === void 0 ? void 0 : _this$userProfile.address1) || '',
+        billing_address_2: ((_this$userProfile2 = this.userProfile) === null || _this$userProfile2 === void 0 ? void 0 : _this$userProfile2.address2) || '',
+        billing_address_zip_code: token ? token.postal_code : ((_this$userProfile3 = this.userProfile) === null || _this$userProfile3 === void 0 ? void 0 : _this$userProfile3.postal_code) || '',
+        billing_address_city: ((_this$userProfile4 = this.userProfile) === null || _this$userProfile4 === void 0 ? void 0 : _this$userProfile4.locality) || '',
+        billing_address_state: ((_this$userProfile5 = this.userProfile) === null || _this$userProfile5 === void 0 ? void 0 : _this$userProfile5.region) || '',
+        billing_address_country: ((_this$userProfile6 = this.userProfile) === null || _this$userProfile6 === void 0 ? void 0 : _this$userProfile6.country) || ''
       };
-      this.dispatch(startWidgetLoading());
 
-      if (this.reservation.amount > 0) {
-        return (0,actions_namespaceObject.putRequest)(null, (0,actions_namespaceObject.createAction)(PAY_RESERVATION), `${this.apiBaseUrl}/api/v1/summits/${this.summitId}/orders/${this.reservation.hash}/checkout`, normalizedEntity, errorHandler // entity
-        )(params)(this.dispatch).then(payload => {
-          this.dispatch(stopWidgetLoading());
-          this.dispatch((0,actions_namespaceObject.createAction)(CLEAR_RESERVATION)({}));
-          this.dispatch(changeStep(3));
-          return payload;
-        }).catch(e => {
-          this.dispatch(removeReservedTicket());
-          this.dispatch(changeStep(1));
-          this.dispatch(stopWidgetLoading());
-          return e;
-        }); // The payment has succeeded. Display a success message.
-      } else {
-        // FREE TICKET
-        return (0,actions_namespaceObject.putRequest)(null, (0,actions_namespaceObject.createAction)(PAY_RESERVATION), `${this.apiBaseUrl}/api/v1/summits/${this.summitId}/orders/${this.reservation.hash}/checkout`, normalizedEntity, errorHandler // entity
-        )(params)(this.dispatch).then(payload => {
-          this.dispatch(stopWidgetLoading());
-          this.dispatch((0,actions_namespaceObject.createAction)(CLEAR_RESERVATION)({}));
-          this.dispatch(changeStep(3));
-          return payload;
-        }).catch(e => {
-          this.dispatch(removeReservedTicket());
-          this.dispatch(changeStep(1));
-          this.dispatch(stopWidgetLoading());
-          return e;
-        }); // The payment has succeeded. Display a success message.
+      if (token) {
+        normalizedEntity['payment_method_id'] = token.id;
       }
+
+      this.dispatch(startWidgetLoading());
+      return (0,actions_namespaceObject.putRequest)(null, (0,actions_namespaceObject.createAction)(PAY_RESERVATION), `${this.apiBaseUrl}/api/v1/summits/${this.summitId}/orders/${this.reservation.hash}/checkout`, normalizedEntity, errorHandler // entity
+      )(params)(this.dispatch).then(payload => {
+        this.dispatch(stopWidgetLoading());
+        this.dispatch((0,actions_namespaceObject.createAction)(CLEAR_RESERVATION)({}));
+        this.dispatch(changeStep(3));
+        return payload;
+      }).catch(e => {
+        this.dispatch(removeReservedTicket());
+        this.dispatch(changeStep(1));
+        this.dispatch(stopWidgetLoading());
+        return e;
+      }); // The payment has succeeded. Display a success message.
     });
 
     this.reservation = reservation;
@@ -426,6 +412,7 @@ const getTaxesTypes = summitId => async (dispatch, getState, {
   }
 };
 const reserveTicket = ({
+  provider,
   personalInformation,
   ticket,
   ticketQuantity
@@ -495,12 +482,12 @@ const reserveTicket = ({
     payload.response.promo_code = promoCode || null;
 
     if (!payload.response.amount) {
-      dispatch(payTicket(null, null, getAccessToken));
-      return payload;
-    } else {
-      dispatch(changeStep(2));
+      dispatch(payTicketWithProvider(provider));
       return payload;
     }
+
+    dispatch(changeStep(2));
+    return payload;
   }).catch(e => {
     dispatch((0,actions_namespaceObject.createAction)(CREATE_RESERVATION_ERROR)(e));
     dispatch(stopWidgetLoading());
@@ -1033,9 +1020,7 @@ const LawPayForm = ({
     exp_month: '',
     exp_year: '',
     postal_code: userProfile.postal_code || '',
-    address1: userProfile.address1 || '',
-    email: userProfile.email,
-    name: `${userProfile.given_name} ${userProfile.family_name}`
+    address1: userProfile.address1 || ''
   });
   const [lawPayErrors, setLawPayErrors] = (0,external_react_namespaceObject.useState)({
     exp_month: '',
@@ -1047,9 +1032,8 @@ const LawPayForm = ({
   });
   const style = {
     color: marketingData.color_text_dark,
-    fontSize: '16px',
-    fontFamily: 'inherit',
-    backgroundColor: '#ffffff',
+    "font-size": '16px',
+    "font-weight": 'inherit',
     '::placeholder': {
       color: marketingData.color_text_input_hints
     }
@@ -1076,7 +1060,7 @@ const LawPayForm = ({
   const hostedFieldsCallBack = state => {
     let fieldErrors = {};
     state.fields.map(f => {
-      fieldErrors = lawpay_form_objectSpread(lawpay_form_objectSpread({}, fieldErrors), {}, {
+      if (f.focus && f.error !== 'Input field is empty') fieldErrors = lawpay_form_objectSpread(lawpay_form_objectSpread({}, fieldErrors), {}, {
         [f.type]: f.error
       });
     });
@@ -1084,7 +1068,7 @@ const LawPayForm = ({
   };
 
   (0,external_react_namespaceObject.useEffect)(() => {
-    if (window.AffiniPay && hostedFields === null) {
+    if (window.AffiniPay && !hostedFields) {
       setHostedFields(window.AffiniPay.HostedFields.initializeFields(hostedFieldsConfiguration, hostedFieldsCallBack));
     }
   }, [reservation]);
@@ -1098,7 +1082,7 @@ const LawPayForm = ({
   const formHasErrors = () => {
     let errors = {};
     Object.keys(lawPayFields).map(key => {
-      if (!lawPayFields[key]) {
+      if (!lawPayFields[key] || lawPayFields[key] === '') {
         errors = lawpay_form_objectSpread(lawpay_form_objectSpread({}, errors), {}, {
           [key]: 'This field is required.'
         });
@@ -1124,8 +1108,8 @@ const LawPayForm = ({
           "address1": lawPayFields.address1,
           "exp_year": lawPayFields.exp_year,
           "exp_month": lawPayFields.exp_month,
-          "email": lawPayFields.email,
-          "name": lawPayFields.name,
+          "email": userProfile.email,
+          "name": `${reservation.owner_first_name} ${reservation.owner_last_name}`,
           "reference": `summit_${reservation.summit_id}_order_${reservation.id}`
         });
         payTicket(provider, {
@@ -1233,6 +1217,7 @@ const LawPayForm = ({
     type: "text",
     name: "postal_code",
     placeholder: "ZIP Code *",
+    value: lawPayFields.postal_code,
     onChange: e => setLawPayFields(lawpay_form_objectSpread(lawpay_form_objectSpread({}, lawPayFields), {}, {
       postal_code: e.target.value
     }))
@@ -1250,6 +1235,7 @@ const LawPayForm = ({
     type: "text",
     name: "address1",
     placeholder: "Address *",
+    value: lawPayFields.address1,
     onChange: e => setLawPayFields(lawpay_form_objectSpread(lawpay_form_objectSpread({}, lawPayFields), {}, {
       address1: e.target.value
     }))
@@ -1384,14 +1370,20 @@ const StripeForm = ({
       return;
     }
 
-    const cardElement = elements.getElement(react_stripe_js_namespaceObject.CardNumberElement);
+    const cardElement = elements.getElement(react_stripe_js_namespaceObject.CardNumberElement); // @see https://stripe.com/docs/js/tokens_sources/create_token?type=cardElement
+
     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 || ''
+      address_country: userProfile.country || '',
+      email: userProfile.email
     });
 
     if (token) {
@@ -2380,6 +2372,34 @@ const TicketOwnedComponent = ({
 };
 
 /* harmony default export */ const ticket_owned = (TicketOwnedComponent);
+;// CONCATENATED MODULE: ./src/utils/utils.js
+/**
+ * Copyright 2022 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+const getCurrentProvider = summit => {
+  for (let profile of summit.payment_profiles) {
+    if (profile.application_type === 'Registration') {
+      return {
+        publicKey: profile.test_mode_enabled ? profile.test_publishable_key : profile.live_publishable_key,
+        provider: profile.provider
+      };
+    }
+  }
+
+  return {
+    publicKey: null,
+    provider: ''
+  };
+};
 ;// CONCATENATED MODULE: ./src/components/registration-lite.js
 const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicketWithProvider", "onPurchaseComplete", "getTicketTypes", "getTaxesTypes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "allowsNativeAuth", "allowsOtpAuth", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToEvent", "goToRegistration", "profileData", "summitData", "supportEmail", "ticketOwned", "ownedTickets", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError", "stripeOptions"];
 
@@ -2422,6 +2442,7 @@ function registration_lite_objectWithoutPropertiesLoose(source, excluded) { if (
 
 
 
+
 const RegistrationLite = _ref => {
   var _formValues$ticketTyp, _formValues$ticketTyp2;
 
@@ -2491,17 +2512,10 @@ const RegistrationLite = _ref => {
     errors
   }));
 
-  let publicKey = null;
-  let provider = '';
-
-  for (let profile of summitData.payment_profiles) {
-    if (profile.application_type === 'Registration') {
-      publicKey = profile.test_mode_enabled ? profile.test_publishable_key : profile.live_publishable_key;
-      provider = profile.provider;
-      break;
-    }
-  }
-
+  const {
+    publicKey,
+    provider
+  } = getCurrentProvider(summitData);
   (0,external_react_namespaceObject.useEffect)(() => {
     loadSession(registration_lite_objectSpread(registration_lite_objectSpread({}, rest), {}, {
       summitData,
@@ -2520,6 +2534,7 @@ const RegistrationLite = _ref => {
   (0,external_react_namespaceObject.useEffect)(() => {
     if (step === 1 && formValues !== null && formValues !== void 0 && formValues.ticketType && formValues !== null && formValues !== void 0 && formValues.personalInformation) {
       reserveTicket({
+        provider,
         personalInformation: formValues === null || formValues === void 0 ? void 0 : formValues.personalInformation,
         ticket: formValues === null || formValues === void 0 ? void 0 : formValues.ticketType,
         ticketQuantity: formValues === null || formValues === void 0 ? void 0 : formValues.ticketQuantity

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "summit-registration-lite",
-  "version": "2.0.18",
+  "version": "2.0.21",
   "description": "Summit Registration Lite",
   "main": "index.js",
   "scripts": {