summit-registration-lite 5.0.20-alpha.0 → 5.0.20-alpha.2

package/dist/index.css

@@ -12,11 +12,11 @@
 
 .title___ECoNz{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.title___ECoNz div{font-weight:normal}.form___lDFka{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 0}.form___lDFka div.fieldWrapper___Mi_nL{width:48%;margin-bottom:5px}.form___lDFka div.fieldWrapperRadio___x18VG{width:100%;margin-bottom:10px}.form___lDFka div.fieldWrapperRadio___x18VG label{display:inline-block;margin-bottom:5px}.form___lDFka div.fieldWrapperRadio___x18VG>div>div{padding-left:0px !important}.form___lDFka div.inputWrapper___PEQFR{display:flex;border-radius:5px;border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input{width:100%;background-color:transparent;color:var(--color_input_text_color);border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___lDFka div.inputWrapper___PEQFR input:focus-visible{outline:none}.form___lDFka div.inputWrapper___PEQFR .readOnly___WRazF{opacity:0.6;cursor:default}.form___lDFka div.fieldError___ksJVe{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5;justify-content:left !important}.form___lDFka div.fieldError___ksJVe::before{font-family:FontAwesome;content:'\f071';margin-right:5px}.form___lDFka .fieldWrapperRadio___x18VG>div{display:flex;flex-direction:row}.moreInfo___cQYdZ{display:inline-block;margin-top:10px}.moreInfoTooltip___lslgT{max-width:280px}.ticketQuantityNotice___L6gis{margin:10px 0 0 !important}.formErrors___dQQMe{margin-top:10px}.formErrors___dQQMe div+div{margin-top:10px}
 
-.title___DNZyl{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.summary___quWdZ{text-align:right}.promoCode___bqTCw{display:inline-flex}.promoCode___bqTCw abbr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:10ch}.crossOut___QZ7dy{text-decoration:line-through}.discount___sEK_Q{color:red}.taxes___fe8oJ{display:inline-flex}.taxes___fe8oJ abbr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:15ch}.promo___F8lPO{font-weight:bold;display:flex;justify-content:flex-end}.form___aoo7w{display:flex;gap:10px;margin-top:10px}.dropdown____HWg0{flex:1 1 auto}.quantity___SIEQZ{flex-shrink:0}.quantity___SIEQZ input,.quantity___SIEQZ button{height:36px;text-align:center;border:1px solid var(--color_input_border_color)}.quantity___SIEQZ input{padding:0 8px;width:48px !important}.quantity___SIEQZ input,.quantity___SIEQZ input:read-only{border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color)}.quantity___SIEQZ button{display:flex;align-items:center}.quantity___SIEQZ button:disabled,.quantity___SIEQZ button:disabled:hover{opacity:0.65;background:#dedede;border-color:#bebebe}.soldOut___Hatfr{height:36px;padding:0 16px;line-height:34px;font-weight:700px;background:#dedede;border:solid 1px #bebebe;border-radius:5px;opacity:0.65;font-weight:700;flex-shrink:0}.moreInfo___LmwOe{display:inline-block;margin-top:10px}.moreInfoTooltip___nOBf1{max-width:280px}.inPersonDisclaimer___PXGTz{margin-top:15px;padding-right:10px;max-height:150px;overflow-y:auto}
+.title___DNZyl{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.summary___quWdZ{text-align:right}.promoCode___bqTCw{display:inline-flex}.promoCode___bqTCw abbr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:10ch}.crossOut___QZ7dy{text-decoration:line-through}.discount___sEK_Q{color:red}.promocodeError___oxk4p{margin-top:10px;color:red}.promocodeError___oxk4p::before{font-family:FontAwesome;content:'\f071';margin-right:5px}.taxes___fe8oJ{display:inline-flex}.taxes___fe8oJ abbr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:15ch}.promo___F8lPO{font-weight:bold;display:flex;justify-content:flex-end}.form___aoo7w{display:flex;gap:10px;margin-top:10px}.dropdown____HWg0{flex:1 1 auto}.quantity___SIEQZ{flex-shrink:0}.quantity___SIEQZ input,.quantity___SIEQZ button{height:36px;text-align:center;border:1px solid var(--color_input_border_color)}.quantity___SIEQZ input{padding:0 8px;width:48px !important}.quantity___SIEQZ input,.quantity___SIEQZ input:read-only{border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color)}.quantity___SIEQZ button{display:flex;align-items:center}.quantity___SIEQZ button:disabled,.quantity___SIEQZ button:disabled:hover{opacity:0.65;background:#dedede;border-color:#bebebe}.soldOut___Hatfr{height:36px;padding:0 16px;line-height:34px;font-weight:700px;background:#dedede;border:solid 1px #bebebe;border-radius:5px;opacity:0.65;font-weight:700;flex-shrink:0}.moreInfo___LmwOe{display:inline-block;margin-top:10px}.moreInfoTooltip___nOBf1{max-width:280px}.inPersonDisclaimer___PXGTz{margin-top:15px;padding-right:10px;max-height:150px;overflow-y:auto}
 
 .placeholder___pcdCn{border-radius:5px;width:100%;border:1px solid var(--color_primary);background-color:var(--color_primary50);padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:36px}.placeholder___pcdCn i{padding:2px 5px;border-left:1px solid var(--color_primary)}.placeholder___pcdCn .selectedTicket___qkbpH{max-height:25px;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}@media screen and (max-width: 630px){.placeholder___pcdCn .selectedTicket___qkbpH{max-width:300px}}@media screen and (max-width: 500px){.placeholder___pcdCn .selectedTicket___qkbpH{max-width:200px}}@media screen and (max-width: 400px){.placeholder___pcdCn .selectedTicket___qkbpH{max-width:100px}}.inPersonDisclaimer___z_DzO{padding:4px}.dropdown___mfbPG{margin-top:10px;border-radius:5px;width:100%;border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color);cursor:pointer}.dropdown___mfbPG div{padding:5px}.dropdown___mfbPG div:hover{background-color:var(--color_primary);color:var(--color_input_text_color)}.soldOut___rBLC0,.soldOut___rBLC0:hover,.soldOut___rBLC0:focus{color:inherit !important;background-color:#dedede !important;opacity:0.65;cursor:not-allowed}
 
-.promoCodeWrapper___aw3Zx{padding-top:16px;display:flex;justify-content:space-between;align-items:baseline;gap:15px}.promoCodeWrapper___aw3Zx span{color:var(--color_text_dark);font-size:14px;font-weight:600;line-height:140%}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET{display:flex;align-items:center;position:relative;flex:1}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET input{display:inline-flex;border-radius:4px;height:33px;padding:8px 42px 7px 8px;width:100%;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:1.5px solid var(--color_input_border_color)}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET input.promoCodeActive___j7xnn{padding:8px 80px 7px 8px}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .appliedCode___rQufS{display:flex;align-items:center;position:absolute;right:0px}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .appliedCode___rQufS button{position:relative}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .appliedCode___rQufS img{margin-right:10px}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET button{background-color:transparent;border:none;font-size:12px;font-style:normal;font-weight:400;line-height:16.693px;letter-spacing:-0.12px;position:absolute;right:8px;padding:0;cursor:pointer}.promoCodeWrapper___aw3Zx .moreInfo___Ru3Rv{display:inline-block}.promoCodeWrapper___aw3Zx .moreInfoTooltip___eaYWm{max-width:280px}
+.promoCodeWrapper___aw3Zx{padding-top:16px;display:flex;justify-content:space-between;align-items:baseline;gap:15px}.promoCodeWrapper___aw3Zx span{color:var(--color_text_dark);font-size:14px;font-weight:600;line-height:140%}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET{display:flex;align-items:center;position:relative;flex:1;height:33px}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET input{display:inline-flex;padding:13px 8px;width:70%;height:100%;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:1.5px solid var(--color_input_border_color);border-radius:4px 0px 0px 4px}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET input.promoCodeActive___j7xnn{padding-right:25px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .codeButtonWrapper___jVZh5{display:flex;align-items:center;width:30%;height:100%;background-color:#818181;border-radius:0px 4px 4px 0px}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .codeButtonWrapper___jVZh5.noCode___YUmVy{background-color:#CFCFCF;cursor:not-allowed}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .codeButtonWrapper___jVZh5 button{color:#fff;font-size:14px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.14px;width:100%;height:100%;border:none;background-color:transparent}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .appliedCodeIcon___pa3B4{position:absolute;left:60%}.promoCodeWrapper___aw3Zx .moreInfo___Ru3Rv{display:inline-block}.promoCodeWrapper___aw3Zx .moreInfoTooltip___eaYWm{max-width:280px}
 
 .button___MZBIY{font-weight:bold !important;font-size:1em !important;cursor:pointer !important;border:1px solid var(--color_input_border_color) !important;color:var(--color_input_text_color) !important;background-color:var(--color_input_background_color) !important}.button___MZBIY[disabled]{background-color:var(--color_secondary_contrast) !important}.button___MZBIY:hover{color:var(--color_input_text_color) !important}.button___MZBIY:active,.button___MZBIY:focus{color:var(--color_input_text_color) !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}
 

package/dist/index.js

@@ -888,6 +888,9 @@ payment_provider_factory_defineProperty(PaymentProviderFactory, "build", (provid
 
   return currentProvider;
 });
+;// CONCATENATED MODULE: external "urijs"
+const external_urijs_namespaceObject = require("urijs");
+var external_urijs_default = /*#__PURE__*/__webpack_require__.n(external_urijs_namespaceObject);
 ;// 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; }
 
@@ -913,6 +916,7 @@ function actions_defineProperty(obj, key, value) { if (key in obj) { Object.defi
 
 
 
+
 const START_WIDGET_LOADING = 'START_WIDGET_LOADING';
 const STOP_WIDGET_LOADING = 'STOP_WIDGET_LOADING';
 const LOAD_INITIAL_VARS = 'LOAD_INITIAL_VARS';
@@ -939,6 +943,7 @@ const UPDATE_CLOCK = 'UPDATE_CLOCK';
 const LOAD_PROFILE_DATA = 'LOAD_PROFILE_DATA';
 const SET_CURRENT_PROMO_CODE = 'SET_CURRENT_PROMO_CODE';
 const CLEAR_CURRENT_PROMO_CODE = 'CLEAR_CURRENT_PROMO_CODE';
+const VALIDATE_PROMO_CODE = 'VALIDATE_PROMO_CODE';
 const startWidgetLoading = (0,actions_namespaceObject.createAction)(START_WIDGET_LOADING);
 const stopWidgetLoading = (0,actions_namespaceObject.createAction)(STOP_WIDGET_LOADING);
 const loadSession = settings => dispatch => {
@@ -1081,6 +1086,62 @@ const removePromoCode = () => (dispatch, getState) => {
     return Promise.reject(e);
   }
 };
+const validatePromoCode = (ticketData, {
+  onError
+}) => async (dispatch, getState, {
+  apiBaseUrl,
+  getAccessToken
+}) => {
+  const {
+    registrationLiteState: {
+      settings: {
+        summitId
+      },
+      promoCode: currentPromoCode
+    }
+  } = getState();
+
+  if (summitId && currentPromoCode) {
+    dispatch(startWidgetLoading());
+    const {
+      ticketQuantity,
+      id,
+      sub_type
+    } = ticketData;
+    const access_token = await getAccessToken();
+    let apiUrl = external_urijs_default()(`${apiBaseUrl}/api/v1/summits/${summitId}/promo-codes/${currentPromoCode}/apply`);
+    apiUrl.addQuery('access_token', access_token);
+    apiUrl.addQuery('filter[]', `ticket_type_id==${id}`);
+    apiUrl.addQuery('filter[]', `ticket_type_qty==${ticketQuantity}`);
+    apiUrl.addQuery('filter[]', `ticket_type_subtype==${sub_type}`);
+
+    const errorHandler = (err, res) => (dispatch, state) => {
+      if (res && res.statusCode === 404 && onError) return onError(err, res);
+      if (res && res.statusCode === 412 && onError) return onError(err, res);
+      if (res && res.statusCode === 429 && onError) return onError(err, res);
+
+      if (res && res.statusCode === 500) {
+        const defaultMessage = 'Server Error';
+        const msg = res?.body?.message || defaultMessage;
+        external_sweetalert2_default().fire("Server Error", msg, "error");
+        return;
+      }
+
+      return (0,actions_namespaceObject.authErrorHandler)(err, res)(dispatch, state);
+    };
+
+    return (0,actions_namespaceObject.getRequest)(null, (0,actions_namespaceObject.createAction)(VALIDATE_PROMO_CODE), `${apiUrl}`, errorHandler)({})(dispatch).then(res => {
+      dispatch(changeStep(STEP_PERSONAL_INFO));
+      dispatch(stopWidgetLoading());
+      return res;
+    }).catch(error => {
+      dispatch(stopWidgetLoading());
+      return Promise.reject(error);
+    });
+  }
+
+  return dispatch(changeStep(STEP_PERSONAL_INFO));
+};
 const reserveTicket = ({
   provider,
   personalInformation,
@@ -2650,7 +2711,7 @@ const PersonalInfoComponent = ({
   }), companyError && /*#__PURE__*/external_react_default().createElement("div", {
     className: personal_information_index_module.fieldError,
     "data-testid": "company-error"
-  }, "This field is required."))), shouldDisplayTicketAssignment() && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("div", {
+  }, "This field is required."))), shouldDisplayTicketAssignment() && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
     className: personal_information_index_module.fieldWrapperRadio
   }, /*#__PURE__*/external_react_default().createElement("label", null, "Ticket is for:"), /*#__PURE__*/external_react_default().createElement(components_namespaceObject.RadioList, {
     id: `ticket-self-radio`,
@@ -2720,7 +2781,7 @@ 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","promoCode":"promoCode___bqTCw","crossOut":"crossOut___QZ7dy","discount":"discount___sEK_Q","taxes":"taxes___fe8oJ","promo":"promo___F8lPO","form":"form___aoo7w","dropdown":"dropdown____HWg0","quantity":"quantity___SIEQZ","soldOut":"soldOut___Hatfr","moreInfo":"moreInfo___LmwOe","moreInfoTooltip":"moreInfoTooltip___nOBf1","inPersonDisclaimer":"inPersonDisclaimer___PXGTz"});
+/* harmony default export */ const ticket_type_index_module = ({"title":"title___DNZyl","summary":"summary___quWdZ","promoCode":"promoCode___bqTCw","crossOut":"crossOut___QZ7dy","discount":"discount___sEK_Q","promocodeError":"promocodeError___oxk4p","taxes":"taxes___fe8oJ","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/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"});
@@ -2794,7 +2855,7 @@ var icon_check_circle = __webpack_require__(60);
 var icon_check_circle_default = /*#__PURE__*/__webpack_require__.n(icon_check_circle);
 ;// CONCATENATED MODULE: ./src/components/promocode-input/index.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const promocode_input_index_module = ({"promoCodeWrapper":"promoCodeWrapper___aw3Zx","promoCodeInput":"promoCodeInput___rDiET","promoCodeActive":"promoCodeActive___j7xnn","appliedCode":"appliedCode___rQufS","moreInfo":"moreInfo___Ru3Rv","moreInfoTooltip":"moreInfoTooltip___eaYWm"});
+/* harmony default export */ const promocode_input_index_module = ({"promoCodeWrapper":"promoCodeWrapper___aw3Zx","promoCodeInput":"promoCodeInput___rDiET","promoCodeActive":"promoCodeActive___j7xnn","codeButtonWrapper":"codeButtonWrapper___jVZh5","noCode":"noCode___YUmVy","appliedCodeIcon":"appliedCodeIcon___pa3B4","moreInfo":"moreInfo___Ru3Rv","moreInfoTooltip":"moreInfoTooltip___eaYWm"});
 ;// CONCATENATED MODULE: ./src/components/promocode-input/index.js
 /**
  * Copyright 2020 OpenStack Foundation
@@ -2838,16 +2899,17 @@ const PromoCodeInput = ({
       if (e.key === "Enter") applyPromoCode(statePromoCode);
     },
     readOnly: !isEmptyString(promoCode)
-  }), promoCode !== '' ? /*#__PURE__*/external_react_default().createElement("div", {
-    className: promocode_input_index_module.appliedCode
-  }, /*#__PURE__*/external_react_default().createElement("img", {
+  }), promoCode && /*#__PURE__*/external_react_default().createElement("img", {
     src: (icon_check_circle_default()),
     className: promocode_input_index_module.appliedCodeIcon
-  }), /*#__PURE__*/external_react_default().createElement("button", {
+  }), /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${promocode_input_index_module.codeButtonWrapper} ${statePromoCode ? '' : promocode_input_index_module.noCode}`
+  }, promoCode !== '' ? /*#__PURE__*/external_react_default().createElement("button", {
     onClick: () => removePromoCode()
-  }, "Remove")) : /*#__PURE__*/external_react_default().createElement("button", {
+  }, "Remove") : /*#__PURE__*/external_react_default().createElement("button", {
+    disabled: !statePromoCode,
     onClick: () => applyPromoCode(statePromoCode)
-  }, "Apply")), showMultipleTicketTexts && /*#__PURE__*/external_react_default().createElement("a", {
+  }, "Apply"))), showMultipleTicketTexts && /*#__PURE__*/external_react_default().createElement("a", {
     className: promocode_input_index_module.moreInfo,
     "data-tip": true,
     "data-for": "promo-code-info"
@@ -2901,6 +2963,7 @@ const TicketTypeComponent = ({
   taxTypes,
   isActive,
   changeForm,
+  formErrors,
   reservation,
   inPersonDisclaimer,
   showMultipleTicketTexts,
@@ -2966,6 +3029,7 @@ const TicketTypeComponent = ({
 
   const decrementQuantity = () => setQuantity(quantity - 1);
 
+  const promoCodeError = Object.keys(formErrors).length > 0 ? formErrors : null;
   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", {
@@ -3041,12 +3105,14 @@ const TicketTypeComponent = ({
     disabled: maxQuantity === 0 || quantity >= maxQuantity
   }, /*#__PURE__*/external_react_default().createElement("i", {
     className: "glyphicon glyphicon-plus"
-  }))))))), allowPromoCodes && /*#__PURE__*/external_react_default().createElement(promocode_input, {
+  }))))))), allowPromoCodes && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement(promocode_input, {
     promoCode: promoCode,
     applyPromoCode: applyPromoCode,
     showMultipleTicketTexts: showMultipleTicketTexts,
     removePromoCode: removePromoCode
-  }), showMultipleTicketTexts && /*#__PURE__*/external_react_default().createElement("a", {
+  }), promoCodeError && Object.values(promoCodeError).map(er => /*#__PURE__*/external_react_default().createElement("div", {
+    className: `${ticket_type_index_module.promocodeError} alert alert-danger`
+  }, er))), showMultipleTicketTexts && /*#__PURE__*/external_react_default().createElement("a", {
     className: ticket_type_index_module.moreInfo,
     "data-tip": true,
     "data-for": "ticket-quantity-info"
@@ -3067,6 +3133,12 @@ const TicketTypeComponent = ({
 // 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
+function button_bar_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 button_bar_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? button_bar_ownKeys(Object(source), !0).forEach(function (key) { button_bar_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : button_bar_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function button_bar_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");
@@ -3083,15 +3155,19 @@ const TicketTypeComponent = ({
 
 
 
+
 const ButtonBarComponent = ({
   step,
   changeStep,
+  validatePromoCode,
+  onValidateError,
   formValues,
   removeReservedTicket,
   inPersonDisclaimer
 }) => {
   const {
-    ticketType
+    ticketType,
+    ticketQuantity
   } = formValues || {};
   const nextButtonText = inPersonDisclaimer && ticketType && isInPersonTicketType(ticketType) ? 'Accept' : 'Next';
   return /*#__PURE__*/external_react_default().createElement("div", {
@@ -3102,25 +3178,27 @@ const ButtonBarComponent = ({
     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", {
+  }, step !== STEP_SELECT_TICKET_TYPE && step !== STEP_PAYMENT && /*#__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", {
+  }, "< Back"), step !== STEP_SELECT_TICKET_TYPE && step === STEP_PAYMENT && /*#__PURE__*/external_react_default().createElement("button", {
     className: `${button_bar_index_module.button} button`,
     onClick: () => removeReservedTicket()
-  }, "< Back"), step === 0 && /*#__PURE__*/external_react_default().createElement("button", {
+  }, "< Back"), step === STEP_SELECT_TICKET_TYPE && /*#__PURE__*/external_react_default().createElement("button", {
     disabled: !ticketType,
     className: `${button_bar_index_module.button} button`,
-    onClick: () => changeStep(step + 1)
-  }, nextButtonText), step === 1 && ticketType?.cost === 0 && /*#__PURE__*/external_react_default().createElement("button", {
+    onClick: () => validatePromoCode(button_bar_objectSpread(button_bar_objectSpread({}, ticketType), {}, {
+      ticketQuantity
+    }), onValidateError)
+  }, nextButtonText), step === STEP_PERSONAL_INFO && 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?.cost > 0 && /*#__PURE__*/external_react_default().createElement("button", {
+  }, "Get Ticket"), step === STEP_PERSONAL_INFO && 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", {
+  }, "Next"), step === STEP_PAYMENT && /*#__PURE__*/external_react_default().createElement("button", {
     className: `${button_bar_index_module.button} button`,
     type: "submit",
     form: "payment-form"
@@ -3377,7 +3455,7 @@ const TicketTaxesError = ({
 
 /* harmony default export */ const ticket_taxes_error = (TicketTaxesError);
 ;// CONCATENATED MODULE: ./src/components/registration-lite.js
-const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicketWithProvider", "onPurchaseComplete", "getTicketTypesAndTaxes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "allowsNativeAuth", "allowsOtpAuth", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToMyOrders", "goToEvent", "profileData", "summitData", "supportEmail", "ticketOwned", "ownedTickets", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError", "stripeOptions", "invitation", "loginInitialEmailInputValue", "getMyInvitation", "showMultipleTicketTexts", "noAllowedTicketsMessage", "ticketTaxesErrorMessage", "authErrorCallback", "clearWidgetState", "requestedTicketTypes", "allowPromoCodes", "showCompanyInput", "companyDDLPlaceholder", "nowUtc", "updateClock", "completedExtraQuestions", "loadProfileData", "closeWidget", "hasVirtualAccessLevel", "logoLight", "logoDark", "showCompanyInputDefaultOptions", "companyDDLOptions2Show", "promoCode", "hasDiscount", "getTicketDiscount", "removePromoCode", "applyPromoCode"];
+const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicketWithProvider", "onPurchaseComplete", "getTicketTypesAndTaxes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "allowsNativeAuth", "allowsOtpAuth", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToMyOrders", "goToEvent", "profileData", "summitData", "supportEmail", "ticketOwned", "ownedTickets", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError", "stripeOptions", "invitation", "loginInitialEmailInputValue", "getMyInvitation", "showMultipleTicketTexts", "noAllowedTicketsMessage", "ticketTaxesErrorMessage", "authErrorCallback", "clearWidgetState", "requestedTicketTypes", "allowPromoCodes", "showCompanyInput", "companyDDLPlaceholder", "nowUtc", "updateClock", "completedExtraQuestions", "loadProfileData", "closeWidget", "hasVirtualAccessLevel", "logoLight", "logoDark", "showCompanyInputDefaultOptions", "companyDDLOptions2Show", "promoCode", "hasDiscount", "getTicketDiscount", "removePromoCode", "applyPromoCode", "validatePromoCode"];
 
 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; }
 
@@ -3508,7 +3586,8 @@ const RegistrationLite = _ref => {
     hasDiscount,
     getTicketDiscount,
     removePromoCode,
-    applyPromoCode
+    applyPromoCode,
+    validatePromoCode
   } = _ref,
       rest = registration_lite_objectWithoutProperties(_ref, registration_lite_excluded);
 
@@ -3688,6 +3767,7 @@ const RegistrationLite = _ref => {
     applyPromoCode: applyPromoCode,
     removePromoCode: removePromoCode,
     promoCode: promoCode,
+    formErrors: formErrors,
     changeForm: ticketForm => setFormValues(registration_lite_objectSpread(registration_lite_objectSpread({}, formValues), ticketForm)),
     showMultipleTicketTexts: showMultipleTicketTexts
   }), /*#__PURE__*/external_react_default().createElement(personal_information, {
@@ -3765,6 +3845,10 @@ const RegistrationLite = _ref => {
     inPersonDisclaimer: inPersonDisclaimer,
     formValues: formValues,
     removeReservedTicket: removeReservedTicket,
+    validatePromoCode: validatePromoCode,
+    onValidateError: {
+      onError: (err, res) => setFormErrors(res.body.errors)
+    },
     changeStep: changeStep
   })))));
 };
@@ -3840,7 +3924,8 @@ RegistrationLite.propTypes = {
   updateClock: updateClock,
   loadProfileData: loadProfileData,
   applyPromoCode: applyPromoCode,
-  removePromoCode: removePromoCode
+  removePromoCode: removePromoCode,
+  validatePromoCode: validatePromoCode
 })(RegistrationLite));
 ;// CONCATENATED MODULE: ./src/summit-registration-lite.js
 /**