@bigz-app/booking-widget 1.2.0 → 1.2.1

package/dist/index.esm.js

@@ -12709,8 +12709,8 @@ function VoucherPurchaseCard({ config, minEventPrice, fallbackImages = [], onCli
     const displayPrice = !config.allowMonetaryVouchers && minEventPrice && minEventPrice > 0
         ? minEventPrice
         : minEventPrice && minEventPrice > 0
-            ? Math.min(config.monetaryPresets[0] || 2500, minEventPrice)
-            : config.monetaryPresets[0] || 2500;
+            ? Math.min(config.monetaryPresets[0] || 2000, minEventPrice)
+            : config.monetaryPresets[0] || 2000;
     const slideshowImages = useMemo(() => Array.from(new Set(fallbackImages.filter(Boolean))).slice(0, 5), [fallbackImages]);
     const hasSlideshow = !config.image && slideshowImages.length > 0;
     useEffect(() => {
@@ -13364,7 +13364,7 @@ function VoucherPurchaseForm({ config, voucherConfig, eventTypes, isOpen, onClos
                                                                 color: "var(--bw-text-muted)",
                                                                 fontFamily: "var(--bw-font-family)",
                                                             }, children: [t("voucher.for"), " ", recipientName] }))] })] }), jsx("div", { style: {
-                                                fontSize: "24px",
+                                                fontSize: "clamp(18px, 4vw, 22px)",
                                                 fontWeight: 700,
                                                 color: "var(--bw-highlight-color)",
                                                 fontFamily: "var(--bw-font-family)",
@@ -13635,6 +13635,20 @@ function VoucherAttachment({ onClick }) {
                 }, children: t("voucher.buyAsGift") })] }));
 }
 
+function VoucherIntegration({ config, voucherConfig, eventTypes, systemConfig, isFormOpen, isLoadingConfig, preselectedEventTypeId, voucherPurchaseResult, isSuccess, showStandaloneCard, onCardClick, onFormClose, onSuccess, onError, onSuccessModalClose, }) {
+    if (!voucherConfig?.enabled) {
+        return null;
+    }
+    return (jsxs(Fragment, { children: [showStandaloneCard && (jsx("div", { style: { padding: "0" }, children: jsx("div", { style: {
+                        display: "grid",
+                        gridTemplateColumns: "minmax(350px, 500px)",
+                        gap: "24px",
+                        justifyContent: "center",
+                    }, children: 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 }) }) })), jsx(VoucherPurchaseForm, { config: config, voucherConfig: voucherConfig, eventTypes: eventTypes, isOpen: isFormOpen, onClose: onFormClose, onSuccess: onSuccess, onError: onError, systemConfig: systemConfig, preselectedEventTypeId: preselectedEventTypeId, isLoadingEventTypes: isLoadingConfig }), isSuccess && voucherPurchaseResult && (jsx(VoucherSuccessModal, { isOpen: true, onClose: onSuccessModalClose, result: voucherPurchaseResult }))] }));
+}
+
 // Helper function to preprocess markdown for underline support
 const preprocessMarkdown = (markdown) => {
     // Convert double underscores to HTML underline tags for React Markdown
@@ -15017,7 +15031,6 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
     // Detect single event type mode and direct instance mode
     const isSingleEventTypeMode = !!config.eventTypeId && !config.categoryId && !config.eventTypeIds;
     const isDirectInstanceMode = !!config.eventInstanceId;
-    const isMultiEventListingContext = Boolean(config.categoryId || config.eventTypeIds?.length);
     // Voucher card integration logic:
     // - For standalone voucher mode: always show voucher card (it's the main content)
     // - For event listings (single or multi): show by default unless explicitly disabled
@@ -15074,8 +15087,9 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
         // Load voucher config if:
         // - Explicit voucher params are set
         // - OR voucherIntegration is explicitly set (even to true/false)
-        // - OR it's a multi-event listing context (may want to show voucher card)
-        if (!isVoucherModeRequested && !isMultiEventListingContext)
+        // - OR it's an event listing context (single or multi) that may want to show voucher card
+        const shouldLoadVoucherConfig = isVoucherModeRequested || hasEventSelection;
+        if (!shouldLoadVoucherConfig)
             return;
         setIsLoadingVoucherConfig(true);
         try {
@@ -15128,10 +15142,10 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                 const mergedConfig = {
                     enabled: true,
                     monetaryPresets: allowMonetaryVouchers
-                        ? (presetFromValue ?? serverConfig.monetaryPresets ?? [2500, 5000, 10000, 15000, 20000])
+                        ? (presetFromValue ?? serverConfig.monetaryPresets ?? [2000, 5000, 10000, 15000, 20000, 25000, 30000, 40000, 50000])
                         : [],
-                    minAmount: serverConfig.minAmount || 1000,
-                    maxAmount: serverConfig.maxAmount || 100000,
+                    minAmount: serverConfig.minAmount || 500,
+                    maxAmount: serverConfig.maxAmount || 1000000,
                     allowMonetaryVouchers,
                     allowEventVouchers,
                     title: serverConfig.title,
@@ -15166,8 +15180,8 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
         const initializeWidget = async () => {
             try {
                 setIsLoading(true);
-                // Load voucher config in parallel if voucher mode is requested or it's a multi-event context
-                if (isVoucherModeRequested || isMultiEventListingContext) {
+                // Load voucher config in parallel if voucher mode is requested or there's event selection
+                if (isVoucherModeRequested || hasEventSelection) {
                     void loadVoucherConfig();
                 }
                 // Direct instance selection (old behavior)
@@ -15213,7 +15227,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
             }
         };
         void initializeWidget();
-    }, [config, isVoucherModeRequested, hasEventSelection, isStandaloneVoucherMode, isMultiEventListingContext]);
+    }, [config, isVoucherModeRequested, hasEventSelection, isStandaloneVoucherMode]);
     // Re-fetch translated content when locale changes (skip initial mount)
     const prevLocaleRef = useRef(locale);
     useEffect(() => {
@@ -15958,14 +15972,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                             }, config: config, onError: setError, paymentIntentId: successPaymentId })] }), showPromoDialog && config.promo && (jsx(PromoDialog, { config: config.promo, onClose: handlePromoDialogClose, onCtaClick: handlePromoCtaClick }))] }));
     }
     // Cards mode (default) - show event type selection with optional voucher card
-    const cardsView = (jsxs(Fragment, { children: [hasEventSelection && (jsx(EventTypeSelection, { eventTypes: eventTypes, onEventTypeSelect: handleEventTypeSelect, isLoading: isLoading, skeletonCount: getSkeletonCount(), showVoucherAttachment: Boolean(voucherConfig?.enabled && voucherCardIntegrationEnabled && !isStandaloneVoucherMode), onVoucherClick: handleVoucherAttachmentClick })), voucherConfig?.enabled && voucherCardIntegrationEnabled && isStandaloneVoucherMode && (jsx("div", { style: { padding: hasEventSelection ? "0 0 24px 0" : "0" }, children: jsx("div", { style: {
-                        display: "grid",
-                        gridTemplateColumns: "minmax(350px, 500px)",
-                        gap: "24px",
-                        justifyContent: "center",
-                    }, children: jsx(VoucherPurchaseCard, { config: voucherConfig, minEventPrice: voucherEventTypes.length > 0
-                            ? Math.min(...voucherEventTypes.map((et) => et.maxPrice))
-                            : undefined, fallbackImages: voucherEventTypes.flatMap((eventType) => eventType.images || []), onClick: handleVoucherCardClick, standalone: true }) }) })), isStandaloneVoucherMode && isLoading && !voucherConfig && (jsx("div", { style: { padding: "24px", textAlign: "center" }, children: jsx("div", { style: {
+    const cardsView = (jsxs(Fragment, { children: [hasEventSelection && (jsx(EventTypeSelection, { eventTypes: eventTypes, onEventTypeSelect: handleEventTypeSelect, isLoading: isLoading, skeletonCount: getSkeletonCount(), showVoucherAttachment: Boolean(voucherConfig?.enabled && voucherCardIntegrationEnabled && !isStandaloneVoucherMode), onVoucherClick: handleVoucherAttachmentClick })), isStandaloneVoucherMode && (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 && (jsx("div", { style: { padding: "24px", textAlign: "center" }, children: jsx("div", { style: {
                         display: "inline-block",
                         width: "32px",
                         height: "32px",
@@ -16018,19 +16025,17 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                             url.searchParams.delete("mollie_payment_id");
                             url.searchParams.delete("mollie_status");
                             window.history.replaceState({}, "", url.toString());
-                        }, config: config, onError: setError, paymentIntentId: successPaymentId }), isSuccess && voucherPurchaseResult && (jsx(VoucherSuccessModal, { isOpen: true, onClose: () => {
+                        }, config: config, onError: setError, paymentIntentId: successPaymentId }), 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: () => {
                             setIsSuccess(false);
                             setVoucherPurchaseResult(null);
                             const url = new URL(window.location.href);
-                            // Clean up Stripe params
                             url.searchParams.delete("payment_intent");
                             url.searchParams.delete("payment_intent_client_secret");
                             url.searchParams.delete("redirect_status");
-                            // Clean up Mollie params
                             url.searchParams.delete("mollie_payment_id");
                             url.searchParams.delete("mollie_status");
                             window.history.replaceState({}, "", url.toString());
-                        }, result: voucherPurchaseResult })), voucherConfig?.enabled && (jsx(VoucherPurchaseForm, { config: config, voucherConfig: voucherConfig, eventTypes: voucherEventTypes, isOpen: isVoucherFormOpen, onClose: handleVoucherFormClose, onSuccess: handleVoucherSuccess, onError: handleVoucherError, systemConfig: systemConfig, preselectedEventTypeId: preselectedVoucherEventTypeId, isLoadingEventTypes: isLoadingVoucherConfig }))] }), showPromoDialog && config.promo && (jsx(PromoDialog, { config: config.promo, onClose: handlePromoDialogClose, onCtaClick: handlePromoCtaClick }))] }));
+                        } })] }), showPromoDialog && config.promo && (jsx(PromoDialog, { config: config.promo, onClose: handlePromoDialogClose, onCtaClick: handlePromoCtaClick }))] }));
 }
 function UniversalBookingWidget(props) {
     const [languagePolicy, setLanguagePolicy] = useState(null);