summit-registration-lite 2.0.22 → 2.0.25

package/dist/index.js

@@ -0,0 +1,2767 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define("summit-registration-lite", [], factory);
+	else if(typeof exports === 'object')
+		exports["summit-registration-lite"] = factory();
+	else
+		root["summit-registration-lite"] = factory();
+})(this, function() {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ summit_registration_lite)
+});
+
+;// CONCATENATED MODULE: external "react"
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
+;// CONCATENATED MODULE: external "react-redux"
+const external_react_redux_namespaceObject = require("react-redux");
+;// CONCATENATED MODULE: external "redux"
+const external_redux_namespaceObject = require("redux");
+;// CONCATENATED MODULE: external "redux-thunk"
+const external_redux_thunk_namespaceObject = require("redux-thunk");
+var external_redux_thunk_default = /*#__PURE__*/__webpack_require__.n(external_redux_thunk_namespaceObject);
+;// CONCATENATED MODULE: external "redux-persist"
+const external_redux_persist_namespaceObject = require("redux-persist");
+;// CONCATENATED MODULE: external "redux-persist/es/storage"
+const storage_namespaceObject = require("redux-persist/es/storage");
+var storage_default = /*#__PURE__*/__webpack_require__.n(storage_namespaceObject);
+;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/utils/actions"
+const actions_namespaceObject = require("openstack-uicore-foundation/lib/utils/actions");
+;// 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/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,
+    summitId,
+    userProfile,
+    access_token,
+    apiBaseUrl,
+    dispatch: _dispatch
+  }) {
+    _defineProperty(this, "payTicket", ({
+      token = null
+    }) => async dispatch => {
+      var _this$userProfile, _this$userProfile2, _this$userProfile3, _this$userProfile4, _this$userProfile5, _this$userProfile6;
+
+      // Pay using affinity lawpay
+      const errorHandler = (err, res) => (dispatch, state) => {
+        let code = err.status;
+
+        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;
+
+          default:
+            (0,actions_namespaceObject.authErrorHandler)(err, res)(dispatch, state);
+            break;
+        }
+      };
+
+      let params = {
+        access_token: this.access_token,
+        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 ? 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) || ''
+      };
+
+      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;
+    this.summitId = summitId;
+    this.userProfile = userProfile;
+    this.access_token = access_token;
+    this.apiBaseUrl = apiBaseUrl;
+    this.dispatch = _dispatch;
+  }
+
+}
+;// CONCATENATED MODULE: ./src/utils/payment-providers/stripe-provider.js
+function stripe_provider_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 StripeProvider {
+  constructor({
+    reservation,
+    summitId,
+    userProfile,
+    access_token,
+    apiBaseUrl,
+    dispatch: _dispatch
+  }) {
+    stripe_provider_defineProperty(this, "payTicket", ({
+      token = null,
+      stripe = null,
+      zipCode = null
+    }) => async dispatch => {
+      var _this$userProfile, _this$userProfile2, _this$userProfile3, _this$userProfile4, _this$userProfile5;
+
+      const errorHandler = (err, res) => (dispatch, state) => {
+        let code = err.status;
+
+        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;
+
+          default:
+            (0,actions_namespaceObject.authErrorHandler)(err, res)(dispatch, state);
+            break;
+        }
+      };
+
+      let params = {
+        access_token: this.access_token,
+        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: ((_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: zipCode,
+        billing_address_city: ((_this$userProfile3 = this.userProfile) === null || _this$userProfile3 === void 0 ? void 0 : _this$userProfile3.locality) || '',
+        billing_address_state: ((_this$userProfile4 = this.userProfile) === null || _this$userProfile4 === void 0 ? void 0 : _this$userProfile4.region) || '',
+        billing_address_country: ((_this$userProfile5 = this.userProfile) === null || _this$userProfile5 === void 0 ? void 0 : _this$userProfile5.country) || ''
+      };
+      dispatch(startWidgetLoading());
+
+      if (this.reservation.amount > 0) {
+        const {
+          id
+        } = token;
+        stripe.confirmCardPayment(this.reservation.payment_gateway_client_token, {
+          payment_method: {
+            card: {
+              token: id
+            }
+          }
+        }).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(1));
+            this.dispatch(removeReservedTicket());
+            this.dispatch(stopWidgetLoading());
+          } else {
+            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(stopWidgetLoading());
+              return e;
+            }); // The payment has succeeded. Display a success message.
+          }
+        }).catch(e => {
+          this.dispatch(removeReservedTicket());
+          this.dispatch(changeStep(1));
+          this.dispatch(stopWidgetLoading());
+          return e;
+        });
+      } 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.
+      }
+    });
+
+    this.reservation = reservation;
+    this.summitId = summitId;
+    this.userProfile = userProfile;
+    this.access_token = access_token;
+    this.apiBaseUrl = apiBaseUrl;
+    this.dispatch = _dispatch;
+  }
+
+}
+;// CONCATENATED MODULE: ./src/utils/payment-providers/payment-provider-factory.js
+function 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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { payment_provider_factory_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function payment_provider_factory_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 PaymentProviderFactory {}
+
+payment_provider_factory_defineProperty(PaymentProviderFactory, "build", (provider, params = {}) => {
+  let currentProvider = null;
+
+  switch (provider) {
+    case 'LawPay':
+      {
+        currentProvider = new LawPayProvider(_objectSpread({}, params));
+        break;
+      }
+
+    case 'Stripe':
+      {
+        currentProvider = new StripeProvider(_objectSpread({}, params));
+        break;
+      }
+  }
+
+  return currentProvider;
+});
+;// CONCATENATED MODULE: ./src/actions.js
+function actions_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; }
+
+function actions_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? actions_ownKeys(Object(source), !0).forEach(function (key) { actions_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : actions_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function actions_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; }
+
+/**
+ * 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 START_WIDGET_LOADING = 'START_WIDGET_LOADING';
+const STOP_WIDGET_LOADING = 'STOP_WIDGET_LOADING';
+const LOAD_INITIAL_VARS = 'LOAD_INITIAL_VARS';
+const CHANGE_STEP = 'CHANGE_STEP';
+const GET_TICKET_TYPES = 'GET_TICKET_TYPES';
+const GET_TAX_TYPES = 'GET_TAX_TYPES';
+const CREATE_RESERVATION = 'CREATE_RESERVATION';
+const CREATE_RESERVATION_SUCCESS = 'CREATE_RESERVATION_SUCCESS';
+const CREATE_RESERVATION_ERROR = 'CREATE_RESERVATION_ERROR';
+const DELETE_RESERVATION = 'DELETE_RESERVATION';
+const DELETE_RESERVATION_SUCCESS = 'DELETE_RESERVATION_SUCCESS';
+const DELETE_RESERVATION_ERROR = 'DELETE_RESERVATION_ERROR';
+const PAY_RESERVATION = 'PAY_RESERVATION';
+const CLEAR_RESERVATION = 'CLEAR_RESERVATION';
+const SET_PASSWORDLESS_LOGIN = 'SET_PASSWORDLESS_LOGIN';
+const SET_PASSWORDLESS_LENGTH = 'SET_PASSWORDLESS_LENGTH';
+const SET_PASSWORDLESS_ERROR = 'SET_PASSWORDLESS_ERROR';
+const GO_TO_LOGIN = 'GO_TO_LOGIN';
+const startWidgetLoading = (0,actions_namespaceObject.createAction)(START_WIDGET_LOADING);
+const stopWidgetLoading = (0,actions_namespaceObject.createAction)(STOP_WIDGET_LOADING);
+const loadSession = settings => dispatch => {
+  dispatch((0,actions_namespaceObject.createAction)(LOAD_INITIAL_VARS)(settings));
+};
+/*********************************************************************************/
+
+/*                               TICKETS                                         */
+
+/*********************************************************************************/
+// api/v1/summits/{id}/ticket-types
+// api/v1/summits/{id}/tax-types
+
+const getTicketTypes = summitId => async (dispatch, getState, {
+  apiBaseUrl,
+  getAccessToken
+}) => {
+  try {
+    const accessToken = await getAccessToken();
+    let params = {
+      expand: 'badge_type,badge_type.access_levels,badge_type.badge_features',
+      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`, actions_namespaceObject.authErrorHandler)(params)(dispatch).then(() => {
+      dispatch(stopWidgetLoading());
+    });
+  } catch (e) {
+    return Promise.reject();
+  }
+};
+const getTaxesTypes = summitId => async (dispatch, getState, {
+  apiBaseUrl,
+  getAccessToken
+}) => {
+  try {
+    const accessToken = await getAccessToken();
+    let params = {
+      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(() => {
+      dispatch(stopWidgetLoading());
+    });
+  } catch (e) {
+    return Promise.reject();
+  }
+};
+const reserveTicket = ({
+  provider,
+  personalInformation,
+  ticket,
+  ticketQuantity
+}, {
+  onError
+}) => async (dispatch, getState, {
+  apiBaseUrl,
+  getAccessToken
+}) => {
+  const {
+    registrationLiteState: {
+      settings: {
+        summitId
+      }
+    }
+  } = getState();
+  let {
+    firstName,
+    lastName,
+    email,
+    company,
+    promoCode
+  } = personalInformation;
+  dispatch(startWidgetLoading());
+  const access_token = await getAccessToken();
+  const tickets = [...Array(ticketQuantity)].map(() => ({
+    type_id: ticket.id,
+    promo_code: promoCode || null
+  })); // Only set the attendee for the first ticket.
+
+  tickets[0].attendee_first_name = firstName;
+  tickets[0].attendee_last_name = lastName;
+  tickets[0].attendee_email = email;
+  let params = {
+    access_token,
+    expand: 'tickets,tickets.owner,tickets.ticket_type,tickets.ticket_type.taxes'
+  };
+  const normalizedEntity = normalizeReservation({
+    owner_email: email,
+    owner_first_name: firstName,
+    owner_last_name: lastName,
+    owner_company: company,
+    tickets
+  });
+
+  const errorHandler = (err, res) => (dispatch, state) => {
+    if (res && res.statusCode === 412 && onError) return onError(err, res);
+
+    if (res && res.statusCode === 404) {
+      const msg = res.body.message;
+      external_sweetalert2_default().fire("Validation Error", msg, "warning");
+      return;
+    }
+
+    if (res && res.statusCode === 500) {
+      const msg = res.body.message;
+      external_sweetalert2_default().fire("Server Error", msg, "error");
+      return;
+    }
+
+    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
+  )(params)(dispatch).then(payload => {
+    dispatch(stopWidgetLoading());
+    payload.response.promo_code = promoCode || null;
+
+    if (!payload.response.amount) {
+      dispatch(payTicketWithProvider(provider));
+      return payload;
+    }
+
+    dispatch(changeStep(2));
+    return payload;
+  }).catch(e => {
+    dispatch((0,actions_namespaceObject.createAction)(CREATE_RESERVATION_ERROR)(e));
+    dispatch(stopWidgetLoading());
+    return e;
+  });
+};
+const removeReservedTicket = () => async (dispatch, getState, {
+  apiBaseUrl,
+  getAccessToken
+}) => {
+  let {
+    registrationLiteState: {
+      settings: {
+        summitId
+      },
+      reservation: {
+        hash
+      }
+    }
+  } = getState();
+  const access_token = await getAccessToken();
+  let params = {
+    access_token,
+    expand: 'tickets,tickets.owner'
+  };
+  dispatch(startWidgetLoading());
+  return (0,actions_namespaceObject.deleteRequest)((0,actions_namespaceObject.createAction)(DELETE_RESERVATION), (0,actions_namespaceObject.createAction)(DELETE_RESERVATION_SUCCESS), `${apiBaseUrl}/api/v1/summits/${summitId}/orders/${hash}`, {}, actions_namespaceObject.authErrorHandler // entity
+  )(params)(dispatch).then(payload => {
+    dispatch(stopWidgetLoading());
+    dispatch(changeStep(1));
+    return payload;
+  }).catch(e => {
+    dispatch((0,actions_namespaceObject.createAction)(DELETE_RESERVATION_ERROR)(e));
+    dispatch(changeStep(1));
+    dispatch(stopWidgetLoading());
+    return e;
+  });
+};
+const payTicketWithProvider = (provider, params = {}) => async (dispatch, getState, {
+  apiBaseUrl,
+  getAccessToken
+}) => {
+  let {
+    registrationLiteState: {
+      settings: {
+        summitId,
+        userProfile
+      },
+      reservation
+    }
+  } = getState();
+  const access_token = await getAccessToken();
+  dispatch(startWidgetLoading());
+  const currentProvider = PaymentProviderFactory.build(provider, {
+    reservation,
+    summitId,
+    userProfile,
+    access_token,
+    apiBaseUrl,
+    dispatch
+  });
+  return dispatch(currentProvider.payTicket(actions_objectSpread({}, params)));
+};
+const changeStep = step => (dispatch, getState) => {
+  dispatch(startWidgetLoading());
+  dispatch((0,actions_namespaceObject.createAction)(CHANGE_STEP)(step));
+  dispatch(stopWidgetLoading());
+};
+const goToLogin = () => (dispatch, getState) => {
+  dispatch((0,actions_namespaceObject.createAction)(GO_TO_LOGIN)());
+};
+const getLoginCode = (email, getPasswordlessCode) => async (dispatch, getState) => {
+  dispatch((0,actions_namespaceObject.createAction)(SET_PASSWORDLESS_LOGIN)(email));
+  return new Promise((resolve, reject) => {
+    getPasswordlessCode(email).then(res => {
+      dispatch((0,actions_namespaceObject.createAction)(SET_PASSWORDLESS_LENGTH)(res.response));
+      resolve(res);
+    }, err => {
+      reject(err);
+    });
+  });
+};
+const passwordlessLogin = (code, loginWithCode) => async (dispatch, getState) => {
+  const {
+    registrationLiteState: {
+      passwordless: {
+        email
+      }
+    }
+  } = getState();
+  return new Promise((resolve, reject) => {
+    loginWithCode(code, email).then(res => {
+      if (res) {
+        dispatch((0,actions_namespaceObject.createAction)(SET_PASSWORDLESS_ERROR)());
+      }
+
+      resolve(res);
+    }, err => {
+      reject(err);
+    });
+  });
+};
+const isInPersonTicketType = ticketType => {
+  /** check is the current order has or not IN_PERSON tickets types **/
+  if (ticketType.hasOwnProperty("badge_type")) {
+    let badgeType = ticketType.badge_type;
+    return badgeType.access_levels.some(al => {
+      return al.name == 'IN_PERSON';
+    });
+  }
+
+  return false;
+};
+
+const normalizeReservation = entity => {
+  const normalizedEntity = actions_objectSpread({}, entity);
+
+  if (!entity.owner_company.id) {
+    normalizedEntity['owner_company'] = entity.owner_company.name;
+  } else {
+    delete normalizedEntity['owner_company'];
+    normalizedEntity['owner_company_id'] = entity.owner_company.id;
+  }
+
+  return normalizedEntity;
+};
+;// 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; }
+
+function reducer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? reducer_ownKeys(Object(source), !0).forEach(function (key) { reducer_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : reducer_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function reducer_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; }
+
+/**
+ * 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 DEFAULT_STATE = {
+  reservation: null,
+  checkout: null,
+  step: 0,
+  widgetLoading: false,
+  passwordless: {
+    email: null,
+    otp_length: 0,
+    code_sent: false,
+    error: false
+  },
+  ticketTypes: [],
+  taxTypes: [],
+  settings: {
+    apiBaseUrl: null,
+    summitId: null,
+    marketingData: null,
+    userProfile: null
+  }
+};
+
+const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
+  const {
+    type,
+    payload
+  } = action;
+
+  switch (type) {
+    case START_WIDGET_LOADING:
+      {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          widgetLoading: true
+        });
+      }
+
+    case STOP_WIDGET_LOADING:
+      {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          widgetLoading: false
+        });
+      }
+
+    case LOAD_INITIAL_VARS:
+      const {
+        marketingData,
+        summitData,
+        apiBaseUrl,
+        profileData
+      } = payload;
+      Object.keys(marketingData).forEach(setting => {
+        if (getComputedStyle(document.documentElement).getPropertyValue(`--${setting}`)) {
+          document.documentElement.style.setProperty(`--${setting}`, marketingData[setting]);
+          document.documentElement.style.setProperty(`--${setting}50`, `${marketingData[setting]}50`);
+        }
+      });
+      return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+        reservation: null,
+        checkout: null,
+        passwordless: reducer_objectSpread({}, DEFAULT_STATE.passwordless),
+        settings: reducer_objectSpread(reducer_objectSpread({}, DEFAULT_STATE.settings), {}, {
+          marketingData: marketingData,
+          summitId: summitData.id,
+          userProfile: profileData,
+          apiBaseUrl: apiBaseUrl
+        })
+      });
+
+    case CHANGE_STEP:
+      {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          step: payload
+        });
+      }
+
+    case GET_TICKET_TYPES:
+      {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          ticketTypes: payload.response.data
+        });
+      }
+
+    case GET_TAX_TYPES:
+      {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          taxTypes: payload.response.data
+        });
+      }
+
+    case GO_TO_LOGIN:
+      {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          passwordless: reducer_objectSpread(reducer_objectSpread({}, state.passwordless), {}, {
+            code_sent: false,
+            error: false
+          })
+        });
+      }
+
+    case SET_PASSWORDLESS_LOGIN:
+      {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          passwordless: reducer_objectSpread(reducer_objectSpread({}, state.passwordless), {}, {
+            email: payload,
+            error: false
+          })
+        });
+      }
+
+    case SET_PASSWORDLESS_LENGTH:
+      {
+        const {
+          otp_length
+        } = payload;
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          passwordless: reducer_objectSpread(reducer_objectSpread({}, state.passwordless), {}, {
+            otp_length,
+            code_sent: true,
+            error: false
+          })
+        });
+      }
+
+    case SET_PASSWORDLESS_ERROR:
+      {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          passwordless: reducer_objectSpread(reducer_objectSpread({}, state.passwordless), {}, {
+            error: true
+          })
+        });
+      }
+
+    case CREATE_RESERVATION_SUCCESS:
+      {
+        const reservation = payload.response;
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          reservation
+        });
+      }
+
+    case DELETE_RESERVATION_SUCCESS:
+      return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+        reservation: null
+      });
+
+    case CLEAR_RESERVATION:
+      {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          reservation: null
+        });
+      }
+
+    case PAY_RESERVATION:
+      {
+        return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
+          checkout: payload.response,
+          reservation: null,
+          userProfile: null
+        });
+      }
+
+    default:
+      {
+        return state;
+      }
+  }
+};
+
+/* harmony default export */ const reducer = (RegistrationLiteReducer);
+;// CONCATENATED MODULE: ./src/store.js
+/**
+ * Copyright 2019
+ * 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.
+ **/
+
+
+
+ // default: localStorage if web, AsyncStorage if react-native
+
+
+let store, persistor;
+const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || external_redux_namespaceObject.compose;
+const getStore = (clientId, apiBaseUrl, getAccessToken) => {
+  if (store) return store;
+  const config = {
+    key: `root_registration_lite_${clientId}`,
+    storage: (storage_default()),
+    blacklist: ['ticketTypes', 'taxTypes'] // do not persist these keys
+
+  };
+  const reducers = (0,external_redux_persist_namespaceObject.persistCombineReducers)(config, {
+    registrationLiteState: reducer
+  });
+  store = (0,external_redux_namespaceObject.createStore)(reducers, composeEnhancers((0,external_redux_namespaceObject.applyMiddleware)(external_redux_thunk_default().withExtraArgument({
+    apiBaseUrl: apiBaseUrl,
+    getAccessToken: getAccessToken
+  }))));
+  return store;
+};
+const getPersistor = () => {
+  if (persistor) return persistor;
+
+  const onRehydrateComplete = () => {};
+
+  persistor = (0,external_redux_persist_namespaceObject.persistStore)(store, null, onRehydrateComplete);
+  return persistor;
+};
+;// CONCATENATED MODULE: external "redux-persist/integration/react"
+const react_namespaceObject = require("redux-persist/integration/react");
+;// CONCATENATED MODULE: external "react-spring"
+const external_react_spring_namespaceObject = require("react-spring");
+;// CONCATENATED MODULE: external "react-use"
+const external_react_use_namespaceObject = require("react-use");
+;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/components/ajaxloader"
+const ajaxloader_namespaceObject = require("openstack-uicore-foundation/lib/components/ajaxloader");
+var ajaxloader_default = /*#__PURE__*/__webpack_require__.n(ajaxloader_namespaceObject);
+;// CONCATENATED MODULE: ./src/styles/general.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const general_module = ({"modal":"modal___G3Cmq","modalContent":"modalContent___lIaqw","outerWrapper":"outerWrapper___OWXyi","innerWrapper":"innerWrapper___mIrBF","title":"title___Tbvkl"});
+;// CONCATENATED MODULE: ./src/components/login/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const index_module = ({"loginWrapper":"loginWrapper___sxUEn","innerWrapper":"innerWrapper___GQRkq","button":"button___QMZPu","loginCode":"loginCode___dDBup","input":"input___QR9sA"});
+;// CONCATENATED MODULE: ./src/components/login/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 LoginComponent = ({
+  options,
+  login,
+  allowsNativeAuth,
+  allowsOtpAuthlogin,
+  getLoginCode,
+  getPasswordlessCode
+}) => {
+  const [email, setEmail] = (0,external_react_namespaceObject.useState)('');
+  const [emailError, setEmailError] = (0,external_react_namespaceObject.useState)();
+
+  const isValidEmail = email => {
+    const re = /^(([^<>()[\]\\.,;:\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,}))$/;
+    return re.test(String(email).toLowerCase());
+  };
+
+  const loginCode = () => {
+    let isValid = isValidEmail(email);
+    setEmailError(!isValid);
+
+    if (isValid) {
+      getLoginCode(email, getPasswordlessCode);
+    }
+  };
+
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${index_module.loginWrapper} step-wrapper`
+  }, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${index_module.innerWrapper}`
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: index_module.loginCode
+  }, "Enter your email to begin registration:", /*#__PURE__*/external_react_default().createElement("div", {
+    className: index_module.input
+  }, /*#__PURE__*/external_react_default().createElement("input", {
+    placeholder: "youremail@example.com",
+    value: email,
+    onChange: e => setEmail(e.target.value),
+    onKeyPress: ev => ev.key === 'Enter' ? loginCode() : null,
+    "data-testid": "email-input"
+  }), /*#__PURE__*/external_react_default().createElement("button", {
+    onClick: () => loginCode(),
+    "data-testid": "email-button"
+  }, ">"), /*#__PURE__*/external_react_default().createElement("br", null)), emailError && /*#__PURE__*/external_react_default().createElement("span", {
+    "data-testid": "email-error"
+  }, "Please enter a valid email address")), /*#__PURE__*/external_react_default().createElement("span", null, "Or you may login with one of the following:"), options.map((o, index) => {
+    return o.provider_param ? /*#__PURE__*/external_react_default().createElement("div", {
+      className: `${index_module.button}`,
+      key: `provider-${o.provider_param}`,
+      "data-testid": "login-button",
+      style: {
+        color: o.button_border_color ? o.button_border_color : '#ffffff',
+        border: `thin solid ${o.button_border_color ? o.button_border_color : o.button_color}`,
+        backgroundColor: o.button_color,
+        backgroundImage: o.provider_logo ? `url(${o.provider_logo})` : 'none',
+        backgroundSize: o.provider_logo_size ? o.provider_logo_size : ''
+      },
+      onClick: () => login(o.provider_param)
+    }, o.provider_label) : allowsNativeAuth ? /*#__PURE__*/external_react_default().createElement("div", {
+      className: `${index_module.button}`,
+      key: `provider-fnid`,
+      "data-testid": "login-button",
+      style: {
+        color: o.button_border_color ? o.button_border_color : '#ffffff',
+        border: `thin solid ${o.button_border_color ? o.button_border_color : o.button_color}`,
+        backgroundColor: o.button_color,
+        backgroundImage: o.provider_logo ? `url(${o.provider_logo})` : 'none',
+        backgroundSize: o.provider_logo_size ? o.provider_logo_size : ''
+      },
+      onClick: () => login(o.provider_param)
+    }, o.provider_label) : null;
+  }), allowsOtpAuthlogin && /*#__PURE__*/external_react_default().createElement("div", {
+    className: index_module.loginCode
+  }, "or get a login code emailed to you", /*#__PURE__*/external_react_default().createElement("div", {
+    className: index_module.input
+  }, /*#__PURE__*/external_react_default().createElement("input", {
+    placeholder: "youremail@example.com",
+    value: email,
+    onChange: e => setEmail(e.target.value),
+    onKeyPress: ev => ev.key === 'Enter' ? loginCode() : null,
+    "data-testid": "email-input"
+  }), /*#__PURE__*/external_react_default().createElement("button", {
+    onClick: () => loginCode(),
+    "data-testid": "email-button"
+  }, ">"), /*#__PURE__*/external_react_default().createElement("br", null)), emailError && /*#__PURE__*/external_react_default().createElement("span", {
+    "data-testid": "email-error"
+  }, "Please enter a valid email adress")))));
+};
+
+/* harmony default export */ const login = (LoginComponent);
+;// CONCATENATED MODULE: external "prop-types"
+const external_prop_types_namespaceObject = require("prop-types");
+;// CONCATENATED MODULE: ./src/components/payment/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const payment_index_module = ({"title":"title___LksVm","form":"form___v5GIx","fieldWrapper":"fieldWrapper___Eoe61"});
+;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/components"
+const components_namespaceObject = require("openstack-uicore-foundation/lib/components");
+;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/utils/methods"
+const methods_namespaceObject = require("openstack-uicore-foundation/lib/utils/methods");
+;// CONCATENATED MODULE: ./src/components/lawpay-form/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const lawpay_form_index_module = ({"form":"form___zXb7s","fieldWrapper":"fieldWrapper___G4Wqw","inputWrapper":"inputWrapper___Yz5zB","fieldRow":"fieldRow___NfZdJ","addressField":"addressField___vmAQh","lawpayWrapper":"lawpayWrapper___hpUBf","dateWrapper":"dateWrapper___XDfqs","dropdown":"dropdown___l3_bk","fieldError":"fieldError___Igq3U"});
+;// CONCATENATED MODULE: ./src/components/lawpay-form/index.js
+function lawpay_form_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; }
+
+function lawpay_form_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? lawpay_form_ownKeys(Object(source), !0).forEach(function (key) { lawpay_form_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : lawpay_form_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function lawpay_form_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; }
+
+/**
+ * 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 LawPayForm = ({
+  reservation,
+  payTicket,
+  userProfile,
+  marketingData,
+  providerKey,
+  provider,
+  timestamp
+}) => {
+  const [hostedFields, setHostedFields] = (0,external_react_namespaceObject.useState)(null);
+  const [lawPayFields, setLawPayFields] = (0,external_react_namespaceObject.useState)({
+    exp_month: '',
+    exp_year: '',
+    postal_code: userProfile.postal_code || '',
+    address1: userProfile.address1 || ''
+  });
+  const [lawPayErrors, setLawPayErrors] = (0,external_react_namespaceObject.useState)({
+    exp_month: '',
+    exp_year: '',
+    postal_code: '',
+    credit_card_number: '',
+    cvv: '',
+    address1: ''
+  });
+  const style = {
+    color: marketingData.color_text_dark,
+    "font-size": '16px',
+    "font-weight": 'inherit',
+    '::placeholder': {
+      color: marketingData.color_text_input_hints
+    }
+  };
+  const hostedFieldsConfiguration = {
+    publicKey: `${providerKey}`,
+    fields: [{
+      selector: "#my_credit_card_field_id",
+      input: {
+        type: "credit_card_number",
+        placeholder: "Credit Card Number",
+        css: style
+      }
+    }, {
+      selector: "#my_cvv_field_id",
+      input: {
+        type: "cvv",
+        placeholder: "CCV",
+        css: style
+      }
+    }]
+  };
+
+  const hostedFieldsCallBack = state => {
+    let fieldErrors = {};
+    state.fields.map(f => {
+      if (f.focus && f.error !== 'Input field is empty') fieldErrors = lawpay_form_objectSpread(lawpay_form_objectSpread({}, fieldErrors), {}, {
+        [f.type]: f.error
+      });
+    });
+    setLawPayErrors(lawpay_form_objectSpread(lawpay_form_objectSpread({}, lawPayErrors), fieldErrors));
+  };
+
+  (0,external_react_namespaceObject.useEffect)(() => {
+    if (window.AffiniPay && !hostedFields) {
+      setHostedFields(window.AffiniPay.HostedFields.initializeFields(hostedFieldsConfiguration, hostedFieldsCallBack));
+    }
+  }, [reservation]);
+
+  const onExpireChange = ev => {
+    setLawPayFields(lawpay_form_objectSpread(lawpay_form_objectSpread({}, lawPayFields), {}, {
+      [ev.target.id]: ev.target.value
+    }));
+  };
+
+  const formHasErrors = () => {
+    let errors = {};
+    Object.keys(lawPayFields).map(key => {
+      if (!lawPayFields[key] || lawPayFields[key] === '') {
+        errors = lawpay_form_objectSpread(lawpay_form_objectSpread({}, errors), {}, {
+          [key]: 'This field is required.'
+        });
+      }
+    });
+    setLawPayErrors(lawpay_form_objectSpread(lawpay_form_objectSpread({}, lawPayErrors), errors));
+    return Object.keys(errors).length > 0;
+  };
+
+  const onSubmit = async event => {
+    event.preventDefault();
+
+    if (!hostedFields) {
+      // Affinity Pay has not loaded yet. Make sure to disable
+      // form submission until Affinity Pay has loaded.
+      return;
+    }
+
+    if (!formHasErrors()) {
+      try {
+        const token = await hostedFields.getPaymentToken({
+          "postal_code": lawPayFields.postal_code,
+          "address1": lawPayFields.address1,
+          "exp_year": lawPayFields.exp_year,
+          "exp_month": lawPayFields.exp_month,
+          "email": userProfile.email,
+          "name": `${reservation.owner_first_name} ${reservation.owner_last_name}`,
+          "reference": `summit_${reservation.summit_id}_order_${reservation.id}`
+        });
+        payTicket(provider, {
+          token
+        });
+      } catch (error) {
+        external_sweetalert2_default().fire("Payment error", error.message, "warning");
+      }
+    }
+  };
+
+  const ddl_month = [{
+    label: '1 - January',
+    value: '01'
+  }, {
+    label: '2 - February',
+    value: '02'
+  }, {
+    label: '3 - March',
+    value: '03'
+  }, {
+    label: '4 - April',
+    value: '04'
+  }, {
+    label: '5 - May',
+    value: '05'
+  }, {
+    label: '6 - June',
+    value: '06'
+  }, {
+    label: '7 - July',
+    value: '07'
+  }, {
+    label: '8 - August',
+    value: '08'
+  }, {
+    label: '9 - September',
+    value: '09'
+  }, {
+    label: '10 - October',
+    value: '10'
+  }, {
+    label: '11 - November',
+    value: '11'
+  }, {
+    label: '12 - December',
+    value: '12'
+  }];
+  const current_year = (0,methods_namespaceObject.epochToMomentTimeZone)(timestamp, 'utc').year();
+  const year_ddl = Array.from({
+    length: 15
+  }, (_, i) => {
+    return {
+      label: `${current_year + i}`,
+      value: `${current_year + i}`
+    };
+  });
+  const customStyles = {
+    option: (provided, {
+      isFocused,
+      isSelected
+    }) => {
+      return lawpay_form_objectSpread(lawpay_form_objectSpread({}, provided), {}, {
+        backgroundColor: isFocused ? 'var(--color-primary)' : isSelected ? 'var(--color-primary)' : undefined,
+        color: 'var(--color_text_dark)',
+        ':active': lawpay_form_objectSpread(lawpay_form_objectSpread({}, provided[':active']), {}, {
+          backgroundColor: isSelected ? 'var(--color-primary)' : undefined
+        })
+      });
+    },
+    placeholder: (provided, state) => lawpay_form_objectSpread(lawpay_form_objectSpread({}, provided), {}, {
+      color: 'var(--color_text_input_hints)'
+    }),
+    menu: (provided, state) => lawpay_form_objectSpread(lawpay_form_objectSpread({}, provided), {}, {
+      color: 'var(--color_text_dark)',
+      zIndex: '100'
+    }),
+    menuList: provided => lawpay_form_objectSpread(lawpay_form_objectSpread({}, provided), {}, {
+      maxHeight: 160
+    }),
+    singleValue: (provided, state) => {
+      const opacity = state.isDisabled ? 0.5 : 1;
+      const transition = 'opacity 300ms';
+      const color = 'var(--color_text_dark)';
+      return lawpay_form_objectSpread(lawpay_form_objectSpread({}, provided), {}, {
+        opacity,
+        transition,
+        color
+      });
+    }
+  };
+  return /*#__PURE__*/external_react_default().createElement("form", {
+    className: lawpay_form_index_module.form,
+    id: "payment-form",
+    onSubmit: onSubmit
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.inputWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    id: "my_credit_card_field_id",
+    className: lawpay_form_index_module.lawpayWrapper
+  }), /*#__PURE__*/external_react_default().createElement("i", {
+    className: "fa fa-credit-card"
+  })), lawPayErrors.credit_card_number && /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.fieldError
+  }, lawPayErrors.credit_card_number)), /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.dateWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement(components_namespaceObject.Dropdown, {
+    styles: customStyles,
+    className: lawpay_form_index_module.dropdown,
+    placeholder: "Month",
+    onChange: onExpireChange,
+    id: "exp_month",
+    options: ddl_month
+  }), lawPayErrors.exp_month && /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.fieldError
+  }, lawPayErrors.exp_month)), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement(components_namespaceObject.Dropdown, {
+    styles: customStyles,
+    className: lawpay_form_index_module.dropdown,
+    placeholder: "Year",
+    onChange: onExpireChange,
+    id: "exp_year",
+    options: year_ddl
+  }), lawPayErrors.exp_year && /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.fieldError
+  }, lawPayErrors.exp_year)))), /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.fieldRow
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.inputWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    id: "my_cvv_field_id",
+    className: lawpay_form_index_module.lawpayWrapper
+  })), /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.inputWrapper
+  }, /*#__PURE__*/external_react_default().createElement("input", {
+    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
+    }))
+  }))), /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.fieldRow
+  }, lawPayErrors.cvv && /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.fieldError
+  }, lawPayErrors.cvv), lawPayErrors.postal_code && /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.fieldError
+  }, lawPayErrors.postal_code))), /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${lawpay_form_index_module.inputWrapper} ${lawpay_form_index_module.addressField}`
+  }, /*#__PURE__*/external_react_default().createElement("input", {
+    type: "text",
+    name: "address1",
+    placeholder: "Address *",
+    value: lawPayFields.address1,
+    onChange: e => setLawPayFields(lawpay_form_objectSpread(lawpay_form_objectSpread({}, lawPayFields), {}, {
+      address1: e.target.value
+    }))
+  })), lawPayErrors.address1 && /*#__PURE__*/external_react_default().createElement("div", {
+    className: lawpay_form_index_module.fieldError
+  }, lawPayErrors.address1)));
+};
+
+const mapStateToProps = ({
+  registrationLiteState
+}) => ({
+  marketingData: registrationLiteState.settings.marketingData
+});
+
+/* harmony default export */ const lawpay_form = ((0,external_react_redux_namespaceObject.connect)(mapStateToProps, null)(LawPayForm));
+;// CONCATENATED MODULE: external "@stripe/stripe-js"
+const stripe_js_namespaceObject = require("@stripe/stripe-js");
+;// CONCATENATED MODULE: external "@stripe/react-stripe-js"
+const react_stripe_js_namespaceObject = require("@stripe/react-stripe-js");
+;// CONCATENATED MODULE: external "react-hook-form"
+const external_react_hook_form_namespaceObject = require("react-hook-form");
+;// CONCATENATED MODULE: external "lodash/merge"
+const merge_namespaceObject = require("lodash/merge");
+var merge_default = /*#__PURE__*/__webpack_require__.n(merge_namespaceObject);
+;// CONCATENATED MODULE: ./src/components/stripe-form/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const stripe_form_index_module = ({"form":"form___DoT3x","fieldWrapper":"fieldWrapper___wa1Ks","inputWrapper":"inputWrapper___CbXhF","fieldError":"fieldError___QrMYW"});
+;// CONCATENATED MODULE: ./src/components/stripe-form/index.js
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * 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 stripeErrorCodeMap = {
+  'incomplete_number': {
+    field: 'cardNumber',
+    message: 'This field is required.'
+  },
+  'incorrect_number': {
+    field: 'cardNumber'
+  },
+  'invalid_number': {
+    field: 'cardNumber'
+  },
+  'card_declined': {
+    field: 'cardNumber'
+  },
+  'incomplete_cvc': {
+    field: 'cardCvc',
+    message: 'This field is required.'
+  },
+  'incorrect_cvc': {
+    field: 'cardCvc'
+  },
+  'invalid_cvc': {
+    field: 'cardCvc'
+  },
+  'incomplete_expiry': {
+    field: 'cardExpiry',
+    message: 'This field is required.'
+  },
+  'invalid_expiry_month': {
+    field: 'cardExpiry'
+  },
+  'invalid_expiry_year': {
+    field: 'cardExpiry'
+  },
+  'expired_card': {
+    field: 'cardExpiry'
+  }
+};
+
+const StripeForm = ({
+  reservation,
+  payTicket,
+  userProfile,
+  marketingData,
+  stripeOptions,
+  provider
+}) => {
+  const stripe = (0,react_stripe_js_namespaceObject.useStripe)();
+  const elements = (0,react_stripe_js_namespaceObject.useElements)();
+  const [stripeErrors, setStripeErrors] = (0,external_react_namespaceObject.useState)({});
+  const {
+    register,
+    handleSubmit,
+    formState: {
+      errors
+    }
+  } = (0,external_react_hook_form_namespaceObject.useForm)();
+  const stripeStyle = merge_default()({}, {
+    base: {
+      // Add your base input styles here. For example: #d4e5f4
+      color: marketingData.color_text_dark,
+      fontSize: '16px',
+      //fontFamily: 'inherit',
+      backgroundColor: '#ffffff',
+      '::placeholder': {
+        color: marketingData.color_text_input_hints
+      }
+    },
+    invalid: {
+      color: '#e5424d',
+      ':focus': {
+        color: '#3486cd'
+      }
+    }
+  }, stripeOptions === null || stripeOptions === void 0 ? void 0 : stripeOptions.style);
+
+  const onSubmit = async data => {
+    setStripeErrors({});
+
+    if (!stripe) {
+      // Stripe.js has not loaded yet. Make sure to disable
+      // form submission until Stripe.js has loaded.
+      return;
+    }
+
+    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 || '',
+      email: userProfile.email
+    });
+
+    if (token) {
+      payTicket(provider, {
+        token,
+        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");
+      }
+    }
+  };
+
+  return /*#__PURE__*/external_react_default().createElement("form", {
+    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, {
+    options: {
+      style: stripeStyle,
+      placeholder: 'MM / YY *'
+    }
+  })), 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", {
+    className: stripe_form_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: stripe_form_index_module.inputWrapper
+  }, /*#__PURE__*/external_react_default().createElement("input", _extends({
+    type: "text",
+    placeholder: "ZIP Code *",
+    onChange: e => setZipCode(e.target.value)
+  }, register("zipCode", {
+    required: true
+  })))), errors.zipCode && /*#__PURE__*/external_react_default().createElement("div", {
+    className: stripe_form_index_module.fieldError
+  }, "This field is required.")));
+};
+
+const stripe_form_mapStateToProps = ({
+  registrationLiteState
+}) => ({
+  marketingData: registrationLiteState.settings.marketingData
+});
+
+/* harmony default export */ const stripe_form = ((0,external_react_redux_namespaceObject.connect)(stripe_form_mapStateToProps, null)(StripeForm));
+;// CONCATENATED MODULE: ./src/components/stripe-component/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 stripe_component_StripeProvider = ({
+  userProfile,
+  reservation,
+  payTicket,
+  providerKey,
+  provider,
+  stripeOptions
+}) => {
+  const stripePromise = (0,external_react_namespaceObject.useMemo)(() => (0,stripe_js_namespaceObject.loadStripe)(providerKey), [providerKey]);
+  const options = {
+    fonts: stripeOptions === null || stripeOptions === void 0 ? void 0 : stripeOptions.fonts
+  };
+  return /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.Elements, {
+    options: options,
+    stripe: stripePromise
+  }, /*#__PURE__*/external_react_default().createElement(stripe_form, {
+    reservation: reservation,
+    payTicket: payTicket,
+    userProfile: userProfile,
+    stripeOptions: stripeOptions,
+    provider: provider
+  }));
+};
+
+/* harmony default export */ const stripe_component = (stripe_component_StripeProvider);
+;// CONCATENATED MODULE: external "react-helmet"
+const external_react_helmet_namespaceObject = require("react-helmet");
+;// CONCATENATED MODULE: ./src/components/payment/index.js
+function payment_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; }
+
+function payment_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? payment_ownKeys(Object(source), !0).forEach(function (key) { payment_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : payment_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function payment_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; }
+
+/**
+ * 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 PaymentComponent = ({
+  isActive,
+  userProfile,
+  reservation,
+  payTicket,
+  providerKey,
+  provider,
+  stripeOptions,
+  timestamp
+}) => {
+  const [ref, {
+    height
+  }] = (0,external_react_use_namespaceObject.useMeasure)();
+  const toggleAnimation = (0,external_react_spring_namespaceObject.useSpring)({
+    config: payment_objectSpread({
+      bounce: 0
+    }, external_react_spring_namespaceObject.config.stiff),
+    from: {
+      opacity: 0,
+      height: 0
+    },
+    to: {
+      opacity: 1,
+      height: isActive ? height + 10 : 0,
+      marginBottom: isActive ? 5 : 0
+    }
+  });
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${payment_index_module.outerWrapper} step-wrapper`
+  }, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${payment_index_module.innerWrapper}`
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: payment_index_module.title
+  }, /*#__PURE__*/external_react_default().createElement("span", null, "Payment")), /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
+    style: payment_objectSpread({
+      overflow: `${isActive ? '' : 'hidden'}`
+    }, toggleAnimation)
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    ref: ref
+  }, provider === 'Stripe' && /*#__PURE__*/external_react_default().createElement(stripe_component, {
+    provider: provider,
+    providerKey: providerKey,
+    reservation: reservation,
+    payTicket: payTicket,
+    userProfile: userProfile,
+    stripeOptions: stripeOptions
+  }), provider === 'LawPay' && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement(external_react_helmet_namespaceObject.Helmet, null, /*#__PURE__*/external_react_default().createElement("script", {
+    src: "https://cdn.affinipay.com/hostedfields/1.1.1/fieldGen_1.1.1.js"
+  })), /*#__PURE__*/external_react_default().createElement(lawpay_form, {
+    provider: provider,
+    reservation: reservation,
+    payTicket: payTicket,
+    userProfile: userProfile,
+    providerKey: providerKey,
+    timestamp: timestamp
+  })))))));
+};
+
+/* harmony default export */ const payment = (PaymentComponent);
+;// CONCATENATED MODULE: external "react-tooltip"
+const external_react_tooltip_namespaceObject = require("react-tooltip");
+var external_react_tooltip_default = /*#__PURE__*/__webpack_require__.n(external_react_tooltip_namespaceObject);
+;// CONCATENATED MODULE: ./src/helpers/capitalizeFirstLetter.js
+const capitalizeFirstLetter = string => string.charAt(0).toUpperCase() + string.slice(1);
+;// CONCATENATED MODULE: ./src/helpers/formatErrorMessage.js
+
+const formatErrorMessage = string => {
+  const errorMessage = capitalizeFirstLetter(string);
+  return `${errorMessage}${errorMessage.endsWith('.') ? '' : '.'}`;
+};
+;// CONCATENATED MODULE: ./src/components/personal-information/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const personal_information_index_module = ({"title":"title___ECoNz","form":"form___lDFka","fieldWrapper":"fieldWrapper___Mi_nL","inputWrapper":"inputWrapper___PEQFR","readOnly":"readOnly___WRazF","fieldError":"fieldError___ksJVe","companies":"companies___kmGFB","moreInfo":"moreInfo___cQYdZ","moreInfoTooltip":"moreInfoTooltip___lslgT","ticketQuantityNotice":"ticketQuantityNotice___L6gis","formErrors":"formErrors___dQQMe"});
+;// CONCATENATED MODULE: ./src/components/personal-information/index.js
+function personal_information_extends() { personal_information_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return personal_information_extends.apply(this, arguments); }
+
+function personal_information_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; }
+
+function personal_information_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? personal_information_ownKeys(Object(source), !0).forEach(function (key) { personal_information_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : personal_information_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function personal_information_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; }
+
+/**
+ * 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 PersonalInfoComponent = ({
+  isActive,
+  changeForm,
+  reservation,
+  userProfile,
+  summitId,
+  handleCompanyError,
+  formValues,
+  formErrors
+}) => {
+  var _errors$email, _errors$email2;
+
+  const [personalInfo, setPersonalInfo] = (0,external_react_namespaceObject.useState)({
+    firstName: userProfile.given_name || '',
+    lastName: userProfile.family_name || '',
+    email: userProfile.email || '',
+    company: {
+      id: null,
+      name: ''
+    },
+    promoCode: ''
+  });
+  const [companyError, setCompanyError] = (0,external_react_namespaceObject.useState)(false);
+  const {
+    register,
+    handleSubmit,
+    formState: {
+      errors
+    }
+  } = (0,external_react_hook_form_namespaceObject.useForm)();
+  (0,external_react_namespaceObject.useEffect)(() => {
+    if (reservation) {
+      setPersonalInfo({
+        firstName: reservation.owner_first_name ? reservation.owner_first_name : personalInfo.firstName,
+        lastName: reservation.owner_last_name ? reservation.owner_last_name : personalInfo.lastName,
+        email: reservation.owner_email ? reservation.owner_email : personalInfo.email,
+        company: {
+          id: null,
+          name: reservation.owner_company ? reservation.owner_company : personalInfo.company
+        }
+      });
+    }
+  }, []);
+
+  const onCompanyChange = ev => {
+    const newCompany = ev.target.value;
+    setCompanyError(false);
+    setPersonalInfo(personal_information_objectSpread(personal_information_objectSpread({}, personalInfo), {}, {
+      company: newCompany
+    }));
+  };
+
+  const onSubmit = data => {
+    if (!personalInfo.company.name) {
+      setCompanyError(true);
+      return;
+    }
+
+    setPersonalInfo(personal_information_objectSpread(personal_information_objectSpread({}, personalInfo), data));
+    changeForm(personal_information_objectSpread(personal_information_objectSpread({}, personalInfo), data));
+  };
+
+  const [ref, {
+    height
+  }] = (0,external_react_use_namespaceObject.useMeasure)();
+  const toggleAnimation = (0,external_react_spring_namespaceObject.useSpring)({
+    config: personal_information_objectSpread({
+      bounce: 0
+    }, external_react_spring_namespaceObject.config.stiff),
+    from: {
+      opacity: 0,
+      height: 0
+    },
+    to: {
+      opacity: 1,
+      height: isActive ? height + 10 : 0
+    }
+  });
+  const customStyles = {
+    menuList: provided => personal_information_objectSpread(personal_information_objectSpread({}, provided), {}, {
+      maxHeight: 120
+    })
+  };
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${personal_information_index_module.outerWrapper} step-wrapper`
+  }, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${personal_information_index_module.innerWrapper}`
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.title
+  }, /*#__PURE__*/external_react_default().createElement("span", null, "Personal Information"), !isActive && /*#__PURE__*/external_react_default().createElement("div", {
+    "data-testid": "personal-info"
+  }, /*#__PURE__*/external_react_default().createElement("span", null, `${personalInfo.firstName} ${personalInfo.lastName} ${personalInfo.company.name ? `- ${personalInfo.company.name}` : ''}`), /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("span", null, personalInfo.email))), /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
+    style: personal_information_objectSpread({
+      overflow: `${isActive ? '' : 'hidden'}`
+    }, toggleAnimation)
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    ref: ref
+  }, formValues.ticketQuantity > 1 && /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${personal_information_index_module.ticketQuantityNotice} alert alert-info`
+  }, "Please note that 1 ticket from this order will be automatically assigned to you; the rest will remain unassigned, with the option to re-assign all tickets after purchase."), /*#__PURE__*/external_react_default().createElement("form", {
+    id: "personal-info-form",
+    onSubmit: handleSubmit(onSubmit),
+    className: personal_information_index_module.form,
+    "data-testid": "personal-form"
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.inputWrapper
+  }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
+    type: "text",
+    placeholder: "First name *",
+    defaultValue: personalInfo.firstName || ''
+  }, register("firstName", {
+    required: true,
+    maxLength: 80
+  }), {
+    "data-testid": "first-name"
+  }))), errors.firstName && /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldError,
+    "data-testid": "first-name-error"
+  }, "This field is required.")), /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.inputWrapper
+  }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
+    type: "text",
+    placeholder: "Last name *",
+    defaultValue: personalInfo.lastName || ''
+  }, register("lastName", {
+    required: true,
+    maxLength: 100
+  }), {
+    "data-testid": "last-name"
+  }))), errors.lastName && /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldError,
+    "data-testid": "last-name-error"
+  }, "This field is required.")), /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.inputWrapper
+  }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
+    type: "text",
+    placeholder: "Email *",
+    className: personal_information_index_module.readOnly,
+    readOnly: true,
+    defaultValue: personalInfo.email || ''
+  }, register("email", {
+    required: true,
+    pattern: /^\S+@\S+$/i
+  }), {
+    "data-testid": "email"
+  }))), ((_errors$email = errors.email) === null || _errors$email === void 0 ? void 0 : _errors$email.type) === 'required' && /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldError,
+    "data-testid": "email-error-required"
+  }, "This field is required."), ((_errors$email2 = errors.email) === null || _errors$email2 === void 0 ? void 0 : _errors$email2.type) === 'pattern' && /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldError,
+    "data-testid": "email-error-invalid"
+  }, "The email is invalid.")), /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.companies
+  }, /*#__PURE__*/external_react_default().createElement(components_namespaceObject.RegistrationCompanyInput, {
+    id: "company",
+    styles: customStyles,
+    summitId: summitId,
+    onChange: onCompanyChange,
+    onError: handleCompanyError,
+    value: personalInfo.company
+  }), companyError && /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldError,
+    "data-testid": "company-error"
+  }, "This field is required."))), /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.fieldWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.inputWrapper
+  }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
+    type: "text",
+    placeholder: "Promo Code"
+  }, register("promoCode")))))), /*#__PURE__*/external_react_default().createElement("a", {
+    className: personal_information_index_module.moreInfo,
+    "data-tip": true,
+    "data-for": "promo-code-info"
+  }, /*#__PURE__*/external_react_default().createElement("i", {
+    className: "glyphicon glyphicon-info-sign",
+    "aria-hidden": "true"
+  }), ` `, "Have multiple promo codes?"), /*#__PURE__*/external_react_default().createElement((external_react_tooltip_default()), {
+    id: "promo-code-info"
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: personal_information_index_module.moreInfoTooltip
+  }, "Promo code will be applied to all tickets in this order.  If you wish to utilize more than one promo code, simply place another order after you complete this registration order. Only one promo code can be applied per order.")), formErrors.length > 0 && /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${personal_information_index_module.formErrors} alert alert-danger`
+  }, formErrors.map((error, index) => /*#__PURE__*/external_react_default().createElement("div", {
+    key: index
+  }, formatErrorMessage(error)))))))));
+};
+
+/* harmony default export */ const personal_information = (PersonalInfoComponent);
+;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/components/raw-html"
+const raw_html_namespaceObject = require("openstack-uicore-foundation/lib/components/raw-html");
+var raw_html_default = /*#__PURE__*/__webpack_require__.n(raw_html_namespaceObject);
+;// CONCATENATED MODULE: ./src/components/ticket-type/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const ticket_type_index_module = ({"title":"title___DNZyl","summary":"summary___quWdZ","crossOut":"crossOut___QZ7dy","discount":"discount___sEK_Q","promo":"promo___F8lPO","form":"form___aoo7w","dropdown":"dropdown____HWg0","quantity":"quantity___SIEQZ","soldOut":"soldOut___Hatfr","moreInfo":"moreInfo___LmwOe","moreInfoTooltip":"moreInfoTooltip___nOBf1","inPersonDisclaimer":"inPersonDisclaimer___PXGTz"});
+;// CONCATENATED MODULE: ./src/helpers/getTicketMaxQuantity.js
+const getTicketMaxQuantity = ticket => ticket ? Math.min((ticket.quantity_2_sell || Number.MAX_SAFE_INTEGER) - ticket.quantity_sold, ticket.max_quantity_per_order || Number.MAX_SAFE_INTEGER) : 0;
+;// CONCATENATED MODULE: ./src/components/ticket-dropdown/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const ticket_dropdown_index_module = ({"placeholder":"placeholder___pcdCn","selectedTicket":"selectedTicket___qkbpH","inPersonDisclaimer":"inPersonDisclaimer___z_DzO","dropdown":"dropdown___mfbPG","soldOut":"soldOut___rBLC0"});
+;// CONCATENATED MODULE: ./src/components/ticket-dropdown/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 TicketDropdownComponent = ({
+  selectedTicket,
+  ticketTypes,
+  onTicketSelect
+}) => {
+  const [active, setActive] = (0,external_react_namespaceObject.useState)(false);
+
+  const ticketSelect = ticket => {
+    onTicketSelect(ticket);
+    setActive(!active);
+  };
+
+  const date = new Date();
+  let now_utc = Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds()) / 1000;
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${ticket_dropdown_index_module.outerWrapper}`
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: ticket_dropdown_index_module.placeholder,
+    onClick: () => setActive(!active),
+    "data-testid": "ticket-dropdown"
+  }, selectedTicket ? /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", {
+    className: ticket_dropdown_index_module.selectedTicket,
+    "data-testid": "selected-ticket"
+  }, `${selectedTicket.name} - $${selectedTicket.cost} ${selectedTicket.currency}`), /*#__PURE__*/external_react_default().createElement("i", {
+    className: "fa fa-chevron-down"
+  })) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", {
+    "data-testid": "no-ticket"
+  }, "Select a ticket"), /*#__PURE__*/external_react_default().createElement("i", {
+    className: "fa fa-chevron-down"
+  }))), active && /*#__PURE__*/external_react_default().createElement("div", {
+    className: ticket_dropdown_index_module.dropdown,
+    "data-testid": "ticket-list"
+  }, ticketTypes.map(t => {
+    const maxQuantity = getTicketMaxQuantity(t);
+    const isTicketSoldOut = maxQuantity < 1;
+
+    if (t.sales_start_date === null && t.sales_end_date === null || now_utc >= t.sales_start_date && now_utc <= t.sales_end_date) {
+      return /*#__PURE__*/external_react_default().createElement("div", {
+        key: t.id,
+        className: isTicketSoldOut ? ticket_dropdown_index_module.soldOut : '',
+        onClick: () => {
+          if (isTicketSoldOut) return;
+          ticketSelect(t);
+        }
+      }, t.name, " -", ` `, !isTicketSoldOut && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, "$", t.cost, " ", t.currency), isTicketSoldOut && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, "Sold Out"));
+    }
+  })));
+};
+
+/* harmony default export */ const ticket_dropdown = (TicketDropdownComponent);
+;// CONCATENATED MODULE: ./src/helpers/formatCurrency.js
+const _excluded = ["locale"];
+
+function formatCurrency_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; }
+
+function formatCurrency_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? formatCurrency_ownKeys(Object(source), !0).forEach(function (key) { formatCurrency_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : formatCurrency_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function formatCurrency_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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const formatCurrency = (value, _ref) => {
+  let {
+    locale = 'en-US'
+  } = _ref,
+      options = _objectWithoutProperties(_ref, _excluded);
+
+  const defaultOptions = {
+    currency: 'USD',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  };
+  const formatter = new Intl.NumberFormat(locale, formatCurrency_objectSpread(formatCurrency_objectSpread({
+    style: 'currency'
+  }, defaultOptions), options));
+  return formatter.format(value);
+};
+;// CONCATENATED MODULE: ./src/components/ticket-type/index.js
+function ticket_type_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; }
+
+function ticket_type_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ticket_type_ownKeys(Object(source), !0).forEach(function (key) { ticket_type_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ticket_type_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function ticket_type_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; }
+
+/**
+ * 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 TicketTypeComponent = ({
+  ticketTypes,
+  isActive,
+  changeForm,
+  reservation,
+  inPersonDisclaimer
+}) => {
+  const [ticket, setTicket] = (0,external_react_namespaceObject.useState)(null);
+  const [quantity, setQuantity] = (0,external_react_namespaceObject.useState)(1);
+  const minQuantity = 1;
+  const maxQuantity = getTicketMaxQuantity(ticket);
+  const [ref, {
+    height
+  }] = (0,external_react_use_namespaceObject.useMeasure)();
+  const toggleAnimation = (0,external_react_spring_namespaceObject.useSpring)({
+    config: ticket_type_objectSpread({
+      bounce: 0
+    }, external_react_spring_namespaceObject.config.stiff),
+    from: {
+      opacity: 0,
+      height: 0
+    },
+    to: {
+      opacity: 1,
+      height: isActive ? height + 10 : 0
+    }
+  });
+  (0,external_react_namespaceObject.useEffect)(() => {
+    var _reservation$tickets;
+
+    if (reservation && ((_reservation$tickets = reservation.tickets) === null || _reservation$tickets === void 0 ? void 0 : _reservation$tickets.length) > 0) {
+      setTicket(ticketTypes.find(t => t.id === reservation.tickets[0].ticket_type_id));
+    }
+  }, []);
+  (0,external_react_namespaceObject.useEffect)(() => {
+    changeForm({
+      ticketType: ticket,
+      ticketQuantity: quantity
+    });
+  }, [ticket, quantity]);
+
+  const handleTicketChange = t => {
+    setTicket(t);
+    setQuantity(minQuantity);
+  };
+
+  const incrementQuantity = () => setQuantity(quantity + 1);
+
+  const decrementQuantity = () => setQuantity(quantity - 1);
+
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${ticket_type_index_module.outerWrapper} step-wrapper`
+  }, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
+    className: ticket_type_index_module.innerWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: ticket_type_index_module.title
+  }, /*#__PURE__*/external_react_default().createElement("span", null, "Ticket"), /*#__PURE__*/external_react_default().createElement("div", {
+    className: ticket_type_index_module.summary
+  }, /*#__PURE__*/external_react_default().createElement("span", null, ticket && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, ticket.name, ` `, "(", quantity, "):", ` `, !isActive && (reservation === null || reservation === void 0 ? void 0 : reservation.discount_amount) > 0 && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", {
+    className: ticket_type_index_module.crossOut
+  }, formatCurrency(ticket.cost * quantity, {
+    currency: ticket.currency
+  })), ` `, /*#__PURE__*/external_react_default().createElement("span", {
+    className: ticket_type_index_module.discount
+  }, formatCurrency(reservation.raw_amount - reservation.discount_amount, {
+    currency: ticket.currency
+  })), ` `), !(reservation !== null && reservation !== void 0 && reservation.discount_amount) && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, formatCurrency(ticket.cost * quantity, {
+    currency: ticket.currency
+  }), ` `), ticket.currency, !isActive && (reservation === null || reservation === void 0 ? void 0 : reservation.discount_amount) > 0 && /*#__PURE__*/external_react_default().createElement("span", {
+    className: ticket_type_index_module.promo
+  }, "Promo code applied"), !isActive && (reservation === null || reservation === void 0 ? void 0 : reservation.taxes_amount) > 0 && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("br", null), "Taxes: $", reservation === null || reservation === void 0 ? void 0 : reservation.taxes_amount, " ", ticket === null || ticket === void 0 ? void 0 : ticket.currency)), !ticket && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, "No ticket selected")))), /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
+    style: ticket_type_objectSpread({
+      overflow: 'hidden'
+    }, toggleAnimation)
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    ref: ref
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: ticket_type_index_module.form
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: ticket_type_index_module.dropdown
+  }, /*#__PURE__*/external_react_default().createElement(ticket_dropdown, {
+    selectedTicket: ticket,
+    ticketTypes: ticketTypes,
+    onTicketSelect: handleTicketChange
+  })), ticket && /*#__PURE__*/external_react_default().createElement("div", {
+    className: ticket_type_index_module.quantity
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: "input-group"
+  }, /*#__PURE__*/external_react_default().createElement("span", {
+    className: "input-group-btn"
+  }, /*#__PURE__*/external_react_default().createElement("button", {
+    "aria-label": "remove a ticket",
+    className: "btn btn-default",
+    onClick: decrementQuantity,
+    disabled: maxQuantity === 0 || quantity === minQuantity
+  }, /*#__PURE__*/external_react_default().createElement("i", {
+    className: "fa fa-minus"
+  }))), /*#__PURE__*/external_react_default().createElement("input", {
+    className: "form-control",
+    "aria-label": "ticket quanity",
+    name: "ticket_quantity",
+    type: "text",
+    value: quantity,
+    readOnly: true,
+    disabled: maxQuantity === 0
+  }), /*#__PURE__*/external_react_default().createElement("span", {
+    className: "input-group-btn"
+  }, /*#__PURE__*/external_react_default().createElement("button", {
+    "aria-label": "add a ticket",
+    className: "btn btn-default",
+    onClick: incrementQuantity,
+    disabled: maxQuantity === 0 || quantity >= maxQuantity
+  }, /*#__PURE__*/external_react_default().createElement("i", {
+    className: "glyphicon glyphicon-plus"
+  })))))), /*#__PURE__*/external_react_default().createElement("a", {
+    className: ticket_type_index_module.moreInfo,
+    "data-tip": true,
+    "data-for": "ticket-quantity-info"
+  }, /*#__PURE__*/external_react_default().createElement("i", {
+    className: "glyphicon glyphicon-info-sign",
+    "aria-hidden": "true"
+  }), ` `, "Need multiple ticket types?"), /*#__PURE__*/external_react_default().createElement((external_react_tooltip_default()), {
+    id: "ticket-quantity-info"
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: ticket_type_index_module.moreInfoTooltip
+  }, "To purchase more than one ticket type, simply place another order after this registration order is complete. Only one ticket type can be chosen per order.")))), inPersonDisclaimer && ticket && isInPersonTicketType(ticket) && /*#__PURE__*/external_react_default().createElement("div", {
+    className: ticket_type_index_module.inPersonDisclaimer
+  }, /*#__PURE__*/external_react_default().createElement((raw_html_default()), null, inPersonDisclaimer)))));
+};
+
+/* harmony default export */ const ticket_type = (TicketTypeComponent);
+;// CONCATENATED MODULE: ./src/components/button-bar/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const button_bar_index_module = ({"button":"button___MZBIY","outerWrapper":"outerWrapper___XRnaq","innerWrapper":"innerWrapper___LFsOH","registration":"registration___jdf6T","actions":"actions___Gsf0y"});
+;// CONCATENATED MODULE: ./src/components/button-bar/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 ButtonBarComponent = ({
+  step,
+  changeStep,
+  formValues,
+  removeReservedTicket,
+  inPersonDisclaimer
+}) => {
+  const {
+    ticketType
+  } = formValues || {};
+  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", {
+    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", {
+    className: button_bar_index_module.actions
+  }, step !== 0 && step !== 2 && /*#__PURE__*/external_react_default().createElement("button", {
+    className: `${button_bar_index_module.button} button`,
+    onClick: () => changeStep(step - 1)
+  }, "< Back"), step !== 0 && step === 2 && /*#__PURE__*/external_react_default().createElement("button", {
+    className: `${button_bar_index_module.button} button`,
+    onClick: () => removeReservedTicket()
+  }, "< Back"), step === 0 && /*#__PURE__*/external_react_default().createElement("button", {
+    disabled: !ticketType,
+    className: `${button_bar_index_module.button} button`,
+    onClick: () => changeStep(step + 1)
+  }, nextButtonText), step === 1 && (ticketType === null || ticketType === void 0 ? void 0 : ticketType.cost) === 0 && /*#__PURE__*/external_react_default().createElement("button", {
+    className: `${button_bar_index_module.button} button`,
+    type: "submit",
+    form: "personal-info-form"
+  }, "Get Ticket"), step === 1 && (ticketType === null || ticketType === void 0 ? void 0 : ticketType.cost) > 0 && /*#__PURE__*/external_react_default().createElement("button", {
+    className: `${button_bar_index_module.button} button`,
+    type: "submit",
+    form: "personal-info-form"
+  }, "Next"), step === 2 && /*#__PURE__*/external_react_default().createElement("button", {
+    className: `${button_bar_index_module.button} button`,
+    type: "submit",
+    form: "payment-form"
+  }, "Pay Now")))));
+};
+
+/* harmony default export */ const button_bar = (ButtonBarComponent);
+;// CONCATENATED MODULE: ./src/components/purchase-complete/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const purchase_complete_index_module = ({"button":"button___XMN8a","wrapper":"wrapper___Jd5Xg","circle":"circle___lcN86","complete":"complete___HAHzl","actions":"actions___jJdPX","footer":"footer___FL9TW"});
+;// CONCATENATED MODULE: ./src/components/purchase-complete/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 PurchaseComplete = ({
+  checkout,
+  onPurchaseComplete,
+  goToExtraQuestions,
+  goToEvent,
+  summit,
+  supportEmail = "support@fntech.com"
+}) => {
+  (0,external_react_namespaceObject.useEffect)(() => {
+    onPurchaseComplete(checkout);
+  }, []);
+  const date = new Date();
+  let now_utc = Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds()) / 1000;
+  const isActive = summit.start_date < now_utc && summit.end_date > now_utc;
+  const startDateFormatted = {
+    date: (0,methods_namespaceObject.epochToMomentTimeZone)(summit.start_date, summit.time_zone_id).format('MMMM D'),
+    time: (0,methods_namespaceObject.epochToMomentTimeZone)(summit.start_date, summit.time_zone_id).format('hh:mm A')
+  };
+
+  const needExtraQuestions = () => {
+    return summit.order_extra_questions.some(q => q.mandatory === true) ? true : false;
+  };
+
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: purchase_complete_index_module.wrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: purchase_complete_index_module.circle
+  }, /*#__PURE__*/external_react_default().createElement("i", {
+    className: "fa fa-ticket"
+  })), /*#__PURE__*/external_react_default().createElement("span", {
+    className: purchase_complete_index_module.complete
+  }, "Your order is complete"), isActive ? needExtraQuestions() ? /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, "This ticket requires additional details. ", /*#__PURE__*/external_react_default().createElement("br", null)), /*#__PURE__*/external_react_default().createElement("button", {
+    className: `${purchase_complete_index_module.button} button`,
+    onClick: () => goToExtraQuestions()
+  }, "Finish now")) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("button", {
+    className: `${purchase_complete_index_module.button} button`,
+    onClick: () => goToEvent()
+  }, "Access event now")) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", null, "The event will start on ", startDateFormatted.date, " at ", startDateFormatted.time, " ", summit.time_zone_label, " ", /*#__PURE__*/external_react_default().createElement("br", null), "This ticket requires additional details."), /*#__PURE__*/external_react_default().createElement("div", {
+    className: purchase_complete_index_module.actions
+  }, /*#__PURE__*/external_react_default().createElement("button", {
+    className: `${purchase_complete_index_module.button} button`,
+    onClick: () => goToExtraQuestions()
+  }, "Finish Now"))), /*#__PURE__*/external_react_default().createElement("span", {
+    className: purchase_complete_index_module.footer
+  }, "For further assistance, please email ", /*#__PURE__*/external_react_default().createElement("a", {
+    href: `mailto:${supportEmail}`
+  }, supportEmail)));
+};
+
+/* harmony default export */ const purchase_complete = (PurchaseComplete);
+;// CONCATENATED MODULE: external "react-otp-input"
+const external_react_otp_input_namespaceObject = require("react-otp-input");
+var external_react_otp_input_default = /*#__PURE__*/__webpack_require__.n(external_react_otp_input_namespaceObject);
+;// CONCATENATED MODULE: ./src/components/login-passwordless/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const login_passwordless_index_module = ({"passwordlessWrapper":"passwordlessWrapper___BRQ_s","innerWrapper":"innerWrapper___nRLDi","digits":"digits___Vu5iy","codeInput":"codeInput___LnTZe","error":"error___wZflZ","verify":"verify___IBgMl","button":"button___nBhtQ","link":"link___f6fDT","resend":"resend___Nma1U"});
+;// CONCATENATED MODULE: ./src/components/login-passwordless/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 PasswordlessLoginComponent = ({
+  email,
+  codeLength,
+  passwordlessLogin,
+  loginWithCode,
+  codeError,
+  goToLogin,
+  getLoginCode,
+  getPasswordlessCode
+}) => {
+  const [otpCode, setOtpCode] = (0,external_react_namespaceObject.useState)('');
+  const [otpError, setOtpError] = (0,external_react_namespaceObject.useState)(false);
+
+  const tryPasswordlessLogin = code => {
+    if (code.length === codeLength) {
+      setOtpError(false);
+      passwordlessLogin(otpCode, loginWithCode);
+    } else {
+      setOtpError(true);
+    }
+  };
+
+  const resendCode = () => {
+    getLoginCode(email, getPasswordlessCode);
+  };
+
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${login_passwordless_index_module.passwordlessWrapper} step-wrapper`
+  }, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${login_passwordless_index_module.innerWrapper}`
+  }, /*#__PURE__*/external_react_default().createElement("span", null, "We sent your single-use login code to ", /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("span", {
+    "data-testid": "email"
+  }, email), /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("span", {
+    className: login_passwordless_index_module.digits,
+    "data-testid": "code-digits"
+  }, "Add the ", codeLength, " digit code below")), /*#__PURE__*/external_react_default().createElement("div", {
+    className: login_passwordless_index_module.codeInput
+  }, /*#__PURE__*/external_react_default().createElement((external_react_otp_input_default()), {
+    value: otpCode,
+    onChange: code => setOtpCode(code),
+    numInputs: codeLength,
+    shouldAutoFocus: true,
+    hasErrored: otpError || codeError,
+    errorStyle: {
+      border: '1px solid #e5424d'
+    },
+    "data-testid": "otp-input"
+  })), codeError && /*#__PURE__*/external_react_default().createElement("span", {
+    className: login_passwordless_index_module.error,
+    "data-testid": "error"
+  }, "The code you entered it's incorrect. ", /*#__PURE__*/external_react_default().createElement("br", null), " Please try again."), /*#__PURE__*/external_react_default().createElement("div", {
+    className: login_passwordless_index_module.verify
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${login_passwordless_index_module.button} button`,
+    onClick: () => tryPasswordlessLogin(otpCode),
+    "data-testid": "verify"
+  }, "Verify Email"), /*#__PURE__*/external_react_default().createElement("b", null, "or go back and ", /*#__PURE__*/external_react_default().createElement("span", {
+    className: login_passwordless_index_module.link,
+    onClick: () => goToLogin(),
+    "data-testid": "go-back"
+  }, "try another way")))), /*#__PURE__*/external_react_default().createElement("div", {
+    className: login_passwordless_index_module.resend
+  }, "Didn\u2019t receive it? Check your spam/junk folder, or ", /*#__PURE__*/external_react_default().createElement("span", {
+    className: login_passwordless_index_module.link,
+    onClick: () => resendCode(),
+    "data-testid": "resend"
+  }, "resend email"), " now.")));
+};
+
+/* harmony default export */ const login_passwordless = (PasswordlessLoginComponent);
+;// CONCATENATED MODULE: ./src/components/ticket-owned/index.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const ticket_owned_index_module = ({"ticketOwnedWrapper":"ticketOwnedWrapper___nhkDY","alert":"alert___c49oP"});
+;// CONCATENATED MODULE: ./src/components/ticket-owned/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 TicketOwnedComponent = ({
+  ownedTickets,
+  ticketTypes
+}) => {
+  const ownedTicketsString = (0,external_react_namespaceObject.useMemo)(() => ownedTickets.reduce((acc, ownedTicket) => {
+    const ticketType = ticketTypes.find(type => type.id === ownedTicket.type_id);
+    if (!ticketType) return acc;
+    return `${acc}${acc ? ', ' : ''}${ownedTicket.qty} ${ticketType.name}${!ticketType.name.toLowerCase().endsWith('ticket') ? ' ticket' : ''}${ownedTicket.qty > 1 ? 's' : ''}`;
+  }, ''), [ownedTickets, ticketTypes]);
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: ticket_owned_index_module.ticketOwnedWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${ticket_owned_index_module.alert} alert alert-warning`,
+    role: "alert"
+  }, "You have already ordered ", ownedTicketsString, ". If you would like to order more tickets, please do so below."));
+};
+
+/* 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"];
+
+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; }
+
+function registration_lite_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? registration_lite_ownKeys(Object(source), !0).forEach(function (key) { registration_lite_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : registration_lite_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function registration_lite_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; }
+
+function registration_lite_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = registration_lite_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function registration_lite_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+/**
+ * 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 RegistrationLite = _ref => {
+  var _formValues$ticketTyp, _formValues$ticketTyp2;
+
+  let {
+    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
+  } = _ref,
+      rest = registration_lite_objectWithoutProperties(_ref, registration_lite_excluded);
+
+  const [registrationForm, setRegistrationForm] = (0,external_react_namespaceObject.useState)({
+    values: {
+      ticketType: null,
+      ticketQuantity: 1,
+      personalInformation: null,
+      paymentInformation: null
+    },
+    errors: []
+  });
+  const {
+    values: formValues,
+    errors: formErrors
+  } = registrationForm;
+
+  const setFormValues = values => setRegistrationForm(registration_lite_objectSpread(registration_lite_objectSpread({}, registrationForm), {}, {
+    values
+  }));
+
+  const setFormErrors = errors => setRegistrationForm(registration_lite_objectSpread(registration_lite_objectSpread({}, registrationForm), {}, {
+    errors
+  }));
+
+  const {
+    publicKey,
+    provider
+  } = getCurrentProvider(summitData);
+  (0,external_react_namespaceObject.useEffect)(() => {
+    loadSession(registration_lite_objectSpread(registration_lite_objectSpread({}, rest), {}, {
+      summitData,
+      profileData
+    }));
+
+    if (!profileData) {
+      changeStep(0);
+    }
+  }, [profileData]);
+  (0,external_react_namespaceObject.useEffect)(() => {
+    if (summitData && profileData) {
+      getTicketTypes(summitData.id).then(() => getTaxesTypes(summitData.id));
+    }
+  }, [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({
+        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
+      }, {
+        onError: (err, res) => setFormErrors(res.body.errors)
+      });
+    }
+
+    if (step > 0 && !(formValues !== null && formValues !== void 0 && formValues.ticketType)) {
+      changeStep(0);
+    }
+  }, [formValues]);
+  (0,external_react_namespaceObject.useEffect)(() => {
+    setFormErrors([]);
+  }, [step]);
+  const [ref, {
+    height
+  }] = (0,external_react_use_namespaceObject.useMeasure)();
+  const toggleAnimation = (0,external_react_spring_namespaceObject.useSpring)({
+    config: registration_lite_objectSpread({
+      bounce: 0
+    }, external_react_spring_namespaceObject.config.stiff),
+    to: {
+      opacity: (formValues === null || formValues === void 0 ? void 0 : (_formValues$ticketTyp = formValues.ticketType) === null || _formValues$ticketTyp === void 0 ? void 0 : _formValues$ticketTyp.cost) === 0 ? 0 : 1,
+      height: (formValues === null || formValues === void 0 ? void 0 : (_formValues$ticketTyp2 = formValues.ticketType) === null || _formValues$ticketTyp2 === void 0 ? void 0 : _formValues$ticketTyp2.cost) === 0 ? 0 : height
+    }
+  });
+
+  const handleCloseClick = () => {
+    // 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)
+    changeStep(0);
+    rest.closeWidget();
+  };
+
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    id: `${general_module.modal}`,
+    className: "modal is-active"
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: "modal-background"
+  }), /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${general_module.modalContent} modal-content`
+  }, /*#__PURE__*/external_react_default().createElement((ajaxloader_default()), {
+    relative: true,
+    color: '#ffffff',
+    show: widgetLoading || loading,
+    size: 80
+  }), /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${general_module.outerWrapper} summit-registration-lite`
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: general_module.innerWrapper
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: general_module.title
+  }, /*#__PURE__*/external_react_default().createElement("span", null, summitData.name), /*#__PURE__*/external_react_default().createElement("i", {
+    className: "fa fa-close",
+    "aria-label": "close",
+    onClick: handleCloseClick
+  })), /*#__PURE__*/external_react_default().createElement("div", {
+    className: general_module.stepsWrapper
+  }, !profileData && !passwordlessCodeSent && /*#__PURE__*/external_react_default().createElement(login, {
+    options: loginOptions,
+    allowsNativeAuth: allowsNativeAuth,
+    allowsOtpAuth: allowsOtpAuth,
+    login: provider => rest.authUser(provider),
+    getLoginCode: getLoginCode,
+    getPasswordlessCode: getPasswordlessCode
+  }), !profileData && passwordlessCodeSent && /*#__PURE__*/external_react_default().createElement(login_passwordless, {
+    codeLength: passwordlessCode,
+    email: passwordlessEmail,
+    passwordlessLogin: passwordlessLogin,
+    loginWithCode: loginWithCode,
+    codeError: passwordlessCodeError,
+    goToLogin: goToLogin,
+    getLoginCode: getLoginCode,
+    getPasswordlessCode: getPasswordlessCode
+  }), profileData && step !== 3 && ticketTypes.length > 0 && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, ticketOwned && /*#__PURE__*/external_react_default().createElement(ticket_owned, {
+    ownedTickets: ownedTickets,
+    ticketTypes: ticketTypes
+  }), /*#__PURE__*/external_react_default().createElement(ticket_type, {
+    ticketTypes: ticketTypes,
+    inPersonDisclaimer: inPersonDisclaimer,
+    taxTypes: taxTypes,
+    reservation: reservation,
+    isActive: step === 0,
+    changeForm: ticketForm => setFormValues(registration_lite_objectSpread(registration_lite_objectSpread({}, formValues), ticketForm))
+  }), /*#__PURE__*/external_react_default().createElement(personal_information, {
+    isActive: step === 1,
+    reservation: reservation,
+    userProfile: profileData,
+    summitId: summitData.id,
+    changeForm: personalInformation => setFormValues(registration_lite_objectSpread(registration_lite_objectSpread({}, formValues), {}, {
+      personalInformation
+    })),
+    handleCompanyError: handleCompanyError,
+    formValues: formValues,
+    formErrors: formErrors
+  }), /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
+    style: registration_lite_objectSpread({}, toggleAnimation)
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    ref: ref
+  }, /*#__PURE__*/external_react_default().createElement(payment, {
+    isActive: step === 2,
+    reservation: reservation,
+    payTicket: payTicketWithProvider,
+    userProfile: profileData,
+    timestamp: summitData.timestamp,
+    provider: provider,
+    providerKey: publicKey,
+    stripeOptions: stripeOptions
+  })))), profileData && step === 3 && /*#__PURE__*/external_react_default().createElement(purchase_complete, {
+    checkout: checkout,
+    summit: summitData,
+    onPurchaseComplete: onPurchaseComplete,
+    supportEmail: supportEmail,
+    goToEvent: goToEvent,
+    goToExtraQuestions: goToExtraQuestions
+  })), profileData && step !== 3 && /*#__PURE__*/external_react_default().createElement(button_bar, {
+    step: step,
+    inPersonDisclaimer: inPersonDisclaimer,
+    formValues: formValues,
+    removeReservedTicket: removeReservedTicket,
+    changeStep: changeStep
+  })))));
+};
+
+const registration_lite_mapStateToProps = ({
+  registrationLiteState
+}) => ({
+  widgetLoading: registrationLiteState.widgetLoading,
+  reservation: registrationLiteState.reservation,
+  userProfile: registrationLiteState.settings.userProfile,
+  checkout: registrationLiteState.checkout,
+  ticketTypes: registrationLiteState.ticketTypes,
+  taxTypes: registrationLiteState.taxTypes,
+  step: registrationLiteState.step,
+  passwordlessEmail: registrationLiteState.passwordless.email,
+  passwordlessCode: registrationLiteState.passwordless.otp_length,
+  passwordlessCodeSent: registrationLiteState.passwordless.code_sent,
+  passwordlessCodeError: registrationLiteState.passwordless.error
+});
+
+/* harmony default export */ const registration_lite = ((0,external_react_redux_namespaceObject.connect)(registration_lite_mapStateToProps, {
+  loadSession: loadSession,
+  changeStep: changeStep,
+  reserveTicket: reserveTicket,
+  removeReservedTicket: removeReservedTicket,
+  payTicketWithProvider: payTicketWithProvider,
+  getTicketTypes: getTicketTypes,
+  getTaxesTypes: getTaxesTypes,
+  getLoginCode: getLoginCode,
+  passwordlessLogin: passwordlessLogin,
+  goToLogin: goToLogin
+})(RegistrationLite));
+;// CONCATENATED MODULE: ./src/summit-registration-lite.js
+/**
+ * Copyright 2017 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.
+ **/
+
+
+
+
+
+
+class RegistrationLiteWidget extends (external_react_default()).PureComponent {
+  constructor(props) {
+    super(props);
+    this.store = getStore(props.clientId, props.apiBaseUrl, props.getAccessToken);
+  }
+
+  render() {
+    return /*#__PURE__*/external_react_default().createElement(external_react_redux_namespaceObject.Provider, {
+      store: this.store
+    }, /*#__PURE__*/external_react_default().createElement(react_namespaceObject.PersistGate, {
+      persistor: getPersistor()
+    }, /*#__PURE__*/external_react_default().createElement(registration_lite, this.props)));
+  }
+
+}
+
+/* harmony default export */ const summit_registration_lite = (RegistrationLiteWidget);
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});