@bigz-app/booking-widget 0.3.9 → 0.3.11

package/dist/booking-widget.js

@@ -12313,8 +12313,21 @@
   function PromoDialog({ onClose, onCtaClick }) {
       const [copied, setCopied] = d$1(false);
       const [isVisible, setIsVisible] = d$1(false);
+      const [portalContainer, setPortalContainer] = d$1(null);
       // Hardcoded Xmas surf school content
       const discountCode = "X-MAS";
+      // Create portal container on mount to escape stacking context issues
+      y$1(() => {
+          const container = document.createElement("div");
+          container.id = "bigz-promo-dialog-portal";
+          container.style.position = "relative";
+          container.style.zIndex = "2147483647"; // Maximum z-index value
+          document.body.appendChild(container);
+          setPortalContainer(container);
+          return () => {
+              document.body.removeChild(container);
+          };
+      }, []);
       // Animate in on mount
       y$1(() => {
           const timer = setTimeout(() => setIsVisible(true), 50);
@@ -12346,7 +12359,11 @@
           setIsVisible(false);
           setTimeout(onCtaClick, 200);
       };
-      return (u$2(k$3, { children: [u$2("style", { children: `
+      // Don't render until portal container is ready
+      if (!portalContainer) {
+          return null;
+      }
+      const dialogContent = (u$2(k$3, { children: [u$2("style", { children: `
 					@keyframes promo-wave {
 						0%, 100% { transform: translateX(0) translateY(0); }
 						25% { transform: translateX(5px) translateY(-3px); }
@@ -12376,7 +12393,7 @@
                       inset: 0,
                       backgroundColor: "rgba(0, 20, 40, 0.85)",
                       backdropFilter: "blur(8px)",
-                      zIndex: 9998,
+                      zIndex: 60,
                       opacity: isVisible ? 1 : 0,
                       transition: "opacity 300ms ease-out",
                   } }), u$2("div", { style: {
@@ -12384,7 +12401,7 @@
                       top: "50%",
                       left: "50%",
                       transform: `translate(-50%, -50%) scale(${isVisible ? 1 : 0.9})`,
-                      zIndex: 9999,
+                      zIndex: 61,
                       width: "92%",
                       maxWidth: "440px",
                       opacity: isVisible ? 1 : 0,
@@ -12565,6 +12582,8 @@
                                           fontSize: "12px",
                                           color: "rgba(255,255,255,0.6)",
                                       }, children: "G\u00FCltig f\u00FCr alle Buchungen bis 31. Dezember 2025" })] })] }) })] }));
+      // Use portal to render at document body level, escaping any stacking context
+      return $$1(dialogContent, portalContainer);
   }
 
   // Predefined themes & Style Provider have been moved to ../styles/StyleProvider.tsx
@@ -12688,10 +12707,12 @@
       }, [currentStep, shouldRenderInstanceSelection, shouldRenderBookingForm]);
       // Promo dialog: show Xmas promo once per user during holiday season, prevent double-opening across multiple widgets
       y$1(() => {
-          // Only show during holiday season (December and January)
+          // Only show during holiday season (December and early January - New Years week)
           const now = new Date();
           const month = now.getMonth(); // 0 = January, 11 = December
-          const isHolidaySeason = month === 11 || month === 0; // December (11) or January (0)
+          const day = now.getDate();
+          // Show in December (entire month) or January 1-2 (New Years holiday)
+          const isHolidaySeason = month === 11 || (month === 0 && day <= 2);
           if (!isHolidaySeason) {
               return;
           }