{"version":3,"file":"TicketButton.64bGb2IG.mjs","names":["useState","_Fragment","__esmMin","window","init_ssg_sandbox_shims","init_npm_react_18_3_1","_e","l","Ha","p","c","init_jsx_runtime","ce","RenderTarget","addPropertyControls","init_framer_BL70qLPA","ControlType","readSource","params","utm","TRACKING_KEY","withRef","source","base","url","trackOpen","key","eventId","eventName","firedFor","w","id","price","TicketButton","props","open","setOpen","hover","setHover","loaded","setLoaded","setSource","onCanvas","onKey","previousOverflow","fontStyle","font","handleClick","checkoutUrl","button","style","hoverColor","textColor","radius","paddingY","paddingX","hoverUnderline","label","modal","overlayColor","modalMaxWidth","modalHeight","modalRadius","init_TicketButton","init_npm_react_dom_18_3_1"],"sources":["https:/framerusercontent.com/modules/kXocIZTwnqiUUEBTxOQu/AihrVO9lwuNoBBcGAOAo/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 * Reusable for every event: set Checkout URL, Event name, TT event ID and Price\n * per instance in the properties panel — or bind them to CMS fields / component\n * variables in Framer, so each event page fills them automatically.\n *\n * Tracking:\n * - carries the visitor's source (utm_source, or \"meta\" if only fbclid is\n * present) into Ticket Tailor as the order's ref= tag\n * - fires GA4 `begin_checkout` (with value + EUR) when the modal opens, once\n * per page view and event. Meta receives it as `InitiateCheckout` through the\n * Google tag → Conversions API connection — no direct fbq call, which would\n * double-count.\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 140\n * @framerIntrinsicHeight 40\n */const TRACKING_KEY=\"mh_utm_source\";// Haelt die Quelle fuer die Session fest. Ohne das waere sie weg, sobald\n// jemand von der Landingpage weiterklickt.\nfunction readSource(){if(typeof window===\"undefined\")return\"\";try{const params=new URLSearchParams(window.location.search);const utm=params.get(\"utm_source\");if(utm){sessionStorage.setItem(TRACKING_KEY,utm);return utm;}// Meta-Klick ohne UTM-Parameter: trotzdem als Meta markieren.\nif(params.get(\"fbclid\")){sessionStorage.setItem(TRACKING_KEY,\"meta\");return\"meta\";}return sessionStorage.getItem(TRACKING_KEY)||\"\";}catch{return\"\";}}// Setzt ref= auf die echte Quelle, damit sie in Ticket Tailor auf der\n// Bestellung steht. Ohne Quelle 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;}}// Ein Event pro Seitenaufruf und Event — mehrfaches Oeffnen zaehlt nicht doppelt.\nconst firedFor=new Set;// Schlaegt bewusst still fehl: Tracking darf den Kauf nie blockieren.\nfunction trackOpen(source,eventName,eventId,price){if(typeof window===\"undefined\")return;const key=eventId||eventName;if(firedFor.has(key))return;firedFor.add(key);const w=window;const id=eventId||eventName;try{if(typeof w.gtag===\"function\"){w.gtag(\"event\",\"begin_checkout\",{currency:\"EUR\",value:price,items:[{item_id:id,item_name:eventName,price,quantity:1}],traffic_source:source||\"(none)\"});}// Kein direkter fbq-Aufruf: Meta bekommt InitiateCheckout ueber die\n// Google-Tag/Conversions-API-Verbindung (begin_checkout -> InitiateCheckout).\n// Ein zusaetzliches fbq() wuerde jeden Klick doppelt zaehlen.\n}catch{}}export default function TicketButton(props){const{label,checkoutUrl,eventName,eventId,price,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;useEffect(()=>{setSource(readSource());},[]);// 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