@bigz-app/booking-widget 1.4.5 → 1.5.1

package/dist/booking-widget.js

@@ -207,6 +207,10 @@
         "booking.stepUpsells": "Extras",
         "booking.stepDetails": "Angaben",
         "booking.stepPayment": "Zahlung",
+        "booking.steps": "{{count}} Schritt(e)",
+        "booking.freeformUnitsAvailable": "{{count}} Einheiten verfuegbar",
+        "booking.freeformNotAvailable": "Das gewaehlte Zeitfenster ist nicht verfuegbar",
+        "booking.freeformMissingConfig": "Die Freeform-Konfiguration fuer diesen Event-Typ fehlt.",
         // Booking summary
         "summary.title": "Buchungszusammenfassung",
         "summary.subtotal": "Zwischensumme:",
@@ -262,6 +266,13 @@
         "voucher.monetaryTypeDesc": "Beliebigen Betrag wählen",
         "voucher.eventType": "Erlebnisgutschein",
         "voucher.eventTypeDesc": "Für ein bestimmtes Erlebnis",
+        "voucher.categoryType": "Kategoriegutschein",
+        "voucher.categoryTypeDesc": "Für ein beliebiges Erlebnis einer Kategorie",
+        "voucher.categoryVoucher": "Kategoriegutschein",
+        "voucher.selectCategory": "Kategorie wählen",
+        "voucher.categoryLabel": "Kategorie",
+        "voucher.selectCategoryPlaceholder": "Kategorie auswählen...",
+        "voucher.categoryAmount": "Gutscheinwert",
         "voucher.selectAmount": "Betrag wählen",
         "voucher.customAmount": "Oder eigenen Betrag eingeben",
         "voucher.amountRange": "Betrag muss zwischen {{min}} und {{max}} liegen",
@@ -515,6 +526,10 @@
         "booking.stepUpsells": "Extras",
         "booking.stepDetails": "Details",
         "booking.stepPayment": "Payment",
+        "booking.steps": "{{count}} step(s)",
+        "booking.freeformUnitsAvailable": "{{count}} units available",
+        "booking.freeformNotAvailable": "Selected window is not available",
+        "booking.freeformMissingConfig": "Missing freeform configuration for this event type.",
         // Booking summary
         "summary.title": "Booking Summary",
         "summary.subtotal": "Subtotal:",
@@ -570,6 +585,13 @@
         "voucher.monetaryTypeDesc": "Choose any amount",
         "voucher.eventType": "Event Voucher",
         "voucher.eventTypeDesc": "For a specific experience",
+        "voucher.categoryType": "Category Voucher",
+        "voucher.categoryTypeDesc": "For any experience in a category",
+        "voucher.categoryVoucher": "Category Voucher",
+        "voucher.selectCategory": "Select Category",
+        "voucher.categoryLabel": "Category",
+        "voucher.selectCategoryPlaceholder": "Choose a category...",
+        "voucher.categoryAmount": "Voucher Value",
         "voucher.selectAmount": "Select Amount",
         "voucher.customAmount": "Or enter custom amount",
         "voucher.amountRange": "Amount must be between {{min}} and {{max}}",
@@ -860,6 +882,13 @@
         "voucher.monetaryTypeDesc": "Elige cualquier cantidad",
         "voucher.eventType": "Vale de experiencia",
         "voucher.eventTypeDesc": "Para una experiencia específica",
+        "voucher.categoryType": "Vale de categoría",
+        "voucher.categoryTypeDesc": "Para cualquier experiencia de una categoría",
+        "voucher.categoryVoucher": "Vale de categoría",
+        "voucher.selectCategory": "Seleccionar categoría",
+        "voucher.categoryLabel": "Categoría",
+        "voucher.selectCategoryPlaceholder": "Elige una categoría...",
+        "voucher.categoryAmount": "Valor del vale",
         "voucher.selectAmount": "Selecciona el importe",
         "voucher.customAmount": "O introduce un importe personalizado",
         "voucher.amountRange": "El importe debe estar entre {{min}} y {{max}}",
@@ -1150,6 +1179,13 @@
         "voucher.monetaryTypeDesc": "Escolha qualquer quantia",
         "voucher.eventType": "Vale de experiência",
         "voucher.eventTypeDesc": "Para uma experiência específica",
+        "voucher.categoryType": "Vale de categoria",
+        "voucher.categoryTypeDesc": "Para qualquer experiência de uma categoria",
+        "voucher.categoryVoucher": "Vale de categoria",
+        "voucher.selectCategory": "Selecionar categoria",
+        "voucher.categoryLabel": "Categoria",
+        "voucher.selectCategoryPlaceholder": "Escolha uma categoria...",
+        "voucher.categoryAmount": "Valor do vale",
         "voucher.selectAmount": "Selecione o valor",
         "voucher.customAmount": "Ou introduza um valor personalizado",
         "voucher.amountRange": "O valor deve estar entre {{min}} e {{max}}",
@@ -1440,6 +1476,13 @@
         "voucher.monetaryTypeDesc": "Välj valfritt belopp",
         "voucher.eventType": "Upplevelsebevis",
         "voucher.eventTypeDesc": "För en specifik upplevelse",
+        "voucher.categoryType": "Kategoripresent",
+        "voucher.categoryTypeDesc": "För alla upplevelser i en kategori",
+        "voucher.categoryVoucher": "Kategoripresent",
+        "voucher.selectCategory": "Välj kategori",
+        "voucher.categoryLabel": "Kategori",
+        "voucher.selectCategoryPlaceholder": "Välj en kategori...",
+        "voucher.categoryAmount": "Presentkortsvärde",
         "voucher.selectAmount": "Välj belopp",
         "voucher.customAmount": "Eller ange eget belopp",
         "voucher.amountRange": "Beloppet måste vara mellan {{min}} och {{max}}",
@@ -6478,7 +6521,7 @@
             document.head.appendChild(script);
         });
     }
-    function MolliePaymentForm({ config, eventDetails, formData, totalAmount, discountCode, giftCards, onSuccess: _onSuccess, onError, upsellSelections = [], mollieProfileId, mollieTestmode, }) {
+    function MolliePaymentForm({ config, eventDetails, formData, totalAmount, discountCode, giftCards, onSuccess: _onSuccess, onError, upsellSelections = [], mollieProfileId, mollieTestmode, freeformSelection, }) {
         const t = useTranslations();
         const { locale } = useLocale();
         const [isLoading, setIsLoading] = d$1(false);
@@ -6492,7 +6535,9 @@
         const cardFormRef = A$2(null);
         const cardContainerRef = A$2(null);
         const participantCount = formData.participants?.filter((p) => p.name?.trim()).length || 0;
-        const isFullyCoveredByGiftCards = isGiftCardFullyCovered(giftCards, eventDetails?.price || 0, participantCount, discountCode?.discountAmount || 0);
+        const isFullyCoveredByGiftCards = freeformSelection
+            ? false
+            : isGiftCardFullyCovered(giftCards, eventDetails?.price || 0, participantCount, discountCode?.discountAmount || 0);
         const isCreditCard = selectedMethod === "creditcard";
         y$1(() => {
             if (isFullyCoveredByGiftCards)
@@ -6602,6 +6647,9 @@
             return (u$2(GiftCardOnlyBooking, { config: config, eventDetails: eventDetails, formData: formData, discountCode: discountCode, giftCards: giftCards, onSuccess: _onSuccess, onError: onError, upsellSelections: upsellSelections }));
         }
         const validateBeforePayment = () => {
+            if (freeformSelection) {
+                return null;
+            }
             const participantCount = formData.participants.filter((p) => p.name?.trim()).length;
             const availableSpots = eventDetails.availableSpots || 0;
             if (participantCount > availableSpots) {
@@ -6613,21 +6661,41 @@
             return null;
         };
         const buildRequestData = (cardToken) => ({
-            eventInstanceId: config.eventInstanceId || eventDetails.id,
-            organizationId: config.organizationId,
-            amount: Math.round(totalAmount),
-            currency: "EUR",
-            participants: formData.participants.filter((p) => p.name?.trim()),
-            discountCode: discountCode?.code,
-            giftCardCodes: giftCards?.map((gc) => gc.code) || [],
-            customerName: formData.customerName?.trim(),
-            customerEmail: formData.customerEmail?.trim(),
-            customerPhone: formData.customerPhone?.trim(),
-            comment: formData.comment?.trim(),
-            ...(config.partnerContractId && { partnerContractId: config.partnerContractId }),
-            ...(cardToken && { cardToken }),
-            ...(selectedMethod && !cardToken && { method: selectedMethod }),
-            ...(upsellSelections && upsellSelections.length > 0 && { upsellSelections }),
+            ...(freeformSelection
+                ? {
+                    eventTypeId: freeformSelection.eventTypeId,
+                    organizationId: config.organizationId,
+                    start: freeformSelection.start,
+                    end: freeformSelection.end,
+                    requestedUnits: freeformSelection.requestedUnits,
+                    amount: Math.round(totalAmount),
+                    currency: "EUR",
+                    customerName: freeformSelection.customerName.trim(),
+                    customerEmail: freeformSelection.customerEmail.trim(),
+                    customerPhone: freeformSelection.customerPhone?.trim(),
+                    comment: freeformSelection.comment?.trim(),
+                    locale,
+                    ...(config.partnerContractId && { partnerContractId: config.partnerContractId }),
+                    ...(cardToken && { cardToken }),
+                    ...(selectedMethod && !cardToken && { method: selectedMethod }),
+                }
+                : {
+                    eventInstanceId: config.eventInstanceId || eventDetails.id,
+                    organizationId: config.organizationId,
+                    amount: Math.round(totalAmount),
+                    currency: "EUR",
+                    participants: formData.participants.filter((p) => p.name?.trim()),
+                    discountCode: discountCode?.code,
+                    giftCardCodes: giftCards?.map((gc) => gc.code) || [],
+                    customerName: formData.customerName?.trim(),
+                    customerEmail: formData.customerEmail?.trim(),
+                    customerPhone: formData.customerPhone?.trim(),
+                    comment: formData.comment?.trim(),
+                    ...(config.partnerContractId && { partnerContractId: config.partnerContractId }),
+                    ...(cardToken && { cardToken }),
+                    ...(selectedMethod && !cardToken && { method: selectedMethod }),
+                    ...(upsellSelections && upsellSelections.length > 0 && { upsellSelections }),
+                }),
         });
         const handleCardPayment = async () => {
             if (!mollieRef.current)
@@ -6645,7 +6713,9 @@
                     setPaymentError(tokenError?.message || t("error.createPayment"));
                     return;
                 }
-                const response = await fetch(getApiUrl(config.apiBaseUrl, "/booking/create-mollie-payment"), {
+                const response = await fetch(getApiUrl(config.apiBaseUrl, freeformSelection
+                    ? "/booking/create-freeform-mollie-payment"
+                    : "/booking/create-mollie-payment"), {
                     method: "POST",
                     headers: createApiHeaders(config, locale),
                     body: JSON.stringify(createRequestBody(config, buildRequestData(token))),
@@ -6681,7 +6751,9 @@
                     setPaymentError(validationError);
                     return;
                 }
-                const response = await fetch(getApiUrl(config.apiBaseUrl, "/booking/create-mollie-payment"), {
+                const response = await fetch(getApiUrl(config.apiBaseUrl, freeformSelection
+                    ? "/booking/create-freeform-mollie-payment"
+                    : "/booking/create-mollie-payment"), {
                     method: "POST",
                     headers: createApiHeaders(config, locale),
                     body: JSON.stringify(createRequestBody(config, buildRequestData())),
@@ -6709,7 +6781,7 @@
             ? t("button.processingPayment")
             : selectedMethodData
                 ? t("payment.payWithMethod", { method: selectedMethodData.description })
-                : totalAmount < eventDetails.price * formData.participants.filter((p) => p.name?.trim()).length
+                : !freeformSelection && totalAmount < eventDetails.price * formData.participants.filter((p) => p.name?.trim()).length
                     ? t("button.depositAndBook")
                     : t("button.bookNow");
         const isPayDisabled = isLoading || !selectedMethod || (isCreditCard && !isMollieReady);
@@ -7016,12 +7088,18 @@
     };
 
     // Inner component that uses the Stripe hooks
-    function PaymentFormInner({ eventDetails, formData, totalAmount, onSuccess, onError, }) {
+    function PaymentFormInner({ eventDetails, formData, totalAmount, onSuccess, onError, freeformSelection, }) {
         const t = useTranslations();
-        const participantCount = formData.participants.filter((p) => p.name.trim()).length;
-        const fullAmount = eventDetails.price * participantCount;
-        const submitLabel = totalAmount < fullAmount ? t("button.depositAndBook") : t("button.bookNow");
+        const isFreeform = Boolean(freeformSelection);
+        const participantCount = isFreeform
+            ? 1
+            : formData.participants.filter((p) => p.name.trim()).length;
+        const fullAmount = isFreeform ? totalAmount : eventDetails.price * participantCount;
+        const submitLabel = !isFreeform && totalAmount < fullAmount ? t("button.depositAndBook") : t("button.bookNow");
         return (u$2(StripeElementsPaymentForm, { onValidate: () => {
+                if (isFreeform) {
+                    return null;
+                }
                 const availableSpots = eventDetails.availableSpots || 0;
                 if (participantCount > availableSpots) {
                     return t("payment.tooManyParticipants", { count: participantCount, available: availableSpots });
@@ -7043,7 +7121,7 @@
                 },
             }, submitContent: u$2(k$3, { children: submitLabel }), loadingContent: u$2(k$3, { children: [spinner("var(--bw-surface-color)"), " ", t("button.processingPayment")] }) }));
     }
-    function StripePaymentForm({ config, eventDetails, formData, totalAmount, discountCode, giftCards, onSuccess, onError, systemConfig, stripeAppearance, upsellSelections = [], }) {
+    function StripePaymentForm({ config, eventDetails, formData, totalAmount, discountCode, giftCards, onSuccess, onError, systemConfig, stripeAppearance, upsellSelections = [], freeformSelection, }) {
         const t = useTranslations();
         const { locale } = useLocale();
         const [clientSecret, setClientSecret] = d$1(null);
@@ -7063,7 +7141,9 @@
             return loadStripe(systemConfig.stripePublishableKey, stripeOptions);
         }, [systemConfig?.stripePublishableKey, systemConfig?.connectedAccountId, locale]);
         const storageKey = typeof window !== "undefined"
-            ? `bw_pi_${config?.organizationId}_${config?.eventInstanceId || eventDetails?.id}`
+            ? freeformSelection
+                ? `bw_pi_freeform_${config?.organizationId}_${freeformSelection.eventTypeId}_${freeformSelection.start}_${freeformSelection.end}_${freeformSelection.requestedUnits}`
+                : `bw_pi_${config?.organizationId}_${config?.eventInstanceId || eventDetails?.id}`
             : "";
         const PAYMENT_INTENT_TTL = 24 * 60 * 60 * 1000;
         function loadPersistedPaymentIntent() {
@@ -7118,48 +7198,82 @@
         }, [paymentIntentId]);
         y$1(() => {
             const createStripePayment = async () => {
-                if (!systemConfig || !eventDetails || !formData.participants?.length) {
+                if (!systemConfig || !eventDetails) {
+                    return;
+                }
+                if (freeformSelection) {
+                    if (!freeformSelection.customerEmail?.trim() ||
+                        !freeformSelection.customerName?.trim() ||
+                        !freeformSelection.start ||
+                        !freeformSelection.end) {
+                        return;
+                    }
+                }
+                else if (!formData.participants?.length) {
                     return;
                 }
                 const participantCount = formData.participants?.filter((p) => p.name?.trim()).length || 0;
-                if (participantCount === 0 || !formData.customerEmail?.trim() || !formData.customerName?.trim()) {
+                if (!freeformSelection &&
+                    (participantCount === 0 || !formData.customerEmail?.trim() || !formData.customerName?.trim())) {
                     return;
                 }
                 setIsCreatingPaymentIntent(true);
                 setPaymentError(null);
                 try {
-                    const requestData = {
-                        eventInstanceId: config.eventInstanceId || eventDetails.id,
-                        organizationId: config.organizationId,
-                        amount: Math.round(totalAmount),
-                        currency: "eur",
-                        participants: formData.participants.filter((p) => p.name?.trim()),
-                        discountCode: discountCode?.code,
-                        giftCardCodes: giftCards?.map((gc) => gc.code) || [],
-                        customerName: formData.customerName?.trim(),
-                        customerEmail: formData.customerEmail?.trim(),
-                        customerPhone: formData.customerPhone?.trim(),
-                        comment: formData.comment?.trim(),
-                        ...(config.partnerContractId && { partnerContractId: config.partnerContractId }),
-                        ...(paymentIntentId && { paymentIntentId }),
-                        ...(upsellSelections && upsellSelections.length > 0 && { upsellSelections }),
-                    };
-                    if (!requestData.eventInstanceId) {
-                        throw new Error("Event instance ID is required");
-                    }
+                    const endpoint = freeformSelection
+                        ? "/booking/create-freeform-stripe-payment"
+                        : "/booking/create-stripe-payment";
+                    const requestData = freeformSelection
+                        ? {
+                            eventTypeId: freeformSelection.eventTypeId,
+                            organizationId: config.organizationId,
+                            start: freeformSelection.start,
+                            end: freeformSelection.end,
+                            requestedUnits: freeformSelection.requestedUnits,
+                            amount: Math.round(totalAmount),
+                            currency: "eur",
+                            customerName: freeformSelection.customerName.trim(),
+                            customerEmail: freeformSelection.customerEmail.trim(),
+                            customerPhone: freeformSelection.customerPhone?.trim(),
+                            comment: freeformSelection.comment?.trim(),
+                            locale,
+                            ...(config.partnerContractId && { partnerContractId: config.partnerContractId }),
+                            ...(paymentIntentId && { paymentIntentId }),
+                        }
+                        : {
+                            eventInstanceId: config.eventInstanceId || eventDetails.id,
+                            organizationId: config.organizationId,
+                            amount: Math.round(totalAmount),
+                            currency: "eur",
+                            participants: formData.participants.filter((p) => p.name?.trim()),
+                            discountCode: discountCode?.code,
+                            giftCardCodes: giftCards?.map((gc) => gc.code) || [],
+                            customerName: formData.customerName?.trim(),
+                            customerEmail: formData.customerEmail?.trim(),
+                            customerPhone: formData.customerPhone?.trim(),
+                            comment: formData.comment?.trim(),
+                            ...(config.partnerContractId && { partnerContractId: config.partnerContractId }),
+                            ...(paymentIntentId && { paymentIntentId }),
+                            ...(upsellSelections && upsellSelections.length > 0 && { upsellSelections }),
+                        };
                     if (!requestData.organizationId) {
                         throw new Error("Organization ID is required");
                     }
-                    if (!requestData.amount || requestData.amount <= 0) {
+                    if (requestData.amount === undefined || requestData.amount < 0) {
                         throw new Error("Valid amount is required");
                     }
-                    if (!requestData.participants || requestData.participants.length === 0) {
+                    if (!freeformSelection && "eventInstanceId" in requestData && !requestData.eventInstanceId) {
+                        throw new Error("Event instance ID is required");
+                    }
+                    if (!freeformSelection &&
+                        "participants" in requestData &&
+                        (!requestData.participants || requestData.participants.length === 0)) {
                         throw new Error("At least one participant is required");
                     }
                     if (!requestData.customerEmail) {
                         throw new Error("Customer email is required");
                     }
-                    const response = await fetch(getApiUrl(config.apiBaseUrl, "/booking/create-stripe-payment"), {
+                    const response = await fetch(getApiUrl(config.apiBaseUrl, endpoint), {
                         method: "POST",
                         headers: createApiHeaders(config, locale),
                         body: JSON.stringify(createRequestBody(config, requestData)),
@@ -7204,9 +7318,13 @@
             giftCards,
             config,
             upsellSelections,
+            freeformSelection,
+            locale,
         ]);
         const participantCount = formData.participants?.filter((p) => p.name?.trim()).length || 0;
-        const isFullyCoveredByGiftCards = isGiftCardFullyCovered(giftCards, eventDetails?.price || 0, participantCount, discountCode?.discountAmount || 0);
+        const isFullyCoveredByGiftCards = freeformSelection
+            ? false
+            : isGiftCardFullyCovered(giftCards, eventDetails?.price || 0, participantCount, discountCode?.discountAmount || 0);
         if (isFullyCoveredByGiftCards && totalAmount <= 0) {
             return (u$2(GiftCardOnlyBooking, { config: config, eventDetails: eventDetails, formData: formData, discountCode: discountCode, giftCards: giftCards, onSuccess: onSuccess, onError: onError, upsellSelections: upsellSelections }));
         }
@@ -7245,7 +7363,7 @@
                     setPaymentIntentId(null);
                     setClientSecret(null);
                     onSuccess(result);
-                }, onError: onError }) }));
+                }, onError: onError, ...(freeformSelection ? { freeformSelection } : {}) }) }));
     }
 
     const HOLD_DURATION_SECONDS = 15 * 60;
@@ -13505,20 +13623,22 @@
     const labelStyles = formStyles.label;
     const inputStyles = formStyles.input;
     const errorTextStyles = formStyles.error;
-    function VoucherPurchaseForm({ config, voucherConfig, eventTypes, isOpen, onClose, onSuccess, onError, systemConfig, preselectedEventTypeId, isLoadingEventTypes = false, }) {
+    function VoucherPurchaseForm({ config, voucherConfig, eventTypes, categories, isOpen, onClose, onSuccess, onError, systemConfig, preselectedEventTypeId, isLoadingEventTypes = false, }) {
         const t = useTranslations();
         const { locale } = useLocale();
         const paymentProvider = systemConfig?.paymentProvider ?? "stripe";
         // Form state
-        // Show voucher type selection if both monetary and event vouchers are allowed
-        // The event type selection will handle the case when no event types are available
         const canUseMonetaryVoucherType = voucherConfig.allowMonetaryVouchers !== false;
         const canUseEventVoucherType = voucherConfig.allowEventVouchers;
-        const showVoucherTypeSelection = canUseMonetaryVoucherType && canUseEventVoucherType && !isLoadingEventTypes;
+        const canUseCategoryVoucherType = canUseEventVoucherType && categories.length > 0;
+        const availableTypeCount = [canUseMonetaryVoucherType, canUseEventVoucherType, canUseCategoryVoucherType].filter(Boolean).length;
+        const showVoucherTypeSelection = availableTypeCount > 1 && !isLoadingEventTypes;
         const [voucherType, setVoucherType] = d$1(canUseMonetaryVoucherType ? "monetary" : "event");
         const [monetaryAmount, setMonetaryAmount] = d$1(voucherConfig.monetaryPresets[2] || 10000);
         const [selectedEventTypeId, setSelectedEventTypeId] = d$1(null);
         const [eventQuantity, setEventQuantity] = d$1(1);
+        const [selectedCategoryId, setSelectedCategoryId] = d$1(null);
+        const [categoryAmount, setCategoryAmount] = d$1(10000);
         const [recipientName, setRecipientName] = d$1("");
         const [message, setMessage] = d$1("");
         const [customerName, setCustomerName] = d$1("");
@@ -13578,6 +13698,9 @@
             if (voucherType === "monetary") {
                 return monetaryAmount;
             }
+            else if (voucherType === "category") {
+                return categoryAmount;
+            }
             else {
                 const eventType = eventTypes.find((et) => et.id === selectedEventTypeId);
                 if (eventType) {
@@ -13585,7 +13708,7 @@
                 }
                 return 0;
             }
-        }, [voucherType, monetaryAmount, selectedEventTypeId, eventQuantity, eventTypes]);
+        }, [voucherType, monetaryAmount, selectedEventTypeId, eventQuantity, eventTypes, categoryAmount]);
         const selectedEventType = T$2(() => {
             return eventTypes.find((et) => et.id === selectedEventTypeId);
         }, [eventTypes, selectedEventTypeId]);
@@ -13594,6 +13717,8 @@
             voucherType,
             selectedEventTypeId,
             eventQuantity,
+            selectedCategoryId,
+            categoryAmount,
             recipientName: recipientName.trim(),
             message: message.trim(),
             customerName: customerName.trim(),
@@ -13603,6 +13728,8 @@
             voucherType,
             selectedEventTypeId,
             eventQuantity,
+            selectedCategoryId,
+            categoryAmount,
             recipientName,
             message,
             customerName,
@@ -13621,24 +13748,37 @@
                 return false;
             if (voucherType === "event" && !selectedEventTypeId)
                 return false;
+            if (voucherType === "category" && !selectedCategoryId)
+                return false;
             return true;
-        }, [customerName, customerEmail, acceptTerms, totalAmount, voucherConfig, voucherType, selectedEventTypeId]);
+        }, [customerName, customerEmail, acceptTerms, totalAmount, voucherType, selectedEventTypeId, selectedCategoryId]);
         const defaultMonetaryAmount = T$2(() => voucherConfig.monetaryPresets[2] || voucherConfig.monetaryPresets[0] || 1000, [voucherConfig.monetaryPresets]);
         const handleVoucherTypeChange = q$2((nextType) => {
             setVoucherType(nextType);
             setPaymentError(null);
             if (nextType === "event") {
-                // Keep voucher type mutually exclusive: entering event flow resets amount selection state.
                 setMonetaryAmount(defaultMonetaryAmount);
+                setSelectedCategoryId(null);
+                setCategoryAmount(10000);
                 if (eventTypes.length === 1) {
                     setSelectedEventTypeId(eventTypes[0]?.id ?? null);
                 }
                 return;
             }
-            // Keep voucher type mutually exclusive: entering amount flow clears event selection.
+            if (nextType === "category") {
+                setMonetaryAmount(defaultMonetaryAmount);
+                setSelectedEventTypeId(null);
+                setEventQuantity(1);
+                if (categories.length === 1) {
+                    setSelectedCategoryId(categories[0]?.id ?? null);
+                }
+                return;
+            }
             setSelectedEventTypeId(null);
             setEventQuantity(1);
-        }, [defaultMonetaryAmount, eventTypes]);
+            setSelectedCategoryId(null);
+            setCategoryAmount(10000);
+        }, [defaultMonetaryAmount, eventTypes, categories]);
         y$1(() => {
             if (!canUseMonetaryVoucherType && voucherType === "monetary") {
                 setVoucherType("event");
@@ -13679,9 +13819,12 @@
             organizationId: config.organizationId,
             amount: totalAmount,
             currency: "eur",
-            voucherType,
-            monetaryValue: voucherType === "monetary" ? totalAmount : undefined,
+            voucherType: voucherType === "category" ? "monetary" : voucherType,
+            monetaryValue: voucherType === "monetary" ? totalAmount
+                : voucherType === "category" ? categoryAmount
+                    : undefined,
             eventTypeId: voucherType === "event" ? selectedEventTypeId : undefined,
+            eventCategoryId: voucherType === "category" ? selectedCategoryId : undefined,
             eventAmount: voucherType === "event" ? eventQuantity : undefined,
             recipientName: recipientName.trim() || undefined,
             message: message.trim() || undefined,
@@ -13872,7 +14015,30 @@
                                                     fontSize: "13px",
                                                     color: "var(--bw-text-muted)",
                                                     marginTop: "4px",
-                                                }, children: t("voucher.eventTypeDesc") })] }))] })] })), voucherType === "monetary" && (u$2("div", { style: cardStyles, children: [u$2("h2", { style: sectionHeaderStyles, children: t("voucher.selectAmount") }), u$2("div", { style: {
+                                                }, children: t("voucher.eventTypeDesc") })] })), canUseCategoryVoucherType && (u$2("button", { type: "button", onClick: () => handleVoucherTypeChange("category"), style: {
+                                            flex: 1,
+                                            padding: "16px",
+                                            borderRadius: "var(--bw-border-radius)",
+                                            border: voucherType === "category"
+                                                ? "2px solid var(--bw-highlight-color)"
+                                                : "1px solid var(--bw-border-color)",
+                                            backgroundColor: voucherType === "category"
+                                                ? "rgba(var(--bw-highlight-color-rgb, 0, 177, 170), 0.1)"
+                                                : "var(--bw-surface-color)",
+                                            cursor: "pointer",
+                                            fontFamily: "var(--bw-font-family)",
+                                            transition: "all 0.2s ease",
+                                            textAlign: "center",
+                                        }, children: [u$2("div", { style: {
+                                                    fontWeight: 600,
+                                                    color: voucherType === "category"
+                                                        ? "var(--bw-highlight-color)"
+                                                        : "var(--bw-text-color)",
+                                                }, children: t("voucher.categoryType") }), u$2("div", { style: {
+                                                    fontSize: "13px",
+                                                    color: "var(--bw-text-muted)",
+                                                    marginTop: "4px",
+                                                }, children: t("voucher.categoryTypeDesc") })] }))] })] })), voucherType === "monetary" && (u$2("div", { style: cardStyles, children: [u$2("h2", { style: sectionHeaderStyles, children: t("voucher.selectAmount") }), u$2("div", { style: {
                                     display: "grid",
                                     gridTemplateColumns: "repeat(3, 1fr)",
                                     gap: "8px",
@@ -13927,7 +14093,50 @@
                                                 fontSize: "18px",
                                                 color: "var(--bw-highlight-color)",
                                                 fontFamily: "var(--bw-font-family)",
-                                            }, children: formatCurrency(totalAmount) })] }) }))] })), u$2("div", { style: cardStyles, children: [u$2("h2", { style: sectionHeaderStyles, children: t("voucher.recipientSection") }), u$2("p", { style: {
+                                            }, children: formatCurrency(totalAmount) })] }) }))] })), voucherType === "category" && (u$2("div", { style: cardStyles, children: [u$2("h2", { style: sectionHeaderStyles, children: t("voucher.selectCategory") }), u$2("div", { style: { marginTop: "12px" }, children: u$2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [u$2("div", { children: [u$2("label", { htmlFor: "category-select", style: labelStyles, children: t("voucher.categoryLabel") }), u$2("select", { id: "category-select", value: selectedCategoryId || "", onChange: (e) => setSelectedCategoryId(e.target.value ? Number(e.target.value) : null), disabled: categories.length === 1, style: {
+                                                        ...inputStyles,
+                                                        cursor: categories.length === 1 ? "not-allowed" : "pointer",
+                                                    }, children: [categories.length > 1 && (u$2("option", { value: "", children: t("voucher.selectCategoryPlaceholder") })), categories.map((cat) => (u$2("option", { value: cat.id, children: cat.name }, cat.id)))] })] }), selectedCategoryId && (u$2("div", { children: [u$2("label", { htmlFor: "category-amount", style: labelStyles, children: t("voucher.categoryAmount") }), u$2("div", { style: {
+                                                        display: "grid",
+                                                        gridTemplateColumns: "repeat(3, 1fr)",
+                                                        gap: "8px",
+                                                        marginTop: "4px",
+                                                    }, children: voucherConfig.monetaryPresets.map((preset) => (u$2("button", { type: "button", onClick: () => setCategoryAmount(preset), style: {
+                                                            padding: "10px",
+                                                            borderRadius: "var(--bw-border-radius)",
+                                                            border: categoryAmount === preset
+                                                                ? "2px solid var(--bw-highlight-color)"
+                                                                : "1px solid var(--bw-border-color)",
+                                                            backgroundColor: categoryAmount === preset
+                                                                ? "rgba(var(--bw-highlight-color-rgb, 0, 177, 170), 0.1)"
+                                                                : "var(--bw-surface-color)",
+                                                            cursor: "pointer",
+                                                            fontFamily: "var(--bw-font-family)",
+                                                            fontWeight: 600,
+                                                            fontSize: "14px",
+                                                            color: categoryAmount === preset
+                                                                ? "var(--bw-highlight-color)"
+                                                                : "var(--bw-text-color)",
+                                                            transition: "all 0.2s ease",
+                                                        }, children: formatCurrency(preset) }, preset))) })] }))] }) }), selectedCategoryId && categoryAmount > 0 && (u$2("div", { style: {
+                                    marginTop: "16px",
+                                    padding: "12px",
+                                    backgroundColor: "rgba(var(--bw-highlight-color-rgb, 0, 177, 170), 0.1)",
+                                    borderRadius: "var(--bw-border-radius)",
+                                    border: "1px solid var(--bw-highlight-color)",
+                                }, children: u$2("div", { style: {
+                                        display: "flex",
+                                        justifyContent: "space-between",
+                                        alignItems: "center",
+                                    }, children: [u$2("span", { style: {
+                                                color: "var(--bw-text-color)",
+                                                fontFamily: "var(--bw-font-family)",
+                                            }, children: categories.find((c) => c.id === selectedCategoryId)?.name }), u$2("span", { style: {
+                                                fontWeight: 700,
+                                                fontSize: "18px",
+                                                color: "var(--bw-highlight-color)",
+                                                fontFamily: "var(--bw-font-family)",
+                                            }, children: formatCurrency(categoryAmount) })] }) }))] })), u$2("div", { style: cardStyles, children: [u$2("h2", { style: sectionHeaderStyles, children: t("voucher.recipientSection") }), u$2("p", { style: {
                                     fontSize: "13px",
                                     color: "var(--bw-text-muted)",
                                     fontFamily: "var(--bw-font-family)",
@@ -13960,7 +14169,9 @@
                                                                     fontFamily: "var(--bw-font-family)",
                                                                 }, children: voucherType === "monetary"
                                                                     ? t("voucher.monetaryVoucher")
-                                                                    : `${eventQuantity}x ${selectedEventType?.name || t("voucher.eventVoucher")}` }), recipientName && (u$2("div", { style: {
+                                                                    : voucherType === "category"
+                                                                        ? categories.find((c) => c.id === selectedCategoryId)?.name || t("voucher.categoryVoucher")
+                                                                        : `${eventQuantity}x ${selectedEventType?.name || t("voucher.eventVoucher")}` }), recipientName && (u$2("div", { style: {
                                                                     fontSize: "13px",
                                                                     color: "var(--bw-text-muted)",
                                                                     fontFamily: "var(--bw-font-family)",
@@ -14236,7 +14447,7 @@
                     }, children: t("voucher.buyAsGift") })] }));
     }
 
-    function VoucherIntegration({ config, voucherConfig, eventTypes, systemConfig, isFormOpen, isLoadingConfig, preselectedEventTypeId, voucherPurchaseResult, isSuccess, showStandaloneCard, onCardClick, onFormClose, onSuccess, onError, onSuccessModalClose, }) {
+    function VoucherIntegration({ config, voucherConfig, eventTypes, categories, systemConfig, isFormOpen, isLoadingConfig, preselectedEventTypeId, voucherPurchaseResult, isSuccess, showStandaloneCard, onCardClick, onFormClose, onSuccess, onError, onSuccessModalClose, }) {
         if (!voucherConfig?.enabled) {
             return null;
         }
@@ -14247,7 +14458,7 @@
                             justifyContent: "center",
                         }, children: u$2(VoucherPurchaseCard, { config: voucherConfig, minEventPrice: eventTypes.length > 0
                                 ? Math.min(...eventTypes.map((et) => et.maxPrice))
-                                : undefined, fallbackImages: eventTypes.flatMap((eventType) => eventType.images || []), onClick: onCardClick, standalone: true }) }) })), u$2(VoucherPurchaseForm, { config: config, voucherConfig: voucherConfig, eventTypes: eventTypes, isOpen: isFormOpen, onClose: onFormClose, onSuccess: onSuccess, onError: onError, systemConfig: systemConfig, preselectedEventTypeId: preselectedEventTypeId, isLoadingEventTypes: isLoadingConfig }), isSuccess && voucherPurchaseResult && (u$2(VoucherSuccessModal, { isOpen: true, onClose: onSuccessModalClose, result: voucherPurchaseResult }))] }));
+                                : undefined, fallbackImages: eventTypes.flatMap((eventType) => eventType.images || []), onClick: onCardClick, standalone: true }) }) })), u$2(VoucherPurchaseForm, { config: config, voucherConfig: voucherConfig, eventTypes: eventTypes, categories: categories, isOpen: isFormOpen, onClose: onFormClose, onSuccess: onSuccess, onError: onError, systemConfig: systemConfig, preselectedEventTypeId: preselectedEventTypeId, isLoadingEventTypes: isLoadingConfig }), isSuccess && voucherPurchaseResult && (u$2(VoucherSuccessModal, { isOpen: true, onClose: onSuccessModalClose, result: voucherPurchaseResult }))] }));
     }
 
     // Helper function to preprocess markdown for underline support
@@ -15515,6 +15726,312 @@
                     }) })] }));
     }
 
+    function toMinutesForUnit(unit) {
+        switch (unit.toLowerCase()) {
+            case "minute":
+            case "minutes":
+                return 1;
+            case "hour":
+            case "hours":
+                return 60;
+            case "day":
+            case "days":
+                return 24 * 60;
+            default:
+                return 1;
+        }
+    }
+    // --- Timezone helpers ------------------------------------------------------
+    // The booking is evaluated server-side against the organization's local
+    // operating hours. The customer's browser may be in a different timezone, so we
+    // interpret the datetime-local field as a wall-clock time in the ORG timezone
+    // (not the browser's) and convert to a UTC instant for the API.
+    function getTzParts(date, timeZone) {
+        const dtf = new Intl.DateTimeFormat("en-CA", {
+            timeZone,
+            hour12: false,
+            year: "numeric",
+            month: "2-digit",
+            day: "2-digit",
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit",
+        });
+        const parts = {};
+        for (const part of dtf.formatToParts(date)) {
+            if (part.type !== "literal")
+                parts[part.type] = part.value;
+        }
+        return parts;
+    }
+    function tzOffsetMs(utcMs, timeZone) {
+        const p = getTzParts(new Date(utcMs), timeZone);
+        const hour = p.hour === "24" ? "00" : p.hour;
+        const asLocalUtc = Date.UTC(Number(p.year), Number(p.month) - 1, Number(p.day), Number(hour), Number(p.minute), Number(p.second));
+        return asLocalUtc - utcMs;
+    }
+    /** Convert an org-tz wall-clock string ("YYYY-MM-DDTHH:mm") to a UTC instant. */
+    function zonedWallTimeToUtc(wallTime, timeZone) {
+        const [datePart, timePart] = wallTime.split("T");
+        if (!datePart || !timePart)
+            return new Date(NaN);
+        const [y, mo, d] = datePart.split("-").map(Number);
+        const [h, mi] = timePart.split(":").map(Number);
+        const naiveUtc = Date.UTC(y, (mo ?? 1) - 1, d, h ?? 0, mi ?? 0);
+        // Single-pass offset correction (good enough outside the ~1h DST fold).
+        const offset = tzOffsetMs(naiveUtc, timeZone);
+        return new Date(naiveUtc - offset);
+    }
+    /** Render a UTC instant as an org-tz datetime-local input value. */
+    function utcToZonedInputValue(date, timeZone) {
+        const p = getTzParts(date, timeZone);
+        const hour = p.hour === "24" ? "00" : p.hour;
+        return `${p.year}-${p.month}-${p.day}T${hour}:${p.minute}`;
+    }
+    /** Format a UTC instant for display in the org timezone. */
+    function formatInTimeZone(date, timeZone, locale) {
+        return new Intl.DateTimeFormat(locale, {
+            timeZone,
+            dateStyle: "medium",
+            timeStyle: "short",
+        }).format(date);
+    }
+    function calculateTieredPrice(durationUnits, config) {
+        const tiers = [...(config.tiers ?? [])]
+            .filter((tier) => tier.unitCount > 0 && tier.price >= 0)
+            .sort((a, b) => b.unitCount - a.unitCount);
+        if (tiers.length === 0) {
+            return 0;
+        }
+        let total = 0;
+        let remaining = durationUnits;
+        for (const tier of tiers) {
+            const count = Math.floor(remaining / tier.unitCount);
+            if (count <= 0)
+                continue;
+            total += count * tier.price;
+            remaining -= count * tier.unitCount;
+        }
+        if (remaining > 0) {
+            if (typeof config.perUnitPrice === "number") {
+                total += remaining * config.perUnitPrice;
+            }
+            else {
+                total += tiers[tiers.length - 1]?.price ?? 0;
+            }
+        }
+        return total;
+    }
+    function FreeformSelection({ config, eventType, systemConfig, isOpen, onClose, onSuccess, onError, }) {
+        const t = useTranslations();
+        const { locale } = useLocale();
+        const freeformConfig = eventType.freeformConfig;
+        const timeZone = eventType.organizationTimezone || Intl.DateTimeFormat().resolvedOptions().timeZone;
+        const isNamedResource = eventType.resourceKind === "named";
+        const maxUnits = isNamedResource ? 1 : Math.max(1, eventType.resourceQuantity ?? 1);
+        const now = T$2(() => {
+            const next = new Date();
+            next.setMinutes(next.getMinutes() + 30, 0, 0);
+            return next;
+        }, []);
+        const [startInput, setStartInput] = d$1(utcToZonedInputValue(now, timeZone));
+        const [duration, setDuration] = d$1(Math.max(1, freeformConfig?.minDuration ?? 1));
+        const [requestedUnits, setRequestedUnits] = d$1(1);
+        const [customerName, setCustomerName] = d$1("");
+        const [customerEmail, setCustomerEmail] = d$1("");
+        const [customerPhone, setCustomerPhone] = d$1("");
+        const [comment, setComment] = d$1("");
+        const [acceptTerms, setAcceptTerms] = d$1(false);
+        const [checkoutStep, setCheckoutStep] = d$1("details");
+        const [availability, setAvailability] = d$1(null);
+        const [availabilityError, setAvailabilityError] = d$1(null);
+        const [isCheckingAvailability, setIsCheckingAvailability] = d$1(false);
+        y$1(() => {
+            if (!isOpen)
+                return;
+            setCheckoutStep("details");
+        }, [isOpen]);
+        y$1(() => {
+            if (!freeformConfig)
+                return;
+            setDuration(Math.max(1, freeformConfig.minDuration));
+            setRequestedUnits(1);
+            setAvailability(null);
+            setAvailabilityError(null);
+        }, [freeformConfig?.resourceId]);
+        const unitMinutes = toMinutesForUnit(freeformConfig?.unit ?? "hour");
+        const startDate = T$2(() => zonedWallTimeToUtc(startInput, timeZone), [startInput, timeZone]);
+        const endDate = T$2(() => new Date(startDate.getTime() + duration * unitMinutes * 60000), [duration, startDate, unitMinutes]);
+        y$1(() => {
+            if (!isOpen || !freeformConfig)
+                return;
+            if (Number.isNaN(startDate.getTime()) || Number.isNaN(endDate.getTime()))
+                return;
+            const timer = setTimeout(async () => {
+                setIsCheckingAvailability(true);
+                setAvailabilityError(null);
+                try {
+                    const response = await fetch(getApiUrl(config.apiBaseUrl, "/booking/freeform-availability"), {
+                        method: "POST",
+                        headers: createApiHeaders(config, locale),
+                        body: JSON.stringify(createRequestBody(config, {
+                            eventTypeId: eventType.id,
+                            requestedUnits,
+                            start: startDate.toISOString(),
+                            end: endDate.toISOString(),
+                        })),
+                    });
+                    const data = await response.json();
+                    if (!response.ok) {
+                        setAvailability(null);
+                        setAvailabilityError(data.error || t("error.loadBookingData"));
+                        return;
+                    }
+                    setAvailability({
+                        available: Boolean(data.available),
+                        freeUnits: Number(data.freeUnits ?? 0),
+                        capacityUnits: Number(data.capacityUnits ?? 0),
+                        usedUnits: Number(data.usedUnits ?? 0),
+                        reservationUsedUnits: Number(data.reservationUsedUnits ?? 0),
+                        blockUsedUnits: Number(data.blockUsedUnits ?? 0),
+                        durationUnits: Number(data.durationUnits ?? 0),
+                        roundedDurationMinutes: Number(data.roundedDurationMinutes ?? 0),
+                    });
+                }
+                catch (_error) {
+                    setAvailability(null);
+                    setAvailabilityError(t("error.loadBookingData"));
+                }
+                finally {
+                    setIsCheckingAvailability(false);
+                }
+            }, 350);
+            return () => clearTimeout(timer);
+        }, [
+            config,
+            endDate,
+            eventType.id,
+            freeformConfig,
+            isOpen,
+            locale,
+            requestedUnits,
+            startDate,
+            t,
+        ]);
+        const billedDurationUnits = availability?.durationUnits ?? Math.max(1, Math.ceil(duration / Math.max(1, freeformConfig?.stepDuration ?? 1)));
+        const basePrice = T$2(() => {
+            if (!freeformConfig)
+                return 0;
+            if (freeformConfig.pricingModel === "perUnit") {
+                return (freeformConfig.perUnitPrice ?? 0) * billedDurationUnits;
+            }
+            return calculateTieredPrice(billedDurationUnits, freeformConfig);
+        }, [billedDurationUnits, freeformConfig]);
+        const totalPrice = Math.max(0, basePrice * requestedUnits);
+        const canContinueToPayment = !!freeformConfig &&
+            customerName.trim().length >= 2 &&
+            customerEmail.trim().length > 3 &&
+            acceptTerms &&
+            !!availability?.available &&
+            !isCheckingAvailability;
+        const freeformSelection = T$2(() => ({
+            eventTypeId: eventType.id,
+            start: startDate.toISOString(),
+            end: endDate.toISOString(),
+            requestedUnits,
+            customerName: customerName.trim(),
+            customerEmail: customerEmail.trim(),
+            customerPhone: customerPhone.trim(),
+            comment: comment.trim(),
+        }), [
+            comment,
+            customerEmail,
+            customerName,
+            customerPhone,
+            endDate,
+            eventType.id,
+            requestedUnits,
+            startDate,
+        ]);
+        const paymentFormData = T$2(() => ({
+            customerName: customerName.trim(),
+            customerEmail: customerEmail.trim(),
+            customerPhone: customerPhone.trim(),
+            participants: [{ name: customerName.trim() || customerEmail.trim(), level: undefined }],
+            comment: comment.trim(),
+        }), [comment, customerEmail, customerName, customerPhone]);
+        const eventDetailsForPayment = T$2(() => ({
+            id: eventType.id,
+            name: eventType.name,
+            startTime: startDate.toISOString(),
+            endTime: endDate.toISOString(),
+            price: basePrice,
+            maxParticipants: availability?.capacityUnits ?? requestedUnits,
+            participantCount: 0,
+            availableSpots: availability?.freeUnits ?? requestedUnits,
+            durationDays: 1,
+            durationPerDay: availability?.roundedDurationMinutes ?? duration * unitMinutes,
+            images: eventType.images ?? [],
+            category: eventType.category,
+            organization: {
+                id: config.organizationId,
+                name: "",
+            },
+            bookingOpen: availability?.available ?? false,
+        }), [
+            availability?.available,
+            availability?.capacityUnits,
+            availability?.freeUnits,
+            availability?.roundedDurationMinutes,
+            basePrice,
+            config.organizationId,
+            duration,
+            endDate,
+            eventType.category,
+            eventType.id,
+            eventType.images,
+            eventType.name,
+            requestedUnits,
+            startDate,
+            unitMinutes,
+        ]);
+        const footer = (u$2("div", { style: { width: "100%", display: "flex", gap: "12px" }, children: [u$2("button", { type: "button", onClick: () => {
+                        if (checkoutStep === "payment") {
+                            setCheckoutStep("details");
+                        }
+                        else {
+                            onClose();
+                        }
+                    }, style: {
+                        flex: 1,
+                        padding: "12px 16px",
+                        border: "1px solid var(--bw-border-color)",
+                        borderRadius: "var(--bw-border-radius)",
+                        backgroundColor: "var(--bw-surface-color)",
+                        color: "var(--bw-text-color)",
+                        fontFamily: "var(--bw-font-family)",
+                        fontWeight: 600,
+                        cursor: "pointer",
+                    }, children: checkoutStep === "payment" ? t("button.backToDetails") : t("common.back") }), checkoutStep === "details" && (u$2("button", { type: "button", onClick: () => setCheckoutStep("payment"), disabled: !canContinueToPayment, style: {
+                        flex: 1,
+                        padding: "12px 16px",
+                        border: "none",
+                        borderRadius: "var(--bw-border-radius)",
+                        backgroundColor: "var(--bw-highlight-color)",
+                        color: "var(--bw-button-text-color, #ffffff)",
+                        fontFamily: "var(--bw-font-family)",
+                        fontWeight: 700,
+                        cursor: canContinueToPayment ? "pointer" : "not-allowed",
+                        opacity: canContinueToPayment ? 1 : 0.6,
+                    }, children: t("button.continueToPayment") }))] }));
+        if (!freeformConfig) {
+            return (u$2(Sidebar, { isOpen: isOpen, onClose: onClose, title: eventType.name, children: u$2("div", { style: { padding: "16px", color: "var(--bw-error-color)", fontFamily: "var(--bw-font-family)" }, children: t("booking.freeformMissingConfig") }) }));
+        }
+        return (u$2(Sidebar, { isOpen: isOpen, onClose: onClose, title: eventType.name, footer: footer, children: u$2("div", { style: { padding: "16px", display: "flex", flexDirection: "column", gap: "16px" }, children: checkoutStep === "details" ? (u$2(k$3, { children: [u$2("div", { style: { border: "1px solid var(--bw-border-color)", borderRadius: "var(--bw-border-radius)", padding: "14px", backgroundColor: "var(--bw-surface-color)" }, children: [u$2("h3", { style: { margin: "0 0 12px 0", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-color)" }, children: t("booking.eventDetails") }), u$2("div", { style: { display: "grid", gap: "10px" }, children: [u$2("label", { style: { display: "grid", gap: "6px", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-muted)" }, children: [t("booking.date"), u$2("input", { type: "datetime-local", value: startInput, onChange: (event) => setStartInput(event.target.value), style: { padding: "10px", borderRadius: "var(--bw-border-radius-small)", border: "1px solid var(--bw-border-color)", backgroundColor: "var(--bw-background-color)", color: "var(--bw-text-color)" } })] }), u$2("label", { style: { display: "grid", gap: "6px", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-muted)" }, children: [t("booking.duration"), u$2("input", { type: "number", min: freeformConfig.minDuration, max: freeformConfig.maxDuration, step: freeformConfig.stepDuration, value: duration, onChange: (event) => setDuration(Number(event.target.value)), style: { padding: "10px", borderRadius: "var(--bw-border-radius-small)", border: "1px solid var(--bw-border-color)", backgroundColor: "var(--bw-background-color)", color: "var(--bw-text-color)" } })] }), !isNamedResource && (u$2("label", { style: { display: "grid", gap: "6px", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-muted)" }, children: [t("voucher.quantity"), u$2("input", { type: "number", min: 1, max: maxUnits, value: requestedUnits, onChange: (event) => setRequestedUnits(Math.min(maxUnits, Math.max(1, Number(event.target.value)))), style: { padding: "10px", borderRadius: "var(--bw-border-radius-small)", border: "1px solid var(--bw-border-color)", backgroundColor: "var(--bw-background-color)", color: "var(--bw-text-color)" } })] }))] }), u$2("div", { style: { marginTop: "12px", fontSize: "13px", color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: [formatInTimeZone(startDate, timeZone, locale), " - ", formatInTimeZone(endDate, timeZone, locale), eventType.organizationTimezone ? ` (${timeZone})` : ""] }), isCheckingAvailability && (u$2("div", { style: { marginTop: "8px", fontSize: "13px", color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: t("common.loading") })), availabilityError && (u$2("div", { style: { marginTop: "8px", fontSize: "13px", color: "var(--bw-error-color)", fontFamily: "var(--bw-font-family)" }, children: availabilityError })), !availabilityError && availability && (u$2("div", { style: { marginTop: "8px", fontSize: "13px", color: availability.available ? "var(--bw-success-color)" : "var(--bw-error-color)", fontFamily: "var(--bw-font-family)" }, children: availability.available
+                                        ? t("booking.freeformUnitsAvailable", { count: availability.freeUnits })
+                                        : t("booking.freeformNotAvailable") }))] }), u$2("div", { style: { border: "1px solid var(--bw-border-color)", borderRadius: "var(--bw-border-radius)", padding: "14px", backgroundColor: "var(--bw-surface-color)" }, children: [u$2("h3", { style: { margin: "0 0 12px 0", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-color)" }, children: t("booking.contactInfo") }), u$2("div", { style: { display: "grid", gap: "10px" }, children: [u$2("input", { type: "text", placeholder: t("booking.namePlaceholder"), value: customerName, onChange: (event) => setCustomerName(event.target.value), style: { padding: "10px", borderRadius: "var(--bw-border-radius-small)", border: "1px solid var(--bw-border-color)", backgroundColor: "var(--bw-background-color)", color: "var(--bw-text-color)" } }), u$2("input", { type: "email", placeholder: t("booking.emailPlaceholder"), value: customerEmail, onChange: (event) => setCustomerEmail(event.target.value), style: { padding: "10px", borderRadius: "var(--bw-border-radius-small)", border: "1px solid var(--bw-border-color)", backgroundColor: "var(--bw-background-color)", color: "var(--bw-text-color)" } }), u$2("input", { type: "tel", placeholder: t("booking.phonePlaceholder"), value: customerPhone, onChange: (event) => setCustomerPhone(event.target.value), style: { padding: "10px", borderRadius: "var(--bw-border-radius-small)", border: "1px solid var(--bw-border-color)", backgroundColor: "var(--bw-background-color)", color: "var(--bw-text-color)" } }), u$2("textarea", { placeholder: t("booking.commentPlaceholder"), value: comment, onChange: (event) => setComment(event.target.value), rows: 3, style: { padding: "10px", borderRadius: "var(--bw-border-radius-small)", border: "1px solid var(--bw-border-color)", backgroundColor: "var(--bw-background-color)", color: "var(--bw-text-color)", resize: "vertical" } }), u$2("label", { style: { display: "flex", alignItems: "center", gap: "8px", fontFamily: "var(--bw-font-family)", fontSize: "13px", color: "var(--bw-text-muted)" }, children: [u$2("input", { type: "checkbox", checked: acceptTerms, onChange: (event) => setAcceptTerms(event.target.checked) }), t("booking.acceptTerms"), " ", t("booking.terms")] })] })] }), u$2("div", { style: { border: "1px solid var(--bw-border-color)", borderRadius: "var(--bw-border-radius)", padding: "14px", backgroundColor: "var(--bw-surface-color)" }, children: [u$2("h3", { style: { margin: "0 0 12px 0", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-color)" }, children: t("summary.title") }), u$2("div", { style: { display: "flex", justifyContent: "space-between", color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)", fontSize: "14px" }, children: [u$2("span", { children: t("booking.duration") }), u$2("span", { children: t("booking.steps", { count: billedDurationUnits }) })] }), u$2("div", { style: { display: "flex", justifyContent: "space-between", color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)", fontSize: "14px", marginTop: "6px" }, children: [u$2("span", { children: t("booking.price") }), u$2("span", { children: [formatCurrency(basePrice), " x ", requestedUnits] })] }), u$2("div", { style: { display: "flex", justifyContent: "space-between", color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)", fontSize: "20px", fontWeight: 700, marginTop: "10px" }, children: [u$2("span", { children: t("summary.totalAmount") }), u$2("span", { children: formatCurrency(totalPrice) })] })] })] })) : (u$2(k$3, { children: [u$2(HoldCountdown, {}), u$2("div", { style: { border: "1px solid var(--bw-border-color)", borderRadius: "var(--bw-border-radius)", padding: "14px", backgroundColor: "var(--bw-surface-color)" }, children: [u$2("h3", { style: { margin: "0 0 12px 0", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-color)" }, children: t("summary.payment") }), !systemConfig?.paymentProvider && (u$2("p", { style: { margin: 0, color: "var(--bw-error-color)", fontFamily: "var(--bw-font-family)" }, children: t("booking.paymentUnavailable") })), systemConfig?.paymentProvider === "mollie" && (u$2(MolliePaymentForm, { config: config, eventDetails: eventDetailsForPayment, formData: paymentFormData, totalAmount: totalPrice, discountCode: null, giftCards: [], onSuccess: onSuccess, onError: onError, mollieProfileId: systemConfig?.mollieProfileId, mollieTestmode: systemConfig?.mollieTestmode, freeformSelection: freeformSelection })), systemConfig?.paymentProvider === "stripe" && (u$2(StripePaymentForm, { config: config, eventDetails: eventDetailsForPayment, formData: paymentFormData, totalAmount: totalPrice, discountCode: null, giftCards: [], onSuccess: onSuccess, onError: onError, systemConfig: systemConfig, freeformSelection: freeformSelection }))] })] })) }) }));
+    }
+
     const getThemeConfig = (theme = "generic") => {
         switch (theme) {
             case "christmas":
@@ -16155,6 +16672,7 @@
         const [shouldRenderInstanceSelection, setShouldRenderInstanceSelection] = d$1(false);
         const [shouldRenderUpsells, setShouldRenderUpsells] = d$1(false);
         const [shouldRenderBookingForm, setShouldRenderBookingForm] = d$1(false);
+        const [shouldRenderFreeformSelection, setShouldRenderFreeformSelection] = d$1(false);
         // Google Ads config (received from API, set once from the first API response)
         const [googleAdsConfig, setGoogleAdsConfig] = d$1(null);
         const extractGoogleAdsConfig = (data) => {
@@ -16168,6 +16686,7 @@
         // Voucher purchase state
         const [voucherConfig, setVoucherConfig] = d$1(null);
         const [voucherEventTypes, setVoucherEventTypes] = d$1([]);
+        const [voucherCategories, setVoucherCategories] = d$1([]);
         const [isLoadingVoucherConfig, setIsLoadingVoucherConfig] = d$1(false);
         const [isVoucherFormOpen, setIsVoucherFormOpen] = d$1(false);
         const [voucherPurchaseResult, setVoucherPurchaseResult] = d$1(null);
@@ -16247,6 +16766,7 @@
                     setVoucherConfig(mergedConfig);
                     extractGoogleAdsConfig(data);
                     setVoucherEventTypes(data.eventTypes || []);
+                    setVoucherCategories(data.categories || []);
                     // Set system config for payment processing
                     if (data.paymentProvider) {
                         setSystemConfig({
@@ -16275,7 +16795,7 @@
             if (!analyticsInitRef.current && config.organizationId) {
                 analyticsInitRef.current = true;
                 initAnalytics(config.apiBaseUrl, config.organizationId, {
-                    partnerContractId: config.partnerContractId,
+                    ...(config.partnerContractId ? { partnerContractId: config.partnerContractId } : {}),
                 });
                 trackEvent("widget_loaded", {
                     viewMode,
@@ -16754,6 +17274,18 @@
         const handleEventTypeSelect = async (eventType) => {
             trackEvent("event_type_selected", { eventTypeId: eventType.id, eventTypeName: eventType.name });
             setSelectedEventType(eventType);
+            if (eventType.bookingMode === "freeform") {
+                setCurrentStep("freeform");
+                setShouldRenderFreeformSelection(true);
+                setIsLoadingEventInstances(true);
+                try {
+                    await loadEventInstances(eventType.id);
+                }
+                finally {
+                    setIsLoadingEventInstances(false);
+                }
+                return;
+            }
             setCurrentStep("eventInstances");
             setShouldRenderInstanceSelection(true);
             setIsLoadingEventInstances(true);
@@ -16844,6 +17376,7 @@
             setSuccessPaymentId(result.paymentIntent.id);
             setSidebarOpen(false);
             setShouldRenderBookingForm(false);
+            setShouldRenderFreeformSelection(false);
             setBookingPersistedState(null);
             config.onSuccess?.(result);
         };
@@ -17159,6 +17692,7 @@
                                     setShouldRenderInstanceSelection(false);
                                     setShouldRenderUpsells(false);
                                     setShouldRenderBookingForm(false);
+                                    setShouldRenderFreeformSelection(false);
                                     setSelectedUpsells([]);
                                     setUpsells([]);
                                     setBookingPersistedState(null);
@@ -17180,6 +17714,7 @@
                                     setShouldRenderInstanceSelection(false);
                                     setShouldRenderUpsells(false);
                                     setShouldRenderBookingForm(false);
+                                    setShouldRenderFreeformSelection(false);
                                     setSelectedUpsells([]);
                                     setUpsells([]);
                                     setBookingPersistedState(null);
@@ -17199,6 +17734,7 @@
                                     setSuccessPaymentId(null);
                                     setShouldRenderInstanceSelection(false);
                                     setShouldRenderBookingForm(false);
+                                    setShouldRenderFreeformSelection(false);
                                     const url = new URL(window.location.href);
                                     url.searchParams.delete("payment_intent");
                                     url.searchParams.delete("payment_intent_client_secret");
@@ -17242,13 +17778,23 @@
                                         setCurrentStep("booking");
                                         setShouldRenderBookingForm(true);
                                     }
+                                    else if (selectedEventType?.bookingMode === "freeform") {
+                                        setCurrentStep("freeform");
+                                        setShouldRenderFreeformSelection(true);
+                                    }
                                     else {
                                         setCurrentStep("eventInstances");
                                         setSidebarOpen(true);
                                         setShouldRenderInstanceSelection(true);
                                     }
                                 }, children: [isButtonBusy && u$2(Spinner, { size: 20, borderColor: "var(--bw-button-text-color, #ffffff)" }), config.buttonText ||
-                                        (isDirectInstanceMode ? t("button.bookNow") : t("button.viewDates"))] }), shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen && currentStep === "eventInstances", onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails, hasUpsellsStep: hasUpsellsFlowStep, apiBaseUrl: config.apiBaseUrl, organizationId: config.organizationId })), 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, onSuccess: handleBookingSuccess, onError: handleBookingError, isOpen: currentStep === "booking" && !!eventDetails, onClose: handleBackFromBooking, systemConfig: systemConfig, selectedUpsells: selectedUpsells, upsells: upsells, persistedState: bookingPersistedState, onPersistedStateChange: setBookingPersistedState })), u$2(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                                        (isDirectInstanceMode || selectedEventType?.bookingMode === "freeform"
+                                            ? t("button.bookNow")
+                                            : t("button.viewDates"))] }), shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen && currentStep === "eventInstances", onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails, hasUpsellsStep: hasUpsellsFlowStep, apiBaseUrl: config.apiBaseUrl, organizationId: config.organizationId })), 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, onSuccess: handleBookingSuccess, onError: handleBookingError, isOpen: currentStep === "booking" && !!eventDetails, onClose: handleBackFromBooking, systemConfig: systemConfig, selectedUpsells: selectedUpsells, upsells: upsells, persistedState: bookingPersistedState, onPersistedStateChange: setBookingPersistedState })), shouldRenderFreeformSelection && selectedEventType?.bookingMode === "freeform" && (u$2(FreeformSelection, { config: config, eventType: selectedEventType, isOpen: currentStep === "freeform", onClose: () => {
+                                    setCurrentStep("eventTypes");
+                                    setSidebarOpen(false);
+                                    setShouldRenderFreeformSelection(false);
+                                }, onSuccess: handleBookingSuccess, onError: handleBookingError, systemConfig: systemConfig })), u$2(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
                                     setIsSuccess(false);
                                     setCurrentStep("eventTypes");
                                     setSidebarOpen(false);
@@ -17256,6 +17802,7 @@
                                     setShouldRenderInstanceSelection(false);
                                     setShouldRenderUpsells(false);
                                     setShouldRenderBookingForm(false);
+                                    setShouldRenderFreeformSelection(false);
                                     setSelectedUpsells([]);
                                     setUpsells([]);
                                     const url = new URL(window.location.href);
@@ -17268,7 +17815,7 @@
                                 }, config: config, googleAdsConfig: googleAdsConfig, onError: setError, paymentIntentId: successPaymentId })] }), showPromoDialog && config.promo && (u$2(PromoDialog, { config: config.promo, onClose: handlePromoDialogClose, onCtaClick: handlePromoCtaClick }))] }));
         }
         // Cards mode (default) - show event type selection with optional voucher card
-        const cardsView = (u$2(k$3, { children: [hasEventSelection && (u$2(EventTypeSelection, { eventTypes: eventTypes, onEventTypeSelect: handleEventTypeSelect, onInstancePreview: (instanceId, eventTypeId) => void handleUpcomingEventSelect(instanceId, eventTypeId), isLoading: isLoading, skeletonCount: getSkeletonCount(), showVoucherAttachment: Boolean(voucherConfig?.enabled && voucherCardIntegrationEnabled && !isStandaloneVoucherMode), onVoucherClick: handleVoucherAttachmentClick })), isStandaloneVoucherMode && (u$2(VoucherIntegration, { config: config, voucherConfig: voucherConfig, eventTypes: voucherEventTypes, systemConfig: systemConfig, isFormOpen: false, isLoadingConfig: isLoadingVoucherConfig, preselectedEventTypeId: null, voucherPurchaseResult: null, isSuccess: false, showStandaloneCard: Boolean(voucherConfig?.enabled && voucherCardIntegrationEnabled), onCardClick: handleVoucherCardClick, onFormClose: handleVoucherFormClose, onSuccess: handleVoucherSuccess, onError: handleVoucherError, onSuccessModalClose: () => { } })), isStandaloneVoucherMode && isLoading && !voucherConfig && (u$2("div", { style: { padding: "24px", textAlign: "center" }, children: u$2("div", { style: {
+        const cardsView = (u$2(k$3, { children: [hasEventSelection && (u$2(EventTypeSelection, { eventTypes: eventTypes, onEventTypeSelect: handleEventTypeSelect, onInstancePreview: (instanceId, eventTypeId) => void handleUpcomingEventSelect(instanceId, eventTypeId), isLoading: isLoading, skeletonCount: getSkeletonCount(), showVoucherAttachment: Boolean(voucherConfig?.enabled && voucherCardIntegrationEnabled && !isStandaloneVoucherMode), onVoucherClick: handleVoucherAttachmentClick })), isStandaloneVoucherMode && (u$2(VoucherIntegration, { config: config, voucherConfig: voucherConfig, eventTypes: voucherEventTypes, categories: voucherCategories, systemConfig: systemConfig, isFormOpen: false, isLoadingConfig: isLoadingVoucherConfig, preselectedEventTypeId: null, voucherPurchaseResult: null, isSuccess: false, showStandaloneCard: Boolean(voucherConfig?.enabled && voucherCardIntegrationEnabled), onCardClick: handleVoucherCardClick, onFormClose: handleVoucherFormClose, onSuccess: handleVoucherSuccess, onError: handleVoucherError, onSuccessModalClose: () => { } })), isStandaloneVoucherMode && isLoading && !voucherConfig && (u$2("div", { style: { padding: "24px", textAlign: "center" }, children: u$2("div", { style: {
                             display: "inline-block",
                             width: "32px",
                             height: "32px",
@@ -17309,13 +17856,17 @@
             };
         };
         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, hasUpsellsStep: hasUpsellsFlowStep, apiBaseUrl: config.apiBaseUrl, organizationId: config.organizationId })), 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, onSuccess: handleBookingSuccess, onError: handleBookingError, isOpen: currentStep === "booking" && !!eventDetails, onClose: backHandlers.onClose, systemConfig: systemConfig, selectedUpsells: selectedUpsells, upsells: upsells, persistedState: bookingPersistedState, onPersistedStateChange: setBookingPersistedState })), u$2(BookingSuccessModal, { isOpen: isSuccess && !voucherPurchaseResult, 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, hasUpsellsStep: hasUpsellsFlowStep, apiBaseUrl: config.apiBaseUrl, organizationId: config.organizationId })), 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, onSuccess: handleBookingSuccess, onError: handleBookingError, isOpen: currentStep === "booking" && !!eventDetails, onClose: backHandlers.onClose, systemConfig: systemConfig, selectedUpsells: selectedUpsells, upsells: upsells, persistedState: bookingPersistedState, onPersistedStateChange: setBookingPersistedState })), shouldRenderFreeformSelection && selectedEventType?.bookingMode === "freeform" && (u$2(FreeformSelection, { config: config, eventType: selectedEventType, isOpen: currentStep === "freeform", onClose: () => {
+                                setCurrentStep("eventTypes");
+                                setShouldRenderFreeformSelection(false);
+                            }, onSuccess: handleBookingSuccess, onError: handleBookingError, systemConfig: systemConfig })), u$2(BookingSuccessModal, { isOpen: isSuccess && !voucherPurchaseResult, onClose: () => {
                                 setIsSuccess(false);
                                 setCurrentStep("eventTypes");
                                 setSuccessPaymentId(null);
                                 setShouldRenderInstanceSelection(false);
                                 setShouldRenderUpsells(false);
                                 setShouldRenderBookingForm(false);
+                                setShouldRenderFreeformSelection(false);
                                 setSelectedUpsells([]);
                                 setUpsells([]);
                                 const url = new URL(window.location.href);
@@ -17325,7 +17876,7 @@
                                 url.searchParams.delete("mollie_payment_id");
                                 url.searchParams.delete("mollie_status");
                                 window.history.replaceState({}, "", url.toString());
-                            }, config: config, googleAdsConfig: googleAdsConfig, onError: setError, paymentIntentId: successPaymentId }), u$2(VoucherIntegration, { config: config, voucherConfig: voucherConfig, eventTypes: voucherEventTypes, systemConfig: systemConfig, isFormOpen: isVoucherFormOpen, isLoadingConfig: isLoadingVoucherConfig, preselectedEventTypeId: preselectedVoucherEventTypeId, voucherPurchaseResult: voucherPurchaseResult, isSuccess: isSuccess, showStandaloneCard: false, onCardClick: handleVoucherCardClick, onFormClose: handleVoucherFormClose, onSuccess: handleVoucherSuccess, onError: handleVoucherError, onSuccessModalClose: () => {
+                            }, config: config, googleAdsConfig: googleAdsConfig, onError: setError, paymentIntentId: successPaymentId }), u$2(VoucherIntegration, { config: config, voucherConfig: voucherConfig, eventTypes: voucherEventTypes, categories: voucherCategories, systemConfig: systemConfig, isFormOpen: isVoucherFormOpen, isLoadingConfig: isLoadingVoucherConfig, preselectedEventTypeId: preselectedVoucherEventTypeId, voucherPurchaseResult: voucherPurchaseResult, isSuccess: isSuccess, showStandaloneCard: false, onCardClick: handleVoucherCardClick, onFormClose: handleVoucherFormClose, onSuccess: handleVoucherSuccess, onError: handleVoucherError, onSuccessModalClose: () => {
                                 setIsSuccess(false);
                                 setVoucherPurchaseResult(null);
                                 const url = new URL(window.location.href);
@@ -17378,7 +17929,7 @@
       }
     }
 
-    var css_248z = ".booking-widget-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:var(--bw-text-color,#1e293b);direction:ltr;display:block;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;position:relative;text-align:left}.booking-widget-container *,.booking-widget-container :after,.booking-widget-container :before{box-sizing:border-box;margin:0;padding:0}.booking-widget-container input,.booking-widget-container select,.booking-widget-container textarea{font-family:inherit;font-size:inherit;line-height:inherit}.booking-widget-container button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.booking-widget-container a{color:inherit;text-decoration:none}.booking-widget-container img{display:block;height:auto;max-width:100%;vertical-align:middle}.booking-widget-container ol,.booking-widget-container ul{list-style:none}.booking-widget-container h1,.booking-widget-container h2,.booking-widget-container h3,.booking-widget-container h4,.booking-widget-container h5,.booking-widget-container h6{font-size:inherit;font-weight:inherit}#booking-widget-portal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);direction:ltr;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;text-align:left}#booking-widget-portal *,#booking-widget-portal :after,#booking-widget-portal :before{box-sizing:border-box}#booking-widget-portal-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);line-height:1.5}:root{--bw-highlight-color:#00b1aa;--bw-highlight-color-rgb:0,177,170;--bw-background-color:#f8fdfe;--bw-surface-color:#fff;--bw-text-color:#0e7490;--bw-text-muted:rgba(14,116,144,.7);--bw-border-color:#bae6fd;--bw-success-color:#38bdf8;--bw-warning-color:#fbbf24;--bw-error-color:#f43f5e;--bw-border-radius:18px;--bw-border-radius-small:calc(var(--bw-border-radius)*0.8);--bw-spacing:16px;--bw-spacing-large:24px;--bw-font-family:\"Inter\",system-ui,sans-serif;--bw-font-size:14px;--bw-font-size-large:18px;--bw-font-size-small:12px;--bw-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--bw-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--bw-highlight-muted:rgba(0,177,170,.1);--bw-highlight-subtle:rgba(0,177,170,.05);--bw-text-subtle:rgba(14,116,144,.4)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{animation:shimmer 2s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fade-in{animation:fade-in .2s ease-out}.animate-slide-in-up{animation:slide-in-up .3s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.skeleton-shimmer{overflow:hidden;position:relative}.skeleton-shimmer:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.bw-btn{letter-spacing:var(--bw-letter-spacing,normal);text-transform:var(--bw-text-transform,none);transition:all .2s ease!important}.bw-btn:hover:not(:disabled):not([disabled]){box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.bw-btn:active:not(:disabled):not([disabled]){box-shadow:0 2px 4px rgba(0,0,0,.1)}.bw-btn-primary:hover:not(:disabled):not([disabled]){background-color:var(--bw-highlight-color);filter:brightness(1.1)}.bw-btn-secondary:hover:not(:disabled):not([disabled]){background-color:var(--bw-surface-color);border-color:var(--bw-highlight-color);color:var(--bw-highlight-color)}.bw-btn-ghost:hover:not(:disabled):not([disabled]){background-color:var(--bw-highlight-muted)}.bw-btn-outline:hover:not(:disabled):not([disabled]){background-color:var(--bw-highlight-color);color:var(--bw-button-text-color,#fff)}.bw-btn:disabled,.bw-btn[disabled]{cursor:not-allowed!important;opacity:.5!important}button[class*=bw-btn],button[style*=transition]{transition:all .2s ease!important}button[data-variant=primary]:hover:not(:disabled),button[style*=\"--bw-highlight-color\"]:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,0,0,.15);filter:brightness(1.1);transform:translateY(-1px)}button[data-variant=secondary]:hover:not(:disabled){border-color:var(--bw-highlight-color)!important;color:var(--bw-highlight-color)!important}button[data-variant=ghost]:hover:not(:disabled){background-color:var(--bw-highlight-muted)!important}button[data-variant=outline]:hover:not(:disabled){background-color:var(--bw-highlight-color)!important;color:var(--bw-button-text-color,#fff)!important}.bw-button-hover:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.bw-button-hover:active:not(:disabled){box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(0)}@media (max-width:768px){.sidebar-mobile{border-radius:0!important;max-width:100%!important;width:100%!important}}@media (max-width:600px){.event-type-list{gap:12px!important;padding:8px!important}.event-type-card{flex:1 1 100%!important;max-width:100%!important;padding:0!important}.event-type-img{height:160px!important}.event-type-title{font-size:1.1rem!important}.event-type-desc{font-size:.8rem!important;max-height:100px!important;min-height:100px!important}.event-type-content{padding:16px 24px!important}}.event-type-markdown{overflow:visible!important}.event-type-markdown p{color:var(--bw-text-muted);font-family:var(--bw-font-family);line-height:1.6;margin:0 0 8px}.event-type-markdown p:last-child{margin-bottom:0}.event-type-markdown h2{font-size:18px!important;font-weight:700!important;margin:12px 0 6px!important}.event-type-markdown h2,.event-type-markdown h3{color:var(--bw-text-color)!important;line-height:1.3!important}.event-type-markdown h3{font-size:16px!important;font-weight:600!important;margin:10px 0 4px!important}.event-type-markdown strong{color:var(--bw-text-color);font-weight:600}.event-type-markdown em{font-style:italic}.event-type-markdown u{text-decoration:underline}.event-type-markdown ul{list-style:none!important;margin:6px 0!important;padding:0 0 0 24px!important;position:relative!important}.event-type-markdown ul li{color:var(--bw-text-muted)!important;font-family:var(--bw-font-family)!important;margin-bottom:2px!important;padding-left:0!important;position:relative!important}.event-type-markdown ul li:before{color:var(--bw-text-color)!important;content:\"•\"!important;font-weight:700!important;left:-16px!important;position:absolute!important;top:0!important}.event-type-markdown ol{counter-reset:list-counter!important;list-style:none!important;margin:6px 0!important;padding:0 0 0 24px!important;position:relative!important}.event-type-markdown ol li{color:var(--bw-text-muted)!important;counter-increment:list-counter!important;font-family:var(--bw-font-family)!important;margin-bottom:2px!important;padding-left:0!important;position:relative!important}.event-type-markdown ol li:before{color:var(--bw-text-color)!important;content:counter(list-counter) \".\"!important;font-weight:700!important;left:-20px!important;position:absolute!important;top:0!important}.event-type-markdown blockquote{border-left:2px solid var(--bw-border-color);color:var(--bw-text-muted);font-style:italic;margin:4px 0;padding-left:12px}.event-type-markdown a{color:var(--bw-highlight-color);text-decoration:underline}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--bw-text-color);font-weight:600;margin-bottom:.5em}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.25em}.markdown-content h3{font-size:1.1em}.markdown-content p{line-height:1.6;margin-bottom:1em}.markdown-content ol,.markdown-content ul{margin-bottom:1em;padding-left:1.5em}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin-bottom:.25em}.markdown-content a{color:var(--bw-highlight-color);text-decoration:underline}.markdown-content a:hover{opacity:.8}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content code{background:var(--bw-highlight-subtle);border-radius:4px;font-family:monospace;font-size:.9em;padding:.125em .25em}.markdown-content blockquote{border-left:3px solid var(--bw-highlight-color);color:var(--bw-text-muted);margin:1em 0;padding-left:1em}.print-only{display:none}.print-hidden{display:block}@media print{.print-only{display:block}.print-hidden{display:none!important}.print-booking-header{border-bottom:2px solid #000;display:block;margin-bottom:24px;padding-bottom:16px;text-align:center}.print-booking-header h1{font-size:24px;margin:0 0 8px}.print-booking-header .subtitle{color:#666;font-size:14px}.print-booking-card{border:1px solid #ccc;border-radius:8px;margin-bottom:16px;padding:16px;page-break-inside:avoid}.print-section-title{border-bottom:1px solid #ddd;display:block;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.print-detail-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.print-detail-item{margin-bottom:8px}.print-detail-label{color:#666;font-size:12px;margin-bottom:4px}.print-detail-value{font-size:14px;font-weight:600}.print-status-badge{border-radius:9999px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.print-status-paid{background-color:#dcfce7;color:#166534;display:inline-block}.print-participant{align-items:center;background-color:#f9fafb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.print-participant-name{font-weight:600}.print-participant-age{color:#666;font-size:12px}.print-payment-summary{display:block}.print-payment-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:4px 0}.print-payment-row:last-child{border-bottom:none;font-weight:600}.print-footer{border-top:1px solid #ddd;color:#666;display:block;font-size:12px;margin-top:24px;padding-top:16px;text-align:center}.print-footer p{margin:4px 0}}";
+    var css_248z = ".booking-widget-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:var(--bw-text-color,#1e293b);direction:ltr;display:block;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;position:relative;text-align:left}.booking-widget-container *,.booking-widget-container :after,.booking-widget-container :before{box-sizing:border-box;margin:0;padding:0}.booking-widget-container input,.booking-widget-container select,.booking-widget-container textarea{font-family:inherit;font-size:inherit;line-height:inherit}.booking-widget-container button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.booking-widget-container a{color:inherit;text-decoration:none}.booking-widget-container img{display:block;height:auto;max-width:100%;vertical-align:middle}.booking-widget-container ol,.booking-widget-container ul{list-style:none}.booking-widget-container h1,.booking-widget-container h2,.booking-widget-container h3,.booking-widget-container h4,.booking-widget-container h5,.booking-widget-container h6{font-size:inherit;font-weight:inherit}#booking-widget-portal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);direction:ltr;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;text-align:left}#booking-widget-portal *,#booking-widget-portal :after,#booking-widget-portal :before{box-sizing:border-box}#booking-widget-portal-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);line-height:1.5}:root{--bw-highlight-color:#00b1aa;--bw-highlight-color-rgb:0,177,170;--bw-background-color:#f8fdfe;--bw-surface-color:#fff;--bw-text-color:#0e7490;--bw-text-muted:rgba(14,116,144,.7);--bw-border-color:#bae6fd;--bw-success-color:#38bdf8;--bw-warning-color:#fbbf24;--bw-error-color:#f43f5e;--bw-border-radius:18px;--bw-border-radius-small:calc(var(--bw-border-radius)*0.8);--bw-spacing:16px;--bw-spacing-large:24px;--bw-font-family:\"Inter\",system-ui,sans-serif;--bw-font-size:14px;--bw-font-size-large:18px;--bw-font-size-small:12px;--bw-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--bw-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--bw-highlight-muted:rgba(0,177,170,.1);--bw-highlight-subtle:rgba(0,177,170,.05);--bw-text-subtle:rgba(14,116,144,.4)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{animation:shimmer 2s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fade-in{animation:fade-in .2s ease-out}.animate-slide-in-up{animation:slide-in-up .3s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.skeleton-shimmer{overflow:hidden;position:relative}.skeleton-shimmer:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.booking-widget-container .bw-btn{letter-spacing:var(--bw-letter-spacing,normal);text-transform:var(--bw-text-transform,none);transition:all .2s ease!important}.booking-widget-container .bw-btn:hover:not(:disabled):not([disabled]){box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.booking-widget-container .bw-btn:active:not(:disabled):not([disabled]){box-shadow:0 2px 4px rgba(0,0,0,.1)}.booking-widget-container .bw-btn-primary:hover:not(:disabled):not([disabled]){background-color:var(--bw-highlight-color);filter:brightness(1.1)}.booking-widget-container .bw-btn-secondary:hover:not(:disabled):not([disabled]){background-color:var(--bw-surface-color);border-color:var(--bw-highlight-color);color:var(--bw-highlight-color)}.booking-widget-container .bw-btn-ghost:hover:not(:disabled):not([disabled]){background-color:var(--bw-highlight-muted)}.booking-widget-container .bw-btn-outline:hover:not(:disabled):not([disabled]){background-color:var(--bw-highlight-color);color:var(--bw-button-text-color,#fff)}.booking-widget-container .bw-btn:disabled,.booking-widget-container .bw-btn[disabled]{cursor:not-allowed!important;opacity:.5!important}.booking-widget-container button[class*=bw-btn],.booking-widget-container button[style*=transition]{transition:all .2s ease!important}.booking-widget-container button[data-variant=primary]:hover:not(:disabled),.booking-widget-container button[style*=\"--bw-highlight-color\"]:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,0,0,.15);filter:brightness(1.1);transform:translateY(-1px)}.booking-widget-container button[data-variant=secondary]:hover:not(:disabled){border-color:var(--bw-highlight-color)!important;color:var(--bw-highlight-color)!important}.booking-widget-container button[data-variant=ghost]:hover:not(:disabled){background-color:var(--bw-highlight-muted)!important}.booking-widget-container button[data-variant=outline]:hover:not(:disabled){background-color:var(--bw-highlight-color)!important;color:var(--bw-button-text-color,#fff)!important}.booking-widget-container .bw-button-hover:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.booking-widget-container .bw-button-hover:active:not(:disabled){box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(0)}@media (max-width:768px){.sidebar-mobile{border-radius:0!important;max-width:100%!important;width:100%!important}}@media (max-width:600px){.event-type-list{gap:12px!important;padding:8px!important}.event-type-card{flex:1 1 100%!important;max-width:100%!important;padding:0!important}.event-type-img{height:160px!important}.event-type-title{font-size:1.1rem!important}.event-type-desc{font-size:.8rem!important;max-height:100px!important;min-height:100px!important}.event-type-content{padding:16px 24px!important}}.event-type-markdown{overflow:visible!important}.event-type-markdown p{color:var(--bw-text-muted);font-family:var(--bw-font-family);line-height:1.6;margin:0 0 8px}.event-type-markdown p:last-child{margin-bottom:0}.event-type-markdown h2{font-size:18px!important;font-weight:700!important;margin:12px 0 6px!important}.event-type-markdown h2,.event-type-markdown h3{color:var(--bw-text-color)!important;line-height:1.3!important}.event-type-markdown h3{font-size:16px!important;font-weight:600!important;margin:10px 0 4px!important}.event-type-markdown strong{color:var(--bw-text-color);font-weight:600}.event-type-markdown em{font-style:italic}.event-type-markdown u{text-decoration:underline}.event-type-markdown ul{list-style:none!important;margin:6px 0!important;padding:0 0 0 24px!important;position:relative!important}.event-type-markdown ul li{color:var(--bw-text-muted)!important;font-family:var(--bw-font-family)!important;margin-bottom:2px!important;padding-left:0!important;position:relative!important}.event-type-markdown ul li:before{color:var(--bw-text-color)!important;content:\"•\"!important;font-weight:700!important;left:-16px!important;position:absolute!important;top:0!important}.event-type-markdown ol{counter-reset:list-counter!important;list-style:none!important;margin:6px 0!important;padding:0 0 0 24px!important;position:relative!important}.event-type-markdown ol li{color:var(--bw-text-muted)!important;counter-increment:list-counter!important;font-family:var(--bw-font-family)!important;margin-bottom:2px!important;padding-left:0!important;position:relative!important}.event-type-markdown ol li:before{color:var(--bw-text-color)!important;content:counter(list-counter) \".\"!important;font-weight:700!important;left:-20px!important;position:absolute!important;top:0!important}.event-type-markdown blockquote{border-left:2px solid var(--bw-border-color);color:var(--bw-text-muted);font-style:italic;margin:4px 0;padding-left:12px}.event-type-markdown a{color:var(--bw-highlight-color);text-decoration:underline}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--bw-text-color);font-weight:600;margin-bottom:.5em}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.25em}.markdown-content h3{font-size:1.1em}.markdown-content p{line-height:1.6;margin-bottom:1em}.markdown-content ol,.markdown-content ul{margin-bottom:1em;padding-left:1.5em}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin-bottom:.25em}.markdown-content a{color:var(--bw-highlight-color);text-decoration:underline}.markdown-content a:hover{opacity:.8}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content code{background:var(--bw-highlight-subtle);border-radius:4px;font-family:monospace;font-size:.9em;padding:.125em .25em}.markdown-content blockquote{border-left:3px solid var(--bw-highlight-color);color:var(--bw-text-muted);margin:1em 0;padding-left:1em}.print-only{display:none}.print-hidden{display:block}@media print{.print-only{display:block}.print-hidden{display:none!important}.print-booking-header{border-bottom:2px solid #000;display:block;margin-bottom:24px;padding-bottom:16px;text-align:center}.print-booking-header h1{font-size:24px;margin:0 0 8px}.print-booking-header .subtitle{color:#666;font-size:14px}.print-booking-card{border:1px solid #ccc;border-radius:8px;margin-bottom:16px;padding:16px;page-break-inside:avoid}.print-section-title{border-bottom:1px solid #ddd;display:block;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.print-detail-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.print-detail-item{margin-bottom:8px}.print-detail-label{color:#666;font-size:12px;margin-bottom:4px}.print-detail-value{font-size:14px;font-weight:600}.print-status-badge{border-radius:9999px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.print-status-paid{background-color:#dcfce7;color:#166534;display:inline-block}.print-participant{align-items:center;background-color:#f9fafb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.print-participant-name{font-weight:600}.print-participant-age{color:#666;font-size:12px}.print-payment-summary{display:block}.print-payment-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:4px 0}.print-payment-row:last-child{border-bottom:none;font-weight:600}.print-footer{border-top:1px solid #ddd;color:#666;display:block;font-size:12px;margin-top:24px;padding-top:16px;text-align:center}.print-footer p{margin:4px 0}}";
     styleInject(css_248z);
 
     // Export init function for vanilla JS usage with Preact