@bigz-app/booking-widget 0.1.24 → 0.2.0

package/dist/booking-widget.js

@@ -629,6 +629,13 @@
 			direction: ltr;
 			isolation: isolate;
 		}
+        .print-only {
+            display: none;
+        }
+        .print-hidden {
+            display: block;
+        }
+        @media print {
 	`;
       // Inject CSS reset styles
       y$1(() => {
@@ -974,6 +981,26 @@
           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';
 
@@ -6727,15 +6754,8 @@
 
   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||_$2,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 _n(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" }) => (u$2("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: u$2("polyline", { points: "20 6 9 17 4 12" }) }));
-  const IconWave$1 = ({ size = 20, color = "#0ea5e9" }) => (u$2("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [u$2("path", { d: "M2 18c2-2 6-2 8 0s6 2 8 0 6-2 8 0" }), u$2("path", { d: "M2 12c2-2 6-2 8 0s6 2 8 0 6-2 8 0" }), u$2("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] = Rn.useState(null);
       Rn.useEffect(() => {
           if (!isOpen) {
@@ -6767,9 +6787,12 @@
                   "--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",
@@ -6797,7 +6820,7 @@
 			left: 0;
 			width: 100%;
 			height: 100%;
-			z-index: 999999;
+			z-index: ${zIndex};
 			pointer-events: none;
 			${cssProperties}
 		`;
@@ -6818,7 +6841,7 @@
               }
               document.body.style.overflow = "";
           };
-      }, [isOpen]);
+      }, [isOpen, zIndex]);
       if (!isOpen || !portalRoot)
           return null;
       return $$1(u$2("div", { style: {
@@ -6827,7 +6850,8 @@
               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] = Rn.useState({});
       Rn.useEffect(() => {
@@ -6864,15 +6888,10 @@
           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 (u$2(DialogPortal, { isOpen: isOpen, children: u$2("div", { style: fallbackStyles, children: u$2("div", { style: {
+      return (u$2(DialogPortal, { isOpen: isOpen, zIndex: zIndex, children: u$2("div", { style: fallbackStyles, className: className, children: u$2("div", { style: {
                       position: "fixed",
                       top: 0,
                       left: 0,
@@ -6885,11 +6904,11 @@
                       alignItems: "center",
                       justifyContent: "center",
                       padding: "var(--bw-spacing)",
-                      zIndex: 999999,
+                      zIndex: zIndex,
                   }, onClick: onClose, children: u$2("div", { style: {
                           backgroundColor: "var(--bw-surface-color)",
                           borderRadius: "var(--bw-border-radius)",
-                          maxWidth: "700px",
+                          maxWidth,
                           width: "100%",
                           maxHeight: "90vh",
                           overflow: "auto",
@@ -6917,181 +6936,199 @@
                                   e.currentTarget.style.backgroundColor = "var(--bw-border-color)";
                               }, onMouseLeave: (e) => {
                                   e.currentTarget.style.backgroundColor = "var(--bw-surface-color)";
-                              }, children: "\u00D7" }), u$2("div", { style: { padding: "var(--bw-spacing-large)" }, children: [u$2("div", { style: {
-                                          marginBottom: "24px",
-                                          padding: "16px",
-                                          backgroundColor: "var(--bw-background-color)",
-                                          borderRadius: "var(--bw-border-radius)",
-                                          border: `1px solid var(--bw-border-color)`,
-                                      }, children: [u$2("div", { children: [u$2("div", { style: {
-                                                          fontSize: "14px",
-                                                          fontWeight: "600",
-                                                          color: "var(--bw-highlight-color)",
-                                                          marginBottom: "8px",
-                                                          fontFamily: "var(--bw-font-family)",
-                                                      }, children: eventType.category.name }), u$2("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 && (u$2("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: u$2("div", { style: { marginBottom: "24px" }, children: u$2("ul", { style: {
-                                                          listStyle: "none",
-                                                          padding: "0",
-                                                          margin: "0",
-                                                          display: "flex",
-                                                          flexDirection: "column",
-                                                          gap: "3px",
-                                                      }, children: eventType.highlights
-                                                          .filter((highlight) => highlight.trim())
-                                                          .map((highlight, index) => (u$2("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: [u$2("div", { style: { marginTop: "4px", flexShrink: 0 }, children: u$2(IconCheck$1, { size: 16, color: "var(--bw-success-color)" }) }), u$2("span", { children: highlight.trim() })] }, index))) }) }) }))] }), eventType.description && (u$2("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" }) => (u$2("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: u$2("polyline", { points: "20 6 9 17 4 12" }) }));
+  const IconWave$1 = ({ size = 20, color = "#0ea5e9" }) => (u$2("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [u$2("path", { d: "M2 18c2-2 6-2 8 0s6 2 8 0 6-2 8 0" }), u$2("path", { d: "M2 12c2-2 6-2 8 0s6 2 8 0 6-2 8 0" }), u$2("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 (u$2(DialogWrapper, { isOpen: isOpen, onClose: onClose, maxWidth: "700px", children: u$2("div", { style: { padding: "var(--bw-spacing-large)" }, children: [u$2("div", { style: {
+                          marginBottom: "24px",
+                          padding: "16px",
+                          backgroundColor: "var(--bw-background-color)",
+                          borderRadius: "var(--bw-border-radius)",
+                          border: `1px solid var(--bw-border-color)`,
+                      }, children: [u$2("div", { children: [u$2("div", { style: {
+                                          fontSize: "14px",
+                                          fontWeight: "600",
+                                          color: "var(--bw-highlight-color)",
+                                          marginBottom: "8px",
+                                          fontFamily: "var(--bw-font-family)",
+                                      }, children: eventType.category.name }), u$2("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: [u$2("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;
-										}
-									`,
-                                              } }), u$2("div", { className: "bw-markdown-content", children: Markdown({ children: preprocessMarkdown$1(eventType.description) }) })] })), u$2("div", { style: {
+                                          margin: "0 0 16px 0",
+                                      }, children: eventType.name })] }), eventType.highlights && eventType.highlights.length > 0 && (u$2("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: u$2("div", { style: { marginBottom: "24px" }, children: u$2("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: [u$2("div", { children: [u$2("div", { className: "bw-event-type-price", style: {
-                                                          fontWeight: "700",
-                                                          color: "var(--bw-text-color)",
-                                                          fontFamily: "var(--bw-font-family)",
-                                                          textAlign: "left",
-                                                      }, children: eventType.groupedDurations && u$2("span", { children: eventType.groupedDurations }) }), u$2("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: u$2("span", { children: ["ab ", formatCurrency(eventType.minPrice)] }) })] }), isAvailable && (u$2("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: [u$2(IconWave$1, { size: 20, color: "white" }), "Jetzt buchen"] }))] })] }), !isAvailable && (u$2("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) => (u$2("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: [u$2("div", { style: { marginTop: "4px", flexShrink: 0 }, children: u$2(IconCheck$1, { size: 16, color: "var(--bw-success-color)" }) }), u$2("span", { children: highlight.trim() })] }, index))) }) }) }))] }), eventType.description && (u$2("div", { style: {
+                          marginBottom: "24px",
+                          color: "var(--bw-text-muted)",
+                          fontSize: "16px",
+                          lineHeight: "1.6",
+                          fontFamily: "var(--bw-font-family)",
+                          padding: "0px 20px",
+                      }, children: [u$2("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;
+							}
+						`,
+                              } }), u$2("div", { className: "bw-markdown-content", children: Markdown({ children: preprocessMarkdown$1(eventType.description) }) })] })), u$2("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: [u$2("div", { children: [u$2("div", { className: "bw-event-type-price", style: {
+                                          fontWeight: "700",
+                                          color: "var(--bw-text-color)",
+                                          fontFamily: "var(--bw-font-family)",
+                                          textAlign: "left",
+                                      }, children: eventType.groupedDurations && u$2("span", { children: eventType.groupedDurations }) }), u$2("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: u$2("span", { children: ["ab ", formatCurrency(eventType.minPrice)] }) })] }), isAvailable && (u$2("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: u$2("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: [u$2(IconWave$1, { size: 20, color: "white" }), "Jetzt buchen"] }))] }), !isAvailable && (u$2("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: u$2("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
@@ -7143,7 +7180,7 @@
       if (images.length === 0) {
           return u$2(EventImagePlaceholder, {});
       }
-      return (u$2("div", { style: { position: "relative", width: "100%", height: "100%", overflow: "hidden" }, children: [u$2("div", { style: {
+      return (u$2("div", { style: { position: "relative", width: "100%", height: "100%", overflow: "hidden", borderRadius: "inherit" }, children: [u$2("div", { style: {
                       display: "flex",
                       width: `${images.length * 100}%`,
                       height: "100%",
@@ -7155,6 +7192,7 @@
                           flexShrink: 0,
                           overflow: "hidden",
                           position: "relative",
+                          borderRadius: "inherit"
                       }, children: u$2("img", { src: image, alt: `${eventName} - Bild ${index + 1}`, style: {
                               width: "100%",
                               height: "100%",
@@ -7163,6 +7201,7 @@
                               position: "absolute",
                               top: 0,
                               left: 0,
+                              borderRadius: "inherit"
                           } }) }, index))) }), images.length > 1 && (u$2(k$3, { children: [u$2("button", { onClick: prevImage, disabled: isTransitioning, style: {
                               position: "absolute",
                               left: "12px",
@@ -7639,6 +7678,7 @@
                                   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,
@@ -9170,7 +9210,7 @@
               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] = d$1(false);
@@ -9196,26 +9236,12 @@
                   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,
@@ -9233,91 +9259,15 @@
                       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 {
@@ -9420,11 +9370,6 @@
               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,
@@ -9433,7 +9378,10 @@
                       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) {
@@ -9451,34 +9399,13 @@
                   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 {
@@ -9634,6 +9561,7 @@
                       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 }), u$2("div", { style: {
@@ -9980,11 +9908,11 @@
                                                   display: "flex",
                                                   alignItems: "center",
                                                   gap: "4px",
-                                              }, children: [u$2(IconMoney, { size: 20, color: "var(--bw-highlight-color)" }), " Preis:"] }), u$2("span", { style: {
+                                              }, children: [u$2(IconCalendar, { size: 20, color: "var(--bw-highlight-color)" }), " Uhrzeit:"] }), u$2("span", { style: {
                                                   color: "var(--bw-text-color)",
                                                   fontWeight: "500",
                                                   fontFamily: "var(--bw-font-family)",
-                                              }, children: [formatCurrency(eventDetails.price), " pro Person"] })] }), u$2("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [u$2("span", { style: {
+                                              }, children: formatTime(eventDetails.startTime, "Europe/Berlin", "de") })] }), u$2("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [u$2("span", { style: {
                                                   color: "var(--bw-text-muted)",
                                                   fontFamily: "var(--bw-font-family)",
                                                   display: "flex",
@@ -9994,7 +9922,17 @@
                                                   color: "var(--bw-text-color)",
                                                   fontWeight: "500",
                                                   fontFamily: "var(--bw-font-family)",
-                                              }, children: [eventDetails.durationDays, " Tag", eventDetails.durationDays > 1 ? "e" : ""] })] })] })] }), u$2("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [u$2("form", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [u$2("div", { style: {
+                                              }, children: [eventDetails.durationDays, " Tag", eventDetails.durationDays > 1 ? "e" : ""] })] }), u$2("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [u$2("span", { style: {
+                                                  color: "var(--bw-text-muted)",
+                                                  fontFamily: "var(--bw-font-family)",
+                                                  display: "flex",
+                                                  alignItems: "center",
+                                                  gap: "4px",
+                                              }, children: [u$2(IconMoney, { size: 20, color: "var(--bw-highlight-color)" }), " Preis:"] }), u$2("span", { style: {
+                                                  color: "var(--bw-text-color)",
+                                                  fontWeight: "500",
+                                                  fontFamily: "var(--bw-font-family)",
+                                              }, children: [formatCurrency(eventDetails.price), " pro Person"] })] })] })] }), u$2("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [u$2("form", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [u$2("div", { style: {
                                           backgroundColor: "var(--bw-surface-color)",
                                           border: `1px solid var(--bw-border-color)`,
                                           backdropFilter: "blur(4px)",
@@ -10151,9 +10089,10 @@
                                                           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",
                                                       } }), u$2("label", { htmlFor: "acceptTerms", style: {
                                                           fontSize: "var(--bw-font-size)",
                                                           color: "var(--bw-text-muted)",
@@ -10163,7 +10102,7 @@
                                                       }, children: ["Ich akzeptiere die", " ", u$2("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 && (u$2("p", { style: {
+                                                              }, target: "_blank", rel: "noopener noreferrer", children: "AGBs" }), "*"] })] }), form.formState.errors.acceptTerms && (u$2("p", { style: {
                                                   color: "var(--bw-error-color)",
                                                   fontSize: "var(--bw-font-size)",
                                                   marginTop: "8px",
@@ -10316,6 +10255,341 @@
                 ` })] }) }));
   }
 
+  const BookingSuccessModal = ({ isOpen, onClose, config, onError, paymentIntentId, }) => {
+      const [bookingData, setBookingData] = d$1(null);
+      const [eventDetails, setEventDetails] = d$1(null);
+      const [formData, setFormData] = d$1(null);
+      const [isLoading, setIsLoading] = d$1(false);
+      const [paymentStatus, setPaymentStatus] = d$1(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;
+          }
+      };
+      y$1(() => {
+          if (isOpen) {
+              fetchBookingData();
+          }
+      }, [isOpen, paymentIntentId, config, onError]);
+      if (!isOpen)
+          return null;
+      // Show loading state while fetching data
+      if (isLoading || !bookingData) {
+          return (u$2(DialogWrapper, { isOpen: isOpen, onClose: onClose, maxWidth: "700px", children: u$2("div", { style: {
+                      padding: "var(--bw-spacing-large)",
+                      textAlign: "center",
+                      minHeight: "200px",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                  }, children: u$2("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 (u$2(DialogWrapper, { isOpen: isOpen, onClose: onClose, maxWidth: "700px", children: u$2("div", { style: {
+                  fontFamily: "var(--bw-font-family)",
+                  padding: "var(--bw-spacing-large)",
+                  maxWidth: "100%",
+              }, children: [u$2("div", { className: "flex justify-between items-center print-hidden", style: {
+                          marginBottom: "var(--bw-spacing-large)",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "space-between",
+                      }, children: [u$2("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: [u$2("div", { style: {
+                                          width: "32px",
+                                          height: "32px",
+                                          backgroundColor: "var(--bw-highlight-color, #10B981)",
+                                          borderRadius: "50%",
+                                          display: "flex",
+                                          alignItems: "center",
+                                          justifyContent: "center",
+                                          color: "white",
+                                      }, children: "\u2713" }), u$2("p", { style: {
+                                          fontSize: "var(--bw-font-size-large)",
+                                          fontWeight: "600",
+                                          color: "var(--bw-highlight-color)",
+                                          margin: "0px 10px",
+                                      }, children: "Buchung erfolgreich erstellt!" })] }), u$2("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" })] }), u$2("div", { className: "print-only print-booking-header", children: [u$2("h1", { children: "Buchungsbest\u00E4tigung" }), u$2("div", { className: "subtitle", children: "Vielen Dank f\u00FCr deine Buchung! Hier sind deine Buchungsdetails." })] }), u$2("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [u$2("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: [u$2("div", { className: "print-hidden", style: { marginBottom: "var(--bw-spacing)" }, children: u$2("h3", { style: {
+                                              fontSize: "var(--bw-font-size-large)",
+                                              fontWeight: "600",
+                                              color: "var(--bw-text-color)",
+                                              margin: "0",
+                                              fontFamily: "var(--bw-font-family)",
+                                          }, children: "Buchungsdetails" }) }), u$2("div", { className: "print-only", children: u$2("div", { className: "print-section-title", children: "Buchungsdetails" }) }), u$2("div", { className: "space-y-4 print-only:space-y-2 print-only:p-0", children: [u$2("div", { className: "gap-4 grid grid-cols-2 print-detail-grid", style: {
+                                                  display: "grid",
+                                                  gridTemplateColumns: "1fr 1fr",
+                                                  gap: "var(--bw-spacing)",
+                                              }, children: [u$2("div", { className: "print-detail-item", style: { marginBottom: "span 2" }, children: [u$2("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" }), u$2("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 })] }), u$2("div", { className: "print-detail-item", children: [u$2("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" }), u$2("div", { children: [u$2("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" }), u$2("span", { className: "print-only print-status-badge print-status-paid", children: "Bezahlt" })] })] })] }), u$2("div", { className: "print-detail-item print-only:col-span-2", children: [u$2("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" }), u$2("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 })] }), u$2("div", { className: "gap-4 grid grid-cols-2 print-detail-grid", style: {
+                                                  display: "grid",
+                                                  gridTemplateColumns: "1fr 1fr",
+                                                  gap: "var(--bw-spacing)",
+                                              }, children: [u$2("div", { className: "print-detail-item", children: [u$2("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" }), u$2("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) })] }), u$2("div", { className: "print-detail-item", children: [u$2("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" }), u$2("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 && (u$2("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: [u$2("div", { className: "print-hidden", style: { marginBottom: "var(--bw-spacing)" }, children: u$2("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, ")"] }) }), u$2("div", { className: "print-only", children: u$2("div", { className: "print-section-title", children: ["Teilnehmer (", formData.participants.length, ")"] }) }), u$2("div", { className: "print-only:p-0", children: u$2("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) => (u$2("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: u$2("div", { className: "print-participant-info", children: [u$2("div", { className: "print-participant-name", style: {
+                                                              color: "var(--bw-text-color)",
+                                                              fontFamily: "var(--bw-font-family)",
+                                                          }, children: participant.name }), participant.age && (u$2("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))) }) })] })), u$2("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: [u$2("div", { className: "print-hidden", style: { marginBottom: "var(--bw-spacing)" }, children: u$2("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" }) }), u$2("div", { className: "print-only", children: u$2("div", { className: "print-section-title", children: "Zahlungs\u00FCbersicht" }) }), u$2("div", { className: "space-y-2 print-only:p-0 print-only:space-y-1", children: [u$2("div", { className: "print-payment-summary print-only", children: [u$2("div", { className: "print-payment-row", children: [u$2("span", { children: "Gesamtbetrag" }), u$2("span", { children: formatCurrency(booking.total) })] }), u$2("div", { className: "print-payment-row", children: [u$2("span", { children: "Bezahlt" }), u$2("span", { children: formatCurrency(booking.total) })] })] }), u$2("div", { className: "print-hidden space-y-2", style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: "Gesamtbetrag" }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(booking.total) })] }), u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: "Bezahlt" }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(booking.total) })] })] })] })] }), u$2("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: [u$2("div", { className: "print-hidden", style: { marginBottom: "var(--bw-spacing)" }, children: u$2("h3", { style: {
+                                              fontSize: "var(--bw-font-size-large)",
+                                              fontWeight: "600",
+                                              color: "var(--bw-text-color)",
+                                              margin: "0",
+                                              fontFamily: "var(--bw-font-family)",
+                                          }, children: "Kontaktdaten" }) }), u$2("div", { className: "print-only", children: u$2("div", { className: "print-section-title", children: "Kontaktdaten" }) }), u$2("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: [u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Name:" }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerName })] }), u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "E-Mail:" }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerEmail })] }), formData.customerPhone && (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Telefon:" }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerPhone })] }))] })] }), u$2("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: u$2("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" && (u$2("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: [u$2("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" }), u$2("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] }), u$2("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" })] })), u$2("div", { style: {
+                                  textAlign: "center",
+                                  marginTop: "var(--bw-spacing-large)",
+                                  paddingTop: "var(--bw-spacing)",
+                                  borderTop: `1px solid var(--bw-border-color)`,
+                              }, children: u$2("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" }) }), u$2("div", { className: "print-only print-footer", children: [u$2("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."] }), u$2("p", { children: "Bei Fragen zu deiner Buchung kontaktiere uns gerne." })] })] })] }) }));
+  };
+
   const months = [
       "Januar",
       "Februar",
@@ -11393,198 +11667,6 @@
   }
 
   // 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 (u$2("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: u$2("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: [u$2("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" }), u$2("div", { style: {
-                          textAlign: "center",
-                          marginBottom: "var(--bw-spacing-large)",
-                      }, children: [u$2("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" }), u$2("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!" }), u$2("p", { style: {
-                                  color: "var(--bw-text-muted)",
-                                  fontFamily: "var(--bw-font-family)",
-                                  margin: 0,
-                              }, children: "Deine Buchung wurde erfolgreich abgeschlossen." })] }), u$2("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: [u$2("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" }), u$2("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing)" }, children: [booking.bookingHash && (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Buchungs-ID:" }), u$2("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 })] })), u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Event:" }), u$2("span", { style: {
-                                                  color: "var(--bw-text-color)",
-                                                  fontWeight: "500",
-                                                  fontFamily: "var(--bw-font-family)",
-                                                  textAlign: "right",
-                                                  maxWidth: "60%",
-                                              }, children: eventDetails.name })] }), u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Datum:" }), u$2("span", { style: {
-                                                  color: "var(--bw-text-color)",
-                                                  fontWeight: "500",
-                                                  fontFamily: "var(--bw-font-family)",
-                                                  textAlign: "right",
-                                                  maxWidth: "60%",
-                                              }, children: formatDate(eventDetails.startTime) })] }), u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Teilnehmer:" }), u$2("span", { style: {
-                                                  color: "var(--bw-text-color)",
-                                                  fontWeight: "500",
-                                                  fontFamily: "var(--bw-font-family)",
-                                              }, children: booking.participantCount })] }), u$2("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: [u$2("span", { style: {
-                                                  color: "var(--bw-text-color)",
-                                                  fontWeight: "600",
-                                                  fontFamily: "var(--bw-font-family)",
-                                              }, children: "Gesamtbetrag:" }), u$2("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 && (u$2("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: [u$2("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" }), u$2("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: formData.participants
-                                  .filter((p) => p.name.trim())
-                                  .map((participant, index) => (u$2("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: [u$2("span", { style: {
-                                              color: "var(--bw-text-color)",
-                                              fontFamily: "var(--bw-font-family)",
-                                          }, children: participant.name }), participant.age && (u$2("span", { style: {
-                                              color: "var(--bw-text-muted)",
-                                              fontSize: "var(--bw-font-size-small)",
-                                              fontFamily: "var(--bw-font-family)",
-                                          }, children: [participant.age, " Jahre"] }))] }, index))) })] })), u$2("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: [u$2("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" }), u$2("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Name:" }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerName })] }), u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "E-Mail:" }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerEmail })] }), formData.customerPhone && (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: "Telefon:" }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerPhone })] }))] })] }), u$2("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: [u$2("div", { style: {
-                                  color: "var(--bw-highlight-color)",
-                                  fontSize: "24px",
-                                  marginBottom: "var(--bw-spacing-small)",
-                              }, children: "\uD83D\uDCE7" }), u$2("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."] })] }), u$2("div", { style: { textAlign: "center" }, children: u$2("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
@@ -11614,7 +11696,6 @@
       // Booking flow state
       const [eventDetails, setEventDetails] = d$1(null);
       const [stripePromise, setStripePromise] = d$1(null);
-      const [clientSecret, setClientSecret] = d$1(null);
       // SEPARATED LOADING STATES
       const [isLoading, setIsLoading] = d$1(true); // Only for initial widget load
       const [isLoadingEventInstances, setIsLoadingEventInstances] = d$1(false); // For loading event instances in sidebar
@@ -11622,7 +11703,7 @@
       const [isLoadingShowAll, setIsLoadingShowAll] = d$1(false); // For "show all events" operation
       const [error, setError] = d$1(null);
       const [isSuccess, setIsSuccess] = d$1(false);
-      const [successData, setSuccessData] = d$1(null);
+      const [successPaymentIntentId, setSuccessPaymentIntentId] = d$1(null);
       const [systemConfig, setSystemConfig] = d$1(null);
       // PERFORMANCE OPTIMIZATION: Lazy component loading
       const [shouldRenderInstanceSelection, setShouldRenderInstanceSelection] = d$1(false);
@@ -11669,6 +11750,29 @@
           initializeWidget();
           // eslint-disable-next-line react-hooks/exhaustive-deps
       }, [config]);
+      // Handle Stripe payment return
+      y$1(() => {
+          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
       y$1(() => {
           if (currentStep === "eventInstances" && !shouldRenderInstanceSelection) {
@@ -11911,7 +12015,7 @@
       };
       const handleBookingSuccess = (result) => {
           setIsSuccess(true);
-          setSuccessData(result);
+          setSuccessPaymentIntentId(result.paymentIntent.id);
           config.onSuccess?.(result);
       };
       const handleBookingError = (errorMessage) => {
@@ -12075,16 +12179,6 @@
                                   fontFamily: "var(--bw-font-family)",
                               }, children: "Falls das Problem weiterhin besteht, kontaktiere bitte den Support." })] }) }) }));
       }
-      // Success state
-      if (isSuccess) {
-          return (u$2(StyleProvider, { config: config, children: u$2(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
@@ -12100,17 +12194,47 @@
                           setCurrentStep("eventTypes");
                           setShowingPreview(true);
                           setEventDetails(null);
-                      }, systemConfig: systemConfig }))] }));
+                      }, systemConfig: systemConfig })), u$2(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 (u$2(StyleProvider, { config: config, children: shouldRenderInstanceSelection && (u$2(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 (u$2(StyleProvider, { config: config, children: [shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => {
+                          setShowingPreview(true);
+                          setCurrentStep("eventTypes");
+                      }, isOpen: currentStep === "eventInstances", onClose: () => {
+                          setShowingPreview(true);
+                          setCurrentStep("eventTypes");
+                      }, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), u$2(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
@@ -12140,7 +12264,22 @@
                                   setShouldRenderInstanceSelection(true);
                               }
                           }, children: config.buttonText ||
-                              (isDirectInstanceMode ? "Jetzt buchen" : "Jetzt Termin auswählen") }), shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen, onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderBookingForm && eventDetails && (u$2(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 && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen, onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderBookingForm && eventDetails && (u$2(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 })), u$2(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 = (u$2(EventTypeSelection, { eventTypes: eventTypes, onEventTypeSelect: handleEventTypeSelect, isLoading: isLoading, skeletonCount: getSkeletonCount() }));
@@ -12173,7 +12312,21 @@
           };
       };
       const backHandlers = getBackHandlers();
-      return (u$2(StyleProvider, { config: config, children: [cardsView, shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderBookingForm && eventDetails && (u$2(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 (u$2(StyleProvider, { config: config, children: [cardsView, shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderBookingForm && eventDetails && (u$2(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 })), u$2(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 with Preact