summit-registration-lite 3.0.8 → 3.0.13

package/README.md

@@ -24,6 +24,11 @@ React component for the summit registration lite widget
 
    **showMultipleTicketTexts**= boolean to show/hide the text for multiple tickets
 
+   **noAllowedTicketsMessage**= string with the message for the 'No Allowed Tickets' error
+
+   **ticketTaxesErrorMessage**= string with the message for the 'TicketAndTaxesError' component
+
+
    Example
    
    ```

package/dist/index.css

@@ -22,5 +22,9 @@
 
 .passwordlessWrapper___BRQ_s{height:400px;display:flex;justify-content:center;align-items:center;flex-direction:column}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi{text-align:center;font-weight:bold;height:100%;width:300px;display:flex;flex-direction:column;justify-content:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .logo___qNVrv{width:175px;align-self:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .digits___Vu5iy{margin-top:15px;display:inline-block}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .codeInput___LnTZe{margin-top:20px;display:flex;justify-content:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .codeInput___LnTZe input{height:56px;width:56px;font-size:42px;background-color:var(--color_primary50);border:1px solid var(--color_primary);border-radius:5px;padding:5px;display:inline-flex;text-transform:uppercase;text-align:center;margin:0 5px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .error___wZflZ{margin-top:10px;color:#e5424d;font-size:14px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl{margin-top:20px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .button___nBhtQ{padding:10px 30px;font-weight:normal;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-color:var(--color_secondary_contrast);color:#FFFFFF;width:100%;font-size:1em}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .link___f6fDT{color:var(--color_primary);text-decoration:underline;cursor:pointer}.passwordlessWrapper___BRQ_s .resend___Nma1U{margin:auto 0 0 0;font-weight:normal;font-size:14px}.passwordlessWrapper___BRQ_s .resend___Nma1U span{color:var(--color_primary);text-decoration:underline;cursor:pointer}
 
-.ticketOwnedWrapper___nhkDY{margin:10px}.alert___c49oP{margin:0 !important}
+.ticketOwnedWrapper___nhkDY{margin:10px}span{display:block}.alert___c49oP{margin:0 !important}
+
+.noAllowedWrapper___k52of{margin:10px}.alert___McKm0{margin:0 !important}
+
+.ticketTaxesErrorWrapper___ldztd{margin:10px;min-height:150px;display:flex;flex-direction:column}.ticketTaxesErrorWrapper___ldztd button{width:100px;align-self:center;margin:10px 5px 0 5px}.alert___AM17V{margin:0 !important;text-align:center;padding:30px}
 

package/dist/index.js

@@ -404,6 +404,22 @@ const stopWidgetLoading = (0,actions_namespaceObject.createAction)(STOP_WIDGET_L
 const loadSession = settings => dispatch => {
   dispatch((0,actions_namespaceObject.createAction)(LOAD_INITIAL_VARS)(settings));
 };
+
+const customErrorHandler = (err, res) => (dispatch, state) => {
+  if (err.timeout) {
+    return err;
+  }
+
+  if (res && res.statusCode === 404) {
+    return err;
+  }
+
+  if (res && res.statusCode === 500) {
+    return err;
+  }
+
+  return (0,actions_namespaceObject.authErrorHandler)(err, res)(dispatch, state);
+};
 /*********************************************************************************/
 
 /*                               TICKETS                                         */
@@ -412,6 +428,13 @@ const loadSession = settings => dispatch => {
 // api/v1/summits/{id}/ticket-types/allowed
 // api/v1/summits/{id}/tax-types
 
+
+const getTicketTypesAndTaxes = summitId => async dispatch => {
+  return Promise.all([dispatch(getTicketTypes(summitId)), dispatch(getTaxesTypes(summitId))]).catch(err => {
+    return Promise.reject(err);
+  });
+};
+
 const getTicketTypes = summitId => async (dispatch, getState, {
   apiBaseUrl,
   getAccessToken
@@ -423,13 +446,18 @@ const getTicketTypes = summitId => async (dispatch, getState, {
       access_token: accessToken
     };
     dispatch(startWidgetLoading());
-    return (0,actions_namespaceObject.getRequest)(null, (0,actions_namespaceObject.createAction)(GET_TICKET_TYPES), `${apiBaseUrl}/api/v1/summits/${summitId}/ticket-types/allowed`, actions_namespaceObject.authErrorHandler)(params)(dispatch).then(() => {
+    return (0,actions_namespaceObject.getRequest)(null, (0,actions_namespaceObject.createAction)(GET_TICKET_TYPES), `${apiBaseUrl}/api/v1/summits/${summitId}/ticket-types/allowed`, customErrorHandler)(params)(dispatch).then(() => {
+      dispatch(stopWidgetLoading());
+    }).catch(error => {
       dispatch(stopWidgetLoading());
+      return Promise.reject(error);
     });
   } catch (e) {
-    return Promise.reject();
+    dispatch(stopWidgetLoading());
+    return Promise.reject(e);
   }
 };
+
 const getTaxesTypes = summitId => async (dispatch, getState, {
   apiBaseUrl,
   getAccessToken
@@ -440,13 +468,18 @@ const getTaxesTypes = summitId => async (dispatch, getState, {
       access_token: accessToken
     };
     dispatch(startWidgetLoading());
-    return (0,actions_namespaceObject.getRequest)(null, (0,actions_namespaceObject.createAction)(GET_TAX_TYPES), `${apiBaseUrl}/api/v1/summits/${summitId}/tax-types`, actions_namespaceObject.authErrorHandler)(params)(dispatch).then(() => {
+    return (0,actions_namespaceObject.getRequest)(null, (0,actions_namespaceObject.createAction)(GET_TAX_TYPES), `${apiBaseUrl}/api/v1/summits/${summitId}/tax-types`, customErrorHandler)(params)(dispatch).then(() => {
+      dispatch(stopWidgetLoading());
+    }).catch(error => {
       dispatch(stopWidgetLoading());
+      return Promise.reject(error);
     });
   } catch (e) {
-    return Promise.reject();
+    dispatch(stopWidgetLoading());
+    return Promise.reject(e);
   }
 };
+
 const reserveTicket = ({
   provider,
   personalInformation,
@@ -2547,8 +2580,80 @@ const getCurrentProvider = summit => {
     provider: ''
   };
 };
+;// CONCATENATED MODULE: ./src/components/no-allowed-tickets/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const no_allowed_tickets_index_module = ({"noAllowedWrapper":"noAllowedWrapper___k52of","alert":"alert___McKm0"});
+;// CONCATENATED MODULE: ./src/components/no-allowed-tickets/index.js
+/**
+ * Copyright 2020 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 NoAllowedTickets = ({
+  noAllowedTicketsMessage
+}) => {
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: no_allowed_tickets_index_module.noAllowedWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${no_allowed_tickets_index_module.alert} alert alert-warning`,
+    role: "alert",
+    dangerouslySetInnerHTML: {
+      __html: noAllowedTicketsMessage
+    }
+  }));
+};
+
+/* harmony default export */ const no_allowed_tickets = (NoAllowedTickets);
+;// CONCATENATED MODULE: ./src/components/ticket-taxes-error/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const ticket_taxes_error_index_module = ({"ticketTaxesErrorWrapper":"ticketTaxesErrorWrapper___ldztd","alert":"alert___AM17V"});
+;// CONCATENATED MODULE: ./src/components/ticket-taxes-error/index.js
+/**
+ * Copyright 2020 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 TicketTaxesError = ({
+  ticketTaxesErrorMessage,
+  retryTicketTaxes
+}) => {
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: ticket_taxes_error_index_module.ticketTaxesErrorWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${ticket_taxes_error_index_module.alert} alert alert-warning`,
+    role: "alert",
+    dangerouslySetInnerHTML: {
+      __html: ticketTaxesErrorMessage
+    }
+  }), /*#__PURE__*/external_react_default().createElement("button", {
+    className: `${ticket_taxes_error_index_module.button} button`,
+    onClick: () => retryTicketTaxes()
+  }, "Retry"));
+};
+
+/* harmony default export */ const ticket_taxes_error = (TicketTaxesError);
 ;// 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", "invitation", "loginInitialEmailInputValue", "getMyInvitation", "showMultipleTicketTexts"];
+const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicketWithProvider", "onPurchaseComplete", "getTicketTypesAndTaxes", "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", "invitation", "loginInitialEmailInputValue", "getMyInvitation", "showMultipleTicketTexts", "noAllowedTicketsMessage", "ticketTaxesErrorMessage"];
 
 function registration_lite_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; }
 
@@ -2590,6 +2695,8 @@ function registration_lite_objectWithoutPropertiesLoose(source, excluded) { if (
 
 
 
+
+
 
 const RegistrationLite = _ref => {
   var _formValues$ticketTyp, _formValues$ticketTyp2;
@@ -2602,8 +2709,7 @@ const RegistrationLite = _ref => {
     reserveTicket,
     payTicketWithProvider,
     onPurchaseComplete,
-    getTicketTypes,
-    getTaxesTypes,
+    getTicketTypesAndTaxes,
     getLoginCode,
     passwordlessLogin,
     goToLogin,
@@ -2638,7 +2744,9 @@ const RegistrationLite = _ref => {
     invitation,
     loginInitialEmailInputValue,
     getMyInvitation,
-    showMultipleTicketTexts
+    showMultipleTicketTexts,
+    noAllowedTicketsMessage,
+    ticketTaxesErrorMessage
   } = _ref,
       rest = registration_lite_objectWithoutProperties(_ref, registration_lite_excluded);
 
@@ -2651,6 +2759,7 @@ const RegistrationLite = _ref => {
     },
     errors: []
   });
+  const [ticketTaxesError, setTicketTaxesError] = (0,external_react_namespaceObject.useState)(false);
   const {
     values: formValues,
     errors: formErrors
@@ -2680,14 +2789,14 @@ const RegistrationLite = _ref => {
   }, [profileData]);
   (0,external_react_namespaceObject.useEffect)(() => {
     if (summitData && profileData) {
-      getTicketTypes(summitData.id).then(() => getTaxesTypes(summitData.id));
+      handleGetTicketTypesAndTaxes(summitData.id);
     }
-  }, [summitData, profileData]);
+  }, []);
   (0,external_react_namespaceObject.useEffect)(() => {
     if (summitData && profileData) {
       getMyInvitation(summitData.id).catch(e => console.log(e));
     }
-  }, [summitData, profileData]);
+  }, []);
   (0,external_react_namespaceObject.useEffect)(() => {
     if (step === 1 && formValues !== null && formValues !== void 0 && formValues.ticketType && formValues !== null && formValues !== void 0 && formValues.personalInformation) {
       reserveTicket({
@@ -2727,6 +2836,13 @@ const RegistrationLite = _ref => {
     rest.closeWidget();
   };
 
+  const handleGetTicketTypesAndTaxes = summitId => {
+    setTicketTaxesError(false);
+    getTicketTypesAndTaxes(summitId).then().catch(error => {
+      setTicketTaxesError(true);
+    });
+  };
+
   return /*#__PURE__*/external_react_default().createElement("div", {
     id: `${general_module.modal}`,
     className: "modal is-active"
@@ -2749,7 +2865,12 @@ const RegistrationLite = _ref => {
     className: "fa fa-close",
     "aria-label": "close",
     onClick: handleCloseClick
-  })), /*#__PURE__*/external_react_default().createElement("div", {
+  })), ticketTaxesError && profileData && /*#__PURE__*/external_react_default().createElement(ticket_taxes_error, {
+    ticketTaxesErrorMessage: ticketTaxesErrorMessage,
+    retryTicketTaxes: () => handleGetTicketTypesAndTaxes(summitData === null || summitData === void 0 ? void 0 : summitData.id)
+  }), !ticketTaxesError && profileData && ticketTypes.length === 0 && !loading && /*#__PURE__*/external_react_default().createElement(no_allowed_tickets, {
+    noAllowedTicketsMessage: noAllowedTicketsMessage
+  }), !ticketTaxesError && /*#__PURE__*/external_react_default().createElement("div", {
     className: general_module.stepsWrapper
   }, !profileData && !passwordlessCodeSent && /*#__PURE__*/external_react_default().createElement(login, {
     options: loginOptions,
@@ -2759,7 +2880,7 @@ const RegistrationLite = _ref => {
     getLoginCode: getLoginCode,
     getPasswordlessCode: getPasswordlessCode,
     initialEmailValue: loginInitialEmailInputValue
-  }), !profileData && !passwordlessCodeSent && /*#__PURE__*/external_react_default().createElement(login_passwordless, {
+  }), !profileData && passwordlessCodeSent && /*#__PURE__*/external_react_default().createElement(login_passwordless, {
     codeLength: passwordlessCode,
     email: passwordlessEmail,
     passwordlessLogin: passwordlessLogin,
@@ -2812,7 +2933,7 @@ const RegistrationLite = _ref => {
     supportEmail: supportEmail,
     goToEvent: goToEvent,
     goToExtraQuestions: goToExtraQuestions
-  })), profileData && step !== 3 && /*#__PURE__*/external_react_default().createElement(button_bar, {
+  })), !ticketTaxesError && profileData && step !== 3 && ticketTypes.length > 0 && /*#__PURE__*/external_react_default().createElement(button_bar, {
     step: step,
     inPersonDisclaimer: inPersonDisclaimer,
     formValues: formValues,
@@ -2840,7 +2961,9 @@ const registration_lite_mapStateToProps = ({
 
 RegistrationLite.defaultProps = {
   loginInitialEmailInputValue: '',
-  showMultipleTicketTexts: true
+  showMultipleTicketTexts: true,
+  noAllowedTicketsMessage: '<span>You already have purchased all available tickets for this event and/or there are no tickets available for you to purchase.</span><br/><span><a href="/a/my-tickets">Visit the my orders / my tickets page</a> to review your existing tickets.</span>',
+  ticketTaxesErrorMessage: '<span>There was an error getting the information for the tickets. Please try it again.</span>'
 };
 RegistrationLite.propTypes = {
   loginInitialEmailInputValue: (external_prop_types_default()).string,
@@ -2852,8 +2975,7 @@ RegistrationLite.propTypes = {
   reserveTicket: reserveTicket,
   removeReservedTicket: removeReservedTicket,
   payTicketWithProvider: payTicketWithProvider,
-  getTicketTypes: getTicketTypes,
-  getTaxesTypes: getTaxesTypes,
+  getTicketTypesAndTaxes: getTicketTypesAndTaxes,
   getLoginCode: getLoginCode,
   passwordlessLogin: passwordlessLogin,
   goToLogin: goToLogin,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "summit-registration-lite",
-  "version": "3.0.8",
+  "version": "3.0.13",
   "description": "Summit Registration Lite",
   "main": "index.js",
   "scripts": {
@@ -60,7 +60,7 @@
     "moment": "^2.22.2",
     "moment-timezone": "^0.5.21",
     "node-sass": "^7.0.1",
-    "openstack-uicore-foundation": "^4.0.35",
+    "openstack-uicore-foundation": "^4.0.43",
     "optimize-css-assets-webpack-plugin": "^6.0.1",
     "path": "^0.12.7",
     "react": "^16.8.4",

package/.nvmrc

@@ -1 +0,0 @@
-14.19.1