summit-registration-lite 5.0.23 → 5.0.25

package/dist/index.css

@@ -14,7 +14,7 @@
 
 .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{background-color:var(--color_input_background_color);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_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}
 
 .promoCodeWrapper___aw3Zx{padding-top:16px;display:flex;justify-content:space-between;align-items:baseline;gap:15px}.promoCodeWrapper___aw3Zx span{color:var(--color_text_dark);font-size:14px;font-weight:600;line-height:140%}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET{display:flex;align-items:center;position:relative;flex:1;height:33px}.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}
 

package/dist/index.js

@@ -514,12 +514,44 @@ const actions_namespaceObject = require("openstack-uicore-foundation/lib/utils/a
 ;// CONCATENATED MODULE: external "sweetalert2"
 const external_sweetalert2_namespaceObject = require("sweetalert2");
 var external_sweetalert2_default = /*#__PURE__*/__webpack_require__.n(external_sweetalert2_namespaceObject);
+;// CONCATENATED MODULE: ./src/utils/constants.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 AUTH_ERROR_MESSAGE = 'Missing Auth info';
+const AUTH_ERROR_MISSING_REFRESH_TOKEN = "missing Refresh Token";
+const AUTH_ERROR_REQUEST_FAILED = 'Request failed';
+const VirtualAccessLevel = 'VIRTUAL';
+const DefaultBGColor = '#000000';
+const DefaultTextColor = '#FFFFFF';
+const DefaultHintColor = 'rgb(58, 63, 65)';
+const EMAIL_REGEXP = /(([^<>()\[\]\\.,;:\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,}))/;
+const TICKET_OWNER_MYSELF = 'myself';
+const TICKET_OWNER_SOMEONE = 'someoneElse';
+const TICKET_OWNER_UNASSIGNED = 'unassigned';
+const TICKET_TYPE_SUBTYPE_PREPAID = 'PrePaid';
+const ORDER_STATUS_PAID = 'Paid';
+const ORDER_PAYMENT_METHOD_OFFLINE = 'Offline';
+const STEP_SELECT_TICKET_TYPE = 0;
+const STEP_PERSONAL_INFO = 1;
+const STEP_PAYMENT = 2;
+const STEP_COMPLETE = 3;
 ;// CONCATENATED MODULE: ./src/utils/payment-providers/lawpay-provider.js
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 
 
 
+
 class LawPayProvider {
   constructor({
     reservation,
@@ -579,11 +611,11 @@ class LawPayProvider {
       )(params)(this.dispatch).then(payload => {
         this.dispatch(stopWidgetLoading());
         this.dispatch((0,actions_namespaceObject.createAction)(CLEAR_RESERVATION)({}));
-        this.dispatch(changeStep(3));
+        this.dispatch(changeStep(STEP_COMPLETE));
         return payload;
       }).catch(e => {
         this.dispatch(removeReservedTicket());
-        this.dispatch(changeStep(1));
+        this.dispatch(changeStep(STEP_PERSONAL_INFO));
         this.dispatch(stopWidgetLoading());
         return e;
       }); // The payment has succeeded. Display a success message.
@@ -647,37 +679,6 @@ const getTicketMaxQuantity = ticket => {
 
 
 
-;// CONCATENATED MODULE: ./src/utils/constants.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 AUTH_ERROR_MESSAGE = 'Missing Auth info';
-const AUTH_ERROR_MISSING_REFRESH_TOKEN = "missing Refresh Token";
-const AUTH_ERROR_REQUEST_FAILED = 'Request failed';
-const VirtualAccessLevel = 'VIRTUAL';
-const DefaultBGColor = '#000000';
-const DefaultTextColor = '#FFFFFF';
-const DefaultHintColor = 'rgb(58, 63, 65)';
-const EMAIL_REGEXP = /(([^<>()\[\]\\.,;:\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,}))/;
-const TICKET_OWNER_MYSELF = 'myself';
-const TICKET_OWNER_SOMEONE = 'someoneElse';
-const TICKET_OWNER_UNASSIGNED = 'unassigned';
-const TICKET_TYPE_SUBTYPE_PREPAID = 'PrePaid';
-const ORDER_STATUS_PAID = 'Paid';
-const ORDER_PAYMENT_METHOD_OFFLINE = 'Offline';
-const STEP_SELECT_TICKET_TYPE = 0;
-const STEP_PERSONAL_INFO = 1;
-const STEP_PAYMENT = 2;
-const STEP_COMPLETE = 3;
 ;// CONCATENATED MODULE: ./src/utils/utils.js
 
 
@@ -1426,6 +1427,9 @@ const updateClock = timestamp => dispatch => {
 };
 ;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/security/actions"
 const security_actions_namespaceObject = require("openstack-uicore-foundation/lib/security/actions");
+;// CONCATENATED MODULE: external "moment"
+const external_moment_namespaceObject = require("moment");
+var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_namespaceObject);
 ;// CONCATENATED MODULE: ./src/reducer.js
 function reducer_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; }
 
@@ -1447,11 +1451,13 @@ function reducer_defineProperty(obj, key, value) { if (key in obj) { Object.defi
  **/
 
 
-const localNowUtc = Date.now();
+
+
+const localNowUtc = external_moment_default()().unix();
 const DEFAULT_STATE = {
   reservation: null,
   checkout: null,
-  step: 0,
+  step: STEP_SELECT_TICKET_TYPE,
   widgetLoading: false,
   passwordless: {
     email: null,
@@ -2188,7 +2194,7 @@ const StripeForm = ({
     }
   }, stripeOptions?.style);
 
-  const onSubmit = async data => {
+  const onSubmit = async (data, ev) => {
     setStripeErrors({});
 
     if (!stripe) {
@@ -2197,6 +2203,8 @@ const StripeForm = ({
       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
 
     const {
@@ -2222,14 +2230,20 @@ const StripeForm = ({
         stripe,
         zipCode: data.zipCode
       });
-    } else if (error) {
+      return;
+    }
+
+    if (error) {
+      if (btn) btn.disabled = false;
+
       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");
+        return;
       }
+
+      external_sweetalert2_default().fire("Payment error", error.message, "warning");
     }
   };
 
@@ -3001,6 +3015,7 @@ const TicketTypeComponent = ({
   (0,external_react_.useEffect)(() => {
     if (reservation && reservation.tickets?.length > 0) {
       setTicket(allowedTicketTypes.find(t => t.id === reservation.tickets[0].ticket_type_id));
+      setQuantity(reservation.tickets.length);
     }
   }, []);
   (0,external_react_.useEffect)(() => {
@@ -3178,11 +3193,11 @@ const ButtonBarComponent = ({
   const nextButtonText = inPersonDisclaimer && ticketType && isInPersonTicketType(ticketType) ? 'Accept' : 'Next';
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: `${button_bar_index_module.outerWrapper}`
-  }, step !== 3 && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
+  }, step !== STEP_COMPLETE && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
     className: `${button_bar_index_module.innerWrapper}`
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: button_bar_index_module.required
-  }, step !== 0 && /*#__PURE__*/external_react_default().createElement("span", null, "* Required fields ", /*#__PURE__*/external_react_default().createElement("br", null), " ")), /*#__PURE__*/external_react_default().createElement("div", {
+  }, step !== STEP_SELECT_TICKET_TYPE && /*#__PURE__*/external_react_default().createElement("span", null, "* Required fields ", /*#__PURE__*/external_react_default().createElement("br", null), " ")), /*#__PURE__*/external_react_default().createElement("div", {
     className: button_bar_index_module.actions
   }, step !== STEP_SELECT_TICKET_TYPE && step !== STEP_PAYMENT && /*#__PURE__*/external_react_default().createElement("button", {
     className: `${button_bar_index_module.button} button`,
@@ -3206,6 +3221,7 @@ const ButtonBarComponent = ({
     form: "personal-info-form"
   }, "Next"), step === STEP_PAYMENT && /*#__PURE__*/external_react_default().createElement("button", {
     className: `${button_bar_index_module.button} button`,
+    id: "payment-form-btn",
     type: "submit",
     form: "payment-form"
   }, "Pay Now")))));
@@ -3607,6 +3623,7 @@ const RegistrationLite = _ref => {
     errors: []
   });
   const [ticketTaxesError, setTicketTaxesError] = (0,external_react_.useState)(false);
+  const [ticketTaxesLoaded, setTicketTaxesLoaded] = (0,external_react_.useState)(false);
   const {
     values: formValues,
     errors: formErrors
@@ -3635,7 +3652,7 @@ const RegistrationLite = _ref => {
     }));
 
     if (!profileData) {
-      changeStep(0);
+      changeStep(STEP_SELECT_TICKET_TYPE);
     }
   }, []);
   (0,external_react_.useEffect)(() => {
@@ -3645,8 +3662,8 @@ const RegistrationLite = _ref => {
   }, [summitData, profileData]);
   (0,external_react_.useEffect)(() => {
     // check if there's personal information data and no ticket data to reset widget
-    if (step > 0 && !registrationForm.values?.ticketType) {
-      changeStep(0);
+    if (step > STEP_SELECT_TICKET_TYPE && !registrationForm.values?.ticketType && !reservation) {
+      changeStep(STEP_SELECT_TICKET_TYPE);
     }
   }, [registrationForm.values, step]);
   (0,external_react_.useEffect)(() => {
@@ -3669,7 +3686,7 @@ const RegistrationLite = _ref => {
     // Reset the step when closed to avoid unexpected behavior from `useEffect`s w/in other steps.
     // (i.e., recalling `onPurchaseComplete` after a user completes one order, closes the window, and then reopens the registration widget)
     const closeAndClearState = () => {
-      changeStep(0);
+      changeStep(STEP_SELECT_TICKET_TYPE);
       clearWidgetState();
 
       if (closeWidget) {
@@ -3689,6 +3706,7 @@ const RegistrationLite = _ref => {
 
   const handleGetTicketTypesAndTaxes = summitId => {
     setTicketTaxesError(false);
+    setTicketTaxesLoaded(false);
     getTicketTypesAndTaxes(summitId).then().catch(error => {
       let {
         message
@@ -3701,13 +3719,15 @@ const RegistrationLite = _ref => {
       }
 
       setTicketTaxesError(true);
+    }).finally(() => {
+      setTicketTaxesLoaded(true);
     });
   }; // if we dont have yet ticket types and we didnt requested so far for them but we are already logged in
   // just dont render
 
 
   if (ticketTypes.length === 0 && !requestedTicketTypes && profileData) return null;
-  const allowedTicketTypes = ticketTypes.filter(tt => tt.sales_start_date === null && tt.sales_end_date === null || nowUtc >= tt.sales_start_date && nowUtc <= tt.sales_end_date);
+  const allowedTicketTypes = ticketTaxesLoaded ? ticketTypes.filter(tt => tt.sales_start_date === null && tt.sales_end_date === null || nowUtc >= tt.sales_start_date && nowUtc <= tt.sales_end_date) : [];
   return /*#__PURE__*/external_react_default().createElement("div", {
     id: `${general_module.modal}`,
     className: "modal is-active"
@@ -3733,10 +3753,10 @@ const RegistrationLite = _ref => {
     className: "fa fa-close",
     "aria-label": "close",
     onClick: handleCloseClick
-  })), ticketTaxesError && profileData && /*#__PURE__*/external_react_default().createElement(ticket_taxes_error, {
+  })), profileData && ticketTaxesError && /*#__PURE__*/external_react_default().createElement(ticket_taxes_error, {
     ticketTaxesErrorMessage: ticketTaxesErrorMessage,
     retryTicketTaxes: () => handleGetTicketTypesAndTaxes(summitData?.id)
-  }), !ticketTaxesError && profileData && allowedTicketTypes.length === 0 && requestedTicketTypes && step !== 3 && /*#__PURE__*/external_react_default().createElement(no_allowed_tickets, {
+  }), profileData && ticketTaxesLoaded && !ticketTaxesError && allowedTicketTypes.length === 0 && step !== STEP_COMPLETE && /*#__PURE__*/external_react_default().createElement(no_allowed_tickets, {
     noAllowedTicketsMessage: noAllowedTicketsMessage
   }), !ticketTaxesError && /*#__PURE__*/external_react_default().createElement("div", {
     className: general_module.stepsWrapper
@@ -3760,7 +3780,7 @@ const RegistrationLite = _ref => {
     getPasswordlessCode: getPasswordlessCode,
     logoLight: logoLight,
     logoDark: logoDark
-  }), profileData && step !== 3 && allowedTicketTypes.length > 0 && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, ownedTickets.length > 0 && /*#__PURE__*/external_react_default().createElement(ticket_owned, {
+  }), profileData && step !== STEP_COMPLETE && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, ownedTickets.length > 0 && /*#__PURE__*/external_react_default().createElement(ticket_owned, {
     ownedTickets: ownedTickets
   }), /*#__PURE__*/external_react_default().createElement(ticket_type, {
     allowedTicketTypes: allowedTicketTypes,
@@ -3849,7 +3869,7 @@ const RegistrationLite = _ref => {
     orderComplete1stParagraph: rest.orderComplete1stParagraph,
     orderComplete2ndParagraph: rest.orderComplete2ndParagraph,
     orderCompleteButton: rest.orderCompleteButton
-  })), !ticketTaxesError && profileData && step !== 3 && allowedTicketTypes.length > 0 && /*#__PURE__*/external_react_default().createElement(button_bar, {
+  })), !ticketTaxesError && profileData && step !== STEP_COMPLETE && /*#__PURE__*/external_react_default().createElement(button_bar, {
     step: step,
     inPersonDisclaimer: inPersonDisclaimer,
     formValues: formValues,