https://resoflow-prod.web.app/assets/DemoEventsPage-teOpyXtF.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"1.0.0"};var s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="1097f677-82a3-4747-9d88-00d0d963209a",e._sentryDebugIdIdentifier="sentry-dbid-1097f677-82a3-4747-9d88-00d0d963209a")}catch(t){}}();import{b as e,j as s,P as t,aS as a,b3 as r,D as l,C as n,bd as i,E as o,I as c,A as d,b4 as m,be as x,bf as p}from"./index-CJ0eVksD.js";import{r as h,L as g}from"./vendor-react-Cg5IBgwO.js";import{D as u}from"./DataProcessedLine-autMZBNp.js";import{D as b}from"./DemoBackPill-KdBlsvy4.js";import{u as f,D as j}from"./demoAnalytics-DnN7QIk0.js";import{u as y}from"./useHydrated-M1Bn8sZZ.js";import{E as N,P as v}from"./passFaces-CrGqGVrS.js";import{V as w}from"./VenueLogo-BPpG5wQk.js";import{A as k}from"./passDesignShared-YmXh3dza.js";import{M as C}from"./WalletPass-Bz9FZh1e.js";import{a as S,b as D,f as T}from"./formatMediumDate-DrTRR0Rb.js";import{C as _}from"./calendar-fgfQljLH.js";import{M as P}from"./map-pin-Divzg-Q-.js";import{U as I}from"./user-DcSbNpBG.js";import{C as A}from"./clock-2CKq179y.js";import{C as E}from"./calendar-plus-BefAFM5h.js";import{S as U}from"./sparkles-CgUeOSxs.js";import{A as q}from"./arrow-right-DcL7LUW3.js";import{M as F}from"./mail-84xnCgqV.js";import{L}from"./lock-DOPcn-g5.js";import{C as B}from"./credit-card-D9psKS6w.js";import"./DemoGuide-Cdk25lB-.js";import"./rotate-ccw-C_2hB___.js";import"./layout-grid-CFR-ynWl.js";import"./venueAccent-DMW231X_.js";/* empty css                    */import"./format-Cqu3RLcn.js";import"./en-US-DSTBSzO8.js";const z={name:a.name,primaryColor:a.primaryColor,logoUrl:a.logoUrl,coverPhotoUrl:a.coverPhotoUrl,address:"Sample venue address",phone:"+44 20 7946 0958"},R="An Evening at The Bistro",M="19:00",$="7:00pm – 10:30pm",V=60,W=42,G="A five-course seasonal tasting menu with natural-wine pairings at the chef’s table. An intimate evening of slow food and live jazz — strictly limited covers.",H="Cornish crab · heritage beetroot · dry-aged duck · Somerset cheese · dark-chocolate & sea salt.",Q=[{name:"Standard",price:4500,blurb:"Communal long-table seating",remaining:12,total:40},{name:"Window seat",price:5500,blurb:"A reserved table for two by the window",remaining:6,total:20}];function J(e,s){return e>0?Math.round(e*x/100+p*s):0}const K=e=>0===e?"Free":`£${(e/100).toFixed(2)}`;function O(){return s.jsxs("div",{className:"inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-[11px] font-semibold",style:{background:"linear-gradient(135deg, rgba(var(--brand-cyan-rgb),0.10) 0%, rgba(var(--brand-purple-rgb),0.10) 50%, rgba(var(--brand-pink-rgb),0.10) 100%)",color:"#7E22CE",border:"1px solid rgba(var(--brand-purple-rgb),0.25)"},children:[s.jsx(U,{size:11})," Sample flow — no ticket is issued"]})}function Y({step:e}){return s.jsx("nav",{"aria-label":"Ticket progress",className:"flex items-center justify-center gap-2 pt-5",children:Array.from({length:4},(e,s)=>s+1).map(t=>s.jsx("div",{className:o("w-2.5 h-2.5 rounded-full transition-all duration-500",t===e?"w-8":t<e?"opacity-40":"bg-gray-200"),style:t<=e?{backgroundColor:z.primaryColor}:void 0},t))})}function X({eventDateLong:e,selectedTierIndex:t,setSelectedTierIndex:a,quantity:r,setQuantity:l,onNext:n}){const d=Q[t],x=d.price*r,p=J(x,r),h=x+p,g=V-W,u=Math.round(W/V*100);return s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"p-5 sm:p-6",children:[s.jsx("div",{className:"w-full aspect-video rounded-2xl overflow-hidden mb-5 border border-gray-100",children:s.jsx("img",{src:z.coverPhotoUrl,alt:R,className:"w-full h-full object-cover"})}),s.jsxs("div",{className:"text-center mb-3",children:[s.jsx("h2",{className:"text-xl font-bold text-gray-900",children:"About this event"}),s.jsx("p",{className:"text-gray-500 text-sm mt-1",children:"What to expect on the night."})]}),s.jsx("p",{className:"text-gray-600 whitespace-pre-wrap leading-relaxed text-sm text-center",children:G}),s.jsxs("div",{className:"bg-gray-50 rounded-2xl p-4 border border-gray-100 mt-4",children:[s.jsxs("h3",{className:"text-xs font-bold text-gray-900 uppercase tracking-wider mb-2 flex items-center gap-2",children:[s.jsx(c,{className:"w-4 h-4",style:{color:z.primaryColor}})," Menu details"]}

1),s.jsx("p",{className:"text-gray-600 whitespace-pre-wrap text-sm leading-relaxed",children:H})]})]}),s.jsxs("div",{className:"p-5 sm:p-6 border-t border-gray-100",children:[s.jsxs("div",{className:"text-center mb-4",children:[s.jsxs("h2",{className:"text-xl font-bold text-gray-900 flex items-center justify-center gap-2",children:[s.jsx(i,{className:"w-5 h-5",style:{color:z.primaryColor}})," Ticket options"]}),s.jsx("p",{className:"text-gray-500 text-sm mt-1",children:"Choose the right ticket for you."})]}),s.jsx("div",{className:"space-y-2",children:Q.map((e,r)=>{const l=t===r;return s.jsx("button",{type:"button","aria-pressed":l,onClick:()=>a(r),className:o("w-full text-left rounded-2xl border p-4 transition-all",l?"shadow-sm ring-1":"border-gray-100 bg-gray-50 cursor-pointer hover:bg-amber-700/5"),style:l?{borderColor:z.primaryColor,backgroundColor:z.primaryColor+"0D","--tw-ring-color":z.primaryColor+"33"}:void 0,children:s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsxs("div",{className:"space-y-0.5",children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"font-bold text-gray-900",children:e.name}),s.jsx("span",{className:"text-[10px] bg-green-100 text-green-800 px-1.5 py-0.5 rounded-full font-bold uppercase",children:"On Sale"})]}),s.jsxs("p",{className:"text-xs text-gray-600",children:[e.blurb," · ",e.remaining," left"]})]}),s.jsxs("div",{className:"text-right",children:[s.jsx("span",{className:"text-xl font-bold text-gray-900",style:l?{color:z.primaryColor}:void 0,children:K(e.price)}),s.jsx("p",{className:"text-[10px] text-gray-600",children:"per person"})]})]})},e.name)})})]}),s.jsxs("div",{className:"p-5 sm:p-6 border-t border-gray-100 space-y-5",children:[s.jsxs("div",{className:"text-center",children:[s.jsx("h2",{className:"text-xl font-bold text-gray-900",children:"Get your tickets"}),s.jsx("p",{className:"text-gray-500 text-sm mt-1",children:"Secure your spot in a few taps."})]}),s.jsxs("div",{className:"bg-gray-50 rounded-2xl p-4 border border-gray-100 space-y-3",children:[s.jsxs("div",{className:"flex items-start justify-between gap-3",children:[s.jsxs("span",{className:"text-xs font-bold uppercase tracking-wider text-gray-600 flex items-center gap-1.5 shrink-0",children:[s.jsx(_,{className:"w-3.5 h-3.5"})," Date"]}),s.jsx("span",{className:"text-sm font-bold text-gray-900 text-right",children:e})]}),s.jsxs("div",{className:"flex items-start justify-between gap-3",children:[s.jsxs("span",{className:"text-xs font-bold uppercase tracking-wider text-gray-600 flex items-center gap-1.5 shrink-0",children:[s.jsx(A,{className:"w-3.5 h-3.5"})," Time"]}),s.jsx("span",{className:"text-sm font-bold text-gray-900 text-right",children:$})]}),s.jsxs("div",{className:"flex items-start justify-between gap-3",children:[s.jsxs("span",{className:"text-xs font-bold uppercase tracking-wider text-gray-600 flex items-center gap-1.5 shrink-0",children:[s.jsx(i,{className:"w-3.5 h-3.5"})," ",d.name]}),s.jsx("span",{className:"text-sm font-bold text-gray-900 text-right",children:K(d.price)})]})]}),s.jsxs("div",{className:"space-y-1.5",children:[s.jsxs("div",{className:"flex justify-between text-xs font-medium",children:[s.jsxs("span",{className:"text-gray-600",children:[g," tickets remaining"]}),s.jsxs("span",{className:"text-gray-600",children:[W," / ",V]})]}),s.jsx("div",{className:"w-full h-2 bg-gray-100 rounded-full overflow-hidden",children:s.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${u}%`,backgroundColor:u>80?"#f59e0b":z.primaryColor}})})]}),s.jsxs("div",{className:"space-y-1.5 pt-1",children:[s.jsxs("div",{className:"flex items-center",children:[s.jsx("label",{htmlFor:"demo-ticket-qty",className:"text-xs font-bold uppercase tracking-wider text-gray-600",children:"Number of Tickets"}),s.jsxs("span",{className:"ml-2 text-[11px] text-gray-600",children:["max ",6," per order"]})]}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("button",{type:"button",disabled:r<=1,"aria-label":"Decrease quantity",onClick:()=>l(e=>Math.max(1,e-1)),className:"h-10 w-10 rounded-xl border border-gray-200 bg-white text-gray-700 font-bold text-lg transition-colors hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed",children:"−"}),s.jsx("span",{id:"demo-ticket-qty",className:"text-lg font-bold w-8 text-center","aria-live":"polite",children:r}),s.jsx("button",{type:"button",disabled:r>=6,"aria-label":"Increase quantity",onClick:()=>l(e=>Math.min(6,e+1)),className:"h-10 w-10 rounded-xl border border-gray-200 bg-white text-gray-700 font-bold text-lg transition-colors hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed",children:"+"}),s.jsxs("span",{className:"text-sm font-medium text-gray-500 ml-auto",children:["Tickets: ",s.jsx("strong",{children:K(x)})]})]})]}),s.jsxs("div",{className:"rounded-xl border border-gray-200 bg-gray-50 p-3 space-y-1.5 text-sm",children:[s.jsxs("div",{className:"flex items-center justify-between text-gray-600",children:[s.jsxs("span",{children:["Tickets (",r," × ",K(d.price),")"]}),s.jsx("span",{className:"font-medium",children:K(x)})]}),s.jsxs("div",{className:"flex items-center justify-between text-gray-600",children:[s.jsx("span",{children:"Booking fee"}),s.jsx("span",{className:"font-medium",children:K(p)})]}),s.jsxs("div",{className:"flex items-center justify-between pt-1.5 border-t border-gray-200 text-gray-900",children:[s.jsx("span",{className:"font-bold",children:"Total"}),s.jsx("span",{className:"font-bold",style:{color:z.primaryColor},children:K(h)})]})]}),s.jsxs("button",{type:"button",onClick:()=>{m("marketing_cta_clicked",{cta_id:"demo_events_step1_continue",source_page:"/demo/events"}),n()}

1,className:"w-full h-12 sm:h-14 rounded-2xl text-base sm:text-lg font-bold shadow-lg text-white transition-all hover:scale-[1.02] active:scale-95 flex items-center justify-center gap-2",style:{backgroundColor:z.primaryColor},children:["Continue ",s.jsx(q,{className:"h-4 w-4"})]})]})]})}function Z({selectedTierIndex:e,quantity:t,email:a,setEmail:r,firstName:n,setFirstName:i,lastName:o,setLastName:c,onNext:d,onBack:x}){const p=Q[e],h=p.price*t,g=J(h,t),b=h+g,f=/\S+@\S+\.\S+/.test(a.trim())&&n.trim().length>0&&o.trim().length>0;return s.jsxs("div",{className:"p-5 sm:p-6 space-y-5",children:[s.jsxs("div",{className:"text-center",children:[s.jsx("h2",{className:"text-xl font-bold text-gray-900",children:"Your details"}),s.jsx("p",{className:"text-gray-500 text-sm mt-1",children:"Nearly there — who are the tickets for?"})]}),s.jsxs("div",{className:"rounded-xl border border-gray-200 bg-gray-50 p-3 space-y-1.5 text-sm",children:[s.jsxs("div",{className:"flex items-center justify-between gap-3 text-gray-600",children:[s.jsxs("span",{className:"font-medium",children:[t," × ",p.name]}),s.jsx("span",{className:"font-medium",children:K(h)})]}),s.jsxs("div",{className:"flex items-center justify-between gap-3 text-gray-600",children:[s.jsx("span",{className:"font-medium",children:"Booking fee"}),s.jsx("span",{className:"font-medium",children:K(g)})]}),s.jsxs("div",{className:"flex items-center justify-between gap-3 pt-1.5 border-t border-gray-200",children:[s.jsx("span",{className:"font-bold text-gray-900",children:"Total"}),s.jsx("span",{className:"font-bold",style:{color:z.primaryColor},children:K(b)})]})]}),s.jsxs("div",{className:"space-y-1.5",children:[s.jsxs("label",{htmlFor:"demo-evt-email",className:"text-gray-700 font-bold flex items-center gap-2 text-sm",children:[s.jsx(F,{size:14,className:"text-gray-600"})," Email Address ",s.jsx("span",{className:"text-red-500",children:"*"})]}),s.jsx("input",{id:"demo-evt-email",type:"email",value:a,onChange:e=>r(e.target.value),placeholder:"[email protected]",autoComplete:"email",className:"w-full h-12 sm:h-13 rounded-xl bg-gray-50 border border-gray-200 focus:bg-white focus:border-amber-700 focus:outline-none focus:ring-2 focus:ring-amber-700/20 text-base px-4 transition-all"})]}),s.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4",children:[s.jsxs("div",{className:"space-y-1.5",children:[s.jsxs("label",{htmlFor:"demo-evt-first",className:"text-gray-700 font-bold flex items-center gap-2 text-sm",children:[s.jsx(I,{size:14,className:"text-gray-600"})," First Name ",s.jsx("span",{className:"text-red-500",children:"*"})]}),s.jsx("input",{id:"demo-evt-first",type:"text",value:n,onChange:e=>i(e.target.value),placeholder:"John",className:"w-full h-12 sm:h-13 rounded-xl bg-gray-50 border border-gray-200 focus:bg-white focus:border-amber-700 focus:outline-none focus:ring-2 focus:ring-amber-700/20 text-base px-4 transition-all"})]}),s.jsxs("div",{className:"space-y-1.5",children:[s.jsxs("label",{htmlFor:"demo-evt-last",className:"text-gray-700 font-bold text-sm",children:["Last Name ",s.jsx("span",{className:"text-red-500",children:"*"})]}),s.jsx("input",{id:"demo-evt-last",type:"text",value:o,onChange:e=>c(e.target.value),placeholder:"Smith",className:"w-full h-12 sm:h-13 rounded-xl bg-gray-50 border border-gray-200 focus:bg-white focus:border-amber-700 focus:outline-none focus:ring-2 focus:ring-amber-700/20 text-base px-4 transition-all"})]})]}),s.jsx(u,{baseClassName:"text-[9px] text-gray-600 text-center"}),s.jsxs("div",{className:"flex gap-3",children:[s.jsxs("button",{type:"button",onClick:x,className:"flex-1 h-12 sm:h-14 rounded-2xl font-bold text-base border border-gray-200 bg-white text-gray-700 hover:bg-gray-50 transition-colors inline-flex items-center justify-center",children:[s.jsx(l,{className:"mr-2 h-4 w-4"})," Back"]}),s.jsxs("button",{type:"button",disabled:!f,onClick:()=>{m("marketing_cta_clicked",{cta_id:"demo_events_step2_continue",source_page:"/demo/events"}),d()},className:"flex-1 h-12 sm:h-14 rounded-2xl text-base sm:text-lg font-bold shadow-lg text-white transition-all hover:scale-[1.02] active:scale-95 disabled:opacity-50 disabled:hover:scale-100 disabled:cursor-not-allowed flex items-center justify-center gap-2",style:{backgroundColor:z.primaryColor},children:["Continue ",s.jsx(q,{className:"h-4 w-4"})]})]})]})}function ee({selectedTierIndex:e,quantity:t,onPaid:a,onBack:r}){const n=Q[e].price*t,i=n+J(n,t),[o,c]=h.useState(!1),x=h.useRef(null);h.useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]);return s.jsxs("div",{className:"p-5 sm:p-6 space-y-5",children:[s.jsxs("div",{className:"text-center",children:[s.jsx("h2",{className:"text-xl font-bold text-gray-900",children:"Payment"}),s.jsx("p",{className:"text-gray-500 text-sm mt-1",children:"Pay securely to confirm your tickets."})]}),s.jsxs("form",{onSubmit:e=>{e.preventDefault(),o||(m("marketing_cta_clicked",{cta_id:"demo_events_step3_pay",source_page:"/demo/events"}),c(!0),x.current=setTimeout(()=>a(),900))},className:"space-y-4",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsxs("label",{className:"text-xs font-bold uppercase tracking-wider text-gray-500",children:["Payment: ",K(i)]}),s.jsxs("div",{className:"p-4 border border-gray-200 rounded-xl bg-slate-50/50 space-y-3",children:[s.jsxs("div",{children:[s.jsx("label",{className:"text-[11px] font-bold text-gray-500 uppercase tracking-wider",children:"Card number"}),s.jsx("div",{className:"mt-1 h-10 rounded-md border border-gray-200 bg-white px-3 flex items-center text-sm font-medium tabular-nums text-gray-700",children:"4242 4242 4242 4242"})]}),s.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[s.jsxs("div",{children:[s.jsx("label",{className:"text-[11px] font-bold text-gray-500 uppercase tracking-wider",children:"Expiry"}),s.jsx("div",{className:"mt-1 h-10 rounded-md border border-gray-200 bg-white px-3 flex items-center text-sm font-medium tabular-nums text-gray-700",children:"12 / 28"})]}),s.jsxs("div",{children:[s.jsx("label",{className:"text-[11px] font-bold text-gray-500 uppercase tracking-wider",children:"CVC"}),s.jsx("div",{className:"mt-1 h-10 rounded-md border border-gray-200 bg-white px-3 flex items-center text-sm font-medium tabular-nums text-gray-700",children:"123"})]})]}),s.jsxs("div",{className:"flex items-center gap-1.5 text-[11px] text-gray-500 pt-1",children:[s.jsx(L,{size:11})," Secured by Stripe"]})]})]}),s.jsxs("div",{className:"flex gap-3",children:[s.jsxs("button",{type:"button",onClick:r,disabled:o,className:"flex-1 h-12 sm:h-14 roun

1ded-2xl font-bold text-base border border-gray-200 bg-white text-gray-700 hover:bg-gray-50 transition-colors inline-flex items-center justify-center disabled:opacity-50",children:[s.jsx(l,{className:"mr-2 h-4 w-4"})," Back"]}),s.jsxs("button",{type:"submit",disabled:o,className:"flex-1 h-12 sm:h-14 rounded-2xl text-base sm:text-lg font-bold shadow-lg text-white transition-all hover:scale-[1.02] active:scale-95 disabled:opacity-70 flex items-center justify-center gap-2 bg-green-700 hover:bg-green-800",children:[o?s.jsx(d,{className:"h-4 w-4 animate-spin"}):s.jsx(B,{className:"h-4 w-4"}),o?"Processing…":`Pay ${K(i)}`]})]}),s.jsx("p",{className:"text-center text-[11px] text-gray-600",children:"Demo only — no real card charged."})]})]})}const se={bg:a.primaryColor,fg:"#ffffff",label:"rgba(255,255,255,0.7)"};function te({selectedTierIndex:e,quantity:a,firstName:r,lastName:o,eventDatePass:c,eventDateShort:d,onReplay:m}){const x=Q[e],p=`${r||"John"} ${o||"Smith"}`.trim();return s.jsxs("div",{className:"min-h-dvh bg-slate-50 font-sans flex flex-col relative",children:[s.jsx(t,{title:"Event Ticket Demo — Try It Live | ResoFlow",description:"Buy a sample event ticket end to end — pick a tier, check out, and get a scannable ticket. See exactly what your guests experience booking a ticketed event.",path:"/demo/events",ogImage:"https://resoflow.co.uk/og/og-demo-events.png"}),s.jsx("div",{className:"h-2 w-full",style:{backgroundColor:z.primaryColor}}),s.jsxs("div",{className:"w-full max-w-md mx-auto flex items-center justify-between px-4 pt-4",children:[s.jsx(O,{}),s.jsxs(g,{to:"/demo",className:"inline-flex items-center gap-1.5 rounded-full border border-slate-200 bg-white px-3 py-1.5 text-xs font-bold text-slate-700 transition-colors hover:border-slate-300 hover:bg-slate-50",children:[s.jsx(l,{size:13})," Demos"]})]}),s.jsxs("div",{className:"evt-success-pop flex-1 w-full max-w-md mx-auto px-4 pt-6 pb-8 space-y-6 flex flex-col",children:[s.jsxs("div",{className:"text-center space-y-2",children:[s.jsx(w,{logoUrl:z.logoUrl,venueName:z.name,heightClassName:"h-14",fallback:"none",className:"mx-auto mb-2"}),s.jsxs("div",{className:"inline-flex items-center gap-1.5 rounded-full bg-green-50 px-3 py-1 text-xs font-bold text-green-700 ring-1 ring-green-200",children:[s.jsx(n,{size:13})," Ticket confirmed"]}),s.jsx("h1",{className:"text-2xl md:text-3xl font-bold text-slate-900 tracking-tight leading-tight",children:R})]}),s.jsxs("div",{className:"rounded-2xl bg-white shadow-xl shadow-slate-200/50 overflow-hidden relative",children:[s.jsx("div",{className:"absolute left-0 top-1/2 -translate-y-1/2 -translate-x-1/2 w-8 h-8 bg-slate-50 rounded-full z-10"}),s.jsx("div",{className:"absolute right-0 top-1/2 -translate-y-1/2 translate-x-1/2 w-8 h-8 bg-slate-50 rounded-full z-10"}),s.jsx(N,{colours:se,logoUrl:z.logoUrl,logoText:z.name,dateValue:c,stripSlot:s.jsx(v,{src:z.coverPhotoUrl,alt:R,className:"w-full object-cover",style:{aspectRatio:k}}),eventName:R,timeValue:M,venueValue:z.address,className:"rounded-none shadow-none",qrSlot:s.jsxs("div",{className:"bg-white rounded-2xl p-4 shadow-sm flex flex-col items-center",children:[s.jsxs("div",{className:"relative inline-block",children:[s.jsx(C,{className:"w-52 sm:w-56 !shadow-none"}),s.jsx("span",{className:"evt-qr-sheen","aria-hidden":"true"})]}),s.jsxs("div",{className:"mt-3 flex items-center justify-center gap-2 px-4 py-2 bg-slate-50 rounded-full border border-slate-100",children:[s.jsx("span",{className:"evt-live-dot w-2 h-2 rounded-full bg-blue-500"}),s.jsx("span",{className:"text-xs font-bold text-slate-600 uppercase tracking-widest",children:"Present at Entry"})]})]})}),s.jsxs("div",{className:"p-6 bg-slate-50 space-y-4",children:[s.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[s.jsxs("div",{className:"space-y-1",children:[s.jsxs("div",{className:"flex items-center gap-1.5 text-slate-600",children:[s.jsx(I,{className:"w-4 h-4"}),s.jsx("span",{className:"text-xs font-bold uppercase",children:"Guest"})]}),s.jsx("p",{className:"font-medium text-slate-900 truncate",children:p})]}),s.jsxs("div",{className:"space-y-1",children:[s.jsxs("div",{className:"flex items-center gap-1.5 text-slate-600",children:[s.jsx(i,{className:"w-4 h-4"}),s.jsx("span",{className:"text-xs font-bold uppercase",children:"Tickets"})]}),s.jsxs("p",{className:"font-medium text-slate-900",children:[a," — ",x.name]})]}),s.jsxs("div",{className:"space-y-1",children:[s.jsxs("div",{className:"flex items-center gap-1.5 text-slate-600",children:[s.jsx(_,{className:"w-4 h-4"}),s.jsx("span",{className:"text-xs font-bold uppercase",children:"Date"})]}),s.jsx("p",{className:"font-medium text-slate-900",children:d})]}),s.jsxs("div",{className:"space-y-1",children:[s.jsxs("div",{className:"flex items-center gap-1.5 text-slate-600",children:[s.jsx(A,{className:"w-4 h-4"}),s.jsx("span",{className:"text-xs font-bold uppercase",children:"Time"})]}),s.jsx("p",{className:"font-medium text-slate-900",children:$})]})]}),s.jsx("div",{className:"pt-4 border-t border-slate-200/60 text-center",children:s.jsx("p",{className:"text-xs text-slate-600 font-mono tracking-widest",children:"CL-7F3K9Q"})})]})]}),s.jsxs("div",{className:"space-y-2.5",children:[s.jsxs("div",{className:"space-y-1",children:[s.jsx("p",{className:"text-center text-[11px] font-bold uppercase tracking-widest text-slate-600",children:"Save your ticket"}),s.jsx("p",{className:"text-center text-xs text-slate-500",children:"Add to your wallet for fast entry at the door."})]}),s.jsxs("div",{className:"flex items-center justify-center gap-3",children:[s.jsx("img",{src:"/wallet/apple.png",alt:"Add to Apple Wallet",className:"h-11 w-auto opacity-95",draggable:!1}),s.jsx("img",{src:"/wallet/google.png",alt:"Save to Google Wallet",className:"h-11 w-auto opacity-95",draggable:!1})]}),s.jsxs("div",{className:"w-full h-12 rounded-xl bg-white border border-slate-200 text-slate-700 font-medium flex items-center justify-center gap-2",children:[s.jsx(E,{className:"w-4 h-4 text-slate-600"})," Add to Calendar"]})]}),s.jsx("div",{className:"pt-2 border-t border-slate-200/70",children:s.jsx(j,{onReplay:m,sourcePage:"/demo/events",heading:"That's the flow — now it's your turn.",subline:"Sell tickets in minutes — every sale lands in your dashboard, with a scannable QR at the door. Set yours up in minutes."})})]})]})}function ae(){e(),f("events");const[a,l]=h.useState(1),[n,i]=h.useState(0),[o,c]=h.useState(1),[d,m]=h.useState("[email protected]"),[x,p]=h.useState("Olivia"),[u,j]=h.useState("Hartley"),N=function(){const e=y();return h.useMemo(()=>

1{if(!e)return null;const s=new Date;for(s.setHours(0,0,0,0),s.setDate(s.getDate()+24);6!==s.getDay();)s.setDate(s.getDate()+1);return s},[e])}(),v=N?S(N):"—",k=N?D(N):"—",C=k,I=N?T(N):"—",A=()=>{l(1),i(0),c(1),m(""),p(""),j("")};return 4===a?s.jsx(te,{selectedTierIndex:n,quantity:o,firstName:x,lastName:u,eventDatePass:C,eventDateShort:I,onReplay:A}):s.jsxs("div",{className:"min-h-dvh flex flex-col bg-gray-50",children:[s.jsx(t,{title:"Event Ticket Demo — Try It Live | ResoFlow",description:"Buy a sample event ticket end to end — pick a tier, check out, and get a scannable ticket. See exactly what your guests experience booking a ticketed event.",path:"/demo/events",ogImage:"https://resoflow.co.uk/og/og-demo-events.png"}),s.jsx(b,{demo:"events",children:s.jsx(O,{})}),s.jsxs("div",{className:"w-full h-44 sm:h-56 relative shrink-0 overflow-hidden bg-slate-200",children:[s.jsxs("picture",{children:[s.jsx("source",{srcSet:z.coverPhotoUrl.replace(/\.jpg$/,".avif"),type:"image/avif"}),s.jsx("source",{srcSet:z.coverPhotoUrl.replace(/\.jpg$/,".webp"),type:"image/webp"}),s.jsx("img",{src:z.coverPhotoUrl,alt:"","aria-hidden":"true",width:1600,height:1067,className:"absolute inset-0 h-full w-full object-cover object-center",decoding:"async"})]}),s.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent"})]}),s.jsxs("main",{className:"flex-1 max-w-xl w-full mx-auto relative z-10 pb-8 px-4 -mt-12 md:-mt-20",children:[s.jsxs("div",{className:"bg-white rounded-3xl shadow-xl border border-gray-100 flex flex-col",children:[s.jsxs("div",{className:"p-6 pb-5 text-center border-b border-gray-100 relative",children:[s.jsx(w,{logoUrl:z.logoUrl,venueName:z.name,heightClassName:"h-16 sm:h-20",fallback:"none",className:"mx-auto -mt-12 sm:-mt-16 mb-3"}),s.jsx("h1",{className:"text-xl sm:text-2xl font-black text-gray-900 leading-tight tracking-tight mb-2",children:R}),s.jsxs("div",{className:"inline-flex items-center justify-center gap-2 px-3 py-1 rounded-full text-sm font-bold mt-1",style:{backgroundColor:z.primaryColor+"14",color:z.primaryColor},children:[s.jsx(_,{className:"w-3.5 h-3.5"})," ",z.name," · ",k]}),s.jsxs("div",{className:"mt-4 pt-4 border-t border-gray-100 flex flex-col items-center gap-2 text-sm text-gray-600",children:[s.jsxs("span",{className:"flex items-center gap-2 max-w-xs",children:[s.jsx(P,{className:"w-4 h-4 text-gray-600 shrink-0","aria-hidden":"true"}),s.jsx("span",{className:"font-semibold text-gray-700",children:z.address})]}),s.jsxs("span",{className:"flex items-center gap-2",children:[s.jsx(r,{className:"w-4 h-4 text-gray-600 shrink-0","aria-hidden":"true"}),s.jsx("span",{className:"font-semibold text-gray-700",children:z.phone})]})]})]}),s.jsx(Y,{step:a}),1===a&&s.jsx(X,{eventDateLong:v,selectedTierIndex:n,setSelectedTierIndex:i,quantity:o,setQuantity:c,onNext:()=>l(2)}),2===a&&s.jsx(Z,{selectedTierIndex:n,quantity:o,email:d,setEmail:m,firstName:x,setFirstName:p,lastName:u,setLastName:j,onNext:()=>l(3),onBack:()=>l(1)}),3===a&&s.jsx(ee,{selectedTierIndex:n,quantity:o,onPaid:()=>l(4),onBack:()=>l(2)})]}),s.jsxs("div",{className:"mt-6 text-center text-xs text-gray-600",children:["Powered by"," ",s.jsx(g,{to:"/",className:"font-bold text-gray-600 hover:text-gray-900",children:"ResoFlow"})," ","· Sample event flow"]})]})]})}export{ae as DemoEventsPage,ae as default};
2//# sourceMappingURL=DemoEventsPage-teOpyXtF.js.map