summit-registration-lite 2.0.2 → 2.0.3

package/.editorconfig

@@ -0,0 +1,40 @@
+# http://editorConfig.org
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+insert_final_newline = true
+tab_width = 4
+trim_trailing_whitespace = true
+
+[{*.css,*.scss}]
+indent_size = 2
+
+[{*.js,*.jsx,*.tsx,*.ts,*.mjs}]
+indent_size = 4
+
+[*.json]
+indent_size = 2
+
+[*.md,*.mdx]
+indent_size = 4
+trim_trailing_whitespace = false
+
+[*.mdx]
+indent_size = 2
+trim_trailing_whitespace = false
+
+[.*rc]
+indent_size = 2
+
+[*.{yml,yaml}]
+indent_size = 2
+
+[Makefile]
+indent_style = tab
+
+[Dockerfile]
+indent_size = 2

package/.nvmrc

@@ -1 +1 @@
-v14.19.1
+14.19.1

package/.prettierrc

@@ -0,0 +1,6 @@
+{
+    "semi": true,
+    "tabWidth": 2,
+    "singleQuote": true,
+    "arrowParens": "avoid"
+}

package/dist/index.css

@@ -6,13 +6,13 @@
 
 .title___LksVm{font-weight:bold;cursor:pointer}.form___v5GIx{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___v5GIx div.fieldWrapper___Eoe61{width:48%;border-radius:5px;background-color:#e6f3ff;border:1px solid #3fa2f7;height:36px;padding:5px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.form___v5GIx div.fieldWrapper___Eoe61:first-of-type{width:100%}.form___v5GIx div.fieldWrapper___Eoe61 input{width:100%;background-color:transparent;border:none}.form___v5GIx div.fieldWrapper___Eoe61 input:focus-visible{outline:none}.form___v5GIx div.fieldWrapper___Eoe61 i{position:relative;padding-right:5px}.form___v5GIx div.fieldWrapper___Eoe61>div{width:100%;padding-left:5px}.form___v5GIx div.fieldWrapper___Eoe61>div:first-of-type{width:95%}.form___v5GIx input{width:48%;border-radius:5px;border:1px solid #3fa2f7;color:#3486cd;font-size:16px;background-color:#e6f3ff;height:36px;padding:5px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-weight:bold}.form___v5GIx input::placeholder{color:#3486cd}
 
-.form___DoT3x{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___DoT3x div.fieldWrapper___wa1Ks{display:flex;width:48%;border-radius:5px;border:1px solid var(--color_primary);height:36px;padding:5px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.form___DoT3x div.fieldWrapper___wa1Ks:first-of-type{width:100%}.form___DoT3x div.fieldWrapper___wa1Ks:last-of-type{flex-direction:column}.form___DoT3x div.fieldWrapper___wa1Ks input{width:100%;background-color:transparent;border:none}.form___DoT3x div.fieldWrapper___wa1Ks input:focus-visible{outline:none}.form___DoT3x div.fieldWrapper___wa1Ks i{position:relative;padding-right:5px}.form___DoT3x div.fieldWrapper___wa1Ks>div{width:100%;padding-left:5px}.form___DoT3x div.fieldWrapper___wa1Ks>div:first-of-type{width:95%}.form___DoT3x div.fieldWrapper___wa1Ks span{display:inline-block;color:#e5424d;font-size:14px;align-self:flex-start}.form___DoT3x input{width:48%;border-radius:5px;color:#3486cd;font-size:16px;height:36px;padding:5px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.form___DoT3x input::placeholder{color:var(--color_text_input_hints);font-size:16px}
+.form___DoT3x{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___DoT3x div.fieldWrapper___wa1Ks{display:flex;width:48%;border-radius:5px;border:1px solid var(--color_primary);height:36px;padding:5px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.form___DoT3x div.fieldWrapper___wa1Ks:first-of-type{width:100%}.form___DoT3x div.fieldWrapper___wa1Ks:last-of-type{flex-direction:column}.form___DoT3x div.fieldWrapper___wa1Ks input{width:100%;background-color:transparent;border:none;padding:0}.form___DoT3x div.fieldWrapper___wa1Ks input:focus-visible{outline:none}.form___DoT3x div.fieldWrapper___wa1Ks i{position:relative;padding-right:5px}.form___DoT3x div.fieldWrapper___wa1Ks>div{width:100%;padding-left:5px}.form___DoT3x div.fieldWrapper___wa1Ks>div:first-of-type{width:95%}.form___DoT3x div.fieldWrapper___wa1Ks span{display:inline-block;color:#e5424d;font-size:14px;align-self:flex-start}.form___DoT3x input{width:48%;border-radius:5px;color:#3486cd;font-size:16px;height:36px;padding:5px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.form___DoT3x input::placeholder{color:var(--color_text_input_hints);font-size:16px}
 
-.title___ECoNz{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.title___ECoNz div{font-weight:normal}.form___lDFka{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___lDFka>div{width:48%}.form___lDFka>div input{width:100%;border-radius:5px;border:1px solid var(--color_primary);height:36px;padding:5px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.form___lDFka>div input::placeholder{color:var(--color_text_input_hints)}.form___lDFka>div .readOnly___WRazF{opacity:0.6;cursor:default}.form___lDFka>div span{display:inline-block;color:#e5424d}.form___lDFka>div>:last-child{margin-bottom:5px}.form___lDFka .companies___kmGFB{width:48%}.form___lDFka .companies___kmGFB>div{position:relative;width:100%;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.form___lDFka .companies___kmGFB>div::placeholder{color:var(--color_text_input_hints)}.form___lDFka .companies___kmGFB>div>div{height:100%;width:100%}.form___lDFka .companies___kmGFB>div>div>div{height:36px;padding:0px;border:1px solid var(--color_primary)}.form___lDFka .companies___kmGFB>div>div>div>div{height:36px}.form___lDFka .companies___kmGFB>div input{padding:5px;border:1px solid var(--color_primary);padding-right:0px !important;background-color:transparent}.form___lDFka .companies___kmGFB>div i{right:10px !important}
+.title___ECoNz{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.title___ECoNz div{font-weight:normal}.form___lDFka{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 0}.form___lDFka>div{width:48%}.form___lDFka>div input{width:100%;border-radius:5px;border:1px solid var(--color_primary);height:36px;padding:5px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.form___lDFka>div input::placeholder{color:var(--color_text_input_hints)}.form___lDFka>div .readOnly___WRazF{opacity:0.6;cursor:default}.form___lDFka>div span{display:inline-block;color:#e5424d}.form___lDFka>div>:last-child{margin-bottom:5px}.form___lDFka .companies___kmGFB{width:48%}.form___lDFka .companies___kmGFB>div{position:relative;width:100%;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.form___lDFka .companies___kmGFB>div::placeholder{color:var(--color_text_input_hints)}.form___lDFka .companies___kmGFB>div>div{height:100%;width:100%}.form___lDFka .companies___kmGFB>div>div>div{height:36px;padding:0px;border:1px solid var(--color_primary)}.form___lDFka .companies___kmGFB>div>div>div>div{height:36px}.form___lDFka .companies___kmGFB>div input{padding:5px;border:1px solid var(--color_primary);padding-right:0px !important;background-color:transparent}.form___lDFka .companies___kmGFB>div i{right:10px !important}.moreInfo___cQYdZ{display:inline-block;margin-top:10px}.moreInfoTooltip___lslgT{max-width:280px}.formErrors___dQQMe{margin-top:10px}.formErrors___dQQMe div+div{margin-top:10px}
 
-.title___DNZyl{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.summary___quWdZ{text-align:right}.crossOut___QZ7dy{text-decoration:line-through}.discount___sEK_Q{color:green}.promo___F8lPO{font-weight:bold;display:flex;justify-content:flex-end}.dropdown____HWg0{margin-top:5px}.inPersonDisclaimer___PXGTz{margin-top:15px}
+.title___DNZyl{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.summary___quWdZ{text-align:right}.crossOut___QZ7dy{text-decoration:line-through}.discount___sEK_Q{color:green}.promo___F8lPO{font-weight:bold;display:flex;justify-content:flex-end}.form___aoo7w{display:flex;gap:10px;margin-top:10px}.dropdown____HWg0{flex:1 1 auto}.quantity___SIEQZ{flex-shrink:0}.quantity___SIEQZ input,.quantity___SIEQZ button{height:36px;text-align:center;border:1px solid var(--color_primary)}.quantity___SIEQZ input{padding:0 8px;width:48px !important}.quantity___SIEQZ input,.quantity___SIEQZ input:read-only{color:inherit;background-color:#fff;border:1px solid var(--color_primary)}.quantity___SIEQZ button{display:flex;align-items:center}.quantity___SIEQZ button:disabled,.quantity___SIEQZ button:disabled:hover{opacity:0.65;background:#dedede;border-color:#bebebe}.soldOut___Hatfr{height:36px;padding:0 16px;line-height:34px;font-weight:700px;background:#dedede;border:solid 1px #bebebe;border-radius:5px;opacity:0.65;font-weight:700;flex-shrink:0}.moreInfo___LmwOe{display:inline-block;margin-top:10px}.moreInfoTooltip___nOBf1{max-width:280px}.inPersonDisclaimer___PXGTz{margin-top:15px}
 
-.placeholder___pcdCn{border-radius:5px;width:100%;border:1px solid var(--color_primary);background-color:var(--color_primary50);padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin:10px 0}.placeholder___pcdCn i{padding:2px 5px;border-left:1px solid var(--color_primary)}.inPersonDisclaimer___z_DzO{padding:4px}.dropdown___mfbPG{margin-top:10px;border-radius:5px;width:100%;border:1px solid var(--color_primary);cursor:pointer}.dropdown___mfbPG div{padding:5px}.dropdown___mfbPG div:hover{background-color:var(--color_primary);color:#fff}
+.placeholder___pcdCn{border-radius:5px;width:100%;border:1px solid var(--color_primary);background-color:var(--color_primary50);padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:36px}.placeholder___pcdCn i{padding:2px 5px;border-left:1px solid var(--color_primary)}.inPersonDisclaimer___z_DzO{padding:4px}.dropdown___mfbPG{margin-top:10px;border-radius:5px;width:100%;border:1px solid var(--color_primary);cursor:pointer}.dropdown___mfbPG div{padding:5px}.dropdown___mfbPG div:hover{background-color:var(--color_primary);color:#fff}.soldOut___rBLC0,.soldOut___rBLC0:hover,.soldOut___rBLC0:focus{color:inherit !important;background-color:#dedede !important;opacity:0.65;cursor:not-allowed}
 
 .button___MZBIY{background-color:var(--color_secondary_contrast) !important;color:#fff !important;border:none !important;font-weight:bold !important;font-size:1em !important;cursor:pointer !important}.button___MZBIY[disabled]{background-color:var(--color_secondary_contrast) !important}.button___MZBIY:hover{color:#fff !important}.button___MZBIY:active,.button___MZBIY:focus{color:#fff !important}.outerWrapper___XRnaq{padding:10px 0px 10px 10px;margin:10px}.outerWrapper___XRnaq .innerWrapper___LFsOH{display:flex;justify-content:space-between;align-items:center}.outerWrapper___XRnaq .innerWrapper___LFsOH span{font-size:14px}.outerWrapper___XRnaq .innerWrapper___LFsOH .registration___jdf6T{cursor:pointer;color:var(--color_primary);text-decoration:underline}.outerWrapper___XRnaq .innerWrapper___LFsOH .actions___Gsf0y{display:flex}.outerWrapper___XRnaq .innerWrapper___LFsOH .actions___Gsf0y button{margin-left:10px}
 
@@ -20,5 +20,5 @@
 
 .passwordlessWrapper___BRQ_s{height:400px;display:flex;justify-content:center;align-items:center;flex-direction:column}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi{text-align:center;font-weight:bold;height:100%;width:300px;display:flex;flex-direction:column;justify-content:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .digits___Vu5iy{margin-top:15px;display:inline-block}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .codeInput___LnTZe{margin-top:20px;display:flex;justify-content:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .codeInput___LnTZe input{height:56px;width:56px;font-size:42px;background-color:var(--color_primary50);border:1px solid var(--color_primary);border-radius:5px;padding:5px;display:inline-flex;text-transform:uppercase;text-align:center;margin:0 5px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .error___wZflZ{margin-top:10px;color:#e5424d;font-size:14px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl{margin-top:20px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .button___nBhtQ{padding:10px 30px;font-weight:normal;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-color:var(--color_secondary_contrast);color:#FFFFFF;width:100%;font-size:1em}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .link___f6fDT{color:var(--color_primary);text-decoration:underline;cursor:pointer}.passwordlessWrapper___BRQ_s .resend___Nma1U{margin:auto 0 0 0;font-weight:normal;font-size:14px}.passwordlessWrapper___BRQ_s .resend___Nma1U span{color:var(--color_primary);text-decoration:underline;cursor:pointer}
 
-.wrapper___wkhQp{height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:15px 0;padding:15px 0;border-radius:5px;border:1px solid lightgray;text-align:center}.wrapper___wkhQp .circle___EPP1b{margin-bottom:30px;background-color:var(--color_primary50);border-radius:50px;border:1px solid var(--color_primary);padding:10px}.wrapper___wkhQp .circle___EPP1b i{font-size:36px;color:var(--color_primary)}.wrapper___wkhQp .complete___m8wZz{font-weight:bold;font-size:20px}.wrapper___wkhQp a{color:var(--color_primary);text-decoration:underline}
+.ticketOwnedWrapper___nhkDY{margin:10px}.alert___c49oP{margin:0 !important}
 

package/dist/index.js

@@ -81,8 +81,6 @@ 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 "openstack-uicore-foundation/lib/utils/methods"
-const methods_namespaceObject = require("openstack-uicore-foundation/lib/utils/methods");
 ;// CONCATENATED MODULE: external "sweetalert2"
 const external_sweetalert2_namespaceObject = require("sweetalert2");
 var external_sweetalert2_default = /*#__PURE__*/__webpack_require__.n(external_sweetalert2_namespaceObject);
@@ -136,8 +134,8 @@ const loadSession = settings => dispatch => {
 /*                               TICKETS                                         */
 
 /*********************************************************************************/
-// api/v1/summits/{id}/ticket-types  
-// api/v1/summits/{id}/tax-types   
+// api/v1/summits/{id}/ticket-types
+// api/v1/summits/{id}/tax-types
 
 const getTicketTypes = summitId => async (dispatch, getState, {
   apiBaseUrl,
@@ -150,7 +148,7 @@ const getTicketTypes = summitId => async (dispatch, getState, {
       access_token: accessToken
     };
     dispatch(startWidgetLoading());
-    return (0,actions_namespaceObject.getRequest)(null, (0,actions_namespaceObject.createAction)(GET_TICKET_TYPES), `${apiBaseUrl}/api/v1/summits/${summitId}/ticket-types`, methods_namespaceObject.authErrorHandler)(params)(dispatch).then(() => {
+    return (0,actions_namespaceObject.getRequest)(null, (0,actions_namespaceObject.createAction)(GET_TICKET_TYPES), `${apiBaseUrl}/api/v1/summits/${summitId}/ticket-types`, actions_namespaceObject.authErrorHandler)(params)(dispatch).then(() => {
       dispatch(stopWidgetLoading());
     });
   } catch (e) {
@@ -167,14 +165,20 @@ const getTaxesTypes = summitId => async (dispatch, getState, {
       access_token: accessToken
     };
     dispatch(startWidgetLoading());
-    return (0,actions_namespaceObject.getRequest)(null, (0,actions_namespaceObject.createAction)(GET_TAX_TYPES), `${apiBaseUrl}/api/v1/summits/${summitId}/tax-types`, methods_namespaceObject.authErrorHandler)(params)(dispatch).then(() => {
+    return (0,actions_namespaceObject.getRequest)(null, (0,actions_namespaceObject.createAction)(GET_TAX_TYPES), `${apiBaseUrl}/api/v1/summits/${summitId}/tax-types`, actions_namespaceObject.authErrorHandler)(params)(dispatch).then(() => {
       dispatch(stopWidgetLoading());
     });
   } catch (e) {
     return Promise.reject();
   }
 };
-const reserveTicket = (personalInformation, ticket) => async (dispatch, getState, {
+const reserveTicket = ({
+  personalInformation,
+  ticket,
+  ticketQuantity
+}, {
+  onError
+}) => async (dispatch, getState, {
   apiBaseUrl,
   getAccessToken
 }) => {
@@ -194,24 +198,31 @@ const reserveTicket = (personalInformation, ticket) => async (dispatch, getState
   } = personalInformation;
   dispatch(startWidgetLoading());
   const access_token = await getAccessToken();
+  const tickets = [...Array(ticketQuantity)].map(() => ({
+    type_id: ticket.id,
+    promo_code: promoCode || null,
+    attendee_first_name: firstName,
+    attendee_last_name: lastName,
+    attendee_email: email
+  }));
   let params = {
     access_token,
     expand: 'tickets,tickets.owner,tickets.ticket_type,tickets.ticket_type.taxes'
   };
-  let normalizedEntity = normalizeReservation({
+  const normalizedEntity = normalizeReservation({
     owner_email: email,
     owner_first_name: firstName,
     owner_last_name: lastName,
     owner_company: company,
-    tickets: [{
-      type_id: ticket.id,
-      promo_code: promoCode || null,
-      attendee_first_name: firstName,
-      attendee_last_name: lastName,
-      attendee_email: email
-    }]
+    tickets
   });
-  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, methods_namespaceObject.authErrorHandler // entity
+
+  const errorHandler = (err, res) => (dispatch, state) => {
+    if (res && res.statusCode === 412 && onError) return onError(err, res);
+    return (0,actions_namespaceObject.authErrorHandler)(err, res);
+  };
+
+  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;
@@ -249,7 +260,7 @@ const removeReservedTicket = () => async (dispatch, getState, {
     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}`, {}, methods_namespaceObject.authErrorHandler // entity
+  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));
@@ -301,13 +312,13 @@ const payTicket = (token = null, stripe = null, zipCode = null) => async (dispat
       }
     }).then(result => {
       if (result.error) {
-        // Reserve error.message in your UI.        
+        // Reserve error.message in your UI.
         external_sweetalert2_default().fire(result.error.message, "Please retry purchase.", "warning");
         dispatch(changeStep(1));
         dispatch(removeReservedTicket());
         dispatch(stopWidgetLoading());
       } else {
-        return (0,actions_namespaceObject.putRequest)(null, (0,actions_namespaceObject.createAction)(PAY_RESERVATION), `${apiBaseUrl}/api/v1/summits/${summitId}/orders/${reservation.hash}/checkout`, normalizedEntity, methods_namespaceObject.authErrorHandler // entity
+        return (0,actions_namespaceObject.putRequest)(null, (0,actions_namespaceObject.createAction)(PAY_RESERVATION), `${apiBaseUrl}/api/v1/summits/${summitId}/orders/${reservation.hash}/checkout`, normalizedEntity, actions_namespaceObject.authErrorHandler // entity
         )(params)(dispatch).then(payload => {
           dispatch(stopWidgetLoading());
           dispatch((0,actions_namespaceObject.createAction)(CLEAR_RESERVATION)({}));
@@ -326,7 +337,7 @@ const payTicket = (token = null, stripe = null, zipCode = null) => async (dispat
     });
   } else {
     // FREE TICKET
-    return (0,actions_namespaceObject.putRequest)(null, (0,actions_namespaceObject.createAction)(PAY_RESERVATION), `${apiBaseUrl}/api/v1/summits/${summitId}/orders/${reservation.hash}/checkout`, normalizedEntity, methods_namespaceObject.authErrorHandler // entity
+    return (0,actions_namespaceObject.putRequest)(null, (0,actions_namespaceObject.createAction)(PAY_RESERVATION), `${apiBaseUrl}/api/v1/summits/${summitId}/orders/${reservation.hash}/checkout`, normalizedEntity, actions_namespaceObject.authErrorHandler // entity
     )(params)(dispatch).then(payload => {
       dispatch(stopWidgetLoading());
       dispatch((0,actions_namespaceObject.createAction)(CLEAR_RESERVATION)({}));
@@ -973,14 +984,24 @@ const PaymentComponent = ({
 };
 
 /* harmony default export */ const payment = (PaymentComponent);
-;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/components/inputs/registration-company-input"
-const registration_company_input_namespaceObject = require("openstack-uicore-foundation/lib/components/inputs/registration-company-input");
-var registration_company_input_default = /*#__PURE__*/__webpack_require__.n(registration_company_input_namespaceObject);
+;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/components"
+const components_namespaceObject = require("openstack-uicore-foundation/lib/components");
 ;// CONCATENATED MODULE: external "react-hook-form"
 const external_react_hook_form_namespaceObject = require("react-hook-form");
+;// 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","readOnly":"readOnly___WRazF","companies":"companies___kmGFB"});
+/* harmony default export */ const personal_information_index_module = ({"title":"title___ECoNz","form":"form___lDFka","readOnly":"readOnly___WRazF","companies":"companies___kmGFB","moreInfo":"moreInfo___cQYdZ","moreInfoTooltip":"moreInfoTooltip___lslgT","formErrors":"formErrors___dQQMe"});
 ;// CONCATENATED MODULE: ./src/components/personal-information/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); }
 
@@ -1009,13 +1030,17 @@ function personal_information_defineProperty(obj, key, value) { if (key in obj)
 
 
 
+
+
+
 const PersonalInfoComponent = ({
   isActive,
   changeForm,
   reservation,
   userProfile,
   summitId,
-  handleCompanyError
+  handleCompanyError,
+  formErrors
 }) => {
   var _errors$email, _errors$email2;
 
@@ -1082,8 +1107,7 @@ const PersonalInfoComponent = ({
     },
     to: {
       opacity: 1,
-      height: isActive ? height + 10 : 0,
-      marginBottom: isActive ? 5 : 0
+      height: isActive ? height + 10 : 0
     }
   });
   return /*#__PURE__*/external_react_default().createElement("div", {
@@ -1144,7 +1168,7 @@ const PersonalInfoComponent = ({
     "data-testid": "email-error-invalid"
   }, "The email is invalid")), /*#__PURE__*/external_react_default().createElement("div", {
     className: personal_information_index_module.companies
-  }, /*#__PURE__*/external_react_default().createElement((registration_company_input_default()), {
+  }, /*#__PURE__*/external_react_default().createElement(components_namespaceObject.RegistrationCompanyInput, {
     id: "company",
     summitId: summitId,
     onChange: onCompanyChange,
@@ -1155,7 +1179,22 @@ const PersonalInfoComponent = ({
   }, "This field is required")), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("input", _extends({
     type: "text",
     placeholder: "Promo Code"
-  }, register("promoCode"))))))))));
+  }, 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
+  }, "In order to use multiple promo codes, you may place a new registration order with the new promo code after you complete this order. This promo code will be applied to all tickets in this 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);
@@ -1164,10 +1203,12 @@ const raw_html_namespaceObject = require("openstack-uicore-foundation/lib/compon
 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","dropdown":"dropdown____HWg0","inPersonDisclaimer":"inPersonDisclaimer___PXGTz"});
+/* 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","inPersonDisclaimer":"inPersonDisclaimer___z_DzO","dropdown":"dropdown___mfbPG"});
+/* harmony default export */ const ticket_dropdown_index_module = ({"placeholder":"placeholder___pcdCn","inPersonDisclaimer":"inPersonDisclaimer___z_DzO","dropdown":"dropdown___mfbPG","soldOut":"soldOut___rBLC0"});
 ;// CONCATENATED MODULE: ./src/components/ticket-dropdown/index.js
 /**
  * Copyright 2020 OpenStack Foundation
@@ -1185,6 +1226,7 @@ var raw_html_default = /*#__PURE__*/__webpack_require__.n(raw_html_namespaceObje
 
 
 
+
 const TicketDropdownComponent = ({
   selectedTicket,
   ticketTypes,
@@ -1217,16 +1259,52 @@ const TicketDropdownComponent = ({
     className: ticket_dropdown_index_module.dropdown,
     "data-testid": "ticket-list"
   }, ticketTypes.map(t => {
-    if (t.quantity_2_sell - t.quantity_sold > 0 && (t.sales_start_date === null && t.sales_end_date === null || now_utc >= t.sales_start_date && now_utc <= t.sales_end_date)) {
+    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,
-        onClick: () => ticketSelect(t)
-      }, `${t.name} - $${t.cost} ${t.currency}`);
+        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; }
 
@@ -1254,15 +1332,20 @@ function ticket_type_defineProperty(obj, key, value) { if (key in obj) { Object.
 
 
 
+
+
+
 const TicketTypeComponent = ({
   ticketTypes,
-  taxTypes,
   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)();
@@ -1276,8 +1359,7 @@ const TicketTypeComponent = ({
     },
     to: {
       opacity: 1,
-      height: isActive ? height + 10 : 0,
-      marginBottom: isActive ? 5 : 0
+      height: isActive ? height + 10 : 0
     }
   });
   (0,external_react_namespaceObject.useEffect)(() => {
@@ -1288,39 +1370,97 @@ const TicketTypeComponent = ({
     }
   }, []);
   (0,external_react_namespaceObject.useEffect)(() => {
-    changeForm(ticket);
-  }, [ticket]);
+    changeForm({
+      ticketType: ticket,
+      ticketQuantity: quantity
+    });
+  }, [ticket, quantity]);
 
-  const ticketSelect = t => {
+  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}`
+    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", {
+  }, /*#__PURE__*/external_react_default().createElement("span", null, "Ticket"), /*#__PURE__*/external_react_default().createElement("div", {
     className: ticket_type_index_module.summary
-  }, !isActive && (reservation === null || reservation === void 0 ? void 0 : reservation.discount_amount) > 0 ? /*#__PURE__*/external_react_default().createElement("span", null, ticket && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, ticket.name, " \xA0", /*#__PURE__*/external_react_default().createElement("span", {
+  }, /*#__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
-  }, "$", ticket.cost, " \xA0"), /*#__PURE__*/external_react_default().createElement("span", {
+  }, formatCurrency(ticket.cost * quantity, {
+    currency: ticket.currency
+  })), ` `, /*#__PURE__*/external_react_default().createElement("span", {
     className: ticket_type_index_module.discount
-  }, "$", reservation.raw_amount - reservation.discount_amount), ticket.currency), /*#__PURE__*/external_react_default().createElement("span", {
+  }, 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")) : /*#__PURE__*/external_react_default().createElement("span", null, ticket ? `${ticket.name}: $${ticket.cost} ${ticket.currency}` : 'No ticket selected'), !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), /*#__PURE__*/external_react_default().createElement("span", null, "Taxes: $", reservation === null || reservation === void 0 ? void 0 : reservation.taxes_amount, " ", ticket === null || ticket === void 0 ? void 0 : ticket.currency)))), /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
+  }, "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,
+    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: t => ticketSelect(t)
-  }))), inPersonDisclaimer && ticket && isInPersonTicketType(ticket) && /*#__PURE__*/external_react_default().createElement("div", {
+    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
+  }, "In order to select multiple tickets of a different type, you may place a new registration order after you complete this 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)))));
 };
@@ -1349,24 +1489,21 @@ const TicketTypeComponent = ({
 const ButtonBarComponent = ({
   step,
   changeStep,
-  registrationForm,
+  formValues,
   removeReservedTicket,
-  inPersonDisclaimer,
-  goToRegistration
+  inPersonDisclaimer
 }) => {
-  var _registrationForm$tic, _registrationForm$tic2;
-
-  const nextButtonText = inPersonDisclaimer && registrationForm !== null && registrationForm !== void 0 && registrationForm.ticketType && isInPersonTicketType(registrationForm.ticketType) ? 'Accept' : 'Next';
+  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("span", {
-    className: button_bar_index_module.registration,
-    onClick: () => goToRegistration()
-  }, "Need multiple tickets?")), /*#__PURE__*/external_react_default().createElement("div", {
+  }, 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`,
@@ -1375,14 +1512,14 @@ const ButtonBarComponent = ({
     className: `${button_bar_index_module.button} button`,
     onClick: () => removeReservedTicket()
   }, "< Back"), step === 0 && /*#__PURE__*/external_react_default().createElement("button", {
-    disabled: !registrationForm.ticketType,
+    disabled: !ticketType,
     className: `${button_bar_index_module.button} button`,
     onClick: () => changeStep(step + 1)
-  }, nextButtonText), step === 1 && ((_registrationForm$tic = registrationForm.ticketType) === null || _registrationForm$tic === void 0 ? void 0 : _registrationForm$tic.cost) === 0 && /*#__PURE__*/external_react_default().createElement("button", {
+  }, 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 && ((_registrationForm$tic2 = registrationForm.ticketType) === null || _registrationForm$tic2 === void 0 ? void 0 : _registrationForm$tic2.cost) > 0 && /*#__PURE__*/external_react_default().createElement("button", {
+  }, "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"
@@ -1397,6 +1534,8 @@ const 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: external "openstack-uicore-foundation/lib/utils/methods"
+const methods_namespaceObject = require("openstack-uicore-foundation/lib/utils/methods");
 ;// CONCATENATED MODULE: ./src/components/purchase-complete/index.js
 /**
  * Copyright 2020 OpenStack Foundation
@@ -1563,7 +1702,7 @@ const PasswordlessLoginComponent = ({
 /* 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 = ({"wrapper":"wrapper___wkhQp","circle":"circle___EPP1b","complete":"complete___m8wZz"});
+/* 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
@@ -1581,26 +1720,25 @@ const PasswordlessLoginComponent = ({
 
 
 const TicketOwnedComponent = ({
-  goToRegistration
+  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.wrapper}`
-  }, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
-    className: ticket_owned_index_module.circle
-  }, /*#__PURE__*/external_react_default().createElement("i", {
-    className: "fa fa-ticket"
-  })), /*#__PURE__*/external_react_default().createElement("span", {
-    className: ticket_owned_index_module.complete
-  }, "Our records show you have a ticket(s) to this event."), /*#__PURE__*/external_react_default().createElement("span", {
-    className: ticket_owned_index_module.complete
-  }, "If you would like to purchase more, ", /*#__PURE__*/external_react_default().createElement("a", {
-    onClick: () => goToRegistration()
-  }, "click here"), ".")));
+    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/components/registration-lite.js
-const _excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicket", "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", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError"];
+const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicket", "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"];
 
 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; }
 
@@ -1608,9 +1746,9 @@ function registration_lite_objectSpread(target) { for (var i = 1; i < arguments.
 
 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 _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 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 _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; }
+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
@@ -1643,7 +1781,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 const RegistrationLite = _ref => {
-  var _registrationForm$tic, _registrationForm$tic2;
+  var _formValues$ticketTyp, _formValues$ticketTyp2;
 
   let {
     loadSession,
@@ -1679,19 +1817,37 @@ const RegistrationLite = _ref => {
     summitData,
     supportEmail,
     ticketOwned,
+    ownedTickets,
     widgetLoading,
     loading,
     inPersonDisclaimer,
     userProfile,
     handleCompanyError
   } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = registration_lite_objectWithoutProperties(_ref, registration_lite_excluded);
 
   const [registrationForm, setRegistrationForm] = (0,external_react_namespaceObject.useState)({
-    ticketType: null,
-    personalInformation: null,
-    paymentInformation: null
+    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
+  }));
+
   let publicKey = null;
 
   for (let profile of summitData.payment_profiles) {
@@ -1702,11 +1858,6 @@ const RegistrationLite = _ref => {
   }
 
   const stripePromise = (0,external_react_namespaceObject.useMemo)(() => (0,stripe_js_namespaceObject.loadStripe)(publicKey), [publicKey]);
-
-  const ticketReservation = () => {
-    reserveTicket(registrationForm.personalInformation, registrationForm.ticketType);
-  };
-
   (0,external_react_namespaceObject.useEffect)(() => {
     loadSession(registration_lite_objectSpread(registration_lite_objectSpread({}, rest), {}, {
       summitData,
@@ -1723,14 +1874,23 @@ const RegistrationLite = _ref => {
     }
   }, [summitData, profileData]);
   (0,external_react_namespaceObject.useEffect)(() => {
-    if (step === 1 && registrationForm.ticketType && registrationForm.personalInformation) {
-      ticketReservation();
+    if (step === 1 && formValues !== null && formValues !== void 0 && formValues.ticketType && formValues !== null && formValues !== void 0 && formValues.personalInformation) {
+      reserveTicket({
+        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 && !registrationForm.ticketType) {
+    if (step > 0 && !(formValues !== null && formValues !== void 0 && formValues.ticketType)) {
       changeStep(0);
     }
-  }, [registrationForm]);
+  }, [formValues]);
+  (0,external_react_namespaceObject.useEffect)(() => {
+    setFormErrors([]);
+  }, [step]);
   const [ref, {
     height
   }] = (0,external_react_use_namespaceObject.useMeasure)();
@@ -1739,10 +1899,18 @@ const RegistrationLite = _ref => {
       bounce: 0
     }, external_react_spring_namespaceObject.config.stiff),
     to: {
-      opacity: ((_registrationForm$tic = registrationForm.ticketType) === null || _registrationForm$tic === void 0 ? void 0 : _registrationForm$tic.cost) === 0 ? 0 : 1,
-      height: ((_registrationForm$tic2 = registrationForm.ticketType) === null || _registrationForm$tic2 === void 0 ? void 0 : _registrationForm$tic2.cost) === 0 ? 0 : height
+      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: "modal",
     className: "modal is-active"
@@ -1757,19 +1925,15 @@ const RegistrationLite = _ref => {
     size: 80
   }), /*#__PURE__*/external_react_default().createElement("div", {
     className: `${general_module.outerWrapper} summit-registration-lite`
-  }, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
-    className: `${general_module.innerWrapper}`
+  }, /*#__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: () => rest.closeWidget()
-  })), ticketOwned && /*#__PURE__*/external_react_default().createElement("div", {
-    className: general_module.stepsWrapper
-  }, /*#__PURE__*/external_react_default().createElement(ticket_owned, {
-    goToRegistration: goToRegistration
-  })), !ticketOwned && /*#__PURE__*/external_react_default().createElement("div", {
+    onClick: handleCloseClick
+  })), /*#__PURE__*/external_react_default().createElement("div", {
     className: general_module.stepsWrapper
   }, !profileData && !passwordlessCodeSent && /*#__PURE__*/external_react_default().createElement(components_login, {
     options: loginOptions,
@@ -1787,24 +1951,26 @@ const RegistrationLite = _ref => {
     goToLogin: goToLogin,
     getLoginCode: getLoginCode,
     getPasswordlessCode: getPasswordlessCode
-  }), profileData && step !== 3 && ticketTypes.length > 0 && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement(ticket_type, {
+  }), 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: t => setRegistrationForm(registration_lite_objectSpread(registration_lite_objectSpread({}, registrationForm), {}, {
-      ticketType: t
-    }))
+    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: personalForm => setRegistrationForm(registration_lite_objectSpread(registration_lite_objectSpread({}, registrationForm), {}, {
-      personalInformation: personalForm
+    changeForm: personalInformation => setFormValues(registration_lite_objectSpread(registration_lite_objectSpread({}, formValues), {}, {
+      personalInformation
     })),
-    handleCompanyError: handleCompanyError
+    handleCompanyError: handleCompanyError,
+    formErrors: formErrors
   }), /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
     style: registration_lite_objectSpread({}, toggleAnimation)
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -1822,14 +1988,13 @@ const RegistrationLite = _ref => {
     supportEmail: supportEmail,
     goToEvent: goToEvent,
     goToExtraQuestions: goToExtraQuestions
-  })), profileData && !ticketOwned && step !== 3 && /*#__PURE__*/external_react_default().createElement(button_bar, {
+  })), profileData && step !== 3 && /*#__PURE__*/external_react_default().createElement(button_bar, {
     step: step,
     inPersonDisclaimer: inPersonDisclaimer,
-    registrationForm: registrationForm,
-    goToRegistration: goToRegistration,
+    formValues: formValues,
     removeReservedTicket: removeReservedTicket,
     changeStep: changeStep
-  }))))));
+  })))));
 };
 
 const registration_lite_mapStateToProps = ({

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "summit-registration-lite",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Summit Registration Lite",
   "main": "index.js",
   "scripts": {
+    "clean": "find . -name \"node_modules\" -type d -prune -exec rm -rf '{}' + && yarn install",
     "build-dev": "./node_modules/.bin/webpack --config webpack.dev.js",
     "build": "./node_modules/.bin/webpack --config webpack.prod.js",
     "serve": "webpack-dev-server --open --port=8888 --https --config webpack.dev.js",
@@ -58,7 +59,7 @@
     "moment": "^2.22.2",
     "moment-timezone": "^0.5.21",
     "node-sass": "^7.0.1",
-    "openstack-uicore-foundation": "^4.0.14",
+    "openstack-uicore-foundation": "^4.0.18",
     "optimize-css-assets-webpack-plugin": "^6.0.1",
     "path": "^0.12.7",
     "react": "^16.8.4",
@@ -102,7 +103,7 @@
     "lodash": "^4.17.14",
     "moment": "^2.22.2",
     "moment-timezone": "^0.5.21",
-    "openstack-uicore-foundation": "^4.0.14",
+    "openstack-uicore-foundation": "^4.0.18",
     "react": "^16.8.4",
     "react-bootstrap": "^0.31.5",
     "react-datetime": "^2.16.2",