@bigz-app/booking-widget 1.4.5 → 1.5.1

package/dist/index.cjs

@@ -169,6 +169,10 @@ const de$1 = {
     "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:",
@@ -224,6 +228,13 @@ const de$1 = {
     "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",
@@ -477,6 +488,10 @@ const en = {
     "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:",
@@ -532,6 +547,13 @@ const en = {
     "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}}",
@@ -822,6 +844,13 @@ const es = {
     "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}}",
@@ -1112,6 +1141,13 @@ const pt = {
     "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}}",
@@ -1402,6 +1438,13 @@ const sv = {
     "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}}",
@@ -6372,7 +6415,7 @@ function loadMollieScript() {
         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] = React.useState(false);
@@ -6386,7 +6429,9 @@ function MolliePaymentForm({ config, eventDetails, formData, totalAmount, discou
     const cardFormRef = React.useRef(null);
     const cardContainerRef = React.useRef(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";
     React.useEffect(() => {
         if (isFullyCoveredByGiftCards)
@@ -6496,6 +6541,9 @@ function MolliePaymentForm({ config, eventDetails, formData, totalAmount, discou
         return (jsxRuntime.jsx(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) {
@@ -6507,21 +6555,41 @@ function MolliePaymentForm({ config, eventDetails, formData, totalAmount, discou
         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)
@@ -6539,7 +6607,9 @@ function MolliePaymentForm({ config, eventDetails, formData, totalAmount, discou
                 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))),
@@ -6575,7 +6645,9 @@ function MolliePaymentForm({ config, eventDetails, formData, totalAmount, discou
                 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())),
@@ -6603,7 +6675,7 @@ function MolliePaymentForm({ config, eventDetails, formData, totalAmount, discou
         ? 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);
@@ -6910,12 +6982,18 @@ var loadStripe = function loadStripe() {
 };
 
 // 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 (jsxRuntime.jsx(StripeElementsPaymentForm, { onValidate: () => {
+            if (isFreeform) {
+                return null;
+            }
             const availableSpots = eventDetails.availableSpots || 0;
             if (participantCount > availableSpots) {
                 return t("payment.tooManyParticipants", { count: participantCount, available: availableSpots });
@@ -6937,7 +7015,7 @@ function PaymentFormInner({ eventDetails, formData, totalAmount, onSuccess, onEr
             },
         }, submitContent: jsxRuntime.jsx(jsxRuntime.Fragment, { children: submitLabel }), loadingContent: jsxRuntime.jsxs(jsxRuntime.Fragment, { 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] = React.useState(null);
@@ -6957,7 +7035,9 @@ function StripePaymentForm({ config, eventDetails, formData, totalAmount, discou
         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() {
@@ -7012,48 +7092,82 @@ function StripePaymentForm({ config, eventDetails, formData, totalAmount, discou
     }, [paymentIntentId]);
     React.useEffect(() => {
         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)),
@@ -7098,9 +7212,13 @@ function StripePaymentForm({ config, eventDetails, formData, totalAmount, discou
         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 (jsxRuntime.jsx(GiftCardOnlyBooking, { config: config, eventDetails: eventDetails, formData: formData, discountCode: discountCode, giftCards: giftCards, onSuccess: onSuccess, onError: onError, upsellSelections: upsellSelections }));
     }
@@ -7139,7 +7257,7 @@ function StripePaymentForm({ config, eventDetails, formData, totalAmount, discou
                 setPaymentIntentId(null);
                 setClientSecret(null);
                 onSuccess(result);
-            }, onError: onError }) }));
+            }, onError: onError, ...(freeformSelection ? { freeformSelection } : {}) }) }));
 }
 
 const HOLD_DURATION_SECONDS = 15 * 60;
@@ -13399,20 +13517,22 @@ const sectionHeaderStyles = sectionStyles.header;
 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] = React.useState(canUseMonetaryVoucherType ? "monetary" : "event");
     const [monetaryAmount, setMonetaryAmount] = React.useState(voucherConfig.monetaryPresets[2] || 10000);
     const [selectedEventTypeId, setSelectedEventTypeId] = React.useState(null);
     const [eventQuantity, setEventQuantity] = React.useState(1);
+    const [selectedCategoryId, setSelectedCategoryId] = React.useState(null);
+    const [categoryAmount, setCategoryAmount] = React.useState(10000);
     const [recipientName, setRecipientName] = React.useState("");
     const [message, setMessage] = React.useState("");
     const [customerName, setCustomerName] = React.useState("");
@@ -13472,6 +13592,9 @@ function VoucherPurchaseForm({ config, voucherConfig, eventTypes, isOpen, onClos
         if (voucherType === "monetary") {
             return monetaryAmount;
         }
+        else if (voucherType === "category") {
+            return categoryAmount;
+        }
         else {
             const eventType = eventTypes.find((et) => et.id === selectedEventTypeId);
             if (eventType) {
@@ -13479,7 +13602,7 @@ function VoucherPurchaseForm({ config, voucherConfig, eventTypes, isOpen, onClos
             }
             return 0;
         }
-    }, [voucherType, monetaryAmount, selectedEventTypeId, eventQuantity, eventTypes]);
+    }, [voucherType, monetaryAmount, selectedEventTypeId, eventQuantity, eventTypes, categoryAmount]);
     const selectedEventType = React.useMemo(() => {
         return eventTypes.find((et) => et.id === selectedEventTypeId);
     }, [eventTypes, selectedEventTypeId]);
@@ -13488,6 +13611,8 @@ function VoucherPurchaseForm({ config, voucherConfig, eventTypes, isOpen, onClos
         voucherType,
         selectedEventTypeId,
         eventQuantity,
+        selectedCategoryId,
+        categoryAmount,
         recipientName: recipientName.trim(),
         message: message.trim(),
         customerName: customerName.trim(),
@@ -13497,6 +13622,8 @@ function VoucherPurchaseForm({ config, voucherConfig, eventTypes, isOpen, onClos
         voucherType,
         selectedEventTypeId,
         eventQuantity,
+        selectedCategoryId,
+        categoryAmount,
         recipientName,
         message,
         customerName,
@@ -13515,24 +13642,37 @@ function VoucherPurchaseForm({ config, voucherConfig, eventTypes, isOpen, onClos
             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 = React.useMemo(() => voucherConfig.monetaryPresets[2] || voucherConfig.monetaryPresets[0] || 1000, [voucherConfig.monetaryPresets]);
     const handleVoucherTypeChange = React.useCallback((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]);
     React.useEffect(() => {
         if (!canUseMonetaryVoucherType && voucherType === "monetary") {
             setVoucherType("event");
@@ -13573,9 +13713,12 @@ function VoucherPurchaseForm({ config, voucherConfig, eventTypes, isOpen, onClos
         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,
@@ -13766,7 +13909,30 @@ function VoucherPurchaseForm({ config, voucherConfig, eventTypes, isOpen, onClos
                                                 fontSize: "13px",
                                                 color: "var(--bw-text-muted)",
                                                 marginTop: "4px",
-                                            }, children: t("voucher.eventTypeDesc") })] }))] })] })), voucherType === "monetary" && (jsxRuntime.jsxs("div", { style: cardStyles, children: [jsxRuntime.jsx("h2", { style: sectionHeaderStyles, children: t("voucher.selectAmount") }), jsxRuntime.jsx("div", { style: {
+                                            }, children: t("voucher.eventTypeDesc") })] })), canUseCategoryVoucherType && (jsxRuntime.jsxs("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: [jsxRuntime.jsx("div", { style: {
+                                                fontWeight: 600,
+                                                color: voucherType === "category"
+                                                    ? "var(--bw-highlight-color)"
+                                                    : "var(--bw-text-color)",
+                                            }, children: t("voucher.categoryType") }), jsxRuntime.jsx("div", { style: {
+                                                fontSize: "13px",
+                                                color: "var(--bw-text-muted)",
+                                                marginTop: "4px",
+                                            }, children: t("voucher.categoryTypeDesc") })] }))] })] })), voucherType === "monetary" && (jsxRuntime.jsxs("div", { style: cardStyles, children: [jsxRuntime.jsx("h2", { style: sectionHeaderStyles, children: t("voucher.selectAmount") }), jsxRuntime.jsx("div", { style: {
                                 display: "grid",
                                 gridTemplateColumns: "repeat(3, 1fr)",
                                 gap: "8px",
@@ -13821,7 +13987,50 @@ function VoucherPurchaseForm({ config, voucherConfig, eventTypes, isOpen, onClos
                                             fontSize: "18px",
                                             color: "var(--bw-highlight-color)",
                                             fontFamily: "var(--bw-font-family)",
-                                        }, children: formatCurrency(totalAmount) })] }) }))] })), jsxRuntime.jsxs("div", { style: cardStyles, children: [jsxRuntime.jsx("h2", { style: sectionHeaderStyles, children: t("voucher.recipientSection") }), jsxRuntime.jsx("p", { style: {
+                                        }, children: formatCurrency(totalAmount) })] }) }))] })), voucherType === "category" && (jsxRuntime.jsxs("div", { style: cardStyles, children: [jsxRuntime.jsx("h2", { style: sectionHeaderStyles, children: t("voucher.selectCategory") }), jsxRuntime.jsx("div", { style: { marginTop: "12px" }, children: jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("label", { htmlFor: "category-select", style: labelStyles, children: t("voucher.categoryLabel") }), jsxRuntime.jsxs("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 && (jsxRuntime.jsx("option", { value: "", children: t("voucher.selectCategoryPlaceholder") })), categories.map((cat) => (jsxRuntime.jsx("option", { value: cat.id, children: cat.name }, cat.id)))] })] }), selectedCategoryId && (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("label", { htmlFor: "category-amount", style: labelStyles, children: t("voucher.categoryAmount") }), jsxRuntime.jsx("div", { style: {
+                                                    display: "grid",
+                                                    gridTemplateColumns: "repeat(3, 1fr)",
+                                                    gap: "8px",
+                                                    marginTop: "4px",
+                                                }, children: voucherConfig.monetaryPresets.map((preset) => (jsxRuntime.jsx("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 && (jsxRuntime.jsx("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: jsxRuntime.jsxs("div", { style: {
+                                    display: "flex",
+                                    justifyContent: "space-between",
+                                    alignItems: "center",
+                                }, children: [jsxRuntime.jsx("span", { style: {
+                                            color: "var(--bw-text-color)",
+                                            fontFamily: "var(--bw-font-family)",
+                                        }, children: categories.find((c) => c.id === selectedCategoryId)?.name }), jsxRuntime.jsx("span", { style: {
+                                            fontWeight: 700,
+                                            fontSize: "18px",
+                                            color: "var(--bw-highlight-color)",
+                                            fontFamily: "var(--bw-font-family)",
+                                        }, children: formatCurrency(categoryAmount) })] }) }))] })), jsxRuntime.jsxs("div", { style: cardStyles, children: [jsxRuntime.jsx("h2", { style: sectionHeaderStyles, children: t("voucher.recipientSection") }), jsxRuntime.jsx("p", { style: {
                                 fontSize: "13px",
                                 color: "var(--bw-text-muted)",
                                 fontFamily: "var(--bw-font-family)",
@@ -13854,7 +14063,9 @@ function VoucherPurchaseForm({ config, voucherConfig, eventTypes, isOpen, onClos
                                                                 fontFamily: "var(--bw-font-family)",
                                                             }, children: voucherType === "monetary"
                                                                 ? t("voucher.monetaryVoucher")
-                                                                : `${eventQuantity}x ${selectedEventType?.name || t("voucher.eventVoucher")}` }), recipientName && (jsxRuntime.jsxs("div", { style: {
+                                                                : voucherType === "category"
+                                                                    ? categories.find((c) => c.id === selectedCategoryId)?.name || t("voucher.categoryVoucher")
+                                                                    : `${eventQuantity}x ${selectedEventType?.name || t("voucher.eventVoucher")}` }), recipientName && (jsxRuntime.jsxs("div", { style: {
                                                                 fontSize: "13px",
                                                                 color: "var(--bw-text-muted)",
                                                                 fontFamily: "var(--bw-font-family)",
@@ -14130,7 +14341,7 @@ function VoucherAttachment({ onClick }) {
                 }, 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;
     }
@@ -14141,7 +14352,7 @@ function VoucherIntegration({ config, voucherConfig, eventTypes, systemConfig, i
                         justifyContent: "center",
                     }, children: jsxRuntime.jsx(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 }) }) })), jsxRuntime.jsx(VoucherPurchaseForm, { config: config, voucherConfig: voucherConfig, eventTypes: eventTypes, isOpen: isFormOpen, onClose: onFormClose, onSuccess: onSuccess, onError: onError, systemConfig: systemConfig, preselectedEventTypeId: preselectedEventTypeId, isLoadingEventTypes: isLoadingConfig }), isSuccess && voucherPurchaseResult && (jsxRuntime.jsx(VoucherSuccessModal, { isOpen: true, onClose: onSuccessModalClose, result: voucherPurchaseResult }))] }));
+                            : undefined, fallbackImages: eventTypes.flatMap((eventType) => eventType.images || []), onClick: onCardClick, standalone: true }) }) })), jsxRuntime.jsx(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 && (jsxRuntime.jsx(VoucherSuccessModal, { isOpen: true, onClose: onSuccessModalClose, result: voucherPurchaseResult }))] }));
 }
 
 // Helper function to preprocess markdown for underline support
@@ -15409,6 +15620,312 @@ function SpecialsView({ specials, onEventSelect, isLoading = false, showSavingsA
                 }) })] }));
 }
 
+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 = React.useMemo(() => {
+        const next = new Date();
+        next.setMinutes(next.getMinutes() + 30, 0, 0);
+        return next;
+    }, []);
+    const [startInput, setStartInput] = React.useState(utcToZonedInputValue(now, timeZone));
+    const [duration, setDuration] = React.useState(Math.max(1, freeformConfig?.minDuration ?? 1));
+    const [requestedUnits, setRequestedUnits] = React.useState(1);
+    const [customerName, setCustomerName] = React.useState("");
+    const [customerEmail, setCustomerEmail] = React.useState("");
+    const [customerPhone, setCustomerPhone] = React.useState("");
+    const [comment, setComment] = React.useState("");
+    const [acceptTerms, setAcceptTerms] = React.useState(false);
+    const [checkoutStep, setCheckoutStep] = React.useState("details");
+    const [availability, setAvailability] = React.useState(null);
+    const [availabilityError, setAvailabilityError] = React.useState(null);
+    const [isCheckingAvailability, setIsCheckingAvailability] = React.useState(false);
+    React.useEffect(() => {
+        if (!isOpen)
+            return;
+        setCheckoutStep("details");
+    }, [isOpen]);
+    React.useEffect(() => {
+        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 = React.useMemo(() => zonedWallTimeToUtc(startInput, timeZone), [startInput, timeZone]);
+    const endDate = React.useMemo(() => new Date(startDate.getTime() + duration * unitMinutes * 60000), [duration, startDate, unitMinutes]);
+    React.useEffect(() => {
+        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 = React.useMemo(() => {
+        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 = React.useMemo(() => ({
+        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 = React.useMemo(() => ({
+        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 = React.useMemo(() => ({
+        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 = (jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex", gap: "12px" }, children: [jsxRuntime.jsx("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" && (jsxRuntime.jsx("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 (jsxRuntime.jsx(Sidebar, { isOpen: isOpen, onClose: onClose, title: eventType.name, children: jsxRuntime.jsx("div", { style: { padding: "16px", color: "var(--bw-error-color)", fontFamily: "var(--bw-font-family)" }, children: t("booking.freeformMissingConfig") }) }));
+    }
+    return (jsxRuntime.jsx(Sidebar, { isOpen: isOpen, onClose: onClose, title: eventType.name, footer: footer, children: jsxRuntime.jsx("div", { style: { padding: "16px", display: "flex", flexDirection: "column", gap: "16px" }, children: checkoutStep === "details" ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { style: { border: "1px solid var(--bw-border-color)", borderRadius: "var(--bw-border-radius)", padding: "14px", backgroundColor: "var(--bw-surface-color)" }, children: [jsxRuntime.jsx("h3", { style: { margin: "0 0 12px 0", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-color)" }, children: t("booking.eventDetails") }), jsxRuntime.jsxs("div", { style: { display: "grid", gap: "10px" }, children: [jsxRuntime.jsxs("label", { style: { display: "grid", gap: "6px", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-muted)" }, children: [t("booking.date"), jsxRuntime.jsx("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)" } })] }), jsxRuntime.jsxs("label", { style: { display: "grid", gap: "6px", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-muted)" }, children: [t("booking.duration"), jsxRuntime.jsx("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 && (jsxRuntime.jsxs("label", { style: { display: "grid", gap: "6px", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-muted)" }, children: [t("voucher.quantity"), jsxRuntime.jsx("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)" } })] }))] }), jsxRuntime.jsxs("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 && (jsxRuntime.jsx("div", { style: { marginTop: "8px", fontSize: "13px", color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: t("common.loading") })), availabilityError && (jsxRuntime.jsx("div", { style: { marginTop: "8px", fontSize: "13px", color: "var(--bw-error-color)", fontFamily: "var(--bw-font-family)" }, children: availabilityError })), !availabilityError && availability && (jsxRuntime.jsx("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") }))] }), jsxRuntime.jsxs("div", { style: { border: "1px solid var(--bw-border-color)", borderRadius: "var(--bw-border-radius)", padding: "14px", backgroundColor: "var(--bw-surface-color)" }, children: [jsxRuntime.jsx("h3", { style: { margin: "0 0 12px 0", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-color)" }, children: t("booking.contactInfo") }), jsxRuntime.jsxs("div", { style: { display: "grid", gap: "10px" }, children: [jsxRuntime.jsx("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)" } }), jsxRuntime.jsx("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)" } }), jsxRuntime.jsx("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)" } }), jsxRuntime.jsx("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" } }), jsxRuntime.jsxs("label", { style: { display: "flex", alignItems: "center", gap: "8px", fontFamily: "var(--bw-font-family)", fontSize: "13px", color: "var(--bw-text-muted)" }, children: [jsxRuntime.jsx("input", { type: "checkbox", checked: acceptTerms, onChange: (event) => setAcceptTerms(event.target.checked) }), t("booking.acceptTerms"), " ", t("booking.terms")] })] })] }), jsxRuntime.jsxs("div", { style: { border: "1px solid var(--bw-border-color)", borderRadius: "var(--bw-border-radius)", padding: "14px", backgroundColor: "var(--bw-surface-color)" }, children: [jsxRuntime.jsx("h3", { style: { margin: "0 0 12px 0", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-color)" }, children: t("summary.title") }), jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)", fontSize: "14px" }, children: [jsxRuntime.jsx("span", { children: t("booking.duration") }), jsxRuntime.jsx("span", { children: t("booking.steps", { count: billedDurationUnits }) })] }), jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)", fontSize: "14px", marginTop: "6px" }, children: [jsxRuntime.jsx("span", { children: t("booking.price") }), jsxRuntime.jsxs("span", { children: [formatCurrency(basePrice), " x ", requestedUnits] })] }), jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)", fontSize: "20px", fontWeight: 700, marginTop: "10px" }, children: [jsxRuntime.jsx("span", { children: t("summary.totalAmount") }), jsxRuntime.jsx("span", { children: formatCurrency(totalPrice) })] })] })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(HoldCountdown, {}), jsxRuntime.jsxs("div", { style: { border: "1px solid var(--bw-border-color)", borderRadius: "var(--bw-border-radius)", padding: "14px", backgroundColor: "var(--bw-surface-color)" }, children: [jsxRuntime.jsx("h3", { style: { margin: "0 0 12px 0", fontFamily: "var(--bw-font-family)", color: "var(--bw-text-color)" }, children: t("summary.payment") }), !systemConfig?.paymentProvider && (jsxRuntime.jsx("p", { style: { margin: 0, color: "var(--bw-error-color)", fontFamily: "var(--bw-font-family)" }, children: t("booking.paymentUnavailable") })), systemConfig?.paymentProvider === "mollie" && (jsxRuntime.jsx(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" && (jsxRuntime.jsx(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":
@@ -16049,6 +16566,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
     const [shouldRenderInstanceSelection, setShouldRenderInstanceSelection] = React.useState(false);
     const [shouldRenderUpsells, setShouldRenderUpsells] = React.useState(false);
     const [shouldRenderBookingForm, setShouldRenderBookingForm] = React.useState(false);
+    const [shouldRenderFreeformSelection, setShouldRenderFreeformSelection] = React.useState(false);
     // Google Ads config (received from API, set once from the first API response)
     const [googleAdsConfig, setGoogleAdsConfig] = React.useState(null);
     const extractGoogleAdsConfig = (data) => {
@@ -16062,6 +16580,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
     // Voucher purchase state
     const [voucherConfig, setVoucherConfig] = React.useState(null);
     const [voucherEventTypes, setVoucherEventTypes] = React.useState([]);
+    const [voucherCategories, setVoucherCategories] = React.useState([]);
     const [isLoadingVoucherConfig, setIsLoadingVoucherConfig] = React.useState(false);
     const [isVoucherFormOpen, setIsVoucherFormOpen] = React.useState(false);
     const [voucherPurchaseResult, setVoucherPurchaseResult] = React.useState(null);
@@ -16141,6 +16660,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                 setVoucherConfig(mergedConfig);
                 extractGoogleAdsConfig(data);
                 setVoucherEventTypes(data.eventTypes || []);
+                setVoucherCategories(data.categories || []);
                 // Set system config for payment processing
                 if (data.paymentProvider) {
                     setSystemConfig({
@@ -16169,7 +16689,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
         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,
@@ -16648,6 +17168,18 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
     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);
@@ -16738,6 +17270,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
         setSuccessPaymentId(result.paymentIntent.id);
         setSidebarOpen(false);
         setShouldRenderBookingForm(false);
+        setShouldRenderFreeformSelection(false);
         setBookingPersistedState(null);
         config.onSuccess?.(result);
     };
@@ -17053,6 +17586,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                                 setShouldRenderInstanceSelection(false);
                                 setShouldRenderUpsells(false);
                                 setShouldRenderBookingForm(false);
+                                setShouldRenderFreeformSelection(false);
                                 setSelectedUpsells([]);
                                 setUpsells([]);
                                 setBookingPersistedState(null);
@@ -17074,6 +17608,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                                 setShouldRenderInstanceSelection(false);
                                 setShouldRenderUpsells(false);
                                 setShouldRenderBookingForm(false);
+                                setShouldRenderFreeformSelection(false);
                                 setSelectedUpsells([]);
                                 setUpsells([]);
                                 setBookingPersistedState(null);
@@ -17093,6 +17628,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                                 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");
@@ -17136,13 +17672,23 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                                     setCurrentStep("booking");
                                     setShouldRenderBookingForm(true);
                                 }
+                                else if (selectedEventType?.bookingMode === "freeform") {
+                                    setCurrentStep("freeform");
+                                    setShouldRenderFreeformSelection(true);
+                                }
                                 else {
                                     setCurrentStep("eventInstances");
                                     setSidebarOpen(true);
                                     setShouldRenderInstanceSelection(true);
                                 }
                             }, children: [isButtonBusy && jsxRuntime.jsx(Spinner, { size: 20, borderColor: "var(--bw-button-text-color, #ffffff)" }), config.buttonText ||
-                                    (isDirectInstanceMode ? t("button.bookNow") : t("button.viewDates"))] }), shouldRenderInstanceSelection && (jsxRuntime.jsx(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 && (jsxRuntime.jsx(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack })), shouldRenderBookingForm && eventDetails && (jsxRuntime.jsx(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 })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                                    (isDirectInstanceMode || selectedEventType?.bookingMode === "freeform"
+                                        ? t("button.bookNow")
+                                        : t("button.viewDates"))] }), shouldRenderInstanceSelection && (jsxRuntime.jsx(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 && (jsxRuntime.jsx(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack })), shouldRenderBookingForm && eventDetails && (jsxRuntime.jsx(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" && (jsxRuntime.jsx(FreeformSelection, { config: config, eventType: selectedEventType, isOpen: currentStep === "freeform", onClose: () => {
+                                setCurrentStep("eventTypes");
+                                setSidebarOpen(false);
+                                setShouldRenderFreeformSelection(false);
+                            }, onSuccess: handleBookingSuccess, onError: handleBookingError, systemConfig: systemConfig })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
                                 setIsSuccess(false);
                                 setCurrentStep("eventTypes");
                                 setSidebarOpen(false);
@@ -17150,6 +17696,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                                 setShouldRenderInstanceSelection(false);
                                 setShouldRenderUpsells(false);
                                 setShouldRenderBookingForm(false);
+                                setShouldRenderFreeformSelection(false);
                                 setSelectedUpsells([]);
                                 setUpsells([]);
                                 const url = new URL(window.location.href);
@@ -17162,7 +17709,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                             }, config: config, googleAdsConfig: googleAdsConfig, onError: setError, paymentIntentId: successPaymentId })] }), showPromoDialog && config.promo && (jsxRuntime.jsx(PromoDialog, { config: config.promo, onClose: handlePromoDialogClose, onCtaClick: handlePromoCtaClick }))] }));
     }
     // Cards mode (default) - show event type selection with optional voucher card
-    const cardsView = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasEventSelection && (jsxRuntime.jsx(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 && (jsxRuntime.jsx(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 && (jsxRuntime.jsx("div", { style: { padding: "24px", textAlign: "center" }, children: jsxRuntime.jsx("div", { style: {
+    const cardsView = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasEventSelection && (jsxRuntime.jsx(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 && (jsxRuntime.jsx(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 && (jsxRuntime.jsx("div", { style: { padding: "24px", textAlign: "center" }, children: jsxRuntime.jsx("div", { style: {
                         display: "inline-block",
                         width: "32px",
                         height: "32px",
@@ -17203,13 +17750,17 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
         };
     };
     const backHandlers = getBackHandlers();
-    return (jsxRuntime.jsxs(StyleProvider, { config: config, children: [jsxRuntime.jsxs("div", { ref: setWidgetContainerRef, children: [cardsView, shouldRenderInstanceSelection && (jsxRuntime.jsx(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 && (jsxRuntime.jsx(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack })), shouldRenderBookingForm && eventDetails && (jsxRuntime.jsx(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 })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess && !voucherPurchaseResult, onClose: () => {
+    return (jsxRuntime.jsxs(StyleProvider, { config: config, children: [jsxRuntime.jsxs("div", { ref: setWidgetContainerRef, children: [cardsView, shouldRenderInstanceSelection && (jsxRuntime.jsx(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 && (jsxRuntime.jsx(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack })), shouldRenderBookingForm && eventDetails && (jsxRuntime.jsx(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" && (jsxRuntime.jsx(FreeformSelection, { config: config, eventType: selectedEventType, isOpen: currentStep === "freeform", onClose: () => {
+                            setCurrentStep("eventTypes");
+                            setShouldRenderFreeformSelection(false);
+                        }, onSuccess: handleBookingSuccess, onError: handleBookingError, systemConfig: systemConfig })), jsxRuntime.jsx(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);
@@ -17219,7 +17770,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                             url.searchParams.delete("mollie_payment_id");
                             url.searchParams.delete("mollie_status");
                             window.history.replaceState({}, "", url.toString());
-                        }, config: config, googleAdsConfig: googleAdsConfig, onError: setError, paymentIntentId: successPaymentId }), jsxRuntime.jsx(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 }), jsxRuntime.jsx(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);
@@ -17267,7 +17818,7 @@ function styleInject(css, ref) {
   }
 }
 
-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