summit-registration-lite 5.0.29 → 5.0.31

package/dist/index.css

@@ -16,7 +16,7 @@
 
 .placeholder___pcdCn{border-radius:5px;width:100%;border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:36px}.placeholder___pcdCn i{padding:2px 5px;border-left:1px solid var(--color_primary)}.placeholder___pcdCn .selectedTicket___qkbpH{max-height:25px;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}@media screen and (max-width: 630px){.placeholder___pcdCn .selectedTicket___qkbpH{max-width:300px}}@media screen and (max-width: 500px){.placeholder___pcdCn .selectedTicket___qkbpH{max-width:200px}}@media screen and (max-width: 400px){.placeholder___pcdCn .selectedTicket___qkbpH{max-width:100px}}.inPersonDisclaimer___z_DzO{padding:4px}.dropdown___mfbPG{margin-top:10px;border-radius:5px;width:100%;border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color);cursor:pointer}.dropdown___mfbPG div{padding:5px}.dropdown___mfbPG div:hover{border-radius:5px;background-color:var(--color_primary50);color:var(--color_input_text_color)}.soldOut___rBLC0,.soldOut___rBLC0:hover,.soldOut___rBLC0:focus{color:inherit !important;background-color:#dedede !important;opacity:0.65;cursor:not-allowed}
 
-.promoCodeWrapper___aw3Zx{padding-top:16px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:15px}.promoCodeWrapper___aw3Zx span{color:var(--color_text_dark);font-size:14px;font-weight:600;line-height:140%;width:30%}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET{display:flex;align-items:center;position:relative;flex:1;height:33px;width:50%;min-width:220px}.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}@media screen and (max-width: 540px){.promoCodeWrapper___aw3Zx span{width:100%}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET{width:100%}.promoCodeWrapper___aw3Zx .moreInfo___Ru3Rv{width:100%}}
+.promoCodeWrapper___aw3Zx{padding-top:16px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:15px}.promoCodeWrapper___aw3Zx span{color:var(--color_text_dark);font-size:14px;font-weight:600;line-height:140%;width:30%}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET{display:flex;align-items:center;position:relative;flex:1;height:33px;width:50%;min-width:220px}.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}@media screen and (max-width: 540px){.promoCodeWrapper___aw3Zx span{width:100%}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET{width:100%}.promoCodeWrapper___aw3Zx .moreInfo___Ru3Rv{width:100%}}.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

@@ -1113,6 +1113,19 @@ const validatePromoCode = (ticketData, {
       promoCode: currentPromoCode
     }
   } = getState();
+  const {
+    promoCode: formPromoCode
+  } = ticketData;
+
+  if (formPromoCode && !currentPromoCode) {
+    const defaultMessage = `You entered a promo code but it hasn't been applied. Make sure to click the 'Apply' button or remove it before continuing.`;
+    const notAppliedCodeError = {
+      body: {
+        errors: [defaultMessage]
+      }
+    };
+    return onError(null, notAppliedCodeError);
+  }
 
   if (summitId && currentPromoCode) {
     dispatch(startWidgetLoading());
@@ -2903,11 +2916,18 @@ const PromoCodeInput = ({
   applyPromoCode,
   promoCode,
   removePromoCode,
-  showMultipleTicketTexts
+  showMultipleTicketTexts,
+  onPromoCodeChange
 }) => {
   const [statePromoCode, setStatePromoCode] = (0,external_react_.useState)(promoCode);
+
+  const handlePromoCodeChange = value => {
+    onPromoCodeChange(value);
+    setStatePromoCode(value);
+  };
+
   (0,external_react_.useEffect)(() => {
-    if (isEmptyString(promoCode)) setStatePromoCode('');
+    if (isEmptyString(promoCode)) handlePromoCodeChange(promoCode);
   }, [promoCode]);
   return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
     className: promocode_input_index_module.promoCodeWrapper
@@ -2917,7 +2937,7 @@ const PromoCodeInput = ({
     className: `${promoCode ? promocode_input_index_module.promoCodeActive : ''}`,
     type: "text",
     value: statePromoCode,
-    onChange: ev => setStatePromoCode(ev.target.value),
+    onChange: ev => handlePromoCodeChange(ev.target.value),
     placeholder: "Enter your promo code",
     onKeyDown: e => {
       if (e.key === "Enter") applyPromoCode(statePromoCode);
@@ -3042,6 +3062,10 @@ const TicketTypeComponent = ({
       });
       setTicket(updatedCurrentTicket);
     }
+
+    if (!promoCode) changeForm({
+      promoCode: ''
+    });
   }, [promoCode, originalTicketTypes]);
   const isPrePaidReservation = (0,external_react_.useMemo)(() => reservation ? isPrePaidOrder(reservation) : false, [reservation]);
 
@@ -3050,6 +3074,12 @@ const TicketTypeComponent = ({
     setQuantity(minQuantity);
   };
 
+  const handlePromoCodeChange = code => {
+    changeForm({
+      promoCode: code
+    });
+  };
+
   const incrementQuantity = () => setQuantity(quantity + 1);
 
   const decrementQuantity = () => setQuantity(quantity - 1);
@@ -3134,8 +3164,10 @@ const TicketTypeComponent = ({
     promoCode: promoCode,
     applyPromoCode: applyPromoCode,
     showMultipleTicketTexts: showMultipleTicketTexts,
-    removePromoCode: removePromoCode
-  }), promoCodeError && Object.values(promoCodeError).map(er => /*#__PURE__*/external_react_default().createElement("div", {
+    removePromoCode: removePromoCode,
+    onPromoCodeChange: handlePromoCodeChange
+  }), promoCodeError && Object.values(promoCodeError).map((er, index) => /*#__PURE__*/external_react_default().createElement("div", {
+    key: `error-${index}`,
     className: `${ticket_type_index_module.promocodeError} alert alert-danger`
   }, er))), showMultipleTicketTexts && /*#__PURE__*/external_react_default().createElement("a", {
     className: ticket_type_index_module.moreInfo,
@@ -3192,7 +3224,8 @@ const ButtonBarComponent = ({
 }) => {
   const {
     ticketType,
-    ticketQuantity
+    ticketQuantity,
+    promoCode
   } = formValues || {};
   const nextButtonText = inPersonDisclaimer && ticketType && isInPersonTicketType(ticketType) ? 'Accept' : 'Next';
   return /*#__PURE__*/external_react_default().createElement("div", {
@@ -3213,7 +3246,8 @@ const ButtonBarComponent = ({
     disabled: !ticketType,
     className: `${button_bar_index_module.button} button`,
     onClick: () => validatePromoCode(button_bar_objectSpread(button_bar_objectSpread({}, ticketType), {}, {
-      ticketQuantity
+      ticketQuantity,
+      promoCode
     }), onValidateError)
   }, nextButtonText), step === STEP_PERSONAL_INFO && ticketType?.cost === 0 && /*#__PURE__*/external_react_default().createElement("button", {
     className: `${button_bar_index_module.button} button`,
@@ -3623,7 +3657,8 @@ const RegistrationLite = _ref => {
       ticketType: null,
       ticketQuantity: 1,
       personalInformation: null,
-      paymentInformation: null
+      paymentInformation: null,
+      promoCode: ''
     },
     errors: []
   });
@@ -3646,6 +3681,9 @@ const RegistrationLite = _ref => {
     publicKey,
     provider
   } = getCurrentProvider(summitData);
+  const allowedTicketTypes = ticketTaxesLoaded ? ticketTypes.filter(tt => tt.sales_start_date === null && tt.sales_end_date === null || nowUtc >= tt.sales_start_date && nowUtc <= tt.sales_end_date) : [];
+  const noAvailableTickets = (0,external_react_.useMemo)(() => profileData && ticketTaxesLoaded && !ticketTaxesError && allowedTicketTypes.length === 0 && step !== STEP_COMPLETE, [allowedTicketTypes]);
+  const alreadyOwnedTickets = (0,external_react_.useMemo)(() => profileData && ticketTaxesLoaded && !ticketTaxesError && allowedTicketTypes.length > 0 && ownedTickets.length > 0, [ownedTickets, allowedTicketTypes]);
   (0,external_react_.useEffect)(() => {
     if (profileData) loadProfileData(profileData);
   }, [profileData]); // just initial load ( once )
@@ -3732,7 +3770,6 @@ const RegistrationLite = _ref => {
 
 
   if (ticketTypes.length === 0 && !requestedTicketTypes && profileData) return null;
-  const allowedTicketTypes = ticketTaxesLoaded ? ticketTypes.filter(tt => tt.sales_start_date === null && tt.sales_end_date === null || nowUtc >= tt.sales_start_date && nowUtc <= tt.sales_end_date) : [];
   return /*#__PURE__*/external_react_default().createElement("div", {
     id: `${general_module.modal}`,
     className: "modal is-active"
@@ -3761,7 +3798,7 @@ const RegistrationLite = _ref => {
   })), profileData && ticketTaxesError && /*#__PURE__*/external_react_default().createElement(ticket_taxes_error, {
     ticketTaxesErrorMessage: ticketTaxesErrorMessage,
     retryTicketTaxes: () => handleGetTicketTypesAndTaxes(summitData?.id)
-  }), profileData && ticketTaxesLoaded && !ticketTaxesError && allowedTicketTypes.length === 0 && step !== STEP_COMPLETE && /*#__PURE__*/external_react_default().createElement(no_allowed_tickets, {
+  }), noAvailableTickets && /*#__PURE__*/external_react_default().createElement(no_allowed_tickets, {
     noAllowedTicketsMessage: noAllowedTicketsMessage
   }), !ticketTaxesError && /*#__PURE__*/external_react_default().createElement("div", {
     className: general_module.stepsWrapper
@@ -3786,7 +3823,7 @@ const RegistrationLite = _ref => {
     idpLogoLight: idpLogoLight,
     idpLogoDark: idpLogoDark,
     idpLogoAlt: idpLogoAlt
-  }), profileData && step !== STEP_COMPLETE && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, ownedTickets.length > 0 && /*#__PURE__*/external_react_default().createElement(ticket_owned, {
+  }), profileData && step !== STEP_COMPLETE && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, alreadyOwnedTickets && /*#__PURE__*/external_react_default().createElement(ticket_owned, {
     ownedTickets: ownedTickets
   }), /*#__PURE__*/external_react_default().createElement(ticket_type, {
     allowedTicketTypes: allowedTicketTypes,