@bigz-app/booking-widget 0.1.24 → 0.2.0

package/dist/index.cjs

@@ -591,6 +591,13 @@ const StyleProvider = ({ config, children, }) => {
 			direction: ltr;
 			isolation: isolate;
 		}
+        .print-only {
+            display: none;
+        }
+        .print-hidden {
+            display: block;
+        }
+        @media print {
 	`;
     // Inject CSS reset styles
     React__default.useEffect(() => {
@@ -936,6 +943,26 @@ const createRequestBody = (config, additionalData) => {
         organizationId: config.organizationId,
     };
 };
+// Helper function to detect Stripe return parameters in URL
+const detectStripeReturn = () => {
+    if (typeof window === "undefined") {
+        return null;
+    }
+    const urlParams = new URLSearchParams(window.location.search);
+    // Check for Stripe return parameters
+    const paymentIntent = urlParams.get("payment_intent");
+    const paymentIntentClientSecret = urlParams.get("payment_intent_client_secret");
+    const redirectStatus = urlParams.get("redirect_status");
+    if (paymentIntent && paymentIntentClientSecret && redirectStatus) {
+        return {
+            isStripeReturn: true,
+            paymentIntent,
+            paymentIntentClientSecret,
+            redirectStatus,
+        };
+    }
+    return null;
+};
 
 var isCheckBoxInput = (element) => element.type === 'checkbox';
 
@@ -6689,15 +6716,8 @@ ZodNullable.create;
 
 function n(){return n=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);}return e},n.apply(this,arguments)}const r=["children","options"],o=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((e,n)=>(e[n.toLowerCase()]=n,e),{class:"className",for:"htmlFor"}),a={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},c=["style","script","pre"],i=["src","href","data","formAction","srcDoc","action"],u=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,l=/mailto:/i,s=/\n{2,}$/,f=/^(\s*>[\s\S]*?)(?=\n\n|$)/,_=/^ *> ?/gm,d=/^(?:\[!([^\]]*)\]\n)?([\s\S]*)/,p=/^ {2,}\n/,y=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,h=/^(?: {1,3})?(`{3,}|~{3,}) *(\S+)? *([^\n]*?)?\n([\s\S]*?)(?:\1\n?|$)/,g=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,m=/^(`+)((?:\\`|(?!\1)`|[^`])+)\1/,k=/^(?:\n *)*\n/,x=/\r\n?/g,v=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,q=/^\[\^([^\]]+)]/,b=/\f/g,S=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,$=/^\s*?\[(x|\s)\]/,z=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,E=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,A=/^([^\n]+)\n *(=|-){3,} *\n/,R=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?((?:[^>]*[^/])?)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,B=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,L=/^<!--[\s\S]*?(?:-->)/,O=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,j=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,C=/^\{.*\}$/,I=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,T=/^<([^ >]+@[^ >]+)>/,M=/^<([^ >]+:\/[^ >]+)>/,w=/-([a-z])?/gi,D=/^(\|.*)\n(?: *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*))?\n?/,F=/^[^\n]+(?:  \n|\n{2,})/,P=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,Z=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,N=/^\[([^\]]*)\] ?\[([^\]]*)\]/,G=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,U=/\t/g,V=/(^ *\||\| *$)/g,H=/^ *:-+: *$/,Q=/^ *:-+ *$/,W=/^ *-+: *$/,J="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|\\\\\\1|[\\s\\S])+?)",K=RegExp(`^([*_])\\1${J}\\1\\1(?!\\1)`),X=RegExp(`^([*_])${J}\\1(?!\\1)`),Y=RegExp(`^(==)${J}\\1`),ee=RegExp(`^(~~)${J}\\1`),ne=/^(:[a-zA-Z0-9-_]+:)/,re=/^\\([^0-9A-Za-z\s])/,te=/\\([^0-9A-Za-z\s])/g,oe=/^[\s\S](?:(?!  \n|[0-9]\.|http)[^=*_~\-\n:<`\\\[!])*/,ae=/^\n+/,ce=/^([ \t]*)/,ie=/(?:^|\n)( *)$/,ue="(?:\\d+\\.)",le="(?:[*+-])";function se(e){return "( *)("+(1===e?ue:le)+") +"}const fe=se(1),_e=se(2);function de(e){return RegExp("^"+(1===e?fe:_e))}const pe=de(1),ye=de(2);function he(e){return RegExp("^"+(1===e?fe:_e)+"[^\\n]*(?:\\n(?!\\1"+(1===e?ue:le)+" )[^\\n]*)*(\\n|$)","gm")}const ge=he(1),me=he(2);function ke(e){const n=1===e?ue:le;return RegExp("^( *)("+n+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+n+" (?!"+n+" ))\\n*|\\s*\\n*$)")}const xe=ke(1),ve=ke(2);function qe(e,n){const r=1===n,t=r?xe:ve,o=r?ge:me,a=r?pe:ye;return {t:e=>a.test(e),o:je(function(e,n){const r=ie.exec(n.prevCapture);return r&&(n.list||!n.inline&&!n.simple)?t.exec(e=r[1]+e):null}),i:1,u(e,n,t){const c=r?+e[2]:void 0,i=e[0].replace(s,"\n").match(o);let u=false;return {items:i.map(function(e,r){const o=a.exec(e)[0].length,c=RegExp("^ {1,"+o+"}","gm"),l=e.replace(c,"").replace(a,""),s=r===i.length-1,f=-1!==l.indexOf("\n\n")||s&&u;u=f;const _=t.inline,d=t.list;let p;t.list=true,f?(t.inline=false,p=$e(l)+"\n\n"):(t.inline=true,p=$e(l));const y=n(p,t);return t.inline=_,t.list=d,y}),ordered:r,start:c}},l:(n,r,t)=>e(n.ordered?"ol":"ul",{key:t.key,start:"20"===n.type?n.start:void 0},n.items.map(function(n,o){return e("li",{key:o},r(n,t))}))}}const be=RegExp("^\\[((?:\\[[^\\[\\]]*(?:\\[[^\\[\\]]*\\][^\\[\\]]*)*\\]|[^\\[\\]])*)\\]\\(\\s*<?((?:\\([^)]*\\)|[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),Se=/^!\[(.*?)\]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/;function $e(e){let n=e.length;for(;n>0&&e[n-1]<=" ";)n--;return e.slice(0,n)}function ze(e,n){return e.startsWith(n)}function Ee(e,n,r){if(Array.isArray(r)){for(let n=0;n<r.length;n++)if(ze(e,r[n]))return  true;return  false}return r(e,n)}function Ae(e){return e.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function Re(e){return W.test(e)?"right":H.test(e)?"center":Q.test(e)?"left":null}function Be(e,n,r,t){const o=r.inTable;r.inTable=true;let a=[[]],c="";function i(){if(!c)return;const e=a[a.length-1];e.push.apply(e,n(c,r)),c="";}return e.trim().split(/(`[^`]*`|\\\||\|)/).filter(Boolean).forEach((e,n,r)=>{"|"===e.trim()&&(i(),t)?0!==n&&n!==r.length-1&&a.push([]):c+=e;}),i(),r.inTable=o,a}function Le(e,n,r){r.inline=true;const t=e[2]?e[2].replace(V,"").split("|").map(Re):[],o=e[3]?function(e,n,r){return e.trim().split("\n").map(function(e){return Be(e,n,r,true)})}(e[3],n,r):[],a=Be(e[1],n,r,!!o.length);return r.inline=false,o.length?{align:t,cells:o,header:a,type:"25"}:{children:a,type:"21"}}function Oe(e,n){return null==e.align[n]?{}:{textAlign:e.align[n]}}function je(e){return e.inline=1,e}function Ce(e){return je(function(n,r){return r.inline?e.exec(n):null})}function Ie(e){return je(function(n,r){return r.inline||r.simple?e.exec(n):null})}function Te(e){return function(n,r){return r.inline||r.simple?null:e.exec(n)}}function Me(e){return je(function(n){return e.exec(n)})}const we=/(javascript|vbscript|data(?!:image)):/i;function De(e){try{const n=decodeURIComponent(e).replace(/[^A-Za-z0-9/:]/g,"");if(we.test(n))return null}catch(e){return null}return e}function Fe(e){return e?e.replace(te,"$1"):e}function Pe(e,n,r){const t=r.inline||false,o=r.simple||false;r.inline=true,r.simple=true;const a=e(n,r);return r.inline=t,r.simple=o,a}function Ze(e,n,r){const t=r.inline||false,o=r.simple||false;r.inline=false,r.simple=true;const a=e(n,r);return r.inline=t,r.simple=o,a}function Ne(e,n,r){const t=r.inline||false;r.inline=false;const o=e(n,r);return r.inline=t,o}const Ge=(e,n,r)=>({children:Pe(n,e[2],r)});function Ue(){return {}}function Ve(){return null}function He(...e){return e.filter(Boolean).join(" ")}function Qe(e,n,r){let t=e;const o=n.split(".");for(;o.length&&(t=t[o[0]],void 0!==t);)o.shift();return t||r}function We(r="",t={}){t.overrides=t.overrides||{},t.namedCodesToUnicode=t.namedCodesToUnicode?n({},a,t.namedCodesToUnicode):a;const s=t.slugify||Ae,V=t.sanitizer||De,H=t.createElement||React__default__namespace.createElement,Q=[f,h,g,t.enforceAtxHeadings?E:z,A,D,xe,ve],W=[...Q,F,R,L,j];function J(e,r,...o){const a=Qe(t.overrides,e+".props",{});return H(function(e,n){const r=Qe(n,e);return r?"function"==typeof r||"object"==typeof r&&"render"in r?r:Qe(n,e+".component",e):e}(e,t.overrides),n({},r,a,{className:He(null==r?void 0:r.className,a.className)||void 0}),...o)}function te(e){e=e.replace(S,"");let n=false;t.forceInline?n=true:t.forceBlock||(n=false===G.test(e));const r=_e(fe(n?e:$e(e).replace(ae,"")+"\n\n",{inline:n}));for(;"string"==typeof r[r.length-1]&&!r[r.length-1].trim();)r.pop();if(null===t.wrapper)return r;const o=t.wrapper||(n?"span":"div");let a;if(r.length>1||t.forceWrapper)a=r;else {if(1===r.length)return a=r[0],"string"==typeof a?J("span",{key:"outer"},a):a;a=null;}return H(o,{key:"outer"},a)}function ie(e,n){if(!n||!n.trim())return null;const r=n.match(u);return r?r.reduce(function(n,r){const t=r.indexOf("=");if(-1!==t){const a=function(e){return  -1!==e.indexOf("-")&&null===e.match(O)&&(e=e.replace(w,function(e,n){return n.toUpperCase()})),e}(r.slice(0,t)).trim(),c=function(e){const n=e[0];return ('"'===n||"'"===n)&&e.length>=2&&e[e.length-1]===n?e.slice(1,-1):e}(r.slice(t+1).trim()),u=o[a]||a;if("ref"===u)return n;const l=n[u]=function(e,n,r,t){return "style"===n?function(e){const n=[];let r="",t=false,o=false,a="";if(!e)return n;for(let c=0;c<e.length;c++){const i=e[c];if('"'!==i&&"'"!==i||t||(o?i===a&&(o=false,a=""):(o=true,a=i)),"("===i&&r.endsWith("url")?t=true:")"===i&&t&&(t=false),";"!==i||o||t)r+=i;else {const e=r.trim();if(e){const r=e.indexOf(":");if(r>0){const t=e.slice(0,r).trim(),o=e.slice(r+1).trim();n.push([t,o]);}}r="";}}const c=r.trim();if(c){const e=c.indexOf(":");if(e>0){const r=c.slice(0,e).trim(),t=c.slice(e+1).trim();n.push([r,t]);}}return n}(r).reduce(function(n,[r,o]){return n[r.replace(/(-[a-z])/g,e=>e[1].toUpperCase())]=t(o,e,r),n},{}):-1!==i.indexOf(n)?t(Fe(r),e,n):(r.match(C)&&(r=Fe(r.slice(1,r.length-1))),"true"===r||"false"!==r&&r)}(e,a,c,V);"string"==typeof l&&(R.test(l)||j.test(l))&&(n[u]=te(l.trim()));}else "style"!==r&&(n[o[r]||r]=true);return n},{}):null}const ue=[],le={},se={0:{t:[">"],o:Te(f),i:1,u(e,n,r){const[,t,o]=e[0].replace(_,"").match(d);return {alert:t,children:n(o,r)}},l(e,n,r){const t={key:r.key};return e.alert&&(t.className="markdown-alert-"+s(e.alert.toLowerCase(),Ae),e.children.unshift({attrs:{},children:[{type:"27",text:e.alert}],noInnerParse:true,type:"11",tag:"header"})),J("blockquote",t,n(e.children,r))}},1:{o:Me(p),i:1,u:Ue,l:(e,n,r)=>J("br",{key:r.key})},2:{t:e=>{const n=e[0];return "-"===n||"*"===n||"_"===n},o:Te(y),i:1,u:Ue,l:(e,n,r)=>J("hr",{key:r.key})},3:{t:["    "],o:Te(g),i:0,u:e=>({lang:void 0,text:Fe($e(e[0].replace(/^ {4}/gm,"")))}),l:(e,r,t)=>J("pre",{key:t.key},J("code",n({},e.attrs,{className:e.lang?"lang-"+e.lang:""}),e.text))},4:{t:["```","~~~"],o:Te(h),i:0,u:e=>({attrs:ie("code",e[3]||""),lang:e[2]||void 0,text:e[4],type:"3"})},5:{t:["`"],o:Ie(m),i:3,u:e=>({text:Fe(e[2])}),l:(e,n,r)=>J("code",{key:r.key},e.text)},6:{t:["[^"],o:Te(v),i:0,u:e=>(ue.push({footnote:e[2],identifier:e[1]}),{}),l:Ve},7:{t:["[^"],o:Ce(q),i:1,u:e=>({target:"#"+s(e[1],Ae),text:e[1]}),l:(e,n,r)=>J("a",{key:r.key,href:V(e.target,"a","href")},J("sup",{key:r.key},e.text))},8:{t:["[ ]","[x]"],o:Ce($),i:1,u:e=>({completed:"x"===e[1].toLowerCase()}),l:(e,n,r)=>J("input",{checked:e.completed,key:r.key,readOnly:true,type:"checkbox"})},9:{t:["#"],o:Te(t.enforceAtxHeadings?E:z),i:1,u:(e,n,r)=>({children:Pe(n,e[2],r),id:s(e[2],Ae),level:e[1].length}),l:(e,n,r)=>J("h"+e.level,{id:e.id,key:r.key},n(e.children,r))},10:{o:Te(A),i:0,u:(e,n,r)=>({children:Pe(n,e[1],r),level:"="===e[2]?1:2,type:"9"})},11:{t:["<"],o:Me(R),i:1,u(e,n,r){const[,t]=e[3].match(ce),o=RegExp("^"+t,"gm"),a=e[3].replace(o,""),i=(u=a,W.some(e=>e.test(u))?Ne:Pe);var u;const l=e[1].toLowerCase(),s=-1!==c.indexOf(l),f=(s?l:e[1]).trim(),_={attrs:ie(f,e[2]),noInnerParse:s,tag:f};if(r.inAnchor=r.inAnchor||"a"===l,s)_.text=e[3];else {const e=r.inHTML;r.inHTML=true,_.children=i(n,a,r),r.inHTML=e;}return r.inAnchor=false,_},l:(e,r,t)=>J(e.tag,n({key:t.key},e.attrs),e.text||(e.children?r(e.children,t):""))},13:{t:["<"],o:Me(j),i:1,u(e){const n=e[1].trim();return {attrs:ie(n,e[2]||""),tag:n}},l:(e,r,t)=>J(e.tag,n({},e.attrs,{key:t.key}))},12:{t:["\x3c!--"],o:Me(L),i:1,u:()=>({}),l:Ve},14:{t:["!["],o:Ie(Se),i:1,u:e=>({alt:Fe(e[1]),target:Fe(e[2]),title:Fe(e[3])}),l:(e,n,r)=>J("img",{key:r.key,alt:e.alt||void 0,title:e.title||void 0,src:V(e.target,"img","src")})},15:{t:["["],o:Ce(be),i:3,u:(e,n,r)=>({children:Ze(n,e[1],r),target:Fe(e[2]),title:Fe(e[3])}),l:(e,n,r)=>J("a",{key:r.key,href:V(e.target,"a","href"),title:e.title},n(e.children,r))},16:{t:["<"],o:Ce(M),i:0,u:e=>({children:[{text:e[1],type:"27"}],target:e[1],type:"15"})},17:{t:(e,n)=>!n.inAnchor&&!t.disableAutoLink&&(ze(e,"http://")||ze(e,"https://")),o:Ce(I),i:0,u:e=>({children:[{text:e[1],type:"27"}],target:e[1],title:void 0,type:"15"})},18:{t:["<"],o:Ce(T),i:0,u(e){let n=e[1],r=e[1];return l.test(r)||(r="mailto:"+r),{children:[{text:n.replace("mailto:",""),type:"27"}],target:r,type:"15"}}},20:qe(J,1),33:qe(J,2),19:{o:Te(k),i:3,u:Ue,l:()=>"\n"},21:{o:je(function(e,n){if(n.inline||n.simple||n.inHTML&&-1===e.indexOf("\n\n")&&-1===n.prevCapture.indexOf("\n\n"))return null;let r="";e.split("\n").every(e=>(e+="\n",!Q.some(n=>n.test(e))&&(r+=e,!!e.trim())));const t=$e(r);return ""===t?null:[r,,t]}),i:3,u:Ge,l:(e,n,r)=>J("p",{key:r.key},n(e.children,r))},22:{t:["["],o:Ce(P),i:0,u:e=>(le[e[1]]={target:e[2],title:e[4]},{}),l:Ve},23:{t:["!["],o:Ie(Z),i:0,u:e=>({alt:e[1]?Fe(e[1]):void 0,ref:e[2]}),l:(e,n,r)=>le[e.ref]?J("img",{key:r.key,alt:e.alt,src:V(le[e.ref].target,"img","src"),title:le[e.ref].title}):null},24:{t:e=>"["===e[0]&&-1===e.indexOf("]("),o:Ce(N),i:0,u:(e,n,r)=>({children:n(e[1],r),fallbackChildren:e[0],ref:e[2]}),l:(e,n,r)=>le[e.ref]?J("a",{key:r.key,href:V(le[e.ref].target,"a","href"),title:le[e.ref].title},n(e.children,r)):J("span",{key:r.key},e.fallbackChildren)},25:{t:["|"],o:Te(D),i:1,u:Le,l(e,n,r){const t=e;return J("table",{key:r.key},J("thead",null,J("tr",null,t.header.map(function(e,o){return J("th",{key:o,style:Oe(t,o)},n(e,r))}))),J("tbody",null,t.cells.map(function(e,o){return J("tr",{key:o},e.map(function(e,o){return J("td",{key:o,style:Oe(t,o)},n(e,r))}))})))}},27:{o:je(function(e,n){let r;return ze(e,":")&&(r=ne.exec(e)),r||oe.exec(e)}),i:4,u(e){const n=e[0];return {text:-1===n.indexOf("&")?n:n.replace(B,(e,n)=>t.namedCodesToUnicode[n]||e)}},l:e=>e.text},28:{t:["**","__"],o:Ie(K),i:2,u:(e,n,r)=>({children:n(e[2],r)}),l:(e,n,r)=>J("strong",{key:r.key},n(e.children,r))},29:{t:e=>{const n=e[0];return ("*"===n||"_"===n)&&e[1]!==n},o:Ie(X),i:3,u:(e,n,r)=>({children:n(e[2],r)}),l:(e,n,r)=>J("em",{key:r.key},n(e.children,r))},30:{t:["\\"],o:Ie(re),i:1,u:e=>({text:e[1],type:"27"})},31:{t:["=="],o:Ie(Y),i:3,u:Ge,l:(e,n,r)=>J("mark",{key:r.key},n(e.children,r))},32:{t:["~~"],o:Ie(ee),i:3,u:Ge,l:(e,n,r)=>J("del",{key:r.key},n(e.children,r))}};true===t.disableParsingRawHTML&&(delete se[11],delete se[13]);const fe=function(e){var n=Object.keys(e);function r(t,o){var a=[];if(o.prevCapture=o.prevCapture||"",t.trim())for(;t;)for(var c=0;c<n.length;){var i=n[c],u=e[i];if(!u.t||Ee(t,o,u.t)){var l=u.o(t,o);if(l&&l[0]){t=t.substring(l[0].length);var s=u.u(l,r,o);o.prevCapture+=l[0],s.type||(s.type=i),a.push(s);break}c++;}else c++;}return o.prevCapture="",a}return n.sort(function(n,r){return e[n].i-e[r].i||(n<r?-1:1)}),function(e,n){return r(function(e){return e.replace(x,"\n").replace(b,"").replace(U,"    ")}(e),n)}}(se),_e=(de=function(e,n){return function(r,t,o){const a=e[r.type].l;return n?n(()=>a(r,t,o),r,t,o):a(r,t,o)}}(se,t.renderRule),function e(n,r={}){if(Array.isArray(n)){const t=r.key,o=[];let a=false;for(let t=0;t<n.length;t++){r.key=t;const c=e(n[t],r),i="string"==typeof c;i&&a?o[o.length-1]+=c:null!==c&&o.push(c),a=i;}return r.key=t,o}return de(n,e,r)});var de;const pe=te(r);return ue.length?J("div",null,pe,J("footer",{key:"footer"},ue.map(function(e){return J("div",{id:s(e.identifier,Ae),key:e.identifier},e.identifier,_e(fe(e.footnote,{inline:true})))}))):pe}var Markdown = n=>{let{children:t="",options:o}=n,a=function(e,n){if(null==e)return {};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)n.indexOf(r=a[t])>=0||(o[r]=e[r]);return o}(n,r);return React__default__namespace.cloneElement(We(t,o),a)};
 
-// Helper function to preprocess markdown for underline support
-const preprocessMarkdown$1 = (markdown) => {
-    // Convert double underscores to HTML underline tags for React Markdown
-    return markdown.replace(/__([^_]+)__/g, "<u>$1</u>");
-};
-const IconCheck$1 = ({ size = 16, color = "#10b981" }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }));
-const IconWave$1 = ({ size = 20, color = "#0ea5e9" }) => (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntime.jsx("path", { d: "M2 18c2-2 6-2 8 0s6 2 8 0 6-2 8 0" }), jsxRuntime.jsx("path", { d: "M2 12c2-2 6-2 8 0s6 2 8 0 6-2 8 0" }), jsxRuntime.jsx("path", { d: "M2 6c2-2 6-2 8 0s6 2 8 0 6-2 8 0" })] }));
 // Portal component that renders dialog at document body level
-function DialogPortal({ children, isOpen }) {
+function DialogPortal({ children, isOpen, zIndex = 999999, }) {
     const [portalRoot, setPortalRoot] = React__default.useState(null);
     React__default.useEffect(() => {
         if (!isOpen) {
@@ -6729,9 +6749,12 @@ function DialogPortal({ children, isOpen }) {
                 "--bw-border-radius-small",
                 "--bw-spacing",
                 "--bw-spacing-large",
+                "--bw-spacing-small",
                 "--bw-font-family",
                 "--bw-font-size",
                 "--bw-font-size-large",
+                "--bw-font-size-small",
+                "--bw-font-size-xl",
                 "--bw-shadow-lg",
                 "--bw-shadow-md",
                 "--bw-highlight-muted",
@@ -6759,7 +6782,7 @@ function DialogPortal({ children, isOpen }) {
 			left: 0;
 			width: 100%;
 			height: 100%;
-			z-index: 999999;
+			z-index: ${zIndex};
 			pointer-events: none;
 			${cssProperties}
 		`;
@@ -6780,7 +6803,7 @@ function DialogPortal({ children, isOpen }) {
             }
             document.body.style.overflow = "";
         };
-    }, [isOpen]);
+    }, [isOpen, zIndex]);
     if (!isOpen || !portalRoot)
         return null;
     return ReactDOM.createPortal(jsxRuntime.jsx("div", { style: {
@@ -6789,7 +6812,8 @@ function DialogPortal({ children, isOpen }) {
             height: "100%",
         }, children: children }), portalRoot);
 }
-function EventTypeDetailsDialog({ isOpen, onClose, eventType, onEventTypeSelect, }) {
+// Shared dialog wrapper component
+function DialogWrapper({ isOpen, onClose, children, maxWidth = "700px", className, zIndex = 999999, }) {
     // Get fallback styles from the widget container for cases where CSS variables aren't available
     const [fallbackStyles, setFallbackStyles] = React__default.useState({});
     React__default.useEffect(() => {
@@ -6826,15 +6850,10 @@ function EventTypeDetailsDialog({ isOpen, onClose, eventType, onEventTypeSelect,
         return () => {
             document.removeEventListener("keydown", handleEscape);
         };
-    }, [isOpen]);
-    if (!isOpen || !eventType)
+    }, [isOpen, onClose]);
+    if (!isOpen)
         return null;
-    const isAvailable = eventType.hasAvailableInstances;
-    const handleBookingClick = () => {
-        onEventTypeSelect(eventType);
-        onClose();
-    };
-    return (jsxRuntime.jsx(DialogPortal, { isOpen: isOpen, children: jsxRuntime.jsx("div", { style: fallbackStyles, children: jsxRuntime.jsx("div", { style: {
+    return (jsxRuntime.jsx(DialogPortal, { isOpen: isOpen, zIndex: zIndex, children: jsxRuntime.jsx("div", { style: fallbackStyles, className: className, children: jsxRuntime.jsx("div", { style: {
                     position: "fixed",
                     top: 0,
                     left: 0,
@@ -6847,11 +6866,11 @@ function EventTypeDetailsDialog({ isOpen, onClose, eventType, onEventTypeSelect,
                     alignItems: "center",
                     justifyContent: "center",
                     padding: "var(--bw-spacing)",
-                    zIndex: 999999,
+                    zIndex: zIndex,
                 }, onClick: onClose, children: jsxRuntime.jsxs("div", { style: {
                         backgroundColor: "var(--bw-surface-color)",
                         borderRadius: "var(--bw-border-radius)",
-                        maxWidth: "700px",
+                        maxWidth,
                         width: "100%",
                         maxHeight: "90vh",
                         overflow: "auto",
@@ -6879,181 +6898,199 @@ function EventTypeDetailsDialog({ isOpen, onClose, eventType, onEventTypeSelect,
                                 e.currentTarget.style.backgroundColor = "var(--bw-border-color)";
                             }, onMouseLeave: (e) => {
                                 e.currentTarget.style.backgroundColor = "var(--bw-surface-color)";
-                            }, children: "\u00D7" }), jsxRuntime.jsxs("div", { style: { padding: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("div", { style: {
-                                        marginBottom: "24px",
-                                        padding: "16px",
-                                        backgroundColor: "var(--bw-background-color)",
-                                        borderRadius: "var(--bw-border-radius)",
-                                        border: `1px solid var(--bw-border-color)`,
-                                    }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { style: {
-                                                        fontSize: "14px",
-                                                        fontWeight: "600",
-                                                        color: "var(--bw-highlight-color)",
-                                                        marginBottom: "8px",
-                                                        fontFamily: "var(--bw-font-family)",
-                                                    }, children: eventType.category.name }), jsxRuntime.jsx("h2", { style: {
-                                                        fontSize: "28px",
-                                                        fontWeight: "700",
-                                                        color: "var(--bw-text-color)",
-                                                        marginBottom: "16px",
-                                                        lineHeight: "1.3",
-                                                        fontFamily: "var(--bw-font-family)",
-                                                        margin: "0 0 16px 0",
-                                                    }, children: eventType.name })] }), eventType.highlights && eventType.highlights.length > 0 && (jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: jsxRuntime.jsx("div", { style: { marginBottom: "24px" }, children: jsxRuntime.jsx("ul", { style: {
-                                                        listStyle: "none",
-                                                        padding: "0",
-                                                        margin: "0",
-                                                        display: "flex",
-                                                        flexDirection: "column",
-                                                        gap: "3px",
-                                                    }, children: eventType.highlights
-                                                        .filter((highlight) => highlight.trim())
-                                                        .map((highlight, index) => (jsxRuntime.jsxs("li", { style: {
-                                                            display: "flex",
-                                                            alignItems: "flex-start",
-                                                            gap: "10px",
-                                                            fontFamily: "var(--bw-font-family)",
-                                                            fontSize: "16px",
-                                                            lineHeight: "1.6",
-                                                            color: "var(--bw-text-color)",
-                                                        }, children: [jsxRuntime.jsx("div", { style: { marginTop: "4px", flexShrink: 0 }, children: jsxRuntime.jsx(IconCheck$1, { size: 16, color: "var(--bw-success-color)" }) }), jsxRuntime.jsx("span", { children: highlight.trim() })] }, index))) }) }) }))] }), eventType.description && (jsxRuntime.jsxs("div", { style: {
-                                        marginBottom: "24px",
-                                        color: "var(--bw-text-muted)",
-                                        fontSize: "16px",
-                                        lineHeight: "1.6",
+                            }, children: "\u00D7" }), children] }) }) }) }));
+}
+
+// Helper function to preprocess markdown for underline support
+const preprocessMarkdown$1 = (markdown) => {
+    // Convert double underscores to HTML underline tags for React Markdown
+    return markdown.replace(/__([^_]+)__/g, "<u>$1</u>");
+};
+const IconCheck$1 = ({ size = 16, color = "#10b981" }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }));
+const IconWave$1 = ({ size = 20, color = "#0ea5e9" }) => (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntime.jsx("path", { d: "M2 18c2-2 6-2 8 0s6 2 8 0 6-2 8 0" }), jsxRuntime.jsx("path", { d: "M2 12c2-2 6-2 8 0s6 2 8 0 6-2 8 0" }), jsxRuntime.jsx("path", { d: "M2 6c2-2 6-2 8 0s6 2 8 0 6-2 8 0" })] }));
+function EventTypeDetailsDialog({ isOpen, onClose, eventType, onEventTypeSelect, }) {
+    if (!isOpen || !eventType)
+        return null;
+    const isAvailable = eventType.hasAvailableInstances;
+    const handleBookingClick = () => {
+        onEventTypeSelect(eventType);
+        onClose();
+    };
+    return (jsxRuntime.jsx(DialogWrapper, { isOpen: isOpen, onClose: onClose, maxWidth: "700px", children: jsxRuntime.jsxs("div", { style: { padding: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("div", { style: {
+                        marginBottom: "24px",
+                        padding: "16px",
+                        backgroundColor: "var(--bw-background-color)",
+                        borderRadius: "var(--bw-border-radius)",
+                        border: `1px solid var(--bw-border-color)`,
+                    }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { style: {
+                                        fontSize: "14px",
+                                        fontWeight: "600",
+                                        color: "var(--bw-highlight-color)",
+                                        marginBottom: "8px",
+                                        fontFamily: "var(--bw-font-family)",
+                                    }, children: eventType.category.name }), jsxRuntime.jsx("h2", { style: {
+                                        fontSize: "28px",
+                                        fontWeight: "700",
+                                        color: "var(--bw-text-color)",
+                                        marginBottom: "16px",
+                                        lineHeight: "1.3",
                                         fontFamily: "var(--bw-font-family)",
-                                        padding: "0px 20px",
-                                    }, children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
-                                                __html: `
-										.bw-markdown-content p {
-											margin: 0 0 12px 0 !important;
-											color: var(--bw-text-muted) !important;
-											font-family: var(--bw-font-family) !important;
-											line-height: 1.6 !important;
-										}
-										.bw-markdown-content p:last-child {
-											margin-bottom: 0 !important;
-										}
-										.bw-markdown-content h2 {
-											font-size: 20px !important;
-											font-weight: 700 !important;
-											color: var(--bw-text-color) !important;
-											margin: 20px 0 8px 0 !important;
-											line-height: 1.3 !important;
-											display: block !important;
-										}
-										.bw-markdown-content h3 {
-											font-size: 18px !important;
-											font-weight: 600 !important;
-											color: var(--bw-text-color) !important;
-											margin: 16px 0 8px 0 !important;
-											line-height: 1.3 !important;
-											display: block !important;
-										}
-										.bw-markdown-content strong {
-											font-weight: 700 !important;
-											color: var(--bw-text-color) !important;
-										}
-										.bw-markdown-content em {
-											font-style: italic !important;
-										}
-										.bw-markdown-content u {
-											text-decoration: underline !important;
-										}
-										.bw-markdown-content ul {
-											margin: 12px 0 !important;
-											padding-left: 24px !important;
-											list-style-type: disc !important;
-											display: block !important;
-										}
-										.bw-markdown-content ol {
-											margin: 12px 0 !important;
-											padding-left: 24px !important;
-											list-style-type: decimal !important;
-											display: block !important;
-										}
-										.bw-markdown-content li {
-											margin-bottom: 4px !important;
-											display: list-item !important;
-											color: var(--bw-text-muted) !important;
-											font-family: var(--bw-font-family) !important;
-											line-height: 1.6 !important;
-										}
-										.bw-markdown-content blockquote {
-											margin: 12px 0 !important;
-											padding-left: 16px !important;
-											border-left: 3px solid var(--bw-border-color) !important;
-											font-style: italic !important;
-											color: var(--bw-text-muted) !important;
-											display: block !important;
-										}
-										.bw-markdown-content a {
-											color: var(--bw-highlight-color) !important;
-											text-decoration: underline !important;
-										}
-										.bw-markdown-content a:hover {
-											text-decoration: none !important;
-										}
-									`,
-                                            } }), jsxRuntime.jsx("div", { className: "bw-markdown-content", children: Markdown({ children: preprocessMarkdown$1(eventType.description) }) })] })), jsxRuntime.jsxs("div", { style: {
+                                        margin: "0 0 16px 0",
+                                    }, children: eventType.name })] }), eventType.highlights && eventType.highlights.length > 0 && (jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: jsxRuntime.jsx("div", { style: { marginBottom: "24px" }, children: jsxRuntime.jsx("ul", { style: {
+                                        listStyle: "none",
+                                        padding: "0",
+                                        margin: "0",
                                         display: "flex",
-                                        justifyContent: "space-between",
-                                        alignItems: "center",
-                                        marginTop: "32px",
-                                        padding: "20px",
-                                        backgroundColor: "var(--bw-background-color)",
-                                        borderRadius: "var(--bw-border-radius)",
-                                        border: `1px solid var(--bw-border-color)`,
-                                    }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: "bw-event-type-price", style: {
-                                                        fontWeight: "700",
-                                                        color: "var(--bw-text-color)",
-                                                        fontFamily: "var(--bw-font-family)",
-                                                        textAlign: "left",
-                                                    }, children: eventType.groupedDurations && jsxRuntime.jsx("span", { children: eventType.groupedDurations }) }), jsxRuntime.jsx("div", { className: "bw-event-type-price", style: {
-                                                        fontSize: "clamp(1.72rem, 4vw, 32px)",
-                                                        fontWeight: "700",
-                                                        color: "var(--bw-text-color)",
-                                                        fontFamily: "var(--bw-font-family)",
-                                                        textAlign: "right",
-                                                    }, children: jsxRuntime.jsxs("span", { children: ["ab ", formatCurrency(eventType.minPrice)] }) })] }), isAvailable && (jsxRuntime.jsxs("button", { onClick: handleBookingClick, style: {
-                                                backgroundColor: "var(--bw-highlight-color)",
-                                                color: "white",
-                                                padding: "14px 28px",
-                                                border: "none",
-                                                borderRadius: "var(--bw-border-radius)",
-                                                fontSize: "16px",
-                                                fontWeight: "600",
-                                                fontFamily: "var(--bw-font-family)",
-                                                display: "flex",
-                                                alignItems: "center",
-                                                gap: "8px",
-                                                cursor: "pointer",
-                                                transition: "all 0.2s ease",
-                                            }, onMouseEnter: (e) => {
-                                                e.currentTarget.style.opacity = "0.9";
-                                                e.currentTarget.style.transform = "translateY(-1px)";
-                                            }, onMouseLeave: (e) => {
-                                                e.currentTarget.style.opacity = "1";
-                                                e.currentTarget.style.transform = "translateY(0)";
-                                            }, children: [jsxRuntime.jsx(IconWave$1, { size: 20, color: "white" }), "Jetzt buchen"] }))] })] }), !isAvailable && (jsxRuntime.jsx("div", { style: {
-                                position: "absolute",
-                                inset: 0,
-                                backgroundColor: "rgba(0, 0, 0, 0.3)",
-                                backdropFilter: "blur(2px)",
+                                        flexDirection: "column",
+                                        gap: "3px",
+                                    }, children: eventType.highlights
+                                        .filter((highlight) => highlight.trim())
+                                        .map((highlight, index) => (jsxRuntime.jsxs("li", { style: {
+                                            display: "flex",
+                                            alignItems: "flex-start",
+                                            gap: "10px",
+                                            fontFamily: "var(--bw-font-family)",
+                                            fontSize: "16px",
+                                            lineHeight: "1.6",
+                                            color: "var(--bw-text-color)",
+                                        }, children: [jsxRuntime.jsx("div", { style: { marginTop: "4px", flexShrink: 0 }, children: jsxRuntime.jsx(IconCheck$1, { size: 16, color: "var(--bw-success-color)" }) }), jsxRuntime.jsx("span", { children: highlight.trim() })] }, index))) }) }) }))] }), eventType.description && (jsxRuntime.jsxs("div", { style: {
+                        marginBottom: "24px",
+                        color: "var(--bw-text-muted)",
+                        fontSize: "16px",
+                        lineHeight: "1.6",
+                        fontFamily: "var(--bw-font-family)",
+                        padding: "0px 20px",
+                    }, children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
+                                __html: `
+							.bw-markdown-content p {
+								margin: 0 0 12px 0 !important;
+								color: var(--bw-text-muted) !important;
+								font-family: var(--bw-font-family) !important;
+								line-height: 1.6 !important;
+							}
+							.bw-markdown-content p:last-child {
+								margin-bottom: 0 !important;
+							}
+							.bw-markdown-content h2 {
+								font-size: 20px !important;
+								font-weight: 700 !important;
+								color: var(--bw-text-color) !important;
+								margin: 20px 0 8px 0 !important;
+								line-height: 1.3 !important;
+								display: block !important;
+							}
+							.bw-markdown-content h3 {
+								font-size: 18px !important;
+								font-weight: 600 !important;
+								color: var(--bw-text-color) !important;
+								margin: 16px 0 8px 0 !important;
+								line-height: 1.3 !important;
+								display: block !important;
+							}
+							.bw-markdown-content strong {
+								font-weight: 700 !important;
+								color: var(--bw-text-color) !important;
+							}
+							.bw-markdown-content em {
+								font-style: italic !important;
+							}
+							.bw-markdown-content u {
+								text-decoration: underline !important;
+							}
+							.bw-markdown-content ul {
+								margin: 12px 0 !important;
+								padding-left: 24px !important;
+								list-style-type: disc !important;
+								display: block !important;
+							}
+							.bw-markdown-content ol {
+								margin: 12px 0 !important;
+								padding-left: 24px !important;
+								list-style-type: decimal !important;
+								display: block !important;
+							}
+							.bw-markdown-content li {
+								margin-bottom: 4px !important;
+								display: list-item !important;
+								color: var(--bw-text-muted) !important;
+								font-family: var(--bw-font-family) !important;
+								line-height: 1.6 !important;
+							}
+							.bw-markdown-content blockquote {
+								margin: 12px 0 !important;
+								padding-left: 16px !important;
+								border-left: 3px solid var(--bw-border-color) !important;
+								font-style: italic !important;
+								color: var(--bw-text-muted) !important;
+								display: block !important;
+							}
+							.bw-markdown-content a {
+								color: var(--bw-highlight-color) !important;
+								text-decoration: underline !important;
+							}
+							.bw-markdown-content a:hover {
+								text-decoration: none !important;
+							}
+						`,
+                            } }), jsxRuntime.jsx("div", { className: "bw-markdown-content", children: Markdown({ children: preprocessMarkdown$1(eventType.description) }) })] })), jsxRuntime.jsxs("div", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        marginTop: "32px",
+                        padding: "20px",
+                        backgroundColor: "var(--bw-background-color)",
+                        borderRadius: "var(--bw-border-radius)",
+                        border: `1px solid var(--bw-border-color)`,
+                    }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: "bw-event-type-price", style: {
+                                        fontWeight: "700",
+                                        color: "var(--bw-text-color)",
+                                        fontFamily: "var(--bw-font-family)",
+                                        textAlign: "left",
+                                    }, children: eventType.groupedDurations && jsxRuntime.jsx("span", { children: eventType.groupedDurations }) }), jsxRuntime.jsx("div", { className: "bw-event-type-price", style: {
+                                        fontSize: "clamp(1.72rem, 4vw, 32px)",
+                                        fontWeight: "700",
+                                        color: "var(--bw-text-color)",
+                                        fontFamily: "var(--bw-font-family)",
+                                        textAlign: "right",
+                                    }, children: jsxRuntime.jsxs("span", { children: ["ab ", formatCurrency(eventType.minPrice)] }) })] }), isAvailable && (jsxRuntime.jsxs("button", { onClick: handleBookingClick, style: {
+                                backgroundColor: "var(--bw-highlight-color)",
+                                color: "white",
+                                padding: "14px 28px",
+                                border: "none",
+                                borderRadius: "var(--bw-border-radius)",
+                                fontSize: "16px",
+                                fontWeight: "600",
+                                fontFamily: "var(--bw-font-family)",
                                 display: "flex",
                                 alignItems: "center",
-                                justifyContent: "center",
-                                borderRadius: "var(--bw-border-radius)",
-                            }, children: jsxRuntime.jsx("div", { style: {
-                                    backgroundColor: "rgba(255, 255, 255, 0.9)",
-                                    padding: "16px 32px",
-                                    borderRadius: "var(--bw-border-radius)",
-                                    color: "var(--bw-text-color)",
-                                    fontWeight: "600",
-                                    fontSize: "18px",
-                                    fontFamily: "var(--bw-font-family)",
-                                    boxShadow: "var(--bw-shadow-md)",
-                                }, children: "Ausgebucht" }) }))] }) }) }) }));
+                                gap: "8px",
+                                cursor: "pointer",
+                                transition: "all 0.2s ease",
+                            }, onMouseEnter: (e) => {
+                                e.currentTarget.style.opacity = "0.9";
+                                e.currentTarget.style.transform = "translateY(-1px)";
+                            }, onMouseLeave: (e) => {
+                                e.currentTarget.style.opacity = "1";
+                                e.currentTarget.style.transform = "translateY(0)";
+                            }, children: [jsxRuntime.jsx(IconWave$1, { size: 20, color: "white" }), "Jetzt buchen"] }))] }), !isAvailable && (jsxRuntime.jsx("div", { style: {
+                        position: "absolute",
+                        inset: 0,
+                        backgroundColor: "rgba(0, 0, 0, 0.3)",
+                        backdropFilter: "blur(2px)",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        borderRadius: "var(--bw-border-radius)",
+                    }, children: jsxRuntime.jsx("div", { style: {
+                            backgroundColor: "rgba(255, 255, 255, 0.9)",
+                            padding: "16px 32px",
+                            borderRadius: "var(--bw-border-radius)",
+                            color: "var(--bw-text-color)",
+                            fontWeight: "600",
+                            fontSize: "18px",
+                            fontFamily: "var(--bw-font-family)",
+                            boxShadow: "var(--bw-shadow-md)",
+                        }, children: "Ausgebucht" }) }))] }) }));
 }
 
 // Carousel navigation icons
@@ -7105,7 +7142,7 @@ const ImageCarousel = ({ images, eventName }) => {
     if (images.length === 0) {
         return jsxRuntime.jsx(EventImagePlaceholder, {});
     }
-    return (jsxRuntime.jsxs("div", { style: { position: "relative", width: "100%", height: "100%", overflow: "hidden" }, children: [jsxRuntime.jsx("div", { style: {
+    return (jsxRuntime.jsxs("div", { style: { position: "relative", width: "100%", height: "100%", overflow: "hidden", borderRadius: "inherit" }, children: [jsxRuntime.jsx("div", { style: {
                     display: "flex",
                     width: `${images.length * 100}%`,
                     height: "100%",
@@ -7117,6 +7154,7 @@ const ImageCarousel = ({ images, eventName }) => {
                         flexShrink: 0,
                         overflow: "hidden",
                         position: "relative",
+                        borderRadius: "inherit"
                     }, children: jsxRuntime.jsx("img", { src: image, alt: `${eventName} - Bild ${index + 1}`, style: {
                             width: "100%",
                             height: "100%",
@@ -7125,6 +7163,7 @@ const ImageCarousel = ({ images, eventName }) => {
                             position: "absolute",
                             top: 0,
                             left: 0,
+                            borderRadius: "inherit"
                         } }) }, index))) }), images.length > 1 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { onClick: prevImage, disabled: isTransitioning, style: {
                             position: "absolute",
                             left: "12px",
@@ -7601,6 +7640,7 @@ function EventTypeSelection({ eventTypes, onEventTypeSelect, isLoading = false,
                                 backgroundColor: "var(--bw-surface-color)",
                                 border: `1px solid var(--bw-border-color)`,
                                 borderRadius: "var(--bw-border-radius)",
+                                overflow: "hidden",
                                 transition: "all 0.3s ease",
                                 cursor: isAvailable ? "pointer" : "not-allowed",
                                 opacity: isAvailable ? 1 : 0.6,
@@ -9105,7 +9145,7 @@ const spinner = (borderColor) => (jsxRuntime.jsx("div", { style: {
             borderRadius: "50%",
         } }) }));
 // Inner component that uses the Stripe hooks
-function PaymentFormInner({ config, eventDetails, formData, totalAmount, discountCode, onSuccess, onError, systemConfig, clientSecret, }) {
+function PaymentFormInner({ config, eventDetails, formData, totalAmount, discountCode, onSuccess, onError, }) {
     const stripe = reactStripe_umdExports.useStripe();
     const elements = reactStripe_umdExports.useElements();
     const [isLoading, setIsLoading] = React__default.useState(false);
@@ -9131,26 +9171,12 @@ function PaymentFormInner({ config, eventDetails, formData, totalAmount, discoun
                 return;
             }
             // First, confirm the payment with Stripe
+            // Build return URL for Stripe redirect
+            const baseUrl = window !== undefined ? window.location.href : `${config.bookingSystemUrl}/booking-success`;
+            const returnUrl = new URL(baseUrl);
             const confirmParams = {
-                return_url: "https://bigz.surfschule-zingst.de/booking/success",
+                return_url: returnUrl.toString(),
             };
-            // Ensure return_url is properly formatted and doesn't contain fragment identifiers
-            try {
-                const url = new URL(confirmParams.return_url);
-                // Remove any fragment identifiers that might cause issues
-                url.hash = "";
-                confirmParams.return_url = url.toString();
-            }
-            catch (e) {
-                console.warn("[PAYMENT_FORM] Invalid return_url, using fallback:", confirmParams.return_url);
-                // Fallback to current origin if URL parsing fails
-                confirmParams.return_url = window.location.origin + window.location.pathname;
-            }
-            console.log("[PAYMENT_FORM] Confirming payment with params:", {
-                paymentIntentId: clientSecret.split("_secret_")[0],
-                return_url: confirmParams.return_url,
-                redirect: "if_required",
-            });
             const { error, paymentIntent } = await stripe.confirmPayment({
                 elements,
                 confirmParams,
@@ -9168,91 +9194,15 @@ function PaymentFormInner({ config, eventDetails, formData, totalAmount, discoun
                     setPaymentError(error.message || "Zahlungsfehler");
                 }
                 else {
-                    setPaymentError("Ein unerwarteter Fehler ist aufgetreten.");
+                    setPaymentError("Ein unerwarteter Fehler ist aufgetreten. Bitte versuche es nochmal.");
                 }
                 return;
             }
             // Payment succeeded, now create the booking
             if (paymentIntent && paymentIntent.status === "succeeded") {
-                // Check if we have system configuration
-                if (!systemConfig) {
-                    throw new Error("System-Konfiguration nicht verfügbar. Bitte lade die Seite neu.");
-                }
-                // Determine which endpoint to use based on system mode
-                const isConnectMode = systemConfig.systemMode === "connect";
-                const endpoint = isConnectMode
-                    ? "/booking/create-from-payment"
-                    : "/booking-proxy/create-booking";
-                // Calculate if this is a deposit payment
-                const fullAmount = eventDetails.price * formData.participants.filter((p) => p.name.trim()).length;
-                const isDepositPayment = eventDetails.deposit > 0;
-                // Build request body based on mode
-                const requestData = {
-                    // Payment info
-                    paymentIntentId: paymentIntent.id,
-                    paymentMethod: "card",
-                    paymentStatus: isDepositPayment ? "deposit_paid" : "paid",
-                    totalAmount,
-                    depositAmount: isDepositPayment ? totalAmount : undefined,
-                    fullAmount: fullAmount,
-                    // Customer info
-                    customerEmail: formData.customerEmail,
-                    customerName: formData.customerName,
-                    customerPhone: formData.customerPhone,
-                    // Booking info
-                    participants: formData.participants.filter((p) => p.name.trim()),
-                    eventInstanceId: config.eventInstanceId || eventDetails.id,
-                    organizationId: config.organizationId, // Ensure organization ID is always included
-                    discountCode: discountCode?.code,
-                    notes: "",
-                };
-                // Add mode-specific fields
-                if (isConnectMode) {
-                    Object.assign(requestData, {
-                        source: "connect",
-                        stripeAccountType: "connect",
-                    });
-                }
-                else {
-                    // ApiKey mode - include required proxy fields
-                    Object.assign(requestData, {
-                        bookingSystemApiUrl: config.apiBaseUrl,
-                        // apiKey would be added here if required
-                    });
-                }
-                console.log(`[PAYMENT_FORM] Attempting booking creation via ${endpoint}`, {
-                    mode: isConnectMode ? "connect" : "apikey",
-                    paymentIntentId: paymentIntent.id,
-                    eventInstanceId: requestData.eventInstanceId,
-                    organizationId: requestData.organizationId,
-                    participantCount: requestData.participants.length,
-                });
-                const bookingResponse = await fetch(getApiUrl(config.apiBaseUrl, endpoint), {
-                    method: "POST",
-                    headers: createApiHeaders(config),
-                    body: JSON.stringify(createRequestBody(config, requestData)),
-                });
-                const bookingData = await bookingResponse.json();
-                if (!bookingResponse.ok) {
-                    console.error(`[PAYMENT_FORM] Booking creation failed:`, {
-                        status: bookingResponse.status,
-                        error: bookingData.error,
-                        details: bookingData.details,
-                        paymentIntentId: paymentIntent.id,
-                    });
-                    throw new Error(bookingData.error || "Fehler beim Erstellen der Buchung");
-                }
-                console.log(`[PAYMENT_FORM] Booking created successfully:`, {
-                    bookingId: bookingData.booking?.id,
-                    orderId: bookingData.order?.id,
-                    paymentIntentId: paymentIntent.id,
-                });
                 // Booking created successfully
                 onSuccess({
-                    booking: bookingData.booking,
-                    payment: "succeeded",
                     paymentIntent: paymentIntent,
-                    formData: formData,
                 });
             }
             else {
@@ -9355,11 +9305,6 @@ function PaymentForm({ config, eventDetails, formData, totalAmount, discountCode
             setIsCreatingPaymentIntent(true);
             setPaymentError(null);
             try {
-                // Determine endpoint based on system mode
-                const isConnectMode = systemConfig.systemMode === "connect";
-                const endpoint = isConnectMode
-                    ? "/booking/create-payment-intent"
-                    : "/booking-proxy/create-payment-intent";
                 // Build request data with validation
                 const requestData = {
                     eventInstanceId: config.eventInstanceId || eventDetails.id,
@@ -9368,7 +9313,10 @@ function PaymentForm({ config, eventDetails, formData, totalAmount, discountCode
                     currency: "eur",
                     participants: formData.participants.filter((p) => p.name?.trim()),
                     discountCode: discountCode?.code,
+                    customerName: formData.customerName?.trim(),
                     customerEmail: formData.customerEmail?.trim(),
+                    customerPhone: formData.customerPhone?.trim(),
+                    comment: formData.comment?.trim(),
                 };
                 // Validate required fields
                 if (!requestData.eventInstanceId) {
@@ -9386,34 +9334,13 @@ function PaymentForm({ config, eventDetails, formData, totalAmount, discountCode
                 if (!requestData.customerEmail) {
                     throw new Error("Customer email is required");
                 }
-                console.log("[PAYMENT_FORM] Creating payment intent:", {
-                    endpoint,
-                    mode: isConnectMode ? "connect" : "apikey",
-                    amount: requestData.amount,
-                    currency: requestData.currency,
-                    participantCount: requestData.participants.length,
-                    organizationId: requestData.organizationId,
-                    eventInstanceId: requestData.eventInstanceId,
-                });
-                // Add mode-specific fields
-                if (!isConnectMode) {
-                    // ApiKey mode needs additional fields
-                    Object.assign(requestData, {
-                        bookingSystemApiUrl: config.apiBaseUrl,
-                        // apiKey would be added here if required
-                    });
-                }
-                const response = await fetch(getApiUrl(config.apiBaseUrl, endpoint), {
+                const response = await fetch(getApiUrl(config.apiBaseUrl, "/booking/create-payment-intent"), {
                     method: "POST",
                     headers: createApiHeaders(config),
                     body: JSON.stringify(createRequestBody(config, requestData)),
                 });
                 const data = await response.json();
                 if (response.ok) {
-                    console.log("[PAYMENT_FORM] Payment intent created successfully:", {
-                        hasClientSecret: !!data.clientSecret,
-                        clientSecretPrefix: `${data.clientSecret?.substring(0, 20)}...`,
-                    });
                     setClientSecret(data.clientSecret);
                 }
                 else {
@@ -9569,6 +9496,7 @@ function Sidebar({ isOpen, onClose, title, children, width = "400px" }) {
                     position: "absolute",
                     inset: 0,
                     backgroundColor: "rgba(0, 0, 0, 0.5)",
+                    backdropFilter: "blur(10px)",
                     opacity: isAnimating ? 1 : 0,
                     transition: "opacity 0.25s ease-out",
                 }, onClick: onClose }), jsxRuntime.jsxs("div", { style: {
@@ -9915,11 +9843,11 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                 display: "flex",
                                                 alignItems: "center",
                                                 gap: "4px",
-                                            }, children: [jsxRuntime.jsx(IconMoney, { size: 20, color: "var(--bw-highlight-color)" }), " Preis:"] }), jsxRuntime.jsxs("span", { style: {
+                                            }, children: [jsxRuntime.jsx(IconCalendar, { size: 20, color: "var(--bw-highlight-color)" }), " Uhrzeit:"] }), jsxRuntime.jsx("span", { style: {
                                                 color: "var(--bw-text-color)",
                                                 fontWeight: "500",
                                                 fontFamily: "var(--bw-font-family)",
-                                            }, children: [formatCurrency(eventDetails.price), " pro Person"] })] }), jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [jsxRuntime.jsxs("span", { style: {
+                                            }, children: formatTime(eventDetails.startTime, "Europe/Berlin", "de") })] }), jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [jsxRuntime.jsxs("span", { style: {
                                                 color: "var(--bw-text-muted)",
                                                 fontFamily: "var(--bw-font-family)",
                                                 display: "flex",
@@ -9929,7 +9857,17 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                 color: "var(--bw-text-color)",
                                                 fontWeight: "500",
                                                 fontFamily: "var(--bw-font-family)",
-                                            }, children: [eventDetails.durationDays, " Tag", eventDetails.durationDays > 1 ? "e" : ""] })] })] })] }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("form", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("div", { style: {
+                                            }, children: [eventDetails.durationDays, " Tag", eventDetails.durationDays > 1 ? "e" : ""] })] }), jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [jsxRuntime.jsxs("span", { style: {
+                                                color: "var(--bw-text-muted)",
+                                                fontFamily: "var(--bw-font-family)",
+                                                display: "flex",
+                                                alignItems: "center",
+                                                gap: "4px",
+                                            }, children: [jsxRuntime.jsx(IconMoney, { size: 20, color: "var(--bw-highlight-color)" }), " Preis:"] }), jsxRuntime.jsxs("span", { style: {
+                                                color: "var(--bw-text-color)",
+                                                fontWeight: "500",
+                                                fontFamily: "var(--bw-font-family)",
+                                            }, children: [formatCurrency(eventDetails.price), " pro Person"] })] })] })] }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("form", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("div", { style: {
                                         backgroundColor: "var(--bw-surface-color)",
                                         border: `1px solid var(--bw-border-color)`,
                                         backdropFilter: "blur(4px)",
@@ -10086,9 +10024,10 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                         height: "20px",
                                                         border: "1px solid var(--bw-border-color)",
                                                         accentColor: "var(--bw-highlight-color)",
-                                                        backgroundColor: form.getValues("acceptTerms") === true
-                                                            ? "var(--bw-highlight-color)"
-                                                            : "var(--bw-surface-color)",
+                                                        cursor: "pointer",
+                                                        appearance: "checkbox",
+                                                        WebkitAppearance: "checkbox",
+                                                        MozAppearance: "checkbox",
                                                     } }), jsxRuntime.jsxs("label", { htmlFor: "acceptTerms", style: {
                                                         fontSize: "var(--bw-font-size)",
                                                         color: "var(--bw-text-muted)",
@@ -10098,7 +10037,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                     }, children: ["Ich akzeptiere die", " ", jsxRuntime.jsx("a", { href: eventDetails.agbUrl || "/terms", style: {
                                                                 color: "var(--bw-highlight-color)",
                                                                 textDecoration: "none",
-                                                            }, target: "_blank", rel: "noopener noreferrer", children: "Allgemeinen Gesch\u00E4ftsbedingungen" }), "*"] })] }), form.formState.errors.acceptTerms && (jsxRuntime.jsx("p", { style: {
+                                                            }, target: "_blank", rel: "noopener noreferrer", children: "AGBs" }), "*"] })] }), form.formState.errors.acceptTerms && (jsxRuntime.jsx("p", { style: {
                                                 color: "var(--bw-error-color)",
                                                 fontSize: "var(--bw-font-size)",
                                                 marginTop: "8px",
@@ -10251,6 +10190,341 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                 ` })] }) }));
 }
 
+const BookingSuccessModal = ({ isOpen, onClose, config, onError, paymentIntentId, }) => {
+    const [bookingData, setBookingData] = React__default.useState(null);
+    const [eventDetails, setEventDetails] = React__default.useState(null);
+    const [formData, setFormData] = React__default.useState(null);
+    const [isLoading, setIsLoading] = React__default.useState(false);
+    const [paymentStatus, setPaymentStatus] = React__default.useState(null);
+    const fetchBookingData = async (intentId) => {
+        const targetPaymentIntentId = paymentIntentId;
+        // If we have payment intent ID, fetch from API
+        if (targetPaymentIntentId) {
+            setIsLoading(true);
+            try {
+                const response = await fetch(getApiUrl(config.apiBaseUrl, "/booking/get-booking-by-payment-intent"), {
+                    method: "POST",
+                    headers: createApiHeaders(config),
+                    body: JSON.stringify(createRequestBody(config, {
+                        paymentIntentId: targetPaymentIntentId,
+                    })),
+                });
+                const data = await response.json();
+                if (response.ok) {
+                    setBookingData({
+                        booking: data.booking,
+                        order: data.order,
+                        payments: data.payments,
+                        orderItems: data.orderItems,
+                        stripePaymentIntent: data.stripePaymentIntent,
+                    });
+                    setEventDetails({
+                        id: data.booking.eventInstance.id,
+                        name: data.booking.eventInstance.eventType.name,
+                        description: data.booking.eventInstance.eventType.description,
+                        startTime: data.booking.eventInstance.startTime,
+                        endTime: data.booking.eventInstance.endTime,
+                        price: data.order.total / data.booking.participantCount,
+                    });
+                    setFormData({
+                        customerEmail: data.booking.customerEmail,
+                        customerName: data.booking.customerName,
+                        customerPhone: data.booking.customerPhone,
+                        participants: data.booking.participants || [],
+                    });
+                    // Set payment status from Stripe data or order status
+                    setPaymentStatus(data.stripePaymentIntent?.status || data.order.status);
+                }
+                else {
+                    onError?.(data.error || "Fehler beim Abrufen der Buchungsdaten");
+                }
+            }
+            catch (err) {
+                console.error("[BookingSuccessModal] Error fetching booking data:", err);
+                onError?.("Ein Fehler ist bei der Verarbeitung aufgetreten.");
+            }
+            finally {
+                setIsLoading(false);
+            }
+            return;
+        }
+    };
+    React__default.useEffect(() => {
+        if (isOpen) {
+            fetchBookingData();
+        }
+    }, [isOpen, paymentIntentId, config, onError]);
+    if (!isOpen)
+        return null;
+    // Show loading state while fetching data
+    if (isLoading || !bookingData) {
+        return (jsxRuntime.jsx(DialogWrapper, { isOpen: isOpen, onClose: onClose, maxWidth: "700px", children: jsxRuntime.jsx("div", { style: {
+                    padding: "var(--bw-spacing-large)",
+                    textAlign: "center",
+                    minHeight: "200px",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                }, children: jsxRuntime.jsx("div", { style: {
+                        color: "var(--bw-text-muted)",
+                        fontFamily: "var(--bw-font-family)",
+                        fontSize: "var(--bw-font-size-large)",
+                    }, children: "Buchungsdaten werden geladen..." }) }) }));
+    }
+    const booking = bookingData.booking;
+    new Date(eventDetails.startTime);
+    new Date(eventDetails.endTime);
+    const handlePrint = () => {
+        window.print();
+    };
+    const formatTime12 = (dateString) => {
+        return formatTime(dateString, "Europe/Berlin", "de");
+    };
+    const formatDate12 = (dateString) => {
+        return formatEventDate(dateString);
+    };
+    return (jsxRuntime.jsx(DialogWrapper, { isOpen: isOpen, onClose: onClose, maxWidth: "700px", children: jsxRuntime.jsxs("div", { style: {
+                fontFamily: "var(--bw-font-family)",
+                padding: "var(--bw-spacing-large)",
+                maxWidth: "100%",
+            }, children: [jsxRuntime.jsxs("div", { className: "flex justify-between items-center print-hidden", style: {
+                        marginBottom: "var(--bw-spacing-large)",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "space-between",
+                    }, children: [jsxRuntime.jsxs("h1", { className: "font-bold text-3xl flex items-center gap-2", style: {
+                                color: "var(--bw-text-color)",
+                                fontFamily: "var(--bw-font-family)",
+                                marginBottom: "var(--bw-spacing-large)",
+                                display: "flex",
+                                alignItems: "center",
+                                gap: "var(--bw-spacing-small)",
+                            }, children: [jsxRuntime.jsx("div", { style: {
+                                        width: "32px",
+                                        height: "32px",
+                                        backgroundColor: "var(--bw-highlight-color, #10B981)",
+                                        borderRadius: "50%",
+                                        display: "flex",
+                                        alignItems: "center",
+                                        justifyContent: "center",
+                                        color: "white",
+                                    }, children: "\u2713" }), jsxRuntime.jsx("p", { style: {
+                                        fontSize: "var(--bw-font-size-large)",
+                                        fontWeight: "600",
+                                        color: "var(--bw-highlight-color)",
+                                        margin: "0px 10px",
+                                    }, children: "Buchung erfolgreich erstellt!" })] }), jsxRuntime.jsx("button", { onClick: handlePrint, style: {
+                                backgroundColor: "transparent",
+                                border: `1px solid var(--bw-border-color)`,
+                                color: "var(--bw-text-color)",
+                                padding: "8px 16px",
+                                borderRadius: "var(--bw-border-radius)",
+                                cursor: "pointer",
+                                fontFamily: "var(--bw-font-family)",
+                                fontSize: "var(--bw-font-size-small)",
+                            }, children: "Drucken" })] }), jsxRuntime.jsxs("div", { className: "print-only print-booking-header", children: [jsxRuntime.jsx("h1", { children: "Buchungsbest\u00E4tigung" }), jsxRuntime.jsx("div", { className: "subtitle", children: "Vielen Dank f\u00FCr deine Buchung! Hier sind deine Buchungsdetails." })] }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("div", { className: "print-booking-card", style: {
+                                backgroundColor: "var(--bw-surface-color)",
+                                border: `1px solid var(--bw-border-color)`,
+                                borderRadius: "var(--bw-border-radius)",
+                                padding: "var(--bw-spacing)",
+                                marginBottom: "var(--bw-spacing-large)",
+                            }, children: [jsxRuntime.jsx("div", { className: "print-hidden", style: { marginBottom: "var(--bw-spacing)" }, children: jsxRuntime.jsx("h3", { style: {
+                                            fontSize: "var(--bw-font-size-large)",
+                                            fontWeight: "600",
+                                            color: "var(--bw-text-color)",
+                                            margin: "0",
+                                            fontFamily: "var(--bw-font-family)",
+                                        }, children: "Buchungsdetails" }) }), jsxRuntime.jsx("div", { className: "print-only", children: jsxRuntime.jsx("div", { className: "print-section-title", children: "Buchungsdetails" }) }), jsxRuntime.jsxs("div", { className: "space-y-4 print-only:space-y-2 print-only:p-0", children: [jsxRuntime.jsxs("div", { className: "gap-4 grid grid-cols-2 print-detail-grid", style: {
+                                                display: "grid",
+                                                gridTemplateColumns: "1fr 1fr",
+                                                gap: "var(--bw-spacing)",
+                                            }, children: [jsxRuntime.jsxs("div", { className: "print-detail-item", style: { marginBottom: "span 2" }, children: [jsxRuntime.jsx("div", { className: "font-medium text-muted-foreground text-sm print-detail-label", style: {
+                                                                color: "var(--bw-text-muted)",
+                                                                fontSize: "var(--bw-font-size-small)",
+                                                                fontFamily: "var(--bw-font-family)",
+                                                            }, children: "Buchungs-ID" }), jsxRuntime.jsx("p", { className: "font-semibold print-detail-value", style: {
+                                                                fontWeight: "600",
+                                                                color: "var(--bw-text-color)",
+                                                                fontFamily: "var(--bw-font-family)",
+                                                                fontSize: "var(--bw-font-size-medium)",
+                                                                margin: "0px 0px 6px 0",
+                                                            }, children: booking.bookingHash })] }), jsxRuntime.jsxs("div", { className: "print-detail-item", children: [jsxRuntime.jsx("div", { className: "font-medium text-muted-foreground text-sm print-detail-label", style: {
+                                                                color: "var(--bw-text-muted)",
+                                                                fontSize: "var(--bw-font-size-small)",
+                                                                fontFamily: "var(--bw-font-family)",
+                                                            }, children: "Bezahl-Status" }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("span", { className: "print-hidden", style: {
+                                                                        backgroundColor: "var(--bw-success-color, #10B981)",
+                                                                        color: "white",
+                                                                        padding: "2px 8px",
+                                                                        borderRadius: "var(--bw-border-radius-small)",
+                                                                        fontSize: "var(--bw-font-size-small)",
+                                                                        fontFamily: "var(--bw-font-family)",
+                                                                        width: "fit-content",
+                                                                    }, children: paymentStatus === "succeeded"
+                                                                        ? "erfolgreich"
+                                                                        : paymentStatus === "canceled" || paymentStatus === "failed"
+                                                                            ? "fehlgeschlagen"
+                                                                            : "in Bearbeitung" }), jsxRuntime.jsx("span", { className: "print-only print-status-badge print-status-paid", children: "Bezahlt" })] })] })] }), jsxRuntime.jsxs("div", { className: "print-detail-item print-only:col-span-2", children: [jsxRuntime.jsx("div", { className: "font-medium text-muted-foreground text-sm print-detail-label", style: {
+                                                        color: "var(--bw-text-muted)",
+                                                        fontSize: "var(--bw-font-size-small)",
+                                                        fontFamily: "var(--bw-font-family)",
+                                                    }, children: "Event" }), jsxRuntime.jsx("p", { className: "font-semibold print-detail-value", style: {
+                                                        fontWeight: "600",
+                                                        color: "var(--bw-text-color)",
+                                                        fontFamily: "var(--bw-font-family)",
+                                                        fontSize: "var(--bw-font-size-large)",
+                                                        margin: "0 0 6px 0",
+                                                    }, children: eventDetails.name })] }), jsxRuntime.jsxs("div", { className: "gap-4 grid grid-cols-2 print-detail-grid", style: {
+                                                display: "grid",
+                                                gridTemplateColumns: "1fr 1fr",
+                                                gap: "var(--bw-spacing)",
+                                            }, children: [jsxRuntime.jsxs("div", { className: "print-detail-item", children: [jsxRuntime.jsx("div", { className: "font-medium text-muted-foreground text-sm print-detail-label", style: {
+                                                                color: "var(--bw-text-muted)",
+                                                                fontSize: "var(--bw-font-size-small)",
+                                                                fontFamily: "var(--bw-font-family)",
+                                                            }, children: "Datum" }), jsxRuntime.jsx("p", { className: "print-detail-value", style: {
+                                                                fontWeight: "600",
+                                                                color: "var(--bw-text-color)",
+                                                                fontFamily: "var(--bw-font-family)",
+                                                                fontSize: "var(--bw-font-size-large)",
+                                                                margin: "0 0 6px 0",
+                                                            }, children: formatDate12(eventDetails.startTime) })] }), jsxRuntime.jsxs("div", { className: "print-detail-item", children: [jsxRuntime.jsx("div", { className: "font-medium text-muted-foreground text-sm print-detail-label", style: {
+                                                                color: "var(--bw-text-muted)",
+                                                                fontSize: "var(--bw-font-size-small)",
+                                                                fontFamily: "var(--bw-font-family)",
+                                                            }, children: "Zeit" }), jsxRuntime.jsxs("p", { className: "print-detail-value", style: {
+                                                                fontWeight: "600",
+                                                                color: "var(--bw-text-color)",
+                                                                fontFamily: "var(--bw-font-family)",
+                                                                fontSize: "var(--bw-font-size-large)",
+                                                                margin: "0 0 6px 0",
+                                                            }, children: [formatTime12(eventDetails.startTime), " - ", formatTime12(eventDetails.endTime)] })] })] })] })] }), formData.participants && formData.participants.length > 0 && (jsxRuntime.jsxs("div", { className: "print-booking-card", style: {
+                                border: `1px solid var(--bw-border-color)`,
+                                borderRadius: "var(--bw-border-radius)",
+                                padding: "var(--bw-spacing)",
+                                marginBottom: "var(--bw-spacing-large)",
+                            }, children: [jsxRuntime.jsx("div", { className: "print-hidden", style: { marginBottom: "var(--bw-spacing)" }, children: jsxRuntime.jsxs("h3", { style: {
+                                            fontSize: "var(--bw-font-size-large)",
+                                            fontWeight: "600",
+                                            color: "var(--bw-text-color)",
+                                            margin: "0",
+                                            fontFamily: "var(--bw-font-family)",
+                                        }, children: ["Teilnehmer (", formData.participants.length, ")"] }) }), jsxRuntime.jsx("div", { className: "print-only", children: jsxRuntime.jsxs("div", { className: "print-section-title", children: ["Teilnehmer (", formData.participants.length, ")"] }) }), jsxRuntime.jsx("div", { className: "print-only:p-0", children: jsxRuntime.jsx("div", { className: "space-y-3 print-only:space-y-1", style: {
+                                            display: "flex",
+                                            flexDirection: "column",
+                                            gap: "var(--bw-spacing-small)",
+                                        }, children: formData.participants
+                                            .filter((p) => p.name.trim())
+                                            .map((participant, index) => (jsxRuntime.jsx("div", { className: "flex justify-between items-center bg-muted p-3 rounded-lg print-participant", style: {
+                                                display: "flex",
+                                                justifyContent: "space-between",
+                                                alignItems: "center",
+                                                backgroundColor: "var(--bw-surface-color, #f9fafb)",
+                                                padding: "var(--bw-spacing-small)",
+                                                borderRadius: "var(--bw-border-radius-small)",
+                                            }, children: jsxRuntime.jsxs("div", { className: "print-participant-info", children: [jsxRuntime.jsx("div", { className: "print-participant-name", style: {
+                                                            color: "var(--bw-text-color)",
+                                                            fontFamily: "var(--bw-font-family)",
+                                                        }, children: participant.name }), participant.age && (jsxRuntime.jsxs("div", { className: "text-muted-foreground text-sm print-participant-age", style: {
+                                                            color: "var(--bw-text-muted)",
+                                                            fontSize: "var(--bw-font-size-small)",
+                                                            fontFamily: "var(--bw-font-family)",
+                                                        }, children: [participant.age, " Jahre"] }))] }) }, index))) }) })] })), jsxRuntime.jsxs("div", { className: "print-booking-card", style: {
+                                backgroundColor: "var(--bw-surface-color)",
+                                border: `1px solid var(--bw-border-color)`,
+                                borderRadius: "var(--bw-border-radius)",
+                                padding: "var(--bw-spacing)",
+                                marginBottom: "var(--bw-spacing-large)",
+                            }, children: [jsxRuntime.jsx("div", { className: "print-hidden", style: { marginBottom: "var(--bw-spacing)" }, children: jsxRuntime.jsx("h3", { style: {
+                                            fontSize: "var(--bw-font-size-large)",
+                                            fontWeight: "600",
+                                            color: "var(--bw-text-color)",
+                                            margin: "0",
+                                            fontFamily: "var(--bw-font-family)",
+                                        }, children: "Zahlungs\u00FCbersicht" }) }), jsxRuntime.jsx("div", { className: "print-only", children: jsxRuntime.jsx("div", { className: "print-section-title", children: "Zahlungs\u00FCbersicht" }) }), jsxRuntime.jsxs("div", { className: "space-y-2 print-only:p-0 print-only:space-y-1", children: [jsxRuntime.jsxs("div", { className: "print-payment-summary print-only", children: [jsxRuntime.jsxs("div", { className: "print-payment-row", children: [jsxRuntime.jsx("span", { children: "Gesamtbetrag" }), jsxRuntime.jsx("span", { children: formatCurrency(booking.total) })] }), jsxRuntime.jsxs("div", { className: "print-payment-row", children: [jsxRuntime.jsx("span", { children: "Bezahlt" }), jsxRuntime.jsx("span", { children: formatCurrency(booking.total) })] })] }), jsxRuntime.jsxs("div", { className: "print-hidden space-y-2", style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: "Gesamtbetrag" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(booking.total) })] }), jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: "Bezahlt" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(booking.total) })] })] })] })] }), jsxRuntime.jsxs("div", { className: "print-booking-card", style: {
+                                backgroundColor: "var(--bw-surface-color)",
+                                border: `1px solid var(--bw-border-color)`,
+                                borderRadius: "var(--bw-border-radius)",
+                                padding: "var(--bw-spacing)",
+                                marginBottom: "var(--bw-spacing-large)",
+                            }, children: [jsxRuntime.jsx("div", { className: "print-hidden", style: { marginBottom: "var(--bw-spacing)" }, children: jsxRuntime.jsx("h3", { style: {
+                                            fontSize: "var(--bw-font-size-large)",
+                                            fontWeight: "600",
+                                            color: "var(--bw-text-color)",
+                                            margin: "0",
+                                            fontFamily: "var(--bw-font-family)",
+                                        }, children: "Kontaktdaten" }) }), jsxRuntime.jsx("div", { className: "print-only", children: jsxRuntime.jsx("div", { className: "print-section-title", children: "Kontaktdaten" }) }), jsxRuntime.jsxs("div", { className: "space-y-2 print-only:p-0 print-only:space-y-1", style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Name:" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerName })] }), jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "E-Mail:" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerEmail })] }), formData.customerPhone && (jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Telefon:" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerPhone })] }))] })] }), jsxRuntime.jsx("div", { className: "print-booking-card", style: {
+                                backgroundColor: "var(--bw-surface-color)",
+                                border: `1px solid var(--bw-border-color)`,
+                                borderRadius: "var(--bw-border-radius)",
+                                padding: "var(--bw-spacing)",
+                                marginBottom: "var(--bw-spacing-large)",
+                                textAlign: "center",
+                            }, children: jsxRuntime.jsxs("p", { style: {
+                                    color: "var(--bw-text-muted)",
+                                    margin: 0,
+                                    fontFamily: "var(--bw-font-family)",
+                                    fontSize: "var(--bw-font-size-small)",
+                                    textAlign: "center",
+                                }, children: ["Eine Best\u00E4tigungs-E-Mail wird in K\u00FCrze an ", formData.customerEmail, " gesendet."] }) }), paymentStatus && paymentStatus !== "succeeded" && (jsxRuntime.jsxs("div", { style: {
+                                backgroundColor: "var(--bw-warning-bg, #FEF3C7)",
+                                border: "1px solid var(--bw-warning-border, #F59E0B)",
+                                borderRadius: "var(--bw-border-radius)",
+                                padding: "var(--bw-spacing)",
+                                marginBottom: "var(--bw-spacing-large)",
+                                textAlign: "center",
+                            }, children: [jsxRuntime.jsx("p", { style: {
+                                        color: "var(--bw-warning-text, #92400E)",
+                                        margin: "0 0 var(--bw-spacing) 0",
+                                        fontFamily: "var(--bw-font-family)",
+                                        fontWeight: "600",
+                                    }, children: "Zahlung wird noch verarbeitet" }), jsxRuntime.jsxs("p", { style: {
+                                        color: "var(--bw-warning-text, #92400E)",
+                                        margin: "0 0 var(--bw-spacing) 0",
+                                        fontFamily: "var(--bw-font-family)",
+                                        fontSize: "var(--bw-font-size-small)",
+                                    }, children: ["Status: ", paymentStatus] }), jsxRuntime.jsx("button", { onClick: () => fetchBookingData(), disabled: isLoading, style: {
+                                        backgroundColor: "var(--bw-warning-text, #92400E)",
+                                        color: "white",
+                                        padding: "8px 16px",
+                                        border: "none",
+                                        borderRadius: "var(--bw-border-radius)",
+                                        fontSize: "var(--bw-font-size-small)",
+                                        fontWeight: "600",
+                                        cursor: isLoading ? "not-allowed" : "pointer",
+                                        fontFamily: "var(--bw-font-family)",
+                                        opacity: isLoading ? 0.6 : 1,
+                                        transition: "all 0.2s ease",
+                                    }, children: isLoading ? "Aktualisiere..." : "Status aktualisieren" })] })), jsxRuntime.jsx("div", { style: {
+                                textAlign: "center",
+                                marginTop: "var(--bw-spacing-large)",
+                                paddingTop: "var(--bw-spacing)",
+                                borderTop: `1px solid var(--bw-border-color)`,
+                            }, children: jsxRuntime.jsx("button", { onClick: onClose, style: {
+                                    backgroundColor: "var(--bw-highlight-color)",
+                                    color: "white",
+                                    padding: "12px 32px",
+                                    border: "none",
+                                    borderRadius: "var(--bw-border-radius)",
+                                    fontSize: "var(--bw-font-size)",
+                                    fontWeight: "600",
+                                    cursor: "pointer",
+                                    fontFamily: "var(--bw-font-family)",
+                                    transition: "all 0.2s ease",
+                                }, onMouseEnter: (e) => {
+                                    e.currentTarget.style.opacity = "0.9";
+                                }, onMouseLeave: (e) => {
+                                    e.currentTarget.style.opacity = "1";
+                                }, children: "Schlie\u00DFen" }) }), jsxRuntime.jsxs("div", { className: "print-only print-footer", children: [jsxRuntime.jsxs("p", { children: ["Diese Buchungsbest\u00E4tigung wurde am", " ", new Date().toLocaleString("de-DE", {
+                                            day: "2-digit",
+                                            month: "2-digit",
+                                            year: "numeric",
+                                            hour: "2-digit",
+                                            minute: "2-digit",
+                                            timeZone: "Europe/Berlin",
+                                        }), " ", "erstellt."] }), jsxRuntime.jsx("p", { children: "Bei Fragen zu deiner Buchung kontaktiere uns gerne." })] })] })] }) }));
+};
+
 const months = [
     "Januar",
     "Februar",
@@ -11328,198 +11602,6 @@ function NextEventsPreview({ events, onEventSelect, onShowAll, showAllButtonText
 }
 
 // Predefined themes & Style Provider have been moved to ../styles/StyleProvider.tsx
-// Success Modal Component
-const BookingSuccessModal = ({ isOpen, onClose, bookingData, eventDetails, formData, config, }) => {
-    if (!isOpen || !bookingData)
-        return null;
-    const booking = bookingData.booking;
-    return (jsxRuntime.jsx("div", { style: {
-            position: "fixed",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            backgroundColor: "rgba(0, 0, 0, 0.5)",
-            zIndex: 10000,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            padding: "var(--bw-spacing)",
-        }, children: jsxRuntime.jsxs("div", { style: {
-                backgroundColor: "var(--bw-background-color)",
-                borderRadius: "var(--bw-border-radius)",
-                padding: "var(--bw-spacing-large)",
-                maxWidth: "500px",
-                width: "100%",
-                maxHeight: "90vh",
-                overflow: "auto",
-                position: "relative",
-                border: `1px solid var(--bw-border-color)`,
-                boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
-            }, children: [jsxRuntime.jsx("button", { onClick: onClose, style: {
-                        position: "absolute",
-                        top: "var(--bw-spacing)",
-                        right: "var(--bw-spacing)",
-                        background: "none",
-                        border: "none",
-                        fontSize: "24px",
-                        cursor: "pointer",
-                        color: "var(--bw-text-muted)",
-                        width: "32px",
-                        height: "32px",
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        borderRadius: "var(--bw-border-radius-small)",
-                    }, children: "\u00D7" }), jsxRuntime.jsxs("div", { style: {
-                        textAlign: "center",
-                        marginBottom: "var(--bw-spacing-large)",
-                    }, children: [jsxRuntime.jsx("div", { style: {
-                                width: "64px",
-                                height: "64px",
-                                backgroundColor: "var(--bw-success-color, #10B981)",
-                                borderRadius: "50%",
-                                margin: "0 auto var(--bw-spacing)",
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "center",
-                                fontSize: "32px",
-                                color: "white",
-                            }, children: "\u2713" }), jsxRuntime.jsx("h2", { style: {
-                                fontSize: "var(--bw-font-size-xl)",
-                                fontWeight: "700",
-                                color: "var(--bw-text-color)",
-                                margin: "0 0 var(--bw-spacing-small) 0",
-                                fontFamily: "var(--bw-font-family)",
-                            }, children: "Buchung erfolgreich!" }), jsxRuntime.jsx("p", { style: {
-                                color: "var(--bw-text-muted)",
-                                fontFamily: "var(--bw-font-family)",
-                                margin: 0,
-                            }, children: "Deine Buchung wurde erfolgreich abgeschlossen." })] }), jsxRuntime.jsxs("div", { style: {
-                        backgroundColor: "var(--bw-surface-color)",
-                        border: `1px solid var(--bw-border-color)`,
-                        borderRadius: "var(--bw-border-radius)",
-                        padding: "var(--bw-spacing)",
-                        marginBottom: "var(--bw-spacing-large)",
-                    }, children: [jsxRuntime.jsx("h3", { style: {
-                                fontSize: "var(--bw-font-size-large)",
-                                fontWeight: "600",
-                                color: "var(--bw-text-color)",
-                                margin: "0 0 var(--bw-spacing) 0",
-                                fontFamily: "var(--bw-font-family)",
-                            }, children: "Buchungsdetails" }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing)" }, children: [booking.bookingHash && (jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Buchungs-ID:" }), jsxRuntime.jsx("span", { style: {
-                                                color: "var(--bw-text-color)",
-                                                fontWeight: "500",
-                                                fontFamily: "monospace",
-                                                fontSize: "var(--bw-font-size-small)",
-                                                backgroundColor: "var(--bw-background-color)",
-                                                padding: "4px 8px",
-                                                borderRadius: "var(--bw-border-radius-small)",
-                                            }, children: booking.bookingHash })] })), jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Event:" }), jsxRuntime.jsx("span", { style: {
-                                                color: "var(--bw-text-color)",
-                                                fontWeight: "500",
-                                                fontFamily: "var(--bw-font-family)",
-                                                textAlign: "right",
-                                                maxWidth: "60%",
-                                            }, children: eventDetails.name })] }), jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Datum:" }), jsxRuntime.jsx("span", { style: {
-                                                color: "var(--bw-text-color)",
-                                                fontWeight: "500",
-                                                fontFamily: "var(--bw-font-family)",
-                                                textAlign: "right",
-                                                maxWidth: "60%",
-                                            }, children: formatDate(eventDetails.startTime) })] }), jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Teilnehmer:" }), jsxRuntime.jsx("span", { style: {
-                                                color: "var(--bw-text-color)",
-                                                fontWeight: "500",
-                                                fontFamily: "var(--bw-font-family)",
-                                            }, children: booking.participantCount })] }), jsxRuntime.jsxs("div", { style: {
-                                        display: "flex",
-                                        justifyContent: "space-between",
-                                        alignItems: "center",
-                                        borderTop: `1px solid var(--bw-border-color)`,
-                                        paddingTop: "var(--bw-spacing)",
-                                        marginTop: "var(--bw-spacing)",
-                                    }, children: [jsxRuntime.jsx("span", { style: {
-                                                color: "var(--bw-text-color)",
-                                                fontWeight: "600",
-                                                fontFamily: "var(--bw-font-family)",
-                                            }, children: "Gesamtbetrag:" }), jsxRuntime.jsx("span", { style: {
-                                                color: "var(--bw-text-color)",
-                                                fontWeight: "600",
-                                                fontSize: "var(--bw-font-size-large)",
-                                                fontFamily: "var(--bw-font-family)",
-                                            }, children: formatCurrency(booking.total) })] })] })] }), formData.participants && formData.participants.length > 0 && (jsxRuntime.jsxs("div", { style: {
-                        backgroundColor: "var(--bw-surface-color)",
-                        border: `1px solid var(--bw-border-color)`,
-                        borderRadius: "var(--bw-border-radius)",
-                        padding: "var(--bw-spacing)",
-                        marginBottom: "var(--bw-spacing-large)",
-                    }, children: [jsxRuntime.jsx("h3", { style: {
-                                fontSize: "var(--bw-font-size-large)",
-                                fontWeight: "600",
-                                color: "var(--bw-text-color)",
-                                margin: "0 0 var(--bw-spacing) 0",
-                                fontFamily: "var(--bw-font-family)",
-                            }, children: "Teilnehmer" }), jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: formData.participants
-                                .filter((p) => p.name.trim())
-                                .map((participant, index) => (jsxRuntime.jsxs("div", { style: {
-                                    display: "flex",
-                                    justifyContent: "space-between",
-                                    alignItems: "center",
-                                    padding: "var(--bw-spacing-small)",
-                                    backgroundColor: "var(--bw-background-color)",
-                                    borderRadius: "var(--bw-border-radius-small)",
-                                }, children: [jsxRuntime.jsx("span", { style: {
-                                            color: "var(--bw-text-color)",
-                                            fontFamily: "var(--bw-font-family)",
-                                        }, children: participant.name }), participant.age && (jsxRuntime.jsxs("span", { style: {
-                                            color: "var(--bw-text-muted)",
-                                            fontSize: "var(--bw-font-size-small)",
-                                            fontFamily: "var(--bw-font-family)",
-                                        }, children: [participant.age, " Jahre"] }))] }, index))) })] })), jsxRuntime.jsxs("div", { style: {
-                        backgroundColor: "var(--bw-surface-color)",
-                        border: `1px solid var(--bw-border-color)`,
-                        borderRadius: "var(--bw-border-radius)",
-                        padding: "var(--bw-spacing)",
-                        marginBottom: "var(--bw-spacing-large)",
-                    }, children: [jsxRuntime.jsx("h3", { style: {
-                                fontSize: "var(--bw-font-size-large)",
-                                fontWeight: "600",
-                                color: "var(--bw-text-color)",
-                                margin: "0 0 var(--bw-spacing) 0",
-                                fontFamily: "var(--bw-font-family)",
-                            }, children: "Kontaktdaten" }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Name:" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerName })] }), jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "E-Mail:" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerEmail })] }), formData.customerPhone && (jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Telefon:" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerPhone })] }))] })] }), jsxRuntime.jsxs("div", { style: {
-                        backgroundColor: "var(--bw-surface-muted-bg, rgba(59, 130, 246, 0.05))",
-                        border: `1px solid var(--bw-border-color)`,
-                        borderRadius: "var(--bw-border-radius)",
-                        padding: "var(--bw-spacing)",
-                        marginBottom: "var(--bw-spacing-large)",
-                        textAlign: "center",
-                    }, children: [jsxRuntime.jsx("div", { style: {
-                                color: "var(--bw-highlight-color)",
-                                fontSize: "24px",
-                                marginBottom: "var(--bw-spacing-small)",
-                            }, children: "\uD83D\uDCE7" }), jsxRuntime.jsxs("p", { style: {
-                                color: "var(--bw-text-muted)",
-                                margin: 0,
-                                fontFamily: "var(--bw-font-family)",
-                                fontSize: "var(--bw-font-size-small)",
-                            }, children: ["Eine Best\u00E4tigungs-E-Mail wird in K\u00FCrze an ", formData.customerEmail, " gesendet."] })] }), jsxRuntime.jsx("div", { style: { textAlign: "center" }, children: jsxRuntime.jsx("button", { onClick: onClose, style: {
-                            backgroundColor: "var(--bw-highlight-color)",
-                            color: "white",
-                            padding: "12px 32px",
-                            border: "none",
-                            borderRadius: "var(--bw-border-radius)",
-                            fontSize: "var(--bw-font-size)",
-                            fontWeight: "600",
-                            cursor: "pointer",
-                            fontFamily: "var(--bw-font-family)",
-                            transition: "all 0.2s ease",
-                        }, onMouseEnter: (e) => {
-                            e.currentTarget.style.opacity = "0.9";
-                        }, onMouseLeave: (e) => {
-                            e.currentTarget.style.opacity = "1";
-                        }, children: "Schlie\u00DFen" }) })] }) }));
-};
 // Main widget component
 function UniversalBookingWidget({ config: baseConfig }) {
     // Apply URL parameter inference
@@ -11549,7 +11631,6 @@ function UniversalBookingWidget({ config: baseConfig }) {
     // Booking flow state
     const [eventDetails, setEventDetails] = React__default.useState(null);
     const [stripePromise, setStripePromise] = React__default.useState(null);
-    const [clientSecret, setClientSecret] = React__default.useState(null);
     // SEPARATED LOADING STATES
     const [isLoading, setIsLoading] = React__default.useState(true); // Only for initial widget load
     const [isLoadingEventInstances, setIsLoadingEventInstances] = React__default.useState(false); // For loading event instances in sidebar
@@ -11557,7 +11638,7 @@ function UniversalBookingWidget({ config: baseConfig }) {
     const [isLoadingShowAll, setIsLoadingShowAll] = React__default.useState(false); // For "show all events" operation
     const [error, setError] = React__default.useState(null);
     const [isSuccess, setIsSuccess] = React__default.useState(false);
-    const [successData, setSuccessData] = React__default.useState(null);
+    const [successPaymentIntentId, setSuccessPaymentIntentId] = React__default.useState(null);
     const [systemConfig, setSystemConfig] = React__default.useState(null);
     // PERFORMANCE OPTIMIZATION: Lazy component loading
     const [shouldRenderInstanceSelection, setShouldRenderInstanceSelection] = React__default.useState(false);
@@ -11604,6 +11685,29 @@ function UniversalBookingWidget({ config: baseConfig }) {
         initializeWidget();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [config]);
+    // Handle Stripe payment return
+    React__default.useEffect(() => {
+        const handleStripeReturn = () => {
+            const stripeReturn = detectStripeReturn();
+            if (stripeReturn) {
+                if (stripeReturn.redirectStatus === "succeeded") {
+                    // Store payment intent ID and show success modal
+                    setSuccessPaymentIntentId(stripeReturn.paymentIntent);
+                    setIsSuccess(true);
+                }
+                else if (stripeReturn.redirectStatus === "failed") {
+                    setError("Die Zahlung war nicht erfolgreich. Bitte versuche es erneut.");
+                }
+                else {
+                    setError("Die Zahlung konnte nicht abgeschlossen werden. Bitte versuche es erneut.");
+                }
+            }
+        };
+        // Only run on mount to avoid running multiple times
+        if (!isLoading) {
+            handleStripeReturn();
+        }
+    }, [isLoading]); // Only depend on isLoading to run after initial load
     // PERFORMANCE OPTIMIZATION: Lazy load components when needed
     React__default.useEffect(() => {
         if (currentStep === "eventInstances" && !shouldRenderInstanceSelection) {
@@ -11846,7 +11950,7 @@ function UniversalBookingWidget({ config: baseConfig }) {
     };
     const handleBookingSuccess = (result) => {
         setIsSuccess(true);
-        setSuccessData(result);
+        setSuccessPaymentIntentId(result.paymentIntent.id);
         config.onSuccess?.(result);
     };
     const handleBookingError = (errorMessage) => {
@@ -12010,16 +12114,6 @@ function UniversalBookingWidget({ config: baseConfig }) {
                                 fontFamily: "var(--bw-font-family)",
                             }, children: "Falls das Problem weiterhin besteht, kontaktiere bitte den Support." })] }) }) }));
     }
-    // Success state
-    if (isSuccess) {
-        return (jsxRuntime.jsx(StyleProvider, { config: config, children: jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
-                    setIsSuccess(false);
-                    setCurrentStep("eventTypes");
-                    // Reset lazy loading flags
-                    setShouldRenderInstanceSelection(false);
-                    setShouldRenderBookingForm(false);
-                }, bookingData: successData, eventDetails: eventDetails, formData: successData.formData, config: config }) }));
-    }
     // Main view based on view mode
     if (viewMode === "next-events" && showingPreview) {
         // Next events preview mode
@@ -12035,17 +12129,47 @@ function UniversalBookingWidget({ config: baseConfig }) {
                         setCurrentStep("eventTypes");
                         setShowingPreview(true);
                         setEventDetails(null);
-                    }, systemConfig: systemConfig }))] }));
+                    }, systemConfig: systemConfig })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                        setIsSuccess(false);
+                        setCurrentStep("eventTypes");
+                        setShowingPreview(true);
+                        // Reset state
+                        setSuccessPaymentIntentId(null);
+                        // Reset lazy loading flags
+                        setShouldRenderInstanceSelection(false);
+                        setShouldRenderBookingForm(false);
+                        // Clean up URL to remove Stripe parameters
+                        const url = new URL(window.location.href);
+                        url.searchParams.delete("payment_intent");
+                        url.searchParams.delete("payment_intent_client_secret");
+                        url.searchParams.delete("redirect_status");
+                        window.history.replaceState({}, "", url.toString());
+                    }, config: config, onError: setError, paymentIntentId: successPaymentIntentId })] }));
     }
     if (viewMode === "next-events" && !showingPreview && currentStep === "eventInstances") {
         // Show all events for the single event type
-        return (jsxRuntime.jsx(StyleProvider, { config: config, children: shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => {
-                    setShowingPreview(true);
-                    setCurrentStep("eventTypes");
-                }, isOpen: currentStep === "eventInstances", onClose: () => {
-                    setShowingPreview(true);
-                    setCurrentStep("eventTypes");
-                }, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })) }));
+        return (jsxRuntime.jsxs(StyleProvider, { config: config, children: [shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => {
+                        setShowingPreview(true);
+                        setCurrentStep("eventTypes");
+                    }, isOpen: currentStep === "eventInstances", onClose: () => {
+                        setShowingPreview(true);
+                        setCurrentStep("eventTypes");
+                    }, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                        setIsSuccess(false);
+                        setCurrentStep("eventTypes");
+                        setShowingPreview(true);
+                        // Reset state
+                        setSuccessPaymentIntentId(null);
+                        // Reset lazy loading flags
+                        setShouldRenderInstanceSelection(false);
+                        setShouldRenderBookingForm(false);
+                        // Clean up URL to remove Stripe parameters
+                        const url = new URL(window.location.href);
+                        url.searchParams.delete("payment_intent");
+                        url.searchParams.delete("payment_intent_client_secret");
+                        url.searchParams.delete("redirect_status");
+                        window.history.replaceState({}, "", url.toString());
+                    }, config: config, onError: setError, paymentIntentId: successPaymentIntentId })] }));
     }
     if (viewMode === "button" && (isSingleEventTypeMode || isDirectInstanceMode)) {
         // Button mode - show button that opens sidebar/booking directly
@@ -12075,7 +12199,22 @@ function UniversalBookingWidget({ config: baseConfig }) {
                                 setShouldRenderInstanceSelection(true);
                             }
                         }, children: config.buttonText ||
-                            (isDirectInstanceMode ? "Jetzt buchen" : "Jetzt Termin auswählen") }), shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen, onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderBookingForm && eventDetails && (jsxRuntime.jsx(BookingForm, { config: config, eventDetails: eventDetails, stripePromise: stripePromise, onSuccess: handleBookingSuccess, onError: handleBookingError, onBackToEventInstances: () => setCurrentStep(isDirectInstanceMode ? "eventTypes" : "eventInstances"), onBackToEventTypes: () => setSidebarOpen(false), selectedEventType: selectedEventType, selectedEventInstance: selectedEventInstance, isOpen: currentStep === "booking" && !!eventDetails, onClose: () => setCurrentStep(isDirectInstanceMode ? "eventTypes" : "eventInstances"), systemConfig: systemConfig }))] }) }));
+                            (isDirectInstanceMode ? "Jetzt buchen" : "Jetzt Termin auswählen") }), shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen, onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderBookingForm && eventDetails && (jsxRuntime.jsx(BookingForm, { config: config, eventDetails: eventDetails, stripePromise: stripePromise, onSuccess: handleBookingSuccess, onError: handleBookingError, onBackToEventInstances: () => setCurrentStep(isDirectInstanceMode ? "eventTypes" : "eventInstances"), onBackToEventTypes: () => setSidebarOpen(false), selectedEventType: selectedEventType, selectedEventInstance: selectedEventInstance, isOpen: currentStep === "booking" && !!eventDetails, onClose: () => setCurrentStep(isDirectInstanceMode ? "eventTypes" : "eventInstances"), systemConfig: systemConfig })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                            setIsSuccess(false);
+                            setCurrentStep("eventTypes");
+                            setSidebarOpen(false);
+                            // Reset state
+                            setSuccessPaymentIntentId(null);
+                            // Reset lazy loading flags
+                            setShouldRenderInstanceSelection(false);
+                            setShouldRenderBookingForm(false);
+                            // Clean up URL to remove Stripe parameters
+                            const url = new URL(window.location.href);
+                            url.searchParams.delete("payment_intent");
+                            url.searchParams.delete("payment_intent_client_secret");
+                            url.searchParams.delete("redirect_status");
+                            window.history.replaceState({}, "", url.toString());
+                        }, config: config, onError: setError, paymentIntentId: successPaymentIntentId })] }) }));
     }
     // Cards mode (default) - show event type selection
     const cardsView = (jsxRuntime.jsx(EventTypeSelection, { eventTypes: eventTypes, onEventTypeSelect: handleEventTypeSelect, isLoading: isLoading, skeletonCount: getSkeletonCount() }));
@@ -12108,7 +12247,21 @@ function UniversalBookingWidget({ config: baseConfig }) {
         };
     };
     const backHandlers = getBackHandlers();
-    return (jsxRuntime.jsxs(StyleProvider, { config: config, children: [cardsView, shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderBookingForm && eventDetails && (jsxRuntime.jsx(BookingForm, { config: config, eventDetails: eventDetails, stripePromise: stripePromise, onSuccess: handleBookingSuccess, onError: handleBookingError, onBackToEventInstances: backHandlers.onBackToEventInstances, onBackToEventTypes: backHandlers.onBackToEventTypes, selectedEventType: selectedEventType, selectedEventInstance: selectedEventInstance, isOpen: currentStep === "booking" && !!eventDetails, onClose: backHandlers.onClose, systemConfig: systemConfig }))] }));
+    return (jsxRuntime.jsxs(StyleProvider, { config: config, children: [cardsView, shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderBookingForm && eventDetails && (jsxRuntime.jsx(BookingForm, { config: config, eventDetails: eventDetails, stripePromise: stripePromise, onSuccess: handleBookingSuccess, onError: handleBookingError, onBackToEventInstances: backHandlers.onBackToEventInstances, onBackToEventTypes: backHandlers.onBackToEventTypes, selectedEventType: selectedEventType, selectedEventInstance: selectedEventInstance, isOpen: currentStep === "booking" && !!eventDetails, onClose: backHandlers.onClose, systemConfig: systemConfig })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                    setIsSuccess(false);
+                    setCurrentStep("eventTypes");
+                    // Reset state
+                    setSuccessPaymentIntentId(null);
+                    // Reset lazy loading flags
+                    setShouldRenderInstanceSelection(false);
+                    setShouldRenderBookingForm(false);
+                    // Clean up URL to remove Stripe parameters
+                    const url = new URL(window.location.href);
+                    url.searchParams.delete("payment_intent");
+                    url.searchParams.delete("payment_intent_client_secret");
+                    url.searchParams.delete("redirect_status");
+                    window.history.replaceState({}, "", url.toString());
+                }, config: config, onError: setError, paymentIntentId: successPaymentIntentId })] }));
 }
 
 // Export init function for vanilla JS usage