summit-registration-lite 2.0.17 → 2.0.20

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

@@ -98,7 +98,7 @@ class LawPayProvider {
     userProfile,
     access_token,
     apiBaseUrl,
-    dispatch
+    dispatch: _dispatch
   }) {
     _defineProperty(this, "payTicket", ({
       token
@@ -107,19 +107,27 @@ class LawPayProvider {
 
       // Pay using affinity lawpay
       const errorHandler = (err, res) => (dispatch, state) => {
-        if (res && res.statusCode === 404) {
-          const msg = res.body.message;
-          external_sweetalert2_default().fire("Validation Error", msg, "warning");
-          return;
-        }
+        let code = err.status;
 
-        if (res && res.statusCode === 500) {
-          const msg = res.body.message;
-          external_sweetalert2_default().fire("Server Error", msg, "error");
-          return;
-        }
+        switch (code) {
+          case 404:
+            {
+              let msg = res.body.message;
+              external_sweetalert2_default().fire("Validation Error", msg, "warning");
+            }
+            break;
 
-        return (0,actions_namespaceObject.authErrorHandler)(err, res);
+          case 500:
+            {
+              let msg = res.body.message;
+              external_sweetalert2_default().fire("Validation Error", msg, "warning");
+            }
+            break;
+
+          default:
+            (0,actions_namespaceObject.authErrorHandler)(err, res)(dispatch, state);
+            break;
+        }
       };
 
       let params = {
@@ -172,7 +180,7 @@ class LawPayProvider {
     this.userProfile = userProfile;
     this.access_token = access_token;
     this.apiBaseUrl = apiBaseUrl;
-    this.dispatch = dispatch;
+    this.dispatch = _dispatch;
   }
 
 }
@@ -200,19 +208,27 @@ class StripeProvider {
       var _this$userProfile, _this$userProfile2, _this$userProfile3, _this$userProfile4, _this$userProfile5;
 
       const errorHandler = (err, res) => (dispatch, state) => {
-        if (res && res.statusCode === 404) {
-          const msg = res.body.message;
-          external_sweetalert2_default().fire("Validation Error", msg, "warning");
-          return;
-        }
+        let code = err.status;
 
-        if (res && res.statusCode === 500) {
-          const msg = res.body.message;
-          external_sweetalert2_default().fire("Server Error", msg, "error");
-          return;
-        }
+        switch (code) {
+          case 404:
+            {
+              let msg = res.body.message;
+              external_sweetalert2_default().fire("Validation Error", msg, "warning");
+            }
+            break;
+
+          case 500:
+            {
+              let msg = res.body.message;
+              external_sweetalert2_default().fire("Validation Error", msg, "warning");
+            }
+            break;
 
-        return (0,actions_namespaceObject.authErrorHandler)(err, res);
+          default:
+            (0,actions_namespaceObject.authErrorHandler)(err, res)(dispatch, state);
+            break;
+        }
       };
 
       let params = {
@@ -410,6 +426,7 @@ const getTaxesTypes = summitId => async (dispatch, getState, {
   }
 };
 const reserveTicket = ({
+  provider,
   personalInformation,
   ticket,
   ticketQuantity
@@ -470,7 +487,7 @@ const reserveTicket = ({
       return;
     }
 
-    return (0,actions_namespaceObject.authErrorHandler)(err, res);
+    return (0,actions_namespaceObject.authErrorHandler)(err, res)(dispatch, state);
   };
 
   return (0,actions_namespaceObject.postRequest)((0,actions_namespaceObject.createAction)(CREATE_RESERVATION), (0,actions_namespaceObject.createAction)(CREATE_RESERVATION_SUCCESS), `${apiBaseUrl}/api/v1/summits/${summitId}/orders/reserve`, normalizedEntity, errorHandler // entity
@@ -479,7 +496,7 @@ const reserveTicket = ({
     payload.response.promo_code = promoCode || null;
 
     if (!payload.response.amount) {
-      dispatch(payTicket(null, null, getAccessToken));
+      dispatch(payTicketWithProvider(provider));
       return payload;
     } else {
       dispatch(changeStep(2));
@@ -1017,9 +1034,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: '',
@@ -1031,9 +1046,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
     }
@@ -1060,7 +1074,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
       });
     });
@@ -1068,7 +1082,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]);
@@ -1082,7 +1096,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.'
         });
@@ -1108,8 +1122,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, {
@@ -1217,6 +1231,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
     }))
@@ -1234,6 +1249,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
     }))
@@ -1368,14 +1384,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) {
@@ -2364,6 +2386,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"];
 
@@ -2406,6 +2456,7 @@ function registration_lite_objectWithoutPropertiesLoose(source, excluded) { if (
 
 
 
+
 const RegistrationLite = _ref => {
   var _formValues$ticketTyp, _formValues$ticketTyp2;
 
@@ -2475,17 +2526,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,
@@ -2504,6 +2548,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.17",
+  "version": "2.0.20",
   "description": "Summit Registration Lite",
   "main": "index.js",
   "scripts": {