@bigz-app/booking-widget 1.1.5 → 1.1.6

package/dist/booking-widget.js

@@ -392,6 +392,7 @@
       "success.age": "{{age}} Jahre",
       "success.paymentSummary": "Zahlungsübersicht",
       "success.total": "Gesamtbetrag",
+      "success.discount": "Rabatt",
       "success.product": "Produkt",
       "success.contactInfo": "Kontaktdaten",
       "success.name": "Name:",
@@ -600,6 +601,7 @@
       "success.age": "{{age}} years",
       "success.paymentSummary": "Payment Summary",
       "success.total": "Total",
+      "success.discount": "Discount",
       "success.product": "Product",
       "success.contactInfo": "Contact Information",
       "success.name": "Name:",
@@ -808,6 +810,7 @@
       "success.age": "{{age}} años",
       "success.paymentSummary": "Resumen del pago",
       "success.total": "Total",
+      "success.discount": "Descuento",
       "success.product": "Producto",
       "success.contactInfo": "Datos de contacto",
       "success.name": "Nombre:",
@@ -1016,6 +1019,7 @@
       "success.age": "{{age}} anos",
       "success.paymentSummary": "Resumo do pagamento",
       "success.total": "Total",
+      "success.discount": "Desconto",
       "success.product": "Produto",
       "success.contactInfo": "Dados de contacto",
       "success.name": "Nome:",
@@ -1224,6 +1228,7 @@
       "success.age": "{{age}} år",
       "success.paymentSummary": "Betalningssammanfattning",
       "success.total": "Totalt",
+      "success.discount": "Rabatt",
       "success.product": "Produkt",
       "success.contactInfo": "Kontaktuppgifter",
       "success.name": "Namn:",
@@ -1350,7 +1355,7 @@
   const I18nContext = R$2(null);
   function I18nProvider({ configLocale, children }) {
       // Priority: configLocale (site owner) > persisted user choice > browser language > "de"
-      // If configLocale is set, the site owner has locked the language — don't restore user choice.
+      // If configLocale is set, the site owner has locked the language - don't restore user choice.
       const [overrideLocale, setOverrideLocale] = d$1(() => {
           if (configLocale)
               return null;
@@ -11127,6 +11132,13 @@
       return Object.assign({}, ...styles.filter(Boolean));
   }
 
+  function getEffectivePrice(upsell, round) {
+      const dp = upsell.discountPercent ?? 0;
+      if (dp <= 0)
+          return upsell.price;
+      const raw = Math.round(upsell.price * (100 - dp) / 100);
+      return round ? Math.floor(raw / 100) * 100 : raw;
+  }
   // Local style aliases from shared styles
   const cardStyles = cardStyles$1.base;
   const sectionHeaderStyles = sectionStyles.header;
@@ -11137,6 +11149,7 @@
       const t$1 = useTranslations();
       const { locale } = useLocale();
       const timezone = useTimezone();
+      const roundEnabled = systemConfig?.roundPricesEnabled !== false;
       const [appliedVouchers, setAppliedVouchers] = d$1([]);
       const paymentSectionRef = A$2(null);
       // Payment option: "deposit" or "full" - only relevant when deposit is available
@@ -11207,7 +11220,7 @@
                   participantUpsellIds.forEach(upsellId => {
                       const upsell = upsells.find(u => u.id === upsellId);
                       if (upsell) {
-                          total += upsell.price;
+                          total += getEffectivePrice(upsell, roundEnabled);
                       }
                   });
               }
@@ -11483,7 +11496,7 @@
                                                                           padding: 0,
                                                                       }, children: "\u00D7" })] }))] }), upsells.length > 0 && (u$2("div", { style: participantUpsellStyles.container, children: upsells.map((upsell) => {
                                                           const isSelected = (participantUpsells[index] || []).includes(upsell.id);
-                                                          return (u$2("label", { htmlFor: `upsell-${index}-${upsell.id}`, style: isSelected ? participantUpsellStyles.labelSelected : participantUpsellStyles.label, children: [u$2("input", { id: `upsell-${index}-${upsell.id}`, type: "checkbox", style: participantUpsellStyles.checkbox, checked: isSelected, onChange: () => toggleParticipantUpsell(index, upsell.id) }), u$2("span", { style: { fontWeight: 500 }, children: upsell.name }), u$2("span", { style: { fontSize: "12px", opacity: 0.8 }, children: ["(+", formatCurrency(upsell.price), ")"] })] }, upsell.id));
+                                                          return (u$2("label", { htmlFor: `upsell-${index}-${upsell.id}`, style: isSelected ? participantUpsellStyles.labelSelected : participantUpsellStyles.label, children: [u$2("input", { id: `upsell-${index}-${upsell.id}`, type: "checkbox", style: participantUpsellStyles.checkbox, checked: isSelected, onChange: () => toggleParticipantUpsell(index, upsell.id) }), u$2("span", { style: { fontWeight: 500 }, children: upsell.name }), u$2("span", { style: { fontSize: "12px", opacity: 0.8 }, children: ["(+", formatCurrency(getEffectivePrice(upsell, roundEnabled)), ")"] })] }, upsell.id));
                                                       }) }))] }, index))), watchedParticipants.length < eventDetails.availableSpots ? (u$2("div", { style: {
                                                   display: "flex",
                                                   flexDirection: "column",
@@ -11515,7 +11528,7 @@
                                                               const countWithUpsell = watchedParticipants.filter((p, idx) => p.name.trim() && (participantUpsells[idx] || []).includes(upsell.id)).length;
                                                               if (countWithUpsell === 0)
                                                                   return null;
-                                                              const upsellLineTotal = upsell.price * countWithUpsell;
+                                                              const upsellLineTotal = getEffectivePrice(upsell, roundEnabled) * countWithUpsell;
                                                               return (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "13px" }, children: [u$2("span", { style: { color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: ["+ ", upsell.name, " (", countWithUpsell, "\u00D7)"] }), u$2("span", { style: { color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(upsellLineTotal) })] }, upsell.id));
                                                           })] })), appliedVouchers.length > 0 && (u$2(k$3, { children: [u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: t$1("summary.subtotal") }), u$2("span", { style: {
                                                                           fontFamily: "var(--bw-font-family)",
@@ -11640,7 +11653,7 @@
                                                       : t$1("payment.fillRequired");
                                                   return (u$2("div", { style: {
                                                           ...cardStyles,
-                                                          borderColor: "var(--bw-warning-color)",
+                                                          border: "1px solid var(--bw-warning-color)",
                                                           color: "var(--bw-warning-color)",
                                                           fontFamily: "var(--bw-font-family)",
                                                           textAlign: "center",
@@ -11809,6 +11822,7 @@
                           payments: data.payments,
                           orderItems: data.orderItems,
                           purchases: data.purchases || [],
+                          discount: data.discount || null,
                           stripePaymentIntent: data.stripePaymentIntent,
                       });
                       setEventDetails({
@@ -12058,7 +12072,7 @@
                                               color: "var(--bw-text-color)",
                                               margin: "0",
                                               fontFamily: "var(--bw-font-family)",
-                                          }, children: t("success.paymentSummary") }) }), u$2("div", { className: "print-only", children: u$2("div", { className: "print-section-title", children: t("success.paymentSummary") }) }), u$2("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [u$2("div", { className: "print-hidden", style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)", fontSize: "var(--bw-font-size-small)" }, children: [eventDetails.name, " (", booking.participantCount, "x ", formatCurrency(eventDetails.price), ")"] }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(eventDetails.price * booking.participantCount) })] }), bookingData.purchases && bookingData.purchases.length > 0 && (u$2(k$3, { children: bookingData.purchases.map((purchase) => (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)", fontSize: "var(--bw-font-size-small)" }, children: [purchase.product?.name || t("success.product"), " (", purchase.quantity, "x ", formatCurrency(purchase.unitPrice), ")"] }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(purchase.totalPrice) })] }, purchase.id))) })), u$2("div", { style: {
+                                          }, children: t("success.paymentSummary") }) }), u$2("div", { className: "print-only", children: u$2("div", { className: "print-section-title", children: t("success.paymentSummary") }) }), u$2("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [u$2("div", { className: "print-hidden", style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)", fontSize: "var(--bw-font-size-small)" }, children: [eventDetails.name, " (", booking.participantCount, "x ", formatCurrency(eventDetails.price), ")"] }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(eventDetails.price * booking.participantCount) })] }), bookingData.discount && bookingData.discount.amount > 0 && (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-success-color, #10B981)", fontFamily: "var(--bw-font-family)", fontSize: "var(--bw-font-size-small)" }, children: [t("success.discount"), " (", bookingData.discount.code, ")"] }), u$2("span", { style: { color: "var(--bw-success-color, #10B981)", fontFamily: "var(--bw-font-family)" }, children: ["-", formatCurrency(bookingData.discount.amount)] })] })), bookingData.purchases && bookingData.purchases.length > 0 && (u$2(k$3, { children: bookingData.purchases.map((purchase) => (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)", fontSize: "var(--bw-font-size-small)" }, children: [purchase.product?.name || t("success.product"), " (", purchase.quantity, "x ", formatCurrency(purchase.unitPrice), ")"] }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(purchase.totalPrice) })] }, purchase.id))) })), u$2("div", { style: {
                                                           display: "flex",
                                                           justifyContent: "space-between",
                                                           alignItems: "center",
@@ -13537,7 +13551,7 @@
                                           color: "rgba(255, 255, 255, 0.85)",
                                           lineHeight: 1.5,
                                           margin: "0 0 16px 0",
-                                      }, children: [config.subtitle, config.discountAmount && (u$2(k$3, { children: [" — ", u$2("strong", { style: { color: "white" }, children: [config.discountAmount, " ", t("promo.discount")] })] }))] }), config.discountCode && (u$2("div", { style: {
+                                      }, children: [config.subtitle, config.discountAmount && (u$2(k$3, { children: [" - ", u$2("strong", { style: { color: "white" }, children: [config.discountAmount, " ", t("promo.discount")] })] }))] }), config.discountCode && (u$2("div", { style: {
                                           marginBottom: "16px",
                                           backgroundColor: "rgba(255,255,255,0.12)",
                                           borderRadius: "12px",
@@ -13622,7 +13636,9 @@
       flexDirection: "column",
       padding: "16px",
       backgroundColor: "var(--bw-surface-color)",
-      border: "2px solid var(--bw-border-color)",
+      borderWidth: "2px",
+      borderStyle: "solid",
+      borderColor: "var(--bw-border-color)",
       borderRadius: "var(--bw-border-radius)",
       cursor: "pointer",
       transition: "all 0.2s ease",
@@ -13647,7 +13663,9 @@
   const checkboxInnerStyles = {
       width: "24px",
       height: "24px",
-      border: "2px solid var(--bw-border-color)",
+      borderWidth: "2px",
+      borderStyle: "solid",
+      borderColor: "var(--bw-border-color)",
       borderRadius: "6px",
       display: "flex",
       alignItems: "center",
@@ -13773,10 +13791,11 @@
               return t("upsells.reason.notEnoughSpots", { eventTypeName: reason.eventTypeName });
       }
   }
-  function UpsellCard({ upsell, isSelected, participantCount, onSelect, }) {
+  function UpsellCard({ upsell, isSelected, participantCount, onSelect, roundPricesEnabled = true, }) {
       const t = useTranslations();
       const { locale } = useLocale();
-      const totalPrice = upsell.price * participantCount;
+      const effectivePrice = getEffectiveUpsellPrice(upsell, roundPricesEnabled);
+      const totalPrice = effectivePrice * participantCount;
       const isDisabled = !upsell.available;
       const getCardStyles = () => {
           if (isDisabled)
@@ -13794,12 +13813,19 @@
                                           weekday: "short",
                                           day: "numeric",
                                           month: "short",
-                                      })] }), u$2("span", { style: { color: "var(--bw-text-muted)" }, children: t("upsells.spotsFree", { count: upsell.suggestedEventInstance.availableSpots }) })] }))] }), u$2("div", { style: priceContainerStyles, children: [u$2("span", { style: pricePerPersonStyles, children: [formatCurrency(upsell.price), "/", t("common.perPerson")] }), participantCount > 1 && (u$2("span", { style: priceTotalStyles, children: ["= ", formatCurrency(totalPrice)] }))] }), isDisabled && (u$2("div", { style: unavailableOverlayStyles, children: u$2("span", { children: upsell.unavailableReason
+                                      })] }), u$2("span", { style: { color: "var(--bw-text-muted)" }, children: t("upsells.spotsFree", { count: upsell.suggestedEventInstance.availableSpots }) })] }))] }), u$2("div", { style: priceContainerStyles, children: [u$2("span", { style: pricePerPersonStyles, children: [formatCurrency(effectivePrice), "/", t("common.perPerson")] }), participantCount > 1 && (u$2("span", { style: priceTotalStyles, children: ["= ", formatCurrency(totalPrice)] }))] }), isDisabled && (u$2("div", { style: unavailableOverlayStyles, children: u$2("span", { children: upsell.unavailableReason
                           ? formatUnavailableReason(upsell.unavailableReason, t)
                           : t("upsells.notAvailable") }) }))] }));
   }
 
-  function UpsellsStep({ upsells, selectedUpsells, participantCount, isLoading, isOpen, onClose, onSelect, onContinue, onBack, }) {
+  function getEffectiveUpsellPrice(upsell, round = true) {
+      const dp = upsell.discountPercent ?? 0;
+      if (dp <= 0)
+          return upsell.price;
+      const raw = Math.round(upsell.price * (100 - dp) / 100);
+      return round ? Math.floor(raw / 100) * 100 : raw;
+  }
+  function UpsellsStep({ upsells, selectedUpsells, participantCount, isLoading, isOpen, onClose, onSelect, onContinue, onBack, roundPricesEnabled = true, }) {
       const t = useTranslations();
       const selectUpsell = (upsellId) => {
           const exists = selectedUpsells.find((s) => s.upsellPackageId === upsellId);
@@ -13818,7 +13844,7 @@
           return selectedUpsells.reduce((total, selection) => {
               const upsell = upsells.find((u) => u.id === selection.upsellPackageId);
               if (upsell) {
-                  return total + upsell.price * selection.quantity;
+                  return total + getEffectiveUpsellPrice(upsell, roundPricesEnabled) * selection.quantity;
               }
               return total;
           }, 0);
@@ -13826,7 +13852,7 @@
       const selectedTotal = calculateTotal();
       const selectedCount = selectedUpsells.length;
       const footerContent = (u$2(k$3, { children: [u$2("button", { type: "button", onClick: onBack, style: mergeStyles(buttonStyles.secondary, buttonStyles.fullWidth), children: t("common.back") }), u$2("button", { type: "button", onClick: onContinue, style: mergeStyles(buttonStyles.primary, buttonStyles.fullWidth), children: selectedCount === 0 ? t("button.continueWithout") : t("button.continue") })] }));
-      return (u$2(Sidebar, { isOpen: isOpen, onClose: onClose, title: t("upsells.title"), footer: footerContent, children: u$2("div", { style: { display: "flex", flexDirection: "column", height: "100%", padding: "16px 16px" }, children: [isLoading && (u$2("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "12px", padding: "40px 20px", ...textStyles.muted }, children: [spinner(), u$2("span", { children: t("upsells.loading") })] })), !isLoading && upsells.length === 0 && (u$2("div", { style: { textAlign: "center", padding: "40px 20px", ...textStyles.muted }, children: u$2("p", { children: t("upsells.noExtras") }) })), !isLoading && upsells.length > 0 && (u$2("div", { style: { display: "flex", flexDirection: "column", gap: "12px", flex: 1, overflowY: "auto", paddingBottom: "16px" }, children: upsells.map((upsell) => (u$2(UpsellCard, { upsell: upsell, isSelected: isSelected(upsell.id), participantCount: participantCount, onSelect: () => selectUpsell(upsell.id) }, upsell.id))) })), selectedCount > 0 && (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginTop: "16px", paddingBottom: "16px", paddingTop: "16px", borderTop: "1px solid var(--bw-border-color)", fontSize: "14px" }, children: [u$2("span", { style: textStyles.muted, children: selectedCount === 1 ? t("upsells.selected", { count: selectedCount }) : t("upsells.selectedPlural", { count: selectedCount }) }), u$2("span", { style: { fontWeight: 600, color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: ["+", formatCurrency(selectedTotal)] })] }))] }) }));
+      return (u$2(Sidebar, { isOpen: isOpen, onClose: onClose, title: t("upsells.title"), footer: footerContent, children: u$2("div", { style: { display: "flex", flexDirection: "column", height: "100%", padding: "16px 16px" }, children: [isLoading && (u$2("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "12px", padding: "40px 20px", ...textStyles.muted }, children: [spinner(), u$2("span", { children: t("upsells.loading") })] })), !isLoading && upsells.length === 0 && (u$2("div", { style: { textAlign: "center", padding: "40px 20px", ...textStyles.muted }, children: u$2("p", { children: t("upsells.noExtras") }) })), !isLoading && upsells.length > 0 && (u$2("div", { style: { display: "flex", flexDirection: "column", gap: "12px", flex: 1, overflowY: "auto", paddingBottom: "16px" }, children: upsells.map((upsell) => (u$2(UpsellCard, { upsell: upsell, isSelected: isSelected(upsell.id), participantCount: participantCount, onSelect: () => selectUpsell(upsell.id), roundPricesEnabled: roundPricesEnabled }, upsell.id))) })), selectedCount > 0 && (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginTop: "16px", paddingBottom: "16px", paddingTop: "16px", borderTop: "1px solid var(--bw-border-color)", fontSize: "14px" }, children: [u$2("span", { style: textStyles.muted, children: selectedCount === 1 ? t("upsells.selected", { count: selectedCount }) : t("upsells.selectedPlural", { count: selectedCount }) }), u$2("span", { style: { fontWeight: 600, color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: ["+", formatCurrency(selectedTotal)] })] }))] }) }));
   }
 
   // Main widget component
@@ -14086,6 +14112,7 @@
                       connectedAccountId: data.connectedAccountId,
                       mollieProfileId: data.mollieProfileId,
                       mollieTestmode: data.mollieTestmode,
+                      roundPricesEnabled: data.roundPricesEnabled ?? true,
                   });
               }
               if (data.stripePublishableKey) {
@@ -14144,6 +14171,7 @@
                       connectedAccountId: data.connectedAccountId,
                       mollieProfileId: data.mollieProfileId,
                       mollieTestmode: data.mollieTestmode,
+                      roundPricesEnabled: data.roundPricesEnabled ?? true,
                   });
                   if (!stripePromise && data.stripePublishableKey) {
                       const stripeOptions = {
@@ -14292,6 +14320,8 @@
       const handleBookingSuccess = (result) => {
           setIsSuccess(true);
           setSuccessPaymentIntentId(result.paymentIntent.id);
+          setSidebarOpen(false);
+          setShouldRenderBookingForm(false);
           config.onSuccess?.(result);
       };
       const handleBookingError = (errorMessage) => {
@@ -14548,7 +14578,7 @@
                                       setShouldRenderInstanceSelection(true);
                                   }
                               }, children: config.buttonText ||
-                                  (isDirectInstanceMode ? t("button.bookNow") : t("button.selectDate")) }), shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen && currentStep === "eventInstances", onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (u$2(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack })), shouldRenderBookingForm && eventDetails && (u$2(BookingForm, { config: config, eventDetails: eventDetails, stripePromise: stripePromise, onSuccess: handleBookingSuccess, onError: handleBookingError, onBackToEventInstances: () => setCurrentStep(isDirectInstanceMode ? "eventTypes" : "eventInstances"), onBackToEventTypes: () => setSidebarOpen(false), selectedEventType: selectedEventType, selectedEventInstance: selectedEventInstance, isOpen: currentStep === "booking" && !!eventDetails, onClose: () => setCurrentStep(isDirectInstanceMode ? "eventTypes" : "eventInstances"), systemConfig: systemConfig, selectedUpsells: selectedUpsells, upsells: upsells })), u$2(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                                  (isDirectInstanceMode ? t("button.bookNow") : t("button.selectDate")) }), shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen && currentStep === "eventInstances", onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (u$2(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack, roundPricesEnabled: systemConfig?.roundPricesEnabled !== false })), shouldRenderBookingForm && eventDetails && (u$2(BookingForm, { config: config, eventDetails: eventDetails, stripePromise: stripePromise, onSuccess: handleBookingSuccess, onError: handleBookingError, onBackToEventInstances: () => setCurrentStep(isDirectInstanceMode ? "eventTypes" : "eventInstances"), onBackToEventTypes: () => setSidebarOpen(false), selectedEventType: selectedEventType, selectedEventInstance: selectedEventInstance, isOpen: currentStep === "booking" && !!eventDetails, onClose: () => setCurrentStep(isDirectInstanceMode ? "eventTypes" : "eventInstances"), systemConfig: systemConfig, selectedUpsells: selectedUpsells, upsells: upsells })), u$2(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
                                   setIsSuccess(false);
                                   setCurrentStep("eventTypes");
                                   setSidebarOpen(false);
@@ -14595,7 +14625,7 @@
           };
       };
       const backHandlers = getBackHandlers();
-      return (u$2(StyleProvider, { config: config, children: [u$2("div", { ref: setWidgetContainerRef, children: [cardsView, shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (u$2(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack })), shouldRenderBookingForm && eventDetails && (u$2(BookingForm, { config: config, eventDetails: eventDetails, stripePromise: stripePromise, onSuccess: handleBookingSuccess, onError: handleBookingError, onBackToEventInstances: backHandlers.onBackToEventInstances, onBackToEventTypes: backHandlers.onBackToEventTypes, selectedEventType: selectedEventType, selectedEventInstance: selectedEventInstance, isOpen: currentStep === "booking" && !!eventDetails, onClose: backHandlers.onClose, systemConfig: systemConfig, selectedUpsells: selectedUpsells, upsells: upsells })), u$2(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+      return (u$2(StyleProvider, { config: config, children: [u$2("div", { ref: setWidgetContainerRef, children: [cardsView, shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (u$2(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack, roundPricesEnabled: systemConfig?.roundPricesEnabled !== false })), shouldRenderBookingForm && eventDetails && (u$2(BookingForm, { config: config, eventDetails: eventDetails, stripePromise: stripePromise, onSuccess: handleBookingSuccess, onError: handleBookingError, onBackToEventInstances: backHandlers.onBackToEventInstances, onBackToEventTypes: backHandlers.onBackToEventTypes, selectedEventType: selectedEventType, selectedEventInstance: selectedEventInstance, isOpen: currentStep === "booking" && !!eventDetails, onClose: backHandlers.onClose, systemConfig: systemConfig, selectedUpsells: selectedUpsells, upsells: upsells })), u$2(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
                               setIsSuccess(false);
                               setCurrentStep("eventTypes");
                               setSuccessPaymentIntentId(null);