@bigz-app/booking-widget 1.1.5 → 1.1.7

package/dist/index.esm.js

@@ -334,6 +334,7 @@ const de$1 = {
     "success.age": "{{age}} Jahre",
     "success.paymentSummary": "Zahlungsübersicht",
     "success.total": "Gesamtbetrag",
+    "success.discount": "Rabatt",
     "success.product": "Produkt",
     "success.contactInfo": "Kontaktdaten",
     "success.name": "Name:",
@@ -542,6 +543,7 @@ const en = {
     "success.age": "{{age}} years",
     "success.paymentSummary": "Payment Summary",
     "success.total": "Total",
+    "success.discount": "Discount",
     "success.product": "Product",
     "success.contactInfo": "Contact Information",
     "success.name": "Name:",
@@ -750,6 +752,7 @@ const es = {
     "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:",
@@ -958,6 +961,7 @@ const pt = {
     "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:",
@@ -1166,6 +1170,7 @@ const sv = {
     "success.age": "{{age}} år",
     "success.paymentSummary": "Betalningssammanfattning",
     "success.total": "Totalt",
+    "success.discount": "Rabatt",
     "success.product": "Produkt",
     "success.contactInfo": "Kontaktuppgifter",
     "success.name": "Namn:",
@@ -1292,7 +1297,7 @@ function persistLocale(locale) {
 const I18nContext = createContext(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] = useState(() => {
         if (configLocale)
             return null;
@@ -6479,6 +6484,7 @@ function PaymentForm({ config, eventDetails, formData, totalAmount, discountCode
         formData.participants,
         formData.customerEmail,
         formData.customerName,
+        formData.comment,
         totalAmount,
         discountCode,
         giftCards,
@@ -11001,6 +11007,13 @@ function mergeStyles(...styles) {
     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;
@@ -11011,6 +11024,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
     const t$1 = useTranslations();
     const { locale } = useLocale();
     const timezone = useTimezone();
+    const roundEnabled = systemConfig?.roundPricesEnabled !== false;
     const [appliedVouchers, setAppliedVouchers] = useState([]);
     const paymentSectionRef = useRef(null);
     // Payment option: "deposit" or "full" - only relevant when deposit is available
@@ -11032,6 +11046,8 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
     const watchedParticipants = form.watch("participants");
     const watchedCustomerName = form.watch("customerName");
     const watchedCustomerEmail = form.watch("customerEmail");
+    const watchedComment = form.watch("comment");
+    const watchedCustomerPhone = form.watch("customerPhone");
     const customerNameError = form.formState.errors.customerName;
     const customerEmailError = form.formState.errors.customerEmail;
     const watchedAcceptTerms = form.watch("acceptTerms");
@@ -11081,7 +11097,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                 participantUpsellIds.forEach(upsellId => {
                     const upsell = upsells.find(u => u.id === upsellId);
                     if (upsell) {
-                        total += upsell.price;
+                        total += getEffectivePrice(upsell, roundEnabled);
                     }
                 });
             }
@@ -11143,6 +11159,13 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
             participantIndices,
         }));
     }, [participantUpsells, watchedParticipants]);
+    const paymentFormData = useMemo(() => ({
+        customerName: watchedCustomerName,
+        customerEmail: watchedCustomerEmail,
+        customerPhone: watchedCustomerPhone,
+        participants: watchedParticipants,
+        comment: watchedComment,
+    }), [watchedCustomerName, watchedCustomerEmail, watchedCustomerPhone, watchedParticipants, watchedComment]);
     const appliedDiscountCode = appliedVouchers.find((v) => v.type === "discount");
     const appliedGiftCards = appliedVouchers.filter((v) => v.type === "giftCard");
     const handleVoucherValidated = useCallback((voucher, _error) => {
@@ -11357,7 +11380,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                                         padding: 0,
                                                                     }, children: "\u00D7" })] }))] }), upsells.length > 0 && (jsx("div", { style: participantUpsellStyles.container, children: upsells.map((upsell) => {
                                                         const isSelected = (participantUpsells[index] || []).includes(upsell.id);
-                                                        return (jsxs("label", { htmlFor: `upsell-${index}-${upsell.id}`, style: isSelected ? participantUpsellStyles.labelSelected : participantUpsellStyles.label, children: [jsx("input", { id: `upsell-${index}-${upsell.id}`, type: "checkbox", style: participantUpsellStyles.checkbox, checked: isSelected, onChange: () => toggleParticipantUpsell(index, upsell.id) }), jsx("span", { style: { fontWeight: 500 }, children: upsell.name }), jsxs("span", { style: { fontSize: "12px", opacity: 0.8 }, children: ["(+", formatCurrency(upsell.price), ")"] })] }, upsell.id));
+                                                        return (jsxs("label", { htmlFor: `upsell-${index}-${upsell.id}`, style: isSelected ? participantUpsellStyles.labelSelected : participantUpsellStyles.label, children: [jsx("input", { id: `upsell-${index}-${upsell.id}`, type: "checkbox", style: participantUpsellStyles.checkbox, checked: isSelected, onChange: () => toggleParticipantUpsell(index, upsell.id) }), jsx("span", { style: { fontWeight: 500 }, children: upsell.name }), jsxs("span", { style: { fontSize: "12px", opacity: 0.8 }, children: ["(+", formatCurrency(getEffectivePrice(upsell, roundEnabled)), ")"] })] }, upsell.id));
                                                     }) }))] }, index))), watchedParticipants.length < eventDetails.availableSpots ? (jsx("div", { style: {
                                                 display: "flex",
                                                 flexDirection: "column",
@@ -11389,7 +11412,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                             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 (jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "13px" }, children: [jsxs("span", { style: { color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: ["+ ", upsell.name, " (", countWithUpsell, "\u00D7)"] }), jsx("span", { style: { color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(upsellLineTotal) })] }, upsell.id));
                                                         })] })), appliedVouchers.length > 0 && (jsxs(Fragment, { children: [jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsx("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: t$1("summary.subtotal") }), jsx("span", { style: {
                                                                         fontFamily: "var(--bw-font-family)",
@@ -11514,7 +11537,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                     : t$1("payment.fillRequired");
                                                 return (jsx("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",
@@ -11532,9 +11555,9 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                 }
                                                 : null;
                                             if (systemConfig?.paymentProvider === "mollie") {
-                                                return (jsxs("div", { style: cardStyles, children: [jsx("h2", { style: { ...sectionHeaderStyles }, children: t$1("summary.payment") }), jsx(MolliePaymentForm, { config: config, eventDetails: eventDetails, formData: form.getValues(), totalAmount: paymentAmount, discountCode: discountCodeProp, giftCards: appliedGiftCards, onSuccess: onSuccess, onError: onError, upsellSelections: aggregatedUpsellSelections(), mollieProfileId: systemConfig?.mollieProfileId, mollieTestmode: systemConfig?.mollieTestmode })] }));
+                                                return (jsxs("div", { style: cardStyles, children: [jsx("h2", { style: { ...sectionHeaderStyles }, children: t$1("summary.payment") }), jsx(MolliePaymentForm, { config: config, eventDetails: eventDetails, formData: paymentFormData, totalAmount: paymentAmount, discountCode: discountCodeProp, giftCards: appliedGiftCards, onSuccess: onSuccess, onError: onError, upsellSelections: aggregatedUpsellSelections(), mollieProfileId: systemConfig?.mollieProfileId, mollieTestmode: systemConfig?.mollieTestmode })] }));
                                             }
-                                            return (jsxs("div", { style: cardStyles, children: [jsx("h2", { style: { ...sectionHeaderStyles }, children: t$1("summary.payment") }), jsx(PaymentForm, { config: config, eventDetails: eventDetails, formData: form.getValues(), totalAmount: paymentAmount, discountCode: discountCodeProp, giftCards: appliedGiftCards, onSuccess: onSuccess, onError: onError, systemConfig: systemConfig ?? null, stripePromise: stripePromise, stripeAppearance: stripeAppearance, upsellSelections: aggregatedUpsellSelections() })] }));
+                                            return (jsxs("div", { style: cardStyles, children: [jsx("h2", { style: { ...sectionHeaderStyles }, children: t$1("summary.payment") }), jsx(PaymentForm, { config: config, eventDetails: eventDetails, formData: paymentFormData, totalAmount: paymentAmount, discountCode: discountCodeProp, giftCards: appliedGiftCards, onSuccess: onSuccess, onError: onError, systemConfig: systemConfig ?? null, stripePromise: stripePromise, stripeAppearance: stripeAppearance, upsellSelections: aggregatedUpsellSelections() })] }));
                                         })() })] })] })] }) }));
 }
 
@@ -11683,6 +11706,7 @@ const BookingSuccessModal = ({ isOpen, onClose, config, onError, paymentIntentId
                         payments: data.payments,
                         orderItems: data.orderItems,
                         purchases: data.purchases || [],
+                        discount: data.discount || null,
                         stripePaymentIntent: data.stripePaymentIntent,
                     });
                     setEventDetails({
@@ -11932,7 +11956,7 @@ const BookingSuccessModal = ({ isOpen, onClose, config, onError, paymentIntentId
                                             color: "var(--bw-text-color)",
                                             margin: "0",
                                             fontFamily: "var(--bw-font-family)",
-                                        }, children: t("success.paymentSummary") }) }), jsx("div", { className: "print-only", children: jsx("div", { className: "print-section-title", children: t("success.paymentSummary") }) }), jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [jsxs("div", { className: "print-hidden", style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxs("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), ")"] }), jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(eventDetails.price * booking.participantCount) })] }), bookingData.purchases && bookingData.purchases.length > 0 && (jsx(Fragment, { children: bookingData.purchases.map((purchase) => (jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxs("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), ")"] }), jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(purchase.totalPrice) })] }, purchase.id))) })), jsxs("div", { style: {
+                                        }, children: t("success.paymentSummary") }) }), jsx("div", { className: "print-only", children: jsx("div", { className: "print-section-title", children: t("success.paymentSummary") }) }), jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [jsxs("div", { className: "print-hidden", style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxs("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), ")"] }), jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(eventDetails.price * booking.participantCount) })] }), bookingData.discount && bookingData.discount.amount > 0 && (jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxs("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, ")"] }), jsxs("span", { style: { color: "var(--bw-success-color, #10B981)", fontFamily: "var(--bw-font-family)" }, children: ["-", formatCurrency(bookingData.discount.amount)] })] })), bookingData.purchases && bookingData.purchases.length > 0 && (jsx(Fragment, { children: bookingData.purchases.map((purchase) => (jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxs("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), ")"] }), jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(purchase.totalPrice) })] }, purchase.id))) })), jsxs("div", { style: {
                                                         display: "flex",
                                                         justifyContent: "space-between",
                                                         alignItems: "center",
@@ -13411,7 +13435,7 @@ function PromoDialog({ config, onClose, onCtaClick }) {
                                         color: "rgba(255, 255, 255, 0.85)",
                                         lineHeight: 1.5,
                                         margin: "0 0 16px 0",
-                                    }, children: [config.subtitle, config.discountAmount && (jsxs(Fragment, { children: [" — ", jsxs("strong", { style: { color: "white" }, children: [config.discountAmount, " ", t("promo.discount")] })] }))] }), config.discountCode && (jsxs("div", { style: {
+                                    }, children: [config.subtitle, config.discountAmount && (jsxs(Fragment, { children: [" - ", jsxs("strong", { style: { color: "white" }, children: [config.discountAmount, " ", t("promo.discount")] })] }))] }), config.discountCode && (jsxs("div", { style: {
                                         marginBottom: "16px",
                                         backgroundColor: "rgba(255,255,255,0.12)",
                                         borderRadius: "12px",
@@ -13496,7 +13520,9 @@ const cardBaseStyles = {
     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",
@@ -13521,7 +13547,9 @@ const checkboxContainerStyles = {
 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",
@@ -13647,10 +13675,11 @@ function formatUnavailableReason(reason, t) {
             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)
@@ -13668,12 +13697,19 @@ function UpsellCard({ upsell, isSelected, participantCount, onSelect, }) {
                                         weekday: "short",
                                         day: "numeric",
                                         month: "short",
-                                    })] }), jsx("span", { style: { color: "var(--bw-text-muted)" }, children: t("upsells.spotsFree", { count: upsell.suggestedEventInstance.availableSpots }) })] }))] }), jsxs("div", { style: priceContainerStyles, children: [jsxs("span", { style: pricePerPersonStyles, children: [formatCurrency(upsell.price), "/", t("common.perPerson")] }), participantCount > 1 && (jsxs("span", { style: priceTotalStyles, children: ["= ", formatCurrency(totalPrice)] }))] }), isDisabled && (jsx("div", { style: unavailableOverlayStyles, children: jsx("span", { children: upsell.unavailableReason
+                                    })] }), jsx("span", { style: { color: "var(--bw-text-muted)" }, children: t("upsells.spotsFree", { count: upsell.suggestedEventInstance.availableSpots }) })] }))] }), jsxs("div", { style: priceContainerStyles, children: [jsxs("span", { style: pricePerPersonStyles, children: [formatCurrency(effectivePrice), "/", t("common.perPerson")] }), participantCount > 1 && (jsxs("span", { style: priceTotalStyles, children: ["= ", formatCurrency(totalPrice)] }))] }), isDisabled && (jsx("div", { style: unavailableOverlayStyles, children: jsx("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);
@@ -13692,7 +13728,7 @@ function UpsellsStep({ upsells, selectedUpsells, participantCount, isLoading, is
         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);
@@ -13700,7 +13736,7 @@ function UpsellsStep({ upsells, selectedUpsells, participantCount, isLoading, is
     const selectedTotal = calculateTotal();
     const selectedCount = selectedUpsells.length;
     const footerContent = (jsxs(Fragment, { children: [jsx("button", { type: "button", onClick: onBack, style: mergeStyles(buttonStyles.secondary, buttonStyles.fullWidth), children: t("common.back") }), jsx("button", { type: "button", onClick: onContinue, style: mergeStyles(buttonStyles.primary, buttonStyles.fullWidth), children: selectedCount === 0 ? t("button.continueWithout") : t("button.continue") })] }));
-    return (jsx(Sidebar, { isOpen: isOpen, onClose: onClose, title: t("upsells.title"), footer: footerContent, children: jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%", padding: "16px 16px" }, children: [isLoading && (jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "12px", padding: "40px 20px", ...textStyles.muted }, children: [spinner(), jsx("span", { children: t("upsells.loading") })] })), !isLoading && upsells.length === 0 && (jsx("div", { style: { textAlign: "center", padding: "40px 20px", ...textStyles.muted }, children: jsx("p", { children: t("upsells.noExtras") }) })), !isLoading && upsells.length > 0 && (jsx("div", { style: { display: "flex", flexDirection: "column", gap: "12px", flex: 1, overflowY: "auto", paddingBottom: "16px" }, children: upsells.map((upsell) => (jsx(UpsellCard, { upsell: upsell, isSelected: isSelected(upsell.id), participantCount: participantCount, onSelect: () => selectUpsell(upsell.id) }, upsell.id))) })), selectedCount > 0 && (jsxs("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: [jsx("span", { style: textStyles.muted, children: selectedCount === 1 ? t("upsells.selected", { count: selectedCount }) : t("upsells.selectedPlural", { count: selectedCount }) }), jsxs("span", { style: { fontWeight: 600, color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: ["+", formatCurrency(selectedTotal)] })] }))] }) }));
+    return (jsx(Sidebar, { isOpen: isOpen, onClose: onClose, title: t("upsells.title"), footer: footerContent, children: jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%", padding: "16px 16px" }, children: [isLoading && (jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "12px", padding: "40px 20px", ...textStyles.muted }, children: [spinner(), jsx("span", { children: t("upsells.loading") })] })), !isLoading && upsells.length === 0 && (jsx("div", { style: { textAlign: "center", padding: "40px 20px", ...textStyles.muted }, children: jsx("p", { children: t("upsells.noExtras") }) })), !isLoading && upsells.length > 0 && (jsx("div", { style: { display: "flex", flexDirection: "column", gap: "12px", flex: 1, overflowY: "auto", paddingBottom: "16px" }, children: upsells.map((upsell) => (jsx(UpsellCard, { upsell: upsell, isSelected: isSelected(upsell.id), participantCount: participantCount, onSelect: () => selectUpsell(upsell.id), roundPricesEnabled: roundPricesEnabled }, upsell.id))) })), selectedCount > 0 && (jsxs("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: [jsx("span", { style: textStyles.muted, children: selectedCount === 1 ? t("upsells.selected", { count: selectedCount }) : t("upsells.selectedPlural", { count: selectedCount }) }), jsxs("span", { style: { fontWeight: 600, color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: ["+", formatCurrency(selectedTotal)] })] }))] }) }));
 }
 
 // Main widget component
@@ -13960,6 +13996,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                     connectedAccountId: data.connectedAccountId,
                     mollieProfileId: data.mollieProfileId,
                     mollieTestmode: data.mollieTestmode,
+                    roundPricesEnabled: data.roundPricesEnabled ?? true,
                 });
             }
             if (data.stripePublishableKey) {
@@ -14018,6 +14055,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                     connectedAccountId: data.connectedAccountId,
                     mollieProfileId: data.mollieProfileId,
                     mollieTestmode: data.mollieTestmode,
+                    roundPricesEnabled: data.roundPricesEnabled ?? true,
                 });
                 if (!stripePromise && data.stripePublishableKey) {
                     const stripeOptions = {
@@ -14166,6 +14204,8 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
     const handleBookingSuccess = (result) => {
         setIsSuccess(true);
         setSuccessPaymentIntentId(result.paymentIntent.id);
+        setSidebarOpen(false);
+        setShouldRenderBookingForm(false);
         config.onSuccess?.(result);
     };
     const handleBookingError = (errorMessage) => {
@@ -14422,7 +14462,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                                     setShouldRenderInstanceSelection(true);
                                 }
                             }, children: config.buttonText ||
-                                (isDirectInstanceMode ? t("button.bookNow") : t("button.selectDate")) }), shouldRenderInstanceSelection && (jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen && currentStep === "eventInstances", onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (jsx(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack })), shouldRenderBookingForm && eventDetails && (jsx(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 })), jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                                (isDirectInstanceMode ? t("button.bookNow") : t("button.selectDate")) }), shouldRenderInstanceSelection && (jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen && currentStep === "eventInstances", onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (jsx(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 && (jsx(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 })), jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
                                 setIsSuccess(false);
                                 setCurrentStep("eventTypes");
                                 setSidebarOpen(false);
@@ -14469,7 +14509,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
         };
     };
     const backHandlers = getBackHandlers();
-    return (jsxs(StyleProvider, { config: config, children: [jsxs("div", { ref: setWidgetContainerRef, children: [cardsView, shouldRenderInstanceSelection && (jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (jsx(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack })), shouldRenderBookingForm && eventDetails && (jsx(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 })), jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+    return (jsxs(StyleProvider, { config: config, children: [jsxs("div", { ref: setWidgetContainerRef, children: [cardsView, shouldRenderInstanceSelection && (jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (jsx(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 && (jsx(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 })), jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
                             setIsSuccess(false);
                             setCurrentStep("eventTypes");
                             setSuccessPaymentIntentId(null);