{"version":3,"file":"TicketButton.D44JHER2.mjs","names":["useState","_Fragment","_jsx"],"sources":["https:/framerusercontent.com/modules/kXocIZTwnqiUUEBTxOQu/vilDpd8oHnywI8EUjH83/TicketButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{createPortal}from\"react-dom\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";/**\n * MaHalla — Ticket Button\n *\n * A text link styled with MaHalla's type settings that opens the Ticket Tailor\n * checkout in a modal overlay.\n *\n * The checkout URL is a Ticket Tailor \"new-session\" link, which opens directly\n * on Select tickets and skips the date step.\n *\n * It also carries the visitor's utm_source into Ticket Tailor as the order's\n * referral tag, and fires GA4 + Meta events when the modal opens.\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 140\n * @framerIntrinsicHeight 40\n */const TRACKING_KEY=\"mh_utm_source\";// Haelt utm_source fuer die Session fest. Ohne das waere die Quelle weg,\n// sobald jemand von der Landingpage weiterklickt.\nfunction readUtmSource(){if(typeof window===\"undefined\")return\"\";try{const fresh=new URLSearchParams(window.location.search).get(\"utm_source\");if(fresh){sessionStorage.setItem(TRACKING_KEY,fresh);return fresh;}return sessionStorage.getItem(TRACKING_KEY)||\"\";}catch{return\"\";}}// Ersetzt ref= durch die echte Quelle, damit sie in Ticket Tailor auf der\n// Bestellung steht. Ohne utm_source bleibt der Default aus der URL stehen.\nfunction withRef(base,source){if(!source)return base;try{const url=new URL(base);url.searchParams.set(\"ref\",source);return url.toString();}catch{return base;}}// Schlaegt bewusst still fehl: Tracking darf den Kauf nie blockieren.\nfunction trackOpen(source){if(typeof window===\"undefined\")return;const w=window;try{if(typeof w.gtag===\"function\"){w.gtag(\"event\",\"begin_checkout_click\",{event_name_mh:\"UNRUHE\",traffic_source:source||\"(none)\"});}if(typeof w.fbq===\"function\"){w.fbq(\"track\",\"InitiateCheckout\",{content_name:\"UNRUHE\",content_ids:[\"2349311\"],content_type:\"product\"});}}catch{}}export default function TicketButton(props){const{label,checkoutUrl,font,textColor,hoverColor,hoverUnderline,background,paddingX,paddingY,radius,modalMaxWidth,modalHeight,modalRadius,overlayColor,style}=props;const[open,setOpen]=useState(false);const[hover,setHover]=useState(false);const[loaded,setLoaded]=useState(false)// iframe loads on first open only\n;const[source,setSource]=useState(\"\");const onCanvas=RenderTarget.current()===RenderTarget.canvas;// utm_source einmal beim Mount aufloesen.\nuseEffect(()=>{setSource(readUtmSource());},[]);// Escape to close + lock background scroll while the modal is open\nuseEffect(()=>{if(!open)return;const onKey=e=>{if(e.key===\"Escape\")setOpen(false);};document.addEventListener(\"keydown\",onKey);const previousOverflow=document.body.style.overflow;document.body.style.overflow=\"hidden\";return()=>{document.removeEventListener(\"keydown\",onKey);document.body.style.overflow=previousOverflow;};},[open]);// Hard defaults first, then whatever the Font control provides. A