@bigz-app/booking-widget 1.2.0 → 1.2.1

package/dist/booking-widget.js

@@ -12835,8 +12835,8 @@
       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 = T$2(() => Array.from(new Set(fallbackImages.filter(Boolean))).slice(0, 5), [fallbackImages]);
       const hasSlideshow = !config.image && slideshowImages.length > 0;
       y$1(() => {
@@ -13490,7 +13490,7 @@
                                                                   color: "var(--bw-text-muted)",
                                                                   fontFamily: "var(--bw-font-family)",
                                                               }, children: [t("voucher.for"), " ", recipientName] }))] })] }), u$2("div", { style: {
-                                                  fontSize: "24px",
+                                                  fontSize: "clamp(18px, 4vw, 22px)",
                                                   fontWeight: 700,
                                                   color: "var(--bw-highlight-color)",
                                                   fontFamily: "var(--bw-font-family)",
@@ -13761,6 +13761,20 @@
                   }, 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 (u$2(k$3, { children: [showStandaloneCard && (u$2("div", { style: { padding: "0" }, children: u$2("div", { style: {
+                          display: "grid",
+                          gridTemplateColumns: "minmax(350px, 500px)",
+                          gap: "24px",
+                          justifyContent: "center",
+                      }, children: u$2(VoucherPurchaseCard, { config: voucherConfig, minEventPrice: eventTypes.length > 0
+                              ? Math.min(...eventTypes.map((et) => et.maxPrice))
+                              : undefined, fallbackImages: eventTypes.flatMap((eventType) => eventType.images || []), onClick: onCardClick, standalone: true }) }) })), u$2(VoucherPurchaseForm, { config: config, voucherConfig: voucherConfig, eventTypes: eventTypes, isOpen: isFormOpen, onClose: onFormClose, onSuccess: onSuccess, onError: onError, systemConfig: systemConfig, preselectedEventTypeId: preselectedEventTypeId, isLoadingEventTypes: isLoadingConfig }), isSuccess && voucherPurchaseResult && (u$2(VoucherSuccessModal, { isOpen: true, onClose: onSuccessModalClose, result: voucherPurchaseResult }))] }));
+  }
+
   // Helper function to preprocess markdown for underline support
   const preprocessMarkdown = (markdown) => {
       // Convert double underscores to HTML underline tags for React Markdown
@@ -15143,7 +15157,6 @@
       // 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
@@ -15200,8 +15213,9 @@
           // 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 {
@@ -15254,10 +15268,10 @@
                   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,
@@ -15292,8 +15306,8 @@
           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)
@@ -15339,7 +15353,7 @@
               }
           };
           void initializeWidget();
-      }, [config, isVoucherModeRequested, hasEventSelection, isStandaloneVoucherMode, isMultiEventListingContext]);
+      }, [config, isVoucherModeRequested, hasEventSelection, isStandaloneVoucherMode]);
       // Re-fetch translated content when locale changes (skip initial mount)
       const prevLocaleRef = A$2(locale);
       y$1(() => {
@@ -16084,14 +16098,7 @@
                               }, config: config, onError: setError, paymentIntentId: successPaymentId })] }), showPromoDialog && config.promo && (u$2(PromoDialog, { config: config.promo, onClose: handlePromoDialogClose, onCtaClick: handlePromoCtaClick }))] }));
       }
       // Cards mode (default) - show event type selection with optional voucher card
-      const cardsView = (u$2(k$3, { children: [hasEventSelection && (u$2(EventTypeSelection, { eventTypes: eventTypes, onEventTypeSelect: handleEventTypeSelect, isLoading: isLoading, skeletonCount: getSkeletonCount(), showVoucherAttachment: Boolean(voucherConfig?.enabled && voucherCardIntegrationEnabled && !isStandaloneVoucherMode), onVoucherClick: handleVoucherAttachmentClick })), voucherConfig?.enabled && voucherCardIntegrationEnabled && isStandaloneVoucherMode && (u$2("div", { style: { padding: hasEventSelection ? "0 0 24px 0" : "0" }, children: u$2("div", { style: {
-                          display: "grid",
-                          gridTemplateColumns: "minmax(350px, 500px)",
-                          gap: "24px",
-                          justifyContent: "center",
-                      }, children: u$2(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 && (u$2("div", { style: { padding: "24px", textAlign: "center" }, children: u$2("div", { style: {
+      const cardsView = (u$2(k$3, { children: [hasEventSelection && (u$2(EventTypeSelection, { eventTypes: eventTypes, onEventTypeSelect: handleEventTypeSelect, isLoading: isLoading, skeletonCount: getSkeletonCount(), showVoucherAttachment: Boolean(voucherConfig?.enabled && voucherCardIntegrationEnabled && !isStandaloneVoucherMode), onVoucherClick: handleVoucherAttachmentClick })), isStandaloneVoucherMode && (u$2(VoucherIntegration, { config: config, voucherConfig: voucherConfig, eventTypes: voucherEventTypes, systemConfig: systemConfig, isFormOpen: false, isLoadingConfig: isLoadingVoucherConfig, preselectedEventTypeId: null, voucherPurchaseResult: null, isSuccess: false, showStandaloneCard: Boolean(voucherConfig?.enabled && voucherCardIntegrationEnabled), onCardClick: handleVoucherCardClick, onFormClose: handleVoucherFormClose, onSuccess: handleVoucherSuccess, onError: handleVoucherError, onSuccessModalClose: () => { } })), isStandaloneVoucherMode && isLoading && !voucherConfig && (u$2("div", { style: { padding: "24px", textAlign: "center" }, children: u$2("div", { style: {
                           display: "inline-block",
                           width: "32px",
                           height: "32px",
@@ -16144,19 +16151,17 @@
                               url.searchParams.delete("mollie_payment_id");
                               url.searchParams.delete("mollie_status");
                               window.history.replaceState({}, "", url.toString());
-                          }, config: config, onError: setError, paymentIntentId: successPaymentId }), isSuccess && voucherPurchaseResult && (u$2(VoucherSuccessModal, { isOpen: true, onClose: () => {
+                          }, config: config, onError: setError, paymentIntentId: successPaymentId }), u$2(VoucherIntegration, { config: config, voucherConfig: voucherConfig, eventTypes: voucherEventTypes, systemConfig: systemConfig, isFormOpen: isVoucherFormOpen, isLoadingConfig: isLoadingVoucherConfig, preselectedEventTypeId: preselectedVoucherEventTypeId, voucherPurchaseResult: voucherPurchaseResult, isSuccess: isSuccess, showStandaloneCard: false, onCardClick: handleVoucherCardClick, onFormClose: handleVoucherFormClose, onSuccess: handleVoucherSuccess, onError: handleVoucherError, onSuccessModalClose: () => {
                               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 && (u$2(VoucherPurchaseForm, { config: config, voucherConfig: voucherConfig, eventTypes: voucherEventTypes, isOpen: isVoucherFormOpen, onClose: handleVoucherFormClose, onSuccess: handleVoucherSuccess, onError: handleVoucherError, systemConfig: systemConfig, preselectedEventTypeId: preselectedVoucherEventTypeId, isLoadingEventTypes: isLoadingVoucherConfig }))] }), showPromoDialog && config.promo && (u$2(PromoDialog, { config: config.promo, onClose: handlePromoDialogClose, onCtaClick: handlePromoCtaClick }))] }));
+                          } })] }), showPromoDialog && config.promo && (u$2(PromoDialog, { config: config.promo, onClose: handlePromoDialogClose, onCtaClick: handlePromoCtaClick }))] }));
   }
   function UniversalBookingWidget(props) {
       const [languagePolicy, setLanguagePolicy] = d$1(null);