@ticketlayer/elements 0.4.0 → 1.0.0

package/dist/components/ticket-selector.js

@@ -0,0 +1 @@
+const e={get:()=>null,set:()=>{}},t={get:()=>null},r=["discovery","purchase","cart","checkout","account","tickets"],n=["web","native"];function o(e){const t=t=>{throw new Error(`[elements-core] ${e.tag||"<no tag>"}: ${t}`)};/^tl-[a-z0-9]+(-[a-z0-9]+)*$/.test(e.tag)||t("tag must look like tl-something"),r.includes(e.category)||t(`category must be one of ${r.join(", ")}`),e.runtimes.length&&!e.runtimes.some((e=>!n.includes(e)))||t(`runtimes must be a non-empty subset of ${n.join(", ")}`),new Set(e.tokens).size!==e.tokens.length&&t("tokens must not repeat"),e.statuses.length||t("statuses must not be empty");for(const[r,n]of Object.entries(e.events))/^tl[A-Z]/.test(r)||t(`event ${r} must be named tlSomething`),n.detail||t(`event ${r} must state its detail type`);for(const[r,n]of Object.entries(e.props))n.required&&void 0!==n.default&&t(`prop ${r} is required and has a default`);return Object.freeze({...e})}function a(r,n={}){const o={};for(const[e,t]of Object.entries(r.props))void 0!==t.default&&(o[e]=t.default);let a={...o,...n.props??{}};const i={...r.strings,...n.strings??{}},d=n.locale??"en-GB",l=n.currency??"GBP";let c=s(n.client),u=r.state(a),g=!1;const m=new Set,p=new Set,y=(e,t)=>new Intl.NumberFormat(d,{style:"currency",currency:t||l}).format(e/100),f=n.storage??e,h=n.query??t,b=()=>{const e={props:a,state:u,strings:i,formatMoney:y};return{status:r.status(e),props:a,state:u,strings:i,derived:r.derive(e)}},w=()=>{if(g)return;const e=b();for(const t of[...p])t(e)},v={get props(){return a},get state(){return u},strings:i,formatMoney:y,setState(e){if(g)return;const t="function"==typeof e?e(u):e;u={...u,...t},w()},emit(e,t){if(!r.events[e])throw new Error(`[elements-core] ${r.tag}: ${e} is not a declared event`);n.emit?.(e,t)},client(){const e=c();if(!e)throw new Error(`[elements-core] ${r.tag}: no client. A harness hands the core the client the host published.`);return e},optionalClient(){try{return c()}catch{return null}},storage:f,query:h,whenClient:async()=>{n.clientReady&&await n.clientReady();const e=c();if(!e)throw new Error(`[elements-core] ${r.tag}: no client. A harness hands the core the client the host published.`);return e},after(e,t){if(g)return;const r=setTimeout((()=>{m.delete(r),g||t()}),e);m.add(r)}},k=r.actions(v);let E=null,C=[];const T=e=>{if(E!==e)return;E=null;const t=C;C=[];for(const e of t.reverse())e()};return{core:r,get props(){return a},get state(){return u},get view(){return b()},actions:k,setProps(e){g||(a={...a,...e},w())},setClient(e){c=s(e)},subscribe:e=>(p.add(e),()=>{p.delete(e)}),mount:()=>{if(g)return()=>{};E&&T(E);const e={};E=e;const t=()=>E===e&&!g,n=r.mount?.({...v,get props(){return a},get state(){return u},actions:k,active:t,onTeardown(e){t()?C.push(e):e()}});return"function"==typeof n&&(t()?C.push(n):n()),()=>T(e)},get mounted(){return null!==E},destroy(){E&&T(E),g=!0;for(const e of m)clearTimeout(e);m.clear(),p.clear()}}}function s(e){return"function"==typeof e?e:()=>e??null}const i="Booking fee";function d(e){return"number"==typeof e?Number.isInteger(e)?e:null:"string"==typeof e&&/^-?\d+$/.test(e)?Number(e):null}function l(e,t){return null===e?t:e>0||t}const c=e=>e.type||"ticket";function u(e,t="GBP"){if(null==e||""===e)return"";const r=new Intl.NumberFormat("en-GB",{style:"currency",currency:t});if("number"==typeof e)return r.format(e/100);const n=Number(e);return Number.isNaN(n)?String(e):r.format(n)}function g(e){return(e.items??[]).filter((e=>!e.type||"ticket"===e.type))}function m(e){return e.eventName||g(e)[0]?.name||e.items?.[0]?.name||null}function p(e){switch(e){case"confirmed":return"success";case"completed":case"fulfilled":return"info";case"pending":case"processing":return"warning";case"cancelled":case"expired":case"failed":return"error";default:return"muted"}}function y(e,t){return e instanceof Error&&e.message?e.message:t}const f={available:"state-available",soldOut:"state-sold-out",waitlist:"state-waitlist",comingSoon:"state-coming-soon"},h=["soldOut","comingSoon"],b=e=>!e.disabled&&!h.includes(e.state);function w(e,t){const r=e/100,n=r%1!=0;return new Intl.NumberFormat("en-GB",{style:"currency",currency:t,minimumFractionDigits:n?2:0,maximumFractionDigits:n?2:0}).format(r)}const v=o({tag:"tl-buy-tickets-button",docs:"A buy-tickets button in one of four sale states, which opens the purchase modal.",category:"purchase",runtimes:["web"],tokens:["error","error-foreground","font-family","info","info-foreground","primary","primary-foreground","radius-lg","radius-md","radius-sm","warning","warning-foreground"],sdkMethods:["event.openModal"],props:{eventId:{type:"string",attr:"event-id",required:!0,docs:"Event ID to purchase tickets for"},occurrenceId:{type:"string",tsType:"string | undefined",attr:"occurrence-id",docs:"Optional pre-selected occurrence ID"},state:{type:"string",tsType:'"available" | "comingSoon" | "soldOut" | "waitlist"',attr:"state",default:"available",docs:"Button state - determines colour, label, and icon"},label:{type:"string",tsType:"string | undefined",attr:"label",docs:"Button label override (default depends on state)"},variant:{type:"string",tsType:'"outline" | "primary" | "secondary"',attr:"variant",default:"primary",docs:"Button variant"},size:{type:"string",tsType:'"lg" | "md" | "sm"',attr:"size",default:"md",docs:"Button size"},fullWidth:{type:"boolean",attr:"full-width",default:!1,docs:"Full width button"},price:{type:"number",tsType:"number | undefined",attr:"price",docs:"Price to display (in minor units e.g. pence)"},currency:{type:"string",attr:"currency",default:"GBP",docs:"Currency code for price formatting"},pricePrefix:{type:"string",attr:"price-prefix",default:"From",docs:"Show price prefix text"},disabled:{type:"boolean",attr:"disabled",default:!1,docs:"Disabled state"}},events:{tlClick:{detail:"{ eventId: string; occurrenceId?: string | undefined; }",docs:"Emitted when button is clicked (before modal opens)"}},strings:{available:"Buy Tickets",soldOut:"Sold Out",waitlist:"Join Waitlist",comingSoon:"On Sale Soon"},statuses:["ready","disabled"],state:()=>({}),status:({props:e})=>b(e)?"ready":"disabled",derive:({props:e,strings:t})=>({interactive:b(e),buttonLabel:e.label||t[e.state],stateClass:f[e.state],priceLabel:void 0===e.price?null:w(e.price,e.currency)}),actions:e=>({activate(){if(!b(e.props))return;e.emit("tlClick",{eventId:e.props.eventId,occurrenceId:e.props.occurrenceId});const t=e.optionalClient();if(t&&t.event)try{t.event(e.props.eventId).openModal({occurrenceId:e.props.occurrenceId})}catch{}}})}),k=o({tag:"tl-buy-tickets-wrapper",docs:"Wrap any content and open the purchase modal when it is activated.",category:"purchase",runtimes:["web"],tokens:["radius-sm","ring"],sdkMethods:["event.openModal"],props:{eventId:{type:"string",attr:"event-id",required:!0,docs:"The event ID to purchase tickets for"},occurrenceId:{type:"string",tsType:"string | undefined",attr:"occurrence-id",docs:"Optional specific occurrence ID (skips occurrence selector)"},disabled:{type:"boolean",attr:"disabled",default:!1,docs:"Whether the wrapper is disabled"}},events:{tlComplete:{detail:"OrderResult",docs:"Emitted when purchase completes successfully"},tlError:{detail:"{ message: string; }",docs:"Emitted when an error occurs"},tlClose:{detail:"void",docs:"Emitted when the modal closes"}},strings:{noClient:"SDK not initialized",notAvailable:"Tickets are not available"},statuses:["ready","disabled"],state:()=>({}),status:({props:e})=>e.disabled?"disabled":"ready",derive:({props:e})=>({interactive:!e.disabled}),actions:e=>({activate(){if(e.props.disabled)return;const t=e.optionalClient();t?t.event?t.event(e.props.eventId).openModal({occurrenceId:e.props.occurrenceId,onComplete:t=>e.emit("tlComplete",t),onError:t=>e.emit("tlError",{message:t.message}),onClose:()=>e.emit("tlClose",void 0)}):e.emit("tlError",{message:e.strings.notAvailable}):e.emit("tlError",{message:e.strings.noClient})}})}),E=o({tag:"tl-cart",docs:"The buyer's cart: its lines, the money rows the surface reported and a checkout button.",category:"cart",runtimes:["web","native"],tokens:["background","border","error","error-bg","font-family","foreground","muted","muted-foreground","primary","primary-foreground","radius-md","radius-sm","spacing-1","spacing-2","spacing-3","spacing-4","spacing-8"],sdkMethods:["cart.get","cart.on","cart.removeItem"],props:{showCheckoutButton:{type:"boolean",attr:"show-checkout-button",default:!0,docs:"Show checkout button"},checkoutLabel:{type:"string",attr:"checkout-label",default:"Checkout",docs:"Checkout button label"},showRemoveButtons:{type:"boolean",attr:"show-remove-buttons",default:!0,docs:"Show remove item buttons"},compact:{type:"boolean",attr:"compact",default:!1,docs:"Compact mode - hides some details"}},events:{tlCheckout:{detail:"{ cart: TlCartData; }",docs:"Emitted when checkout is clicked"},tlItemRemoved:{detail:"{ itemId: string; }",docs:"Emitted when item is removed"},tlCartUpdated:{detail:"{ cart: TlCartData; }",docs:"Emitted when cart is updated"},tlError:{detail:"{ message: string; }",docs:"Emitted on error"}},strings:{emptyTitle:"Your cart is empty",emptyMessage:"Add tickets to get started",subtotalRow:"Subtotal",discountRow:"Discount",totalRow:"Total",removeItem:"Remove item",quantityPrefix:"Qty: ",loadFailed:"Failed to load cart",removeFailed:"Failed to remove item"},statuses:["loading","empty","ready"],state:()=>({cart:null,loading:!0,error:null,removingItemId:null}),mount:e=>{(async()=>{let t;try{t=await e.whenClient()}catch(t){if(!e.active())return;return void e.actions.connectFailed(t instanceof Error?t.message:e.strings.loadFailed)}if(!e.active())return;const r=t.getCartManager?.(),n=r?.on?.("cart:updated",(t=>{e.actions.cartUpdated(t)}));"function"==typeof n&&e.onTeardown(n),await e.actions.load()})()},status:({state:e})=>e.loading?"loading":e.cart&&0!==e.cart.items.length?"ready":"empty",derive:e=>{const{state:t,strings:r,props:n,formatMoney:o}=e,a=function(e){const t=e||{},r=Array.isArray(t.items)?t.items:[],n=r.filter((e=>"fee"===c(e))),o=r.filter((e=>"discount"===c(e))),a=d(t.itemsSubtotal)??d(t.subtotal)??r.filter((e=>!["fee","tax","discount"].includes(c(e)))).reduce(((e,t)=>e+(d(t.subtotal)??0)),0),s=n.length?n.reduce(((e,t)=>e+(d(t.subtotal)??0)),0):null,u=d(t.totalFees)??d(t.fees)??s,g=o.length?o.reduce(((e,t)=>e+Math.abs(d(t.subtotal)??0)),0):null,m=d(t.totalDiscounts)??d(t.discount)??g,p=d(t.totalTax)??0,y="string"==typeof t.feeLabel&&!!t.feeLabel||n.some((e=>"string"==typeof e.name&&!!e.name)),f="string"==typeof t.feeLabel&&t.feeLabel||n.map((e=>e.name)).find((e=>"string"==typeof e&&!!e))||i;return{currency:t.currency||"GBP",subtotal:a,fees:u??0,discount:m??0,total:d(t.total)??a+(u??0)+p-(m??0),showFee:"boolean"==typeof t.hasFees?t.hasFees:l(u,y),feeLabel:f}}(t.cart),s=a.currency,u=t.cart?.items??[];return{rows:u.map((e=>{return{id:e.id,name:e.ticketTypeName,eventName:e.eventName,dateLabel:e.occurrenceDate?(a=e.occurrenceDate,new Date(a).toLocaleDateString("en-GB",{weekday:"short",day:"numeric",month:"short",hour:"2-digit",minute:"2-digit"})):null,quantityLabel:`${r.quantityPrefix}${e.quantity}`,priceLabel:o(e.totalPrice,e.currency),removing:t.removingItemId===e.id,showEvent:!n.compact,showDate:!n.compact&&!!e.occurrenceDate};var a})),totals:a,subtotalLabel:o(a.subtotal,s),feeAmountLabel:o(a.fees,s),discountLabel:o(a.discount,s),totalLabel:o(a.total,s),showSubtotalRow:!n.compact,showFeeRow:a.showFee&&!n.compact,showDiscountRow:a.discount>0&&!n.compact,checkoutDisabled:0===u.length}},actions:e=>({async load(){try{e.setState({loading:!0,error:null});const t=e.optionalClient()?.getCartManager?.();if(t){const r=t.get?.bind(t);if(!r)throw new TypeError("cartManager.get is not a function");e.setState({cart:await r()??null})}}catch(t){const r=t instanceof Error?t.message:e.strings.loadFailed;e.setState({error:r}),e.emit("tlError",{message:r})}finally{e.setState({loading:!1})}},cartUpdated(t){e.setState({cart:t}),e.emit("tlCartUpdated",{cart:t})},async removeItem(t){if(e.optionalClient()){e.setState({removingItemId:t});try{const r=e.client().getCartManager?.();if(r){const n=r.removeItem?.bind(r);if(!n)throw new TypeError("cartManager.removeItem is not a function");await n(t),e.emit("tlItemRemoved",{itemId:t})}}catch(t){const r=t instanceof Error?t.message:e.strings.removeFailed;e.setState({error:r}),e.emit("tlError",{message:r})}finally{e.setState({removingItemId:null})}}},checkout(){const t=e.state.cart;t&&t.items.length>0&&e.emit("tlCheckout",{cart:t})},connectFailed(t){const r=t||e.strings.loadFailed;e.setState({error:r,loading:!1}),e.emit("tlError",{message:r})}})}),C="tl_cart_count",T=e=>{const t=e;return"number"==typeof t?.itemCount?t.itemCount:0},I=o({tag:"tl-cart-badge",docs:"A cart icon carrying the number of items in the cart, kept current from the cart bus.",category:"cart",runtimes:["web"],tokens:["font-family","foreground","muted","primary","primary-foreground","radius-md","spacing-1","spacing-2","spacing-3"],sdkMethods:["cart.get","cart.on"],props:{showEmpty:{type:"boolean",attr:"show-empty",default:!1,docs:"Show the badge even when count is 0"},icon:{type:"string",tsType:"string | undefined",attr:"icon",docs:"Custom icon (emoji or text). If not provided, uses cart SVG"},size:{type:"string",tsType:'"lg" | "md" | "sm"',attr:"size",default:"md",docs:"Size variant"},badgeOnly:{type:"boolean",attr:"badge-only",default:!1,docs:"Badge only mode - only shows the count bubble, no icon or button"}},events:{tlClick:{detail:"{ itemCount: number; }",docs:"Emitted when the badge is clicked"}},strings:{ariaPrefix:"Cart with ",ariaSuffix:" items",overflow:"99+"},statuses:["ready"],state:()=>({itemCount:0}),mount:e=>{e.actions.hydrate(),(async()=>{let t;try{t=await e.whenClient()}catch{return}if(!e.active())return;const r=t.getCartManager?.();if(!r)return;const n=r.on?.("cart:updated",(t=>{e.actions.countChanged(T(t))}));"function"==typeof n&&e.onTeardown(n);try{const t=r.get?.bind(r);if(!t)return;const n=await t();if(!e.active())return;e.actions.countChanged(T(n))}catch{}})()},status:()=>"ready",derive:({state:e,props:t,strings:r})=>({displayCount:e.itemCount>99?r.overflow:e.itemCount.toString(),showBadge:e.itemCount>0,renderNothing:t.badgeOnly&&0===e.itemCount,ariaLabel:`${r.ariaPrefix}${e.itemCount}${r.ariaSuffix}`,sizeClass:`size-${t.size}`}),actions:e=>({countChanged(t){e.setState({itemCount:t}),e.storage.set(C,String(t))},hydrate(){const t=e.storage.get(C);e.setState({itemCount:(t?parseInt(t,10):0)||0})},click(){e.emit("tlClick",{itemCount:e.state.itemCount})}})}),S=o({tag:"tl-cart-drawer",docs:"A slide-in panel holding the cart, opened by the cart intent on the client bus.",category:"cart",runtimes:["web"],tokens:["background","border","font-family","foreground","muted","muted-foreground"],sdkMethods:["client.on"],props:{side:{type:"string",tsType:'"left" | "right"',attr:"side",default:"right",docs:"Edge the panel slides in from."},heading:{type:"string",attr:"heading",default:"Your cart",docs:"Heading shown at the top of the panel."},open:{type:"boolean",attr:"open",default:!1,docs:"Controlled open state (also driven by the `ui:cart-requested` intent)."}},events:{tlOpen:{detail:"void",docs:""},tlClose:{detail:"void",docs:""}},strings:{close:"Close cart",privacy:"Privacy Policy",privacyHref:"https://ticketlayer.com/privacy",reportAbuse:"Report Abuse",reportAbuseHref:"https://ticketlayer.com/report-abuse",poweredBy:"Powered by",brand:"ticketlayer",brandHref:"https://ticketlayer.com"},statuses:["open","closed"],state:e=>({visible:e.open}),mount:e=>{e.actions.openChanged(e.props.open),(async()=>{let t;try{t=await e.whenClient()}catch{return}if(!e.active())return;const r=t.on?.("ui:cart-requested",(()=>e.actions.setOpen(!0)));"function"==typeof r&&e.onTeardown(r);const n=t.on?.("ui:modal-close-requested",(()=>e.actions.setOpen(!1)));"function"==typeof n&&e.onTeardown(n)})()},status:({state:e})=>e.visible?"open":"closed",derive:({state:e,props:t})=>({visible:e.visible,sideClass:`panel--${t.side}`,ariaHidden:e.visible?"false":"true"}),actions:e=>({setOpen(t){e.state.visible!==t&&(e.setState({visible:t}),e.emit(t?"tlOpen":"tlClose",void 0))},openChanged(t){e.state.visible!==t&&e.setState({visible:t})}})}),D=o({tag:"tl-checkout-wrapper",docs:"Wrap any content and open the checkout modal when it is activated.",category:"checkout",runtimes:["web"],tokens:["radius-sm","ring"],sdkMethods:["checkout.openModal"],props:{disabled:{type:"boolean",attr:"disabled",default:!1,docs:"Whether the wrapper is disabled"}},events:{tlComplete:{detail:"OrderResult",docs:"Emitted when checkout completes successfully"},tlError:{detail:"{ message: string; }",docs:"Emitted when an error occurs"},tlClose:{detail:"void",docs:"Emitted when the modal closes"}},strings:{noClient:"SDK not initialized",notAvailable:"Checkout is not available"},statuses:["ready","disabled"],state:()=>({}),status:({props:e})=>e.disabled?"disabled":"ready",derive:({props:e})=>({interactive:!e.disabled}),actions:e=>({activate(){if(e.props.disabled)return;const t=e.optionalClient();t?t.checkout?t.checkout.openModal({onComplete:t=>e.emit("tlComplete",t),onError:t=>e.emit("tlError",{message:t.message}),onClose:()=>e.emit("tlClose",void 0)}):e.emit("tlError",{message:e.strings.notAvailable}):e.emit("tlError",{message:e.strings.noClient})}})});function L(e){const t=e.occurrences??[],r=t.map((e=>e.startsAt)).filter((e=>!!e)).sort(),n=Date.now(),o=r.find((e=>new Date(e).getTime()>=n))??r[0],a="sold_out"===e.status||t.length>0&&t.every((e=>"sold_out"===e.status));return{id:e.id,name:e.name,...e.shortDescription?{shortDescription:e.shortDescription}:{},...e.imageUrl?{imageUrl:e.imageUrl}:{},...e.venueName?{venue:{id:e.venueId??"",name:e.venueName,city:e.venueCity??""}}:{},...o?{nextOccurrence:{startsAt:o}}:{},availabilityStatus:a?"sold_out":"available"}}const O=o({tag:"tl-event-card",docs:"One event as a card: its image, name, next date, venue and how it is selling.",category:"discovery",runtimes:["web","native"],tokens:["error","error-foreground","font-family","foreground","muted","muted-foreground","primary","radius-lg","radius-sm","secondary","spacing-4","success","success-foreground","warning","warning-foreground"],sdkMethods:["events.get"],props:{event:{type:"object",tsType:"TlEventCardEvent | undefined",attr:null,docs:"Event data to display (tl-event-list passes this)"},eventId:{type:"string",tsType:"string | undefined",attr:"event-id",docs:"Load the event from the SDK by id when no `event` is given, so a single\ncard works standalone (e.g. on a Webflow page)."}},events:{tlClick:{detail:"{ eventId: string; }",docs:"Emitted when the card is clicked"},tlError:{detail:"{ message: string; }",docs:"Emitted when the event could not be loaded by id"}},strings:{available:"Available",limited:"Limited",soldOut:"Sold Out",notFound:"Event not found",loadFailed:"Failed to load event"},statuses:["loading","error","empty","ready"],state:()=>({loadedEvent:null,loading:!1,error:null}),mount:e=>{!e.props.event&&e.props.eventId&&(e.setState({loading:!0,error:null}),(async()=>{try{await e.whenClient()}catch(t){if(!e.active())return;return void e.actions.loadFailed(t instanceof Error&&t.message?t.message:e.strings.loadFailed)}e.active()&&await e.actions.load()})())},status:({state:e,props:t})=>e.loading?"loading":e.error?"error":t.event||e.loadedEvent?"ready":"empty",derive:({state:e,props:t,strings:r})=>{const n=t.event??e.loadedEvent,o=e=>`status-badge ${e}`,a=n?.availabilityStatus;return{event:n,image:n&&(n.thumbnailUrl||n.imageUrl)||null,statusBadgeClass:"available"===a?o("status-available"):"limited"===a?o("status-limited"):"sold_out"===a?o("status-sold-out"):"status-badge",statusLabel:"available"===a?r.available:"limited"===a?r.limited:"sold_out"===a?r.soldOut:"",dateLabel:n?.nextOccurrence?(s=n.nextOccurrence.startsAt,new Date(s).toLocaleDateString("en-GB",{weekday:"short",day:"numeric",month:"short",hour:"2-digit",minute:"2-digit"})):null,venueLabel:n?.venue?`${n.venue.name}, ${n.venue.city}`:null};var s},actions:e=>({async load(){if(!e.props.event&&e.props.eventId)try{e.setState({loading:!0,error:null});const t=e.client().getEventsManager(),r=t.get?.bind(t);if(!r)throw new TypeError("eventsManager.get is not a function");const n=await r(e.props.eventId);if(!n)throw new Error(e.strings.notFound);e.setState({loadedEvent:L(n)})}catch(t){const r=t instanceof Error&&t.message?t.message:e.strings.loadFailed;e.setState({error:r}),e.emit("tlError",{message:r})}finally{e.setState({loading:!1})}},loadFailed(t){const r=t||e.strings.loadFailed;e.setState({error:r,loading:!1}),e.emit("tlError",{message:r})},click(){const t=e.props.event??e.state.loadedEvent;t&&e.emit("tlClick",{eventId:t.id})}})}),M=o({tag:"tl-event-list",docs:"What the channel is selling, as a grid of event cards, optionally narrowed to one category.",category:"discovery",runtimes:["web","native"],tokens:["error","font-family","foreground","muted","muted-foreground","radius-lg","radius-sm","secondary","spacing-4","spacing-6","spacing-8"],sdkMethods:["events.list"],props:{limit:{type:"number",attr:"limit",default:12,docs:"Maximum number of events to display"},category:{type:"string",tsType:"string | undefined",attr:"category",docs:"Category filter"},columns:{type:"number",attr:"columns",default:3,docs:"Columns for grid layout (1, 2, 3, or 4)"}},events:{tlEventClick:{detail:"{ eventId: string; }",docs:"Emitted when an event card is clicked"}},strings:{errorTitle:"Error loading events",emptyTitle:"No events available",emptyMessage:"Check back later for upcoming events.",loadFailed:"Failed to load events",noListing:"Events are not available"},statuses:["loading","error","empty","ready"],state:()=>({events:[],loading:!0,error:null}),mount:e=>{e.actions.load()},status:({state:e})=>e.loading?"loading":e.error?"error":0===e.events.length?"empty":"ready",derive:({state:e,props:t})=>({events:e.events,columns:Math.min(Math.max(t.columns,1),4)}),actions:e=>({async load(){try{e.setState({loading:!0,error:null});const t=(await e.whenClient()).getEventsManager();if(!t?.list)throw new TypeError(e.strings.noListing);const r=await t.list({limit:e.props.limit,category:e.props.category});e.setState({events:r?.items??[]})}catch(t){e.setState({error:t instanceof Error?t.message:e.strings.loadFailed})}finally{e.setState({loading:!1})}}})}),A=o({tag:"tl-login",docs:"Magic-link sign-in: an email in, a link or a six-digit code back, and a session. No password is ever handled.",category:"account",runtimes:["web","native"],tokens:["background","border","error","font-family","font-family-mono","foreground","muted-foreground","primary","primary-foreground","radius-lg","radius-md","secondary","spacing-3","spacing-4","spacing-6","success"],sdkMethods:["auth.requestMagicLink","auth.exchange","auth.logout","on"],props:{heading:{type:"string",attr:"heading",default:"Sign in",docs:"Heading for the email step."},allowCodeEntry:{type:"boolean",attr:"allow-code-entry",default:!0,docs:'Offer a "enter the code" path alongside the emailed link (default true).'}},events:{tlAuthChanged:{detail:"TlAuthChanged",docs:"signed in or out ({ customer, authenticated })"},tlMagicLinkSent:{detail:"{ email: string; }",docs:"a link was requested for an email"},tlError:{detail:"{ message: string; }",docs:"request or code exchange failed"}},strings:{signedInPrefix:"Signed in as ",fallbackAccount:"your account",signOut:"Sign out",verifyingTitle:"Signing you in…",verifyingLead:"Just a moment.",sentTitle:"Check your inbox",sentLeadBefore:"We've sent a sign-in link to ",sentLeadAfter:". Open it on this device to continue.",sentAgain:"Sent again. Check your inbox.",resendLink:"Resend link",resending:"Sending…",enterCodeInstead:"Enter the code instead",differentEmail:"Use a different email",codeTitle:"Enter your code",codeLeadBefore:"Type the 6-digit code from the email we sent to ",codeLeadAfter:".",codeLabel:"Code",codePlaceholder:"123456",codeSubmit:"Sign in",checking:"Checking…",back:"Back",emailLead:"Enter your email and we'll send you a secure sign-in link. No password needed.",emailLabel:"Email address",emailPlaceholder:"you@example.com",emailSubmit:"Email me a sign-in link",sendingLink:"Sending link…",enterEmail:"Enter your email address",enterCode:"Enter the code from your email",codeRejected:"That code did not work. Check it and try again, or request a new link.",requestFailed:"Could not send your sign-in link",unavailable:"Sign-in is not available right now",unsupported:"Sign-in is not available with this SDK"},statuses:["email","sent","code","verifying","signed-in"],state:()=>({phase:"email",email:"",code:"",busy:!1,error:null,notice:null,customer:null,authAvailable:!1,urlCodeUsed:!1}),mount:e=>{(async()=>{let t;try{t=await e.whenClient()}catch{if(!e.active())return;return void e.actions.connectFailed()}if(!e.active())return;const r=t.getAuthManager?.();if(!r)return void e.actions.unsupported();e.setState({authAvailable:!0}),e.actions.syncFromClient();for(const r of["auth:changed","session:changed"]){const n=t.on?.(r,(()=>e.actions.syncFromClient()));"function"==typeof n&&e.onTeardown(n)}const n=e.state.urlCodeUsed?null:e.query.get("code");n&&(e.setState({urlCodeUsed:!0}),r.authenticated||await e.actions.exchange(n))})()},status:({state:e})=>e.phase,derive:({state:e,strings:t,props:r})=>({signedInEmail:e.customer?.email??t.fallbackAccount,inputsDisabled:e.busy||!e.authAvailable,emailSubmitLabel:e.busy?t.sendingLink:t.emailSubmit,resendLabel:e.busy?t.resending:t.resendLink,codeSubmitLabel:e.busy?t.checking:t.codeSubmit,showCodeEntry:r.allowCodeEntry}),actions:e=>{const t=()=>e.optionalClient()?.getAuthManager?.()??null,r={setEmail(t){e.setState({email:t,error:null})},setCode(t){e.setState({code:t,error:null})},async requestLink(r=!1){const n=e.state.email.trim();if(!n)return void e.setState({error:e.strings.enterEmail});const o=t();if(o){e.setState({busy:!0,error:null,notice:null});try{await o.requestMagicLink({email:n}),e.setState({phase:"sent",notice:r?e.strings.sentAgain:null}),e.emit("tlMagicLinkSent",{email:n})}catch(t){const r=y(t,e.strings.requestFailed);e.setState({error:r}),e.emit("tlError",{message:r})}finally{e.setState({busy:!1})}}},async submitCode(){await r.exchange(e.state.code.trim())},async exchange(r){if(!r)return void e.setState({error:e.strings.enterCode});const n=t();if(!n)return;const o=e.state.phase;e.setState({busy:!0,error:null,phase:"verifying"});try{const t=await n.exchange(r),o=n.customer??t?.customer??null;e.setState({customer:o,phase:"signed-in",code:""}),e.emit("tlAuthChanged",{customer:o,authenticated:!0})}catch{e.setState({phase:"verifying"===o||"email"===o?"email":"code",error:e.strings.codeRejected}),e.emit("tlError",{message:e.strings.codeRejected})}finally{e.setState({busy:!1})}},async signOut(){const r=t();if(r){e.setState({busy:!0});try{await r.logout()}catch{}finally{e.setState({busy:!1,customer:null,phase:"email"}),e.emit("tlAuthChanged",{customer:null,authenticated:!1})}}},goTo(t){e.setState({phase:t})},syncFromClient(){const r=t();r&&(r.authenticated?e.setState({customer:r.customer??null,phase:"signed-in"}):"signed-in"===e.state.phase&&e.setState({customer:null,phase:"email"}))},connectFailed(){e.setState({error:e.strings.unavailable})},unsupported(){e.setState({error:e.strings.unsupported})}};return r}});function F(e){return!(!e||"object"!=typeof e||401!==e.status&&403!==e.status&&"NO_SESSION"!==e.code&&"NOT_AUTHENTICATED"!==e.code)}const x=o({tag:"tl-promo-code",docs:"Redeem a presale or promo code for the current cart.",category:"purchase",runtimes:["web"],tokens:["background","border","error","font-family","font-family-mono","foreground","muted","muted-foreground","primary","primary-foreground","radius-md","spacing-2","spacing-3","spacing-4","success"],sdkMethods:["cart.get","presale.redeem"],props:{placeholder:{type:"string",attr:"placeholder",default:"Promo or presale code",docs:"Input placeholder."},buttonLabel:{type:"string",attr:"button-label",default:"Apply",docs:"Apply button label."}},events:{tlPromoApplied:{detail:"TlPromoApplied",docs:""},tlError:{detail:"{ message: string; }",docs:""}},strings:{applying:"Applying…",codePrefix:"Code ",appliedSuffix:" applied",alreadyHeldSuffix:" was already applied",useDifferent:"Use a different code",enterCode:"Enter a code",notAvailable:"Promo codes are not available",signIn:"Sign in to use this code",rejected:"That code could not be applied"},statuses:["idle","applied"],state:()=>({code:"",applying:!1,applied:null,error:null}),status:({state:e})=>e.applied?"applied":"idle",derive:({state:e,props:t,strings:r})=>({actionLabel:e.applying?r.applying:t.buttonLabel,disabled:e.applying,appliedCode:e.applied?.code??null,appliedSuffix:e.applied?.alreadyHeld?r.alreadyHeldSuffix:r.appliedSuffix}),actions:e=>({setCode(t){e.setState({code:t,error:null})},async apply(){const t=e.state.code.trim();if(t){e.setState({applying:!0,error:null});try{const r=await e.whenClient(),n=r.getPresaleManager?.();if(!n)throw new Error(e.strings.notAvailable);const o=await n.redeem(t),a=await(r.getCartManager?.()?.get?.().catch((()=>null)))??null,s={code:t.toUpperCase(),...o,cart:a};e.setState({applied:s,code:""}),e.emit("tlPromoApplied",s)}catch(t){const r=F(t)?e.strings.signIn:t instanceof Error&&t.message?t.message:e.strings.rejected;e.setState({error:r}),e.emit("tlError",{message:r})}finally{e.setState({applying:!1})}}else e.setState({error:e.strings.enterCode})},reset(){e.setState({applied:null,error:null})}})}),$=o({tag:"tl-my-orders",docs:"The signed-in customer's orders: event, date, ticket count, total and status, each row expanding to its tickets.",category:"account",runtimes:["web","native"],tokens:["background","border","error","error-foreground","font-family","foreground","muted-foreground","primary","primary-foreground","radius-lg","secondary","secondary-foreground","spacing-1","spacing-3","spacing-4","spacing-8","success","success-foreground","warning","warning-foreground"],sdkMethods:["orders.mine","auth.authenticated","on"],props:{emptyMessage:{type:"string",attr:"empty-message",default:"When you buy tickets they'll show up here, ready to view and download.",docs:"Copy for the empty state."},columns:{type:"number",attr:"columns",default:2,docs:"Columns for the expanded ticket grid."}},events:{tlOrderSelect:{detail:"{ orderId: string; }",docs:"a row was expanded ({ orderId })"},tlError:{detail:"{ message: string; }",docs:"the orders could not be loaded"}},strings:{signInTitle:"Sign in to see your orders",signInText:"Your tickets and order history live in your account.",errorTitle:"Could not load your orders",emptyTitle:"No orders yet",orderPrefix:"Order ",unnamedEvent:"Order",ticketSingular:"ticket",ticketPlural:"tickets",unavailable:"Orders are not available right now",noOrdersManager:"Orders are not available",loadFailed:"Failed to load your orders"},statuses:["loading","signed-out","error","empty","ready"],state:()=>({orders:[],authenticated:!1,loading:!0,error:null,expandedId:null}),mount:e=>{(async()=>{let t;try{t=await e.whenClient()}catch{if(!e.active())return;return void e.actions.connectFailed()}if(!e.active())return;const r=t.getAuthManager?.();e.setState({authenticated:!r||r.authenticated});for(const r of["auth:changed","session:changed"]){const n=t.on?.(r,(()=>e.actions.syncAuth()));"function"==typeof n&&e.onTeardown(n)}e.state.authenticated?await e.actions.load():e.setState({loading:!1})})()},status:({state:e})=>e.loading?"loading":e.authenticated?e.error?"error":0===e.orders.length?"empty":"ready":"signed-out",derive:({state:e,strings:t})=>({rows:e.orders.map((r=>{const n=function(e){return g(e).reduce(((e,t)=>e+(Number(t.quantity)||0)),0)||e.tickets?.length||0}(r);return{id:r.id,numberLabel:`${t.orderPrefix}${r.orderNumber}`,eventName:m(r)??t.unnamedEvent,dateLabel:r.createdAt?(a=r.createdAt,new Date(a).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"})):null,countLabel:`${n} ${1===n?t.ticketSingular:t.ticketPlural}`,totalLabel:u(r.total,r.currency),statusLabel:(o=r.status,o?o.replace(/_/g," ").replace(/^\w/,(e=>e.toUpperCase())):""),statusTone:p(r.status),expanded:e.expandedId===r.id};var o,a}))}),actions:e=>{const t={async load(){const t=e.optionalClient();if(t)try{e.setState({loading:!0,error:null});const r=t.getOrdersManager?.();if(!r)throw new Error(e.strings.noOrdersManager);const n=await r.mine();e.setState({orders:n??[],authenticated:!0})}catch(t){if(F(t))e.setState({authenticated:!1,orders:[]});else{const r=y(t,e.strings.loadFailed);e.setState({error:r}),e.emit("tlError",{message:r})}}finally{e.setState({loading:!1})}},syncAuth(){const r=e.optionalClient()?.getAuthManager?.();if(!r)return;const n=e.state.authenticated;e.setState({authenticated:r.authenticated}),r.authenticated&&!n?t.load():!r.authenticated&&n&&e.setState({orders:[],expandedId:null})},toggle(t){const r=e.state.expandedId!==t;e.setState({expandedId:r?t:null}),r&&e.emit("tlOrderSelect",{orderId:t})},connectFailed(){e.setState({loading:!1,error:e.strings.unavailable})}};return t}});function B(e){const t=new Date(e);return t.setHours(0,0,0,0),t}function P(e){return e.toDateString()}function q(e){const t=new Date(e),r=t.getDay();return t.setDate(t.getDate()-(0===r?6:r-1)),t.setHours(0,0,0,0),t}function R(e){return new Date(e.getFullYear(),e.getMonth(),1)}const N=e=>new Date(e.startsAt).getTime(),z=(e,t)=>N(e)-N(t),G=e=>!!e.soldOut||0===e.availableCapacity;function W(e){const t=new Map;for(const r of e){const e=P(B(new Date(r.startsAt))),n=t.get(e);n?n.push(r):t.set(e,[r])}return t}function j(e){if(!e.length)return null;let t=new Date(e[0].startsAt),r=new Date(e[0].startsAt);for(const n of e){const e=new Date(n.startsAt);e<t&&(t=e),e>r&&(r=e)}return{first:t,last:r}}function _(e){const t=j(e);return!!t&&t.first.getMonth()===t.last.getMonth()&&t.first.getFullYear()===t.last.getFullYear()}function U(e){if(!e.length)return null;const t=B(new Date),r=Array.from(W(e).keys()).sort();let n=null;for(const e of r){const r=new Date(e);if(r>=t){n=r;break}}return!n&&r.length&&(n=new Date(r[r.length-1])),n?{selectedDate:n,currentMonth:R(n)}:null}function Y(e){return e.toLocaleDateString("en-GB",{weekday:"long",day:"numeric",month:"long",year:"numeric"})}function H(e){return new Date(e).toLocaleTimeString("en-GB",{hour:"2-digit",minute:"2-digit"})}function Q(e){return{id:e.id,startsAt:e.startsAt,endsAt:e.endsAt,status:e.availabilityStatus,availableCapacity:e.availableCapacity,soldOut:"sold_out"===e.availabilityStatus}}const K=o({tag:"tl-occurrence-selector",docs:"A smart occurrence selector component that fetches and displays event occurrences from the Ticketlayer API.",category:"discovery",runtimes:["web"],tokens:["background","border","font-family","foreground","muted","muted-foreground","primary","primary-foreground","radius-md"],sdkMethods:["events.get"],props:{eventId:{type:"string",attr:"event-id",required:!0,docs:"Event ID to fetch occurrences for"},displayMode:{type:"string",tsType:'"calendar" | "list" | "slots" | undefined',attr:"display-mode",docs:"Force a specific display mode (auto-detected if not set)"},orientation:{type:"string",tsType:'"auto" | "horizontal" | "vertical"',attr:"orientation",default:"auto",docs:"Layout orientation (auto = horizontal on desktop, vertical on mobile)"},theme:{type:"object",tsType:"TlOccurrenceSelectorTheme | undefined",attr:null,docs:"Theme configuration"}},events:{tlSelect:{detail:"{ occurrence: TlOccurrence; }",docs:"Emitted when an occurrence is selected"}},strings:{noEventId:"Event ID is required",noClient:"SDK not initialized.",notFound:"Event not found",loadFailed:"Failed to load occurrences",empty:"No dates available for this event.",retry:"Retry",soldOut:"Sold Out",available:"available",selectADate:"Select a date to see available times",previousMonth:"Previous month",nextMonth:"Next month",weekdayMon:"Mon",weekdayTue:"Tue",weekdayWed:"Wed",weekdayThu:"Thu",weekdayFri:"Fri",weekdaySat:"Sat",weekdaySun:"Sun"},statuses:["loading","error","empty","ready"],state:()=>({loading:!0,error:null,occurrences:[],currentMonth:new Date,selectedDate:null,containerWidth:0}),mount:e=>{e.props.eventId?(async()=>{try{await e.whenClient()}catch(t){if(!e.active())return;return void e.actions.loadFailed(t instanceof Error?t.message:e.strings.noClient)}e.active()&&await e.actions.load()})():e.actions.loadFailed(e.strings.noEventId)},status:({state:e})=>e.loading?"loading":e.error?"error":0===e.occurrences.length?"empty":"ready",derive:({state:e,props:t,strings:r})=>{const{occurrences:n,selectedDate:o}=e,a=W(n),s=j(n),i=t.displayMode?t.displayMode:n.length<=5?"list":1===a.size?"slots":"calendar",d="horizontal"===t.orientation||"vertical"!==t.orientation&&e.containerWidth>=768,l=e=>{const t=G(e),n=H(e.startsAt);return{id:e.id,dateLabel:Y(new Date(e.startsAt)),timeLabel:e.endsAt?`${n} - ${H(e.endsAt)}`:n,startLabel:n,soldOut:t,capacityLabel:e.availableCapacity?`${e.availableCapacity} ${r.available}`:null,statusKind:t?"soldOut":e.availableCapacity?"available":"arrow"}},c=[...n].sort(z),u=o?P(o):null,g=u?[...a.get(u)??[]].sort(z):[],m=B(new Date),p=s?R(s.first):null,y=s?R(s.last):null,f=function(e,t){const r=[];if(function(e){const t=j(e);if(!t)return!1;const r=new Date(q(t.first));return r.setDate(r.getDate()+6),r.setHours(23,59,59,999),t.last<=r}(e)){const t=j(e);if(!t)return r;const n=q(t.first);for(let e=0;e<7;e+=1)r.push(new Date(n)),n.setDate(n.getDate()+1);return r}const n=t.getFullYear(),o=t.getMonth(),a=new Date(n,o,1),s=new Date(n,o+1,0),i=a.getDay(),d=new Date(a);d.setDate(d.getDate()-(0===i?6:i-1));const l=s.getDay(),c=new Date(s);c.setDate(c.getDate()+(0===l?0:7-l));const u=new Date(d);for(;u<=c;)r.push(new Date(u)),u.setDate(u.getDate()+1);return r}(n,e.currentMonth).map((t=>{const r=P(t),n=a.get(r),o=!!n,s=o&&n.every(G),i=t.getMonth()!==e.currentMonth.getMonth(),d=u===r,l=r===P(m),c=t<m;return{key:r,dayNumber:String(t.getDate()),otherMonth:i,hasOccurrences:o,soldOut:s,selected:d,today:l,past:c,selectable:o,className:["calendar-day",i?"other-month":"",o?"has-occurrences":"",s?"sold-out":"",d?"selected":"",l?"today":"",c?"past":""].filter(Boolean).join(" ")}}));return{mode:i,horizontal:d,viewClass:"calendar-view "+(d?"horizontal":"vertical"),rows:n.map(l),slots:c.map(l),slotsDateLabel:c.length?Y(new Date(c[0].startsAt)):null,monthLabel:(h=e.currentMonth,h.toLocaleDateString("en-GB",{month:"long",year:"numeric"})),showMonthNav:!_(n),canGoBack:!!p&&e.currentMonth>p,canGoForward:!!y&&e.currentMonth<y,weekdayLabels:[r.weekdayMon,r.weekdayTue,r.weekdayWed,r.weekdayThu,r.weekdayFri,r.weekdaySat,r.weekdaySun],days:f,selectedDateLabel:o&&g.length?Y(o):null,selectedSlots:g.map(l)};var h},actions:e=>({async load(){e.setState({loading:!0,error:null});try{const t=e.client().getEventsManager(),r=t.get?.bind(t);if(!r)throw new TypeError("eventsManager.get is not a function");const n=await r(e.props.eventId);if(!n)throw new Error(e.strings.notFound);const o=(n.occurrences??[]).map(Q);e.setState({occurrences:o,...U(o)??{}})}catch(t){e.setState({error:t instanceof Error?t.message:e.strings.loadFailed,occurrences:[]})}finally{e.setState({loading:!1})}},loadFailed(t){e.setState({error:t,loading:!1})},select(t){const r=e.state.occurrences.find((e=>e.id===t));r&&!G(r)&&e.emit("tlSelect",{occurrence:r})},selectDate(t){if(!W(e.state.occurrences).has(t))return;const r=new Date(t);if(Number.isNaN(r.getTime()))return;const{currentMonth:n}=e.state,o=r.getMonth()!==n.getMonth()||r.getFullYear()!==n.getFullYear();e.setState({selectedDate:r,...o?{currentMonth:R(r)}:{}})},previousMonth(){const t=j(e.state.occurrences);if(!t)return;const r=new Date(e.state.currentMonth);r.setMonth(r.getMonth()-1),r>=R(t.first)&&e.setState({currentMonth:r})},nextMonth(){const t=j(e.state.occurrences);if(!t)return;const r=new Date(e.state.currentMonth);r.setMonth(r.getMonth()+1),r<=R(t.last)&&e.setState({currentMonth:r})},resized(t){t!==e.state.containerWidth&&e.setState({containerWidth:t})}})}),J=o({tag:"tl-order-confirmation",docs:"The thank-you block: order reference, email, event and date, the ticket lines, the money rows and the tickets.",category:"checkout",runtimes:["web","native"],tokens:["border","error","font-family","font-family-mono","foreground","muted","muted-foreground","radius-lg","radius-md","secondary","spacing-1","spacing-2","spacing-3","spacing-4","spacing-6","success","success-foreground"],sdkMethods:["orders.get","events.list","events.get","auth.customer","on"],props:{orderId:{type:"string",tsType:"string | undefined",attr:"order-id",docs:"The order to show. Falls back to `?orderId=` in the page URL."},customerEmail:{type:"string",tsType:"string | undefined",attr:"customer-email",docs:"Email to show when the order view carries none (a host that collected it at checkout)."},showTickets:{type:"boolean",attr:"show-tickets",default:!0,docs:"Mount tl-order-tickets under the summary (default true)."},columns:{type:"number",attr:"columns",default:2,docs:"Columns for the ticket grid."}},events:{tlOrderLoaded:{detail:"{ order: TlOrderData; }",docs:"the order was loaded"},tlError:{detail:"{ message: string; }",docs:"the order could not be loaded"}},strings:{paymentFailedTitle:"Payment not completed",paymentFailedLead:"Your payment wasn't completed. Your cart is still saved, so you can try again.",title:"You're going!",leadPrefix:"Order ",leadSuffix:" is confirmed. Your tickets are on their way to your email.",leadGeneric:"Your order is confirmed. Your tickets are on their way to your email.",errorPrefix:"We couldn't load your order details yet. ",rowReference:"Order reference",rowEmail:"Email",rowEvent:"Event",rowDate:"Date",subtotalRow:"Subtotal",taxRow:"Tax",discountRow:"Discount",totalRow:"Total",ticketsTitle:"Your tickets",ticketsHint:"Show these QR codes at the door for entry. Use Download PDF on a ticket to save it.",noOrdersManager:"Orders are not available",notFound:"Order not found",loadFailed:"Failed to load your order"},statuses:["payment-failed","idle","loading","ready"],state:()=>({order:null,resolvedOrderId:null,loading:!1,error:null,paymentFailed:!1,occurrence:null,signedInCustomer:null}),mount:e=>{(async()=>{const t=e.query.get("redirect_status");e.setState({paymentFailed:!!t&&"succeeded"!==t,resolvedOrderId:e.props.orderId||e.query.get("orderId")||null});const r=e.state.resolvedOrderId&&!e.state.paymentFailed?e.actions.load():Promise.resolve();let n=null;try{n=await e.whenClient()}catch{n=null}if(n&&e.active()){const t=n.on?.("checkout:completed",(t=>{e.actions.checkoutCompleted(t)}));"function"==typeof t&&e.onTeardown(t)}await r})()},status:({state:e})=>e.paymentFailed?"payment-failed":e.resolvedOrderId||e.order?e.loading?"loading":"ready":"idle",derive:({state:e,props:t,strings:r})=>{const n=e.order,o=function(e){const t=e||{},r=Array.isArray(t.items)?t.items:[],n=r.filter((e=>"fee"===e.type)),o=r.filter((e=>"discount"===e.type)),a=g(t),s=n.length?n.reduce(((e,t)=>e+(d(t.subtotal)??0)),0):null,c=s??d(t.totalFees)??0,u=d(t.subtotal),m=a.length?a.reduce(((e,t)=>e+(d(t.subtotal)??0)),0):(u??0)-c,p=o.length?o.reduce(((e,t)=>e+Math.abs(d(t.subtotal)??0)),0):null,y=d(t.totalDiscounts)??p??0,f=d(t.totalTax)??0,h=n.some((e=>"string"==typeof e.name&&!!e.name));return{currency:t.currency||"GBP",subtotal:m,fees:c,feeLabel:n.map((e=>e.name)).find((e=>!!e))||i,showFee:l(s??d(t.totalFees),h),tax:f,discount:y,total:d(t.total)??m+c+f-y}}(n),a=o.currency,s=t.customerEmail||function(e,t){const r=e?.customerEmail||e?.customer?.email;if(r)return r;const n=t;return n?.email||null}(n,e.signedInCustomer),c=e.occurrence?.eventName||(n?m(n):null),p=e.occurrence?.startsAt,y=[];var f;return n&&y.push({label:r.rowReference,value:n.orderNumber,reference:!0}),s&&y.push({label:r.rowEmail,value:s,reference:!1}),c&&y.push({label:r.rowEvent,value:c,reference:!1}),p&&y.push({label:r.rowDate,value:(f=p,new Date(f).toLocaleDateString("en-GB",{weekday:"short",day:"numeric",month:"short",year:"numeric",hour:"2-digit",minute:"2-digit"})),reference:!1}),{leadText:n?.orderNumber?`${r.leadPrefix}${n.orderNumber}${r.leadSuffix}`:r.leadGeneric,rows:y,lines:n?g(n).map((e=>({label:`${e.quantity} x ${e.name}`,priceLabel:u(e.subtotal,n.currency)}))):[],totals:o,subtotalLabel:u(o.subtotal,a),feeAmountLabel:u(o.fees,a),taxLabel:u(o.tax,a),discountLabel:u(o.discount,a),totalLabel:u(o.total,a),showTaxRow:o.tax>0,showDiscountRow:o.discount>0,showSummary:!!n&&Array.isArray(n.items),showError:!!e.error&&!n,showTickets:t.showTickets&&!!n,ticketsOrderId:n?.id||e.resolvedOrderId||""}},actions:e=>{const t={async load(){const t=e.state.resolvedOrderId;if(t)try{e.setState({loading:!e.state.order,error:null});const r=await e.whenClient(),n=r.getOrdersManager?.();if(!n)throw new Error(e.strings.noOrdersManager);const o=await n.get(t);if(!o)throw new Error(e.strings.notFound);e.setState({order:o,signedInCustomer:r.getAuthManager?.()?.customer??null}),e.emit("tlOrderLoaded",{order:o}),(async(t,r)=>{const n=r.tickets?.find((e=>e.eventOccurrenceId))?.eventOccurrenceId;if(n)try{const o=await async function(e,t,r=12){const n=e.getEventsManager();if(!n?.list||!n.get)return null;const o=await n.list({limit:r}),a=(o?.items??[]).slice(0,r);for(const e of a){const r=await n.get(e.id).catch((()=>null)),o=r?.occurrences?.find((e=>e.id===t));if(o)return{eventId:r?.id??e.id,eventName:r?.name??e.name??"",startsAt:o.startsAt??null}}return null}(t,n);o&&e.state.order?.id===r.id&&e.setState({occurrence:o})}catch{}})(r,o)}catch(t){const r=y(t,e.strings.loadFailed);e.setState({error:r}),e.emit("tlError",{message:r})}finally{e.setState({loading:!1})}},orderIdChanged(){e.setState({resolvedOrderId:e.props.orderId||e.query.get("orderId")||null}),t.load()},checkoutCompleted(r){r?.id&&(e.setState({paymentFailed:!1,order:r,resolvedOrderId:r.id}),e.emit("tlOrderLoaded",{order:r}),t.load())}};return t}}),V=[1e3,1500,2e3,3e3,4e3,5e3,6e3,8e3,1e4,12e3],Z=o({tag:"tl-order-tickets",docs:"Every ticket in an order as a scannable card, waiting out issuance rather than reporting an empty order as empty.",category:"tickets",runtimes:["web","native"],tokens:["border","error","font-family","muted-foreground","primary","spacing-2","spacing-4","spacing-6"],sdkMethods:["orders.get"],props:{orderId:{type:"string",attr:"order-id",required:!0,docs:"The order whose tickets to show."},columns:{type:"number",attr:"columns",default:2,docs:"Columns in the grid (default 2)."}},events:{},strings:{loading:"Loading tickets…",preparing:"Preparing your tickets…",delayed:"Your tickets are taking longer than usual. They will be emailed to you as soon as they are ready.",notAvailable:"Tickets are not available",loadFailed:"Failed to load tickets"},statuses:["loading","error","issuing","delayed","ready"],state:()=>({tickets:[],loading:!0,error:null,issuing:!1}),mount:e=>{e.onTeardown((()=>e.actions.stopPolling())),e.actions.load()},status:({state:e})=>e.loading?"loading":e.error?"error":e.tickets.length>0?"ready":e.issuing?"issuing":"delayed",derive:({state:e,props:t})=>({tickets:e.tickets,columns:t.columns,orderId:t.orderId}),actions:e=>{let t=0,r=0;const n={async load(){try{e.setState({error:null});const o=await e.whenClient(),a=o.getOrdersManager?.();if(!a)throw new Error(e.strings.notAvailable);const s=await a.get(e.props.orderId),i=s?.tickets??[];if(e.setState({tickets:i}),i.length>0)e.setState({issuing:!1}),n.stopPolling();else{const o=V[r];if(e.setState({issuing:void 0!==o}),void 0!==o){r+=1,n.stopPolling();const a=t;e.after(o,(()=>{a===t&&n.load()}))}}}catch(t){n.stopPolling(),e.setState({issuing:!1,error:t instanceof Error?t.message:e.strings.loadFailed})}finally{e.setState({loading:!1})}},orderIdChanged(){n.stopPolling(),r=0,e.setState({tickets:[],issuing:!1}),n.load()},stopPolling(){t+=1}};return n}}),X=e=>function(e,t=null){const r=(e||[]).reduce(((e,t)=>e+(d(t.price)??0)*(Math.max(0,Math.trunc(t.quantity||0))||0)),0),n=t?d(t.amount):null;return{subtotal:r,fees:n??0,total:r+(n??0),showFee:!!t&&l(n,!!t?.label),feeLabel:t?.label||i}}(e.state.ticketTypes.map((t=>({price:t.price,quantity:e.state.quantities[t.id]||0}))),e.state.feeQuote),ee=o({tag:"tl-ticket-selector",docs:"Pick quantities of the ticket types on sale for one occurrence, and add them to the cart.",category:"purchase",runtimes:["web","native"],tokens:["background","border","border-hover","error","error-bg","font-family","foreground","muted","muted-foreground","primary","primary-foreground","radius-md","radius-sm","spacing-1","spacing-2","spacing-3","spacing-4","success","warning","warning-bg"],sdkMethods:["cart.addItem","events.getTicketTypes"],props:{eventId:{type:"string",attr:"event-id",required:!0,docs:"Event ID"},occurrenceId:{type:"string",attr:"occurrence-id",required:!0,docs:"Occurrence ID"},showButton:{type:"boolean",attr:"show-button",default:!0,docs:"Show add to cart button"},buttonLabel:{type:"string",attr:"button-label",default:"Add to Cart",docs:"Button label"}},events:{tlAddToCart:{detail:"{ items: AddToCartItem[]; }",docs:"Emitted when items are added to cart"},tlQuantityChange:{detail:"{ ticketTypeId: string; quantity: number; total: number; }",docs:"Emitted when quantity changes"},tlError:{detail:"{ message: string; }",docs:"Emitted on error"}},strings:{selectTickets:"Select Tickets",adding:"Adding...",added:"Added to cart!",limited:"Limited",soldOut:"Sold Out",ticketsRow:"Tickets",totalRow:"Total",decrease:"Decrease quantity",increase:"Increase quantity",loadFailed:"Failed to load tickets",addFailed:"Failed to add to cart",noClient:"SDK not initialized."},statuses:["loading","error","ready"],state:()=>({ticketTypes:[],quantities:{},loading:!0,error:null,adding:!1,addSuccess:!1,feeQuote:null}),mount:e=>{e.props.eventId&&e.props.occurrenceId&&(async()=>{try{if(await e.whenClient(),!e.active())return;await e.actions.load()}catch(t){if(!e.active())return;e.actions.connectFailed(t instanceof Error?t.message:e.strings.noClient)}})()},status:({state:e})=>e.loading?"loading":e.error?"error":"ready",derive:e=>{const{state:t,strings:r,props:n,formatMoney:o}=e,a=X(e),s=(e=>Object.values(e.quantities).reduce(((e,t)=>e+t),0))(t),i=t.ticketTypes[0]?.currency;return{rows:t.ticketTypes.map((e=>{const r=t.quantities[e.id]||0,n="sold_out"===e.availabilityStatus;return{id:e.id,name:e.name,description:e.description??null,priceLabel:o(e.price,e.currency),quantity:r,soldOut:n,limited:"limited"===e.availabilityStatus,canDecrease:!n&&r>0,canIncrease:!n&&r<e.maxPerOrder}})),totals:a,totalItems:s,currency:i,subtotalLabel:o(a.subtotal,i),feeLabel:o(a.fees,i),totalLabel:o(a.total,i),showTotals:a.showFee&&s>0,actionLabel:t.adding?r.adding:0===s?r.selectTickets:`${n.buttonLabel} - ${o(a.total)}`,actionDisabled:0===s||t.adding}},actions:e=>({async load(){try{e.setState({loading:!0,error:null});const t=await e.client().getEventsManager().getTicketTypes(e.props.eventId,e.props.occurrenceId),r={};for(const e of t)r[e.id]=0;e.setState({ticketTypes:t,quantities:r})}catch(t){const r=t instanceof Error?t.message:e.strings.loadFailed;e.setState({error:r}),e.emit("tlError",{message:r})}finally{e.setState({loading:!1})}},changeQuantity(t,r){const n=e.state.ticketTypes.find((e=>e.id===t));if(!n)return;const o=Math.max(0,Math.min(n.maxPerOrder,(e.state.quantities[t]||0)+r));e.setState((e=>({quantities:{...e.quantities,[t]:o}}))),e.emit("tlQuantityChange",{ticketTypeId:t,quantity:o,total:X(e).total})},async addToCart(){const t=Object.entries(e.state.quantities).filter((([,e])=>e>0)).map((([e,t])=>({ticketTypeId:e,quantity:t})));if(0!==t.length){e.setState({adding:!0,addSuccess:!1});try{const r=e.optionalClient()?.getCartManager?.();if(r)for(const n of t)await r.addItem(n.ticketTypeId,n.quantity,e.props.occurrenceId);const n={};for(const t of e.state.ticketTypes)n[t.id]=0;e.setState({quantities:n,addSuccess:!0}),e.after(3e3,(()=>e.setState({addSuccess:!1}))),e.emit("tlAddToCart",{items:t})}catch(t){const r=t instanceof Error?t.message:e.strings.addFailed;e.setState({error:r}),e.emit("tlError",{message:r})}finally{e.setState({adding:!1})}}},setFeeQuote(t){e.setState({feeQuote:t})},connectFailed(t){e.setState({error:t||e.strings.noClient,loading:!1})}})});export{E as a,k as b,a as c,D as d,O as e,Z as f,v as g,S as h,M as i,J as j,I as k,A as l,$ as m,K as o,x as p,ee as t}

package/dist/components/tl-buy-modal.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as a,Host as i,transformTag as c}from"@stencil/core/internal/client";import{w as o,g as s}from"./sdk-connector.js";import{d}from"./tl-occurrence-selector2.js";import{d as n}from"./tl-ticket-selector2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tlClose=r(this,"tlClose",7),this.tlCheckout=r(this,"tlCheckout",7),this.tlError=r(this,"tlError",7),this.step="loading",this.eventName="",this.imageUrl="",this.venueLabel="",this.dateSummary="",this.selectedOccurrenceId=null,this.occurrenceCount=0,this.occurrenceLabel="",this.error=null,this.handleOccurrenceSelect=e=>{const t=e.detail.occurrence;this.selectedOccurrenceId=t.id,this.occurrenceLabel=this.labelFor(t),this.step="tickets"},this.handleAdded=()=>{this.step="done"},this.backToDates=()=>{this.selectedOccurrenceId=null,this.step="occurrence"},this.close=()=>this.tlClose.emit(),this.goCheckout=()=>this.tlCheckout.emit()}async componentWillLoad(){if(this.eventId)try{await o();const e=await s().getEventsManager().get(this.eventId);this.eventName=e?.name??"Tickets",this.imageUrl=e?.imageUrl||e?.heroImageUrl||"",this.venueLabel=[e?.venueName,e?.venueCity].filter(Boolean).join(", ");const t=e?.occurrences??[];this.occurrenceCount=t.length,this.dateSummary=this.summariseDates(t);const r=this.occurrenceId??(1===t.length?t[0]?.id:null);r?(this.selectedOccurrenceId=r,this.occurrenceLabel=this.labelFor(t.find((e=>e.id===r))),this.step="tickets"):this.step="occurrence"}catch(e){this.fail(e instanceof Error?e.message:"Could not load this event")}else this.fail("No event specified")}fail(e){this.error=e,this.step="error",this.tlError.emit({message:e})}summariseDates(e){const t=e.map((e=>e.startsAt)).filter((e=>!!e)).sort();if(0===t.length)return"";const r=e=>new Date(e).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"});if(1===t.length)return new Date(t[0]).toLocaleDateString("en-GB",{weekday:"short",day:"numeric",month:"short",year:"numeric"});const a=r(t[0]),i=r(t[t.length-1]);return`${a===i?a:`${a} - ${i}`} · ${t.length} dates`}labelFor(e){return e?.startsAt?new Date(e.startsAt).toLocaleString("en-GB",{weekday:"short",day:"numeric",month:"short",hour:"2-digit",minute:"2-digit"}):""}stepKicker(){switch(this.step){case"occurrence":return"Choose a date";case"tickets":return"Select tickets";case"done":return"Nice one";default:return"Tickets"}}render(){return a(i,{key:"1245e518c2b5232f4d9dba091cf808cd3867fbef"},a("div",{key:"4e770fccdd785444f1cc87df4adab5a5dc1bf58a",class:"overlay",onClick:e=>{e.target===e.currentTarget&&this.close()}},a("div",{key:"57b13dac690028aeebd6a601acfba07f00854c40",class:{panel:!0,"panel--wide":"occurrence"===this.step},role:"dialog","aria-modal":"true","aria-label":this.eventName},a("header",{key:"881e9cc70a0ca25947f272b9ebcb2e6d4b4268f2",class:"panel-header"},this.imageUrl&&a("div",{key:"753f7df1b5118dfacbbc6b89b4e5d7ba114f6cdf",class:"event-thumb",style:{backgroundImage:`url(${this.imageUrl})`}}),a("div",{key:"9aaa32d1add90fabd1b0ea0c100f198962f4e6a5",class:"titles"},a("span",{key:"538032bdf2338206ad763417386852ff97cc472f",class:"kicker"},this.stepKicker()),a("h2",{key:"71429804179e7fbbea1fa90a2937a065517092f5",class:"event-name"},this.eventName),this.venueLabel&&a("p",{key:"dd968b397deab890df3a4fbdff33226e82bd9660",class:"event-meta"},this.venueLabel),this.dateSummary&&a("p",{key:"f40e6049d09b06c9f599e7d14d6fbb43b39b22fd",class:"event-meta"},this.dateSummary)),a("button",{key:"dbe0908f8cd8544654b627921f68cc4961802b77",class:"close-btn","aria-label":"Close",onClick:this.close},a("svg",{key:"23a750830e6e16d28cbcd5025507d25848aaadf7",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},a("path",{key:"e81b8763a5c781f72c1ca8a2113482948e3ba8cc",d:"M6 6l12 12M18 6L6 18","stroke-linecap":"round"})))),a("div",{key:"da71e610f907cf53e78246d2065aaf526d5ceffd",class:"panel-body"},"loading"===this.step&&a("div",{key:"28cbb9a98c7b08fa8dcb9d8d5dfbf3bec93fe38d",class:"state-msg"},a("span",{key:"915c8de87cbdc7da1ccf0622ce6c0f02fccf2cad",class:"spinner"})," Loading…"),"error"===this.step&&a("div",{key:"5785578bfef6f1ee81d938d91ffd3ded975f8c12",class:"state-msg error"},this.error),"occurrence"===this.step&&a("tl-occurrence-selector",{key:"eeb853eab141c3c103015e82d221a140f6a3a109",eventId:this.eventId,onTlSelect:this.handleOccurrenceSelect}),"tickets"===this.step&&this.selectedOccurrenceId&&a("div",{key:"f608f592ba651eb431375433eb4ff9393863ade5",class:"tickets-step"},this.occurrenceCount>1&&a("button",{key:"84adfbdbeaceb2cf4238c6ffd09558b4499ca940",class:"back-link",onClick:this.backToDates},"← Change date"),this.occurrenceLabel&&a("p",{key:"0317e9194049608711e8c622142c3ad2c0a5dc12",class:"occ-label"},this.occurrenceLabel),a("tl-ticket-selector",{key:"27b1e05d9d92fb8d519375e2b27d4b5ea0a4890a",eventId:this.eventId,occurrenceId:this.selectedOccurrenceId,onTlAddToCart:this.handleAdded})),"done"===this.step&&a("div",{key:"0853088206988c66d489f8804df7899821d49e64",class:"done-step"},a("div",{key:"c2955b893c4dffaadcdfd27bee96ef2724a131a6",class:"done-mark"},"🎟️"),a("p",{key:"370c30dfcbc0c25b4794d984dd261a3a5779a9dc",class:"done-title"},"Added to your cart"),a("p",{key:"c462f3c9292740e2fd2c74b173484f80a5dc1a30",class:"done-sub"},"Held for you while you check out."),a("button",{key:"484991f79572e3213ad6413a1af87599880c3643",class:"primary-btn",onClick:this.goCheckout},"Go to checkout"),a("button",{key:"5b4ba5a472b794e8f5af0f131dad1c8c11b869f5",class:"ghost-btn",onClick:this.close},"Keep browsing")))),a("div",{key:"9acdd36744d363f41f0bed7938ecea33322362d1",class:"powered-by"},a("div",{key:"f45545a8fc625336618352f0c0e9e84a1babce96",class:"pb-links"},a("a",{key:"dd929b12419b8353d9a09ad242a9f351dfd699e2",href:"https://ticketlayer.com/privacy",target:"_blank",rel:"noopener noreferrer"},"Privacy Policy"),a("a",{key:"859be221bdc76602defaebdb89a997778cda6a91",href:"https://ticketlayer.com/report-abuse",target:"_blank",rel:"noopener noreferrer"},"Report Abuse")),a("a",{key:"d4e1f44b3b084160d2df8b9d15e075ddc5e05363",class:"pb-brand",href:"https://ticketlayer.com",target:"_blank",rel:"noopener noreferrer"},a("span",{key:"fe7fd86576a4e9772daa2c4c449da060f20fa143",class:"pb-pre"},"Powered by"),a("svg",{key:"19412bd9e5522f0af9f847fe8fda6aa0f0004a3a",width:"14",height:"14",viewBox:"0 0 50 50",fill:"none","aria-hidden":"true"},a("g",{key:"8e82f14ab1e8094a210db95b1310ce6c0feef446",transform:"matrix(0.0129 0 0 -0.0129 25.4752 25.4752)"},a("path",{key:"b50b04cfc07c4e55fcf5ce92967f69b99d34dd34",fill:"currentColor",transform:"translate(-1781.5, -1759.4003)",d:"M 41 2973 c 1 -285 5 -734 9 -998 c 7 -444 9 -488 30 -580 c 81 -364 235 -634 512 -900 c 135 -130 263 -220 423 -299 c 156 -77 249 -109 409 -143 c 110 -23 142 -25 354 -24 c 230 1 310 8 427 37 c 241 60 453 162 640 309 c 82 64 252 234 317 315 c 210 264 340 604 355 926 l 6 121 l -69 6 c -86 8 -706 9 -755 1 l -36 -6 l -21 -125 c -34 -191 -98 -317 -236 -462 c -111 -115 -249 -198 -396 -238 c -98 -27 -356 -24 -463 5 c -100 27 -183 69 -273 137 c -226 173 -353 409 -354 660 c 0 44 -5 120 -10 169 c -6 49 -8 91 -6 94 c 3 3 65 -22 138 -55 c 140 -64 251 -103 358 -127 c 71 -17 295 -46 347 -46 l 33 0 l 0 434 l 0 434 l -67 7 c -147 14 -269 56 -393 133 c -222 139 -378 393 -397 648 l -6 71 l -75 7 c -41 3 -239 6 -439 6 l -363 0 l 1 -517 z"}))),a("span",{key:"2623449abd22f36f5af80d5605d3b274a4c214c4",class:"pb-word"},"ticketlayer")))))}static get style(){return":host{--_bg:var(--tl-background);--_fg:var(--tl-foreground);--_muted:var(--tl-muted);--_muted-fg:var(--tl-muted-foreground);--_border:var(--tl-border);--_primary:var(--tl-primary);--_primary-fg:var(--tl-primary-foreground);--_radius:var(--tl-radius-lg);--_font:var(--tl-font-family);font-family:var(--_font)}.overlay{position:fixed;inset:0;z-index:2147483646;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:rgba(8, 8, 16, 0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:tl-fade 0.18s ease-out}.panel{width:100%;max-width:460px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden;background:var(--_bg);color:var(--_fg);border:1px solid var(--_border);border-radius:var(--_radius);box-shadow:0 24px 64px rgba(0, 0, 0, 0.45);animation:tl-rise 0.22s cubic-bezier(0.16, 1, 0.3, 1);transition:max-width 0.25s cubic-bezier(0.16, 1, 0.3, 1)}.panel--wide{max-width:720px}.powered-by{width:100%;max-width:460px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;font-size:12px;font-weight:500;color:rgba(255, 255, 255, 0.78);animation:tl-fade 0.3s ease-out}.powered-by a{color:inherit;text-decoration:none;opacity:0.85;transition:opacity 0.15s ease}.powered-by a:hover{opacity:1}.powered-by .pb-links{display:flex;gap:16px;align-items:center}.powered-by .pb-brand{display:inline-flex;align-items:center;gap:6px;opacity:0.92}.powered-by .pb-brand svg{display:block}.powered-by .pb-pre{opacity:0.7}.powered-by .pb-word{font-weight:700;letter-spacing:0.01em}.panel-header{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--_border)}.event-thumb{flex:none;width:56px;height:56px;border-radius:12px;background-size:cover;background-position:center;background-color:var(--_muted);border:1px solid var(--_border)}.titles{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.event-meta{margin:0;font-size:0.8rem;color:var(--_muted-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kicker{font-size:0.72rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--_primary)}.event-name{margin:0;font-size:1.18rem;font-weight:700;line-height:1.25;color:var(--_fg);overflow:hidden;text-overflow:ellipsis}.close-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:999px;background:var(--_muted);color:var(--_muted-fg);cursor:pointer;transition:color 0.15s, background 0.15s}.close-btn:hover{color:var(--_fg)}.close-btn svg{width:16px;height:16px}.panel-body{padding:18px 22px 22px;overflow-y:auto}.state-msg{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 0;color:var(--_muted-fg)}.state-msg.error{color:#b91c1c}.spinner{width:16px;height:16px;border:2px solid var(--_border);border-top-color:var(--_primary);border-radius:999px;animation:tl-spin 0.7s linear infinite}.tickets-step{display:flex;flex-direction:column;gap:6px}.back-link{align-self:flex-start;padding:0;border:0;background:none;color:var(--_primary);font-size:0.85rem;font-weight:500;cursor:pointer}.back-link:hover{text-decoration:underline}.occ-label{margin:2px 0 8px;font-size:0.9rem;font-weight:600;color:var(--_fg)}.done-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 0 4px}.done-mark{font-size:2.4rem;line-height:1;margin-bottom:6px}.done-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--_fg)}.done-sub{margin:0 0 14px;font-size:0.9rem;color:var(--_muted-fg)}.primary-btn{width:100%;padding:13px;border:0;border-radius:var(--tl-radius-md);background:var(--_primary);color:var(--_primary-fg);font-size:0.98rem;font-weight:600;cursor:pointer;transition:opacity 0.15s}.primary-btn:hover{opacity:0.9}.ghost-btn{width:100%;margin-top:8px;padding:12px;border:1px solid var(--_border);border-radius:var(--tl-radius-md);background:transparent;color:var(--_fg);font-size:0.95rem;font-weight:500;cursor:pointer;transition:background 0.15s}.ghost-btn:hover{background:var(--_muted)}@keyframes tl-fade{from{opacity:0}}@keyframes tl-rise{from{opacity:0;transform:translateY(12px) scale(0.98)}}@keyframes tl-spin{to{transform:rotate(360deg)}}"}},[1,"tl-buy-modal",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],step:[32],eventName:[32],imageUrl:[32],venueLabel:[32],dateSummary:[32],selectedOccurrenceId:[32],occurrenceCount:[32],occurrenceLabel:[32],error:[32]}]),f=l,b=function(){"undefined"!=typeof customElements&&["tl-buy-modal","tl-occurrence-selector","tl-ticket-selector"].forEach((e=>{switch(e){case"tl-buy-modal":customElements.get(c(e))||customElements.define(c(e),l);break;case"tl-occurrence-selector":customElements.get(c(e))||d();break;case"tl-ticket-selector":customElements.get(c(e))||n()}}))};export{f as TlBuyModal,b as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as a,Host as i,transformTag as o}from"@stencil/core/internal/client";import{w as c,g as s}from"./sdk-connector.js";import{d as n}from"./tl-occurrence-selector2.js";import{d}from"./tl-ticket-selector2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tlClose=r(this,"tlClose",7),this.tlCheckout=r(this,"tlCheckout",7),this.tlError=r(this,"tlError",7),this.step="loading",this.eventName="",this.imageUrl="",this.venueLabel="",this.dateSummary="",this.selectedOccurrenceId=null,this.occurrenceCount=0,this.occurrenceLabel="",this.error=null,this.handleOccurrenceSelect=e=>{const t=e.detail.occurrence;this.selectedOccurrenceId=t.id,this.occurrenceLabel=this.labelFor(t),this.step="tickets"},this.handleAdded=()=>{this.step="done"},this.backToDates=()=>{this.selectedOccurrenceId=null,this.step="occurrence"},this.close=()=>this.tlClose.emit(),this.goCheckout=()=>this.tlCheckout.emit()}async componentWillLoad(){if(this.eventId)try{await c();const e=await s().getEventsManager().get(this.eventId);this.eventName=e?.name??"Tickets",this.imageUrl=e?.imageUrl||e?.heroImageUrl||"",this.venueLabel=[e?.venueName,e?.venueCity].filter(Boolean).join(", ");const t=e?.occurrences??[];this.occurrenceCount=t.length,this.dateSummary=this.summariseDates(t);const r=this.occurrenceId??(1===t.length?t[0]?.id:null);r?(this.selectedOccurrenceId=r,this.occurrenceLabel=this.labelFor(t.find((e=>e.id===r))),this.step="tickets"):this.step="occurrence"}catch(e){this.fail(e instanceof Error?e.message:"Could not load this event")}else this.fail("No event specified")}fail(e){this.error=e,this.step="error",this.tlError.emit({message:e})}summariseDates(e){const t=e.map((e=>e.startsAt)).filter((e=>!!e)).sort();if(0===t.length)return"";const r=e=>new Date(e).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"});if(1===t.length)return new Date(t[0]).toLocaleDateString("en-GB",{weekday:"short",day:"numeric",month:"short",year:"numeric"});const a=r(t[0]),i=r(t[t.length-1]);return`${a===i?a:`${a} - ${i}`} · ${t.length} dates`}labelFor(e){return e?.startsAt?new Date(e.startsAt).toLocaleString("en-GB",{weekday:"short",day:"numeric",month:"short",hour:"2-digit",minute:"2-digit"}):""}stepKicker(){switch(this.step){case"occurrence":return"Choose a date";case"tickets":return"Select tickets";case"done":return"Nice one";default:return"Tickets"}}render(){return a(i,{key:"f28be761216b4a84904c1e325dc34d848625db14"},a("div",{key:"0f36708a6b52d19ee987b211588e759aaf82ac03",class:"overlay",onClick:e=>{e.target===e.currentTarget&&this.close()}},a("div",{key:"0b2bc062c89e8b821763e163bdedc44047571390",class:{panel:!0,"panel--wide":"occurrence"===this.step},role:"dialog","aria-modal":"true","aria-label":this.eventName},a("header",{key:"c9e3cc54615dace1842ceed226acff23ed0dc0d3",class:"panel-header"},this.imageUrl&&a("div",{key:"18ffd6168344f65231fa40252361b03ac65ae91a",class:"event-thumb",style:{backgroundImage:`url(${this.imageUrl})`}}),a("div",{key:"4ccbf9a0477948bcb4202310f80cceb1d6e5ad0f",class:"titles"},a("span",{key:"1a72eb71baaf9eff16aabc5d20c22b02e9b5cc99",class:"kicker"},this.stepKicker()),a("h2",{key:"f7dbc184bb016652c1ffe2fe24a551207f226942",class:"event-name"},this.eventName),this.venueLabel&&a("p",{key:"db7ebd34f688b36b5610aa6adf0d8ab766f00ac2",class:"event-meta"},this.venueLabel),this.dateSummary&&a("p",{key:"00812c8b7b9abf85343f3d6bda433251468da1d9",class:"event-meta"},this.dateSummary)),a("button",{key:"e3f7252979794959d6e5070d549010567c0aa349",class:"close-btn","aria-label":"Close",onClick:this.close},a("svg",{key:"d692c47bb8c614b41e19866c5fe4a65b0e083686",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},a("path",{key:"cbb9a7bd3ce4ed2685a781729110bccd36b425a9",d:"M6 6l12 12M18 6L6 18","stroke-linecap":"round"})))),a("div",{key:"c14af096c9e1cfd9bcead143c1b8a106a4b28018",class:"panel-body"},"loading"===this.step&&a("div",{key:"108d1073d572f841f1945147a787b8bdea66cfba",class:"state-msg"},a("span",{key:"27c2b7473c6edb14ade3b7104f728136c0a2b052",class:"spinner"})," Loading…"),"error"===this.step&&a("div",{key:"0e3f927f626d51dffc30bb7da7093b6a7cd90a2a",class:"state-msg error"},this.error),"occurrence"===this.step&&a("tl-occurrence-selector",{key:"bfab02d294de3eb1bce39d3e39c21f450b474c99",eventId:this.eventId,onTlSelect:this.handleOccurrenceSelect}),"tickets"===this.step&&this.selectedOccurrenceId&&a("div",{key:"109be73c93b0b604b435cbbd540d5dd5c48eacfe",class:"tickets-step"},this.occurrenceCount>1&&a("button",{key:"2769d896476487e1412ac37309cd2e162b4bd275",class:"back-link",onClick:this.backToDates},"← Change date"),this.occurrenceLabel&&a("p",{key:"0c709ed8ba75b9e13a141ae755353fc694532935",class:"occ-label"},this.occurrenceLabel),a("tl-ticket-selector",{key:"cdf66533a591e89dc265532a2578c30327fd06c8",eventId:this.eventId,occurrenceId:this.selectedOccurrenceId,onTlAddToCart:this.handleAdded})),"done"===this.step&&a("div",{key:"6c4b294a4b9412e643a230f4064d15a587f79383",class:"done-step"},a("div",{key:"ba0e663e731402192675db509c886c2ce6a2418b",class:"done-mark"},"🎟️"),a("p",{key:"8d0f07758d3978080177a99e580f59fbcfefb611",class:"done-title"},"Added to your cart"),a("p",{key:"bbf4bd073f021a2f516f91528311d494c40faa85",class:"done-sub"},"Held for you while you check out."),a("button",{key:"71c90ad945ced314321d964795beed8301c989ac",class:"primary-btn",onClick:this.goCheckout},"Go to checkout"),a("button",{key:"b37ad6f8adeb1edb7c786b33974b845c31b963f2",class:"ghost-btn",onClick:this.close},"Keep browsing")))),a("div",{key:"5a175094620f6837ae91a5a394f16c79df94c859",class:"powered-by"},a("div",{key:"63c095dc7e954042c5fb36ccd8ca92a33d7b6632",class:"pb-links"},a("a",{key:"875fa14d6218853b96d4d817a243701b228b20f0",href:"https://ticketlayer.com/privacy",target:"_blank",rel:"noopener noreferrer"},"Privacy Policy"),a("a",{key:"7de77189ecd8277acade45437819b4fa9ef2002b",href:"https://ticketlayer.com/report-abuse",target:"_blank",rel:"noopener noreferrer"},"Report Abuse")),a("a",{key:"5f62bbe303398e9ad09703fbd706953502f441a1",class:"pb-brand",href:"https://ticketlayer.com",target:"_blank",rel:"noopener noreferrer"},a("span",{key:"0101948057126320d180a452870eade9f540b119",class:"pb-pre"},"Powered by"),a("svg",{key:"c93e4184b3bd8bbb89b5909ec886b22d22322bb1",width:"14",height:"14",viewBox:"0 0 50 50",fill:"none","aria-hidden":"true"},a("g",{key:"5461e514631e1cb670e974b47ecc144e1a62e7a3",transform:"matrix(0.0129 0 0 -0.0129 25.4752 25.4752)"},a("path",{key:"af6f137d33f09ef4befb9a4b31834d6d2f04ab3d",fill:"currentColor",transform:"translate(-1781.5, -1759.4003)",d:"M 41 2973 c 1 -285 5 -734 9 -998 c 7 -444 9 -488 30 -580 c 81 -364 235 -634 512 -900 c 135 -130 263 -220 423 -299 c 156 -77 249 -109 409 -143 c 110 -23 142 -25 354 -24 c 230 1 310 8 427 37 c 241 60 453 162 640 309 c 82 64 252 234 317 315 c 210 264 340 604 355 926 l 6 121 l -69 6 c -86 8 -706 9 -755 1 l -36 -6 l -21 -125 c -34 -191 -98 -317 -236 -462 c -111 -115 -249 -198 -396 -238 c -98 -27 -356 -24 -463 5 c -100 27 -183 69 -273 137 c -226 173 -353 409 -354 660 c 0 44 -5 120 -10 169 c -6 49 -8 91 -6 94 c 3 3 65 -22 138 -55 c 140 -64 251 -103 358 -127 c 71 -17 295 -46 347 -46 l 33 0 l 0 434 l 0 434 l -67 7 c -147 14 -269 56 -393 133 c -222 139 -378 393 -397 648 l -6 71 l -75 7 c -41 3 -239 6 -439 6 l -363 0 l 1 -517 z"}))),a("span",{key:"d4f15a3fb911e2f78eb203fdd5079d3119ee9803",class:"pb-word"},"ticketlayer")))))}static get style(){return":host{--_bg:var(--tl-background);--_fg:var(--tl-foreground);--_muted:var(--tl-muted);--_muted-fg:var(--tl-muted-foreground);--_border:var(--tl-border);--_primary:var(--tl-primary);--_primary-fg:var(--tl-primary-foreground);--_radius:var(--tl-radius-lg);--_font:var(--tl-font-family);font-family:var(--_font)}.overlay{position:fixed;inset:0;z-index:2147483646;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:rgba(8, 8, 16, 0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:tl-fade 0.18s ease-out}.panel{width:100%;max-width:460px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden;background:var(--_bg);color:var(--_fg);border:1px solid var(--_border);border-radius:var(--_radius);box-shadow:0 24px 64px rgba(0, 0, 0, 0.45);animation:tl-rise 0.22s cubic-bezier(0.16, 1, 0.3, 1);transition:max-width 0.25s cubic-bezier(0.16, 1, 0.3, 1)}.panel--wide{max-width:720px}.powered-by{width:100%;max-width:460px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;font-size:12px;font-weight:500;color:rgba(255, 255, 255, 0.78);animation:tl-fade 0.3s ease-out}.powered-by a{color:inherit;text-decoration:none;opacity:0.85;transition:opacity 0.15s ease}.powered-by a:hover{opacity:1}.powered-by .pb-links{display:flex;gap:16px;align-items:center}.powered-by .pb-brand{display:inline-flex;align-items:center;gap:6px;opacity:0.92}.powered-by .pb-brand svg{display:block}.powered-by .pb-pre{opacity:0.7}.powered-by .pb-word{font-weight:700;letter-spacing:0.01em}.panel-header{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--_border)}.event-thumb{flex:none;width:56px;height:56px;border-radius:12px;background-size:cover;background-position:center;background-color:var(--_muted);border:1px solid var(--_border)}.titles{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.event-meta{margin:0;font-size:0.8rem;color:var(--_muted-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kicker{font-size:0.72rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--_primary)}.event-name{margin:0;font-size:1.18rem;font-weight:700;line-height:1.25;color:var(--_fg);overflow:hidden;text-overflow:ellipsis}.close-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:999px;background:var(--_muted);color:var(--_muted-fg);cursor:pointer;transition:color 0.15s, background 0.15s}.close-btn:hover{color:var(--_fg)}.close-btn svg{width:16px;height:16px}.panel-body{padding:18px 22px 22px;overflow-y:auto}.state-msg{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 0;color:var(--_muted-fg)}.state-msg.error{color:#b91c1c}.spinner{width:16px;height:16px;border:2px solid var(--_border);border-top-color:var(--_primary);border-radius:999px;animation:tl-spin 0.7s linear infinite}.tickets-step{display:flex;flex-direction:column;gap:6px}.back-link{align-self:flex-start;padding:0;border:0;background:none;color:var(--_primary);font-size:0.85rem;font-weight:500;cursor:pointer}.back-link:hover{text-decoration:underline}.occ-label{margin:2px 0 8px;font-size:0.9rem;font-weight:600;color:var(--_fg)}.done-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 0 4px}.done-mark{font-size:2.4rem;line-height:1;margin-bottom:6px}.done-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--_fg)}.done-sub{margin:0 0 14px;font-size:0.9rem;color:var(--_muted-fg)}.primary-btn{width:100%;padding:13px;border:0;border-radius:var(--tl-radius-md);background:var(--_primary);color:var(--_primary-fg);font-size:0.98rem;font-weight:600;cursor:pointer;transition:opacity 0.15s}.primary-btn:hover{opacity:0.9}.ghost-btn{width:100%;margin-top:8px;padding:12px;border:1px solid var(--_border);border-radius:var(--tl-radius-md);background:transparent;color:var(--_fg);font-size:0.95rem;font-weight:500;cursor:pointer;transition:background 0.15s}.ghost-btn:hover{background:var(--_muted)}@keyframes tl-fade{from{opacity:0}}@keyframes tl-rise{from{opacity:0;transform:translateY(12px) scale(0.98)}}@keyframes tl-spin{to{transform:rotate(360deg)}}"}},[1,"tl-buy-modal",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],step:[32],eventName:[32],imageUrl:[32],venueLabel:[32],dateSummary:[32],selectedOccurrenceId:[32],occurrenceCount:[32],occurrenceLabel:[32],error:[32]}]),b=l,f=function(){"undefined"!=typeof customElements&&["tl-buy-modal","tl-occurrence-selector","tl-ticket-selector"].forEach((e=>{switch(e){case"tl-buy-modal":customElements.get(o(e))||customElements.define(o(e),l);break;case"tl-occurrence-selector":customElements.get(o(e))||n();break;case"tl-ticket-selector":customElements.get(o(e))||d()}}))};export{b as TlBuyModal,f as defineCustomElement}

package/dist/components/tl-buy-tickets-button.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as r,Host as i,transformTag as n}from"@stencil/core/internal/client";import{h as s,g as a}from"./sdk-connector.js";const l={available:{defaultLabel:"Buy Tickets",color:"var(--tl-primary)",hoverColor:"color-mix(in srgb, var(--tl-primary) 90%, black)",foreground:"var(--tl-primary-foreground)"},soldOut:{defaultLabel:"Sold Out",color:"#dc2626",hoverColor:"#b91c1c",foreground:"#ffffff"},waitlist:{defaultLabel:"Join Waitlist",color:"#2563eb",hoverColor:"#1d4ed8",foreground:"#ffffff"},comingSoon:{defaultLabel:"On Sale Soon",color:"#d97706",hoverColor:"#b45309",foreground:"#ffffff"}},c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tlClick=o(this,"tlClick",7),this.state="available",this.variant="primary",this.size="md",this.fullWidth=!1,this.currency="GBP",this.pricePrefix="From",this.disabled=!1,this.isHovered=!1,this.handleClick=()=>{if(!this.disabled&&"soldOut"!==this.state&&"comingSoon"!==this.state&&(this.tlClick.emit({eventId:this.eventId,occurrenceId:this.occurrenceId}),s()))try{a().event(this.eventId).openModal({occurrenceId:this.occurrenceId})}catch(t){console.error("[tl-buy-tickets-button] Failed to open modal:",t)}}}formatPrice(t){const e=t/100,o=e%1!=0;return new Intl.NumberFormat("en-GB",{style:"currency",currency:this.currency,minimumFractionDigits:o?2:0,maximumFractionDigits:o?2:0}).format(e)}getStateConfig(){return l[this.state]}isInteractive(){return!this.disabled&&"soldOut"!==this.state&&"comingSoon"!==this.state}render(){const t=this.getStateConfig(),e=this.label||t.defaultLabel,o=this.isInteractive();return r(i,{key:"86ee9a81d82c10398dab4e22b3bbae15abb8f449",class:{"full-width":this.fullWidth}},r("button",{key:"b581e199ced7ffd14669ebe0cc727edc2f8c8914",type:"button",class:{"buy-button":!0,["variant-"+this.variant]:!0,["size-"+this.size]:!0,disabled:!o,hovered:this.isHovered&&o},style:{"--button-color":t.color,"--button-hover-color":t.hoverColor,"--button-foreground":t.foreground},disabled:!o,onClick:this.handleClick,onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1},r("span",{key:"f776bab4a999ed36b25400424d639b4c9261c02a",class:"icon"},"soldOut"===this.state&&this.renderSoldOutIcon(),"waitlist"===this.state&&this.renderWaitlistIcon(),"comingSoon"===this.state&&this.renderComingSoonIcon(),"available"===this.state&&this.renderTicketIcon()),r("span",{key:"e98ecbe6debc5c2c18ce1d304b60bf1074b003b3",class:"label"},e),void 0!==this.price&&r("span",{key:"e7e261d09a541b126b02b88d00992f3a6483a9b8",class:"price"},r("span",{key:"5eab43a47c2dd4c1339fe84b583902b1e38a0b2a",class:"price-prefix"},this.pricePrefix),r("span",{key:"f03b514ff2bc3c9a1b2e922d93a92accdedd0fad",class:"price-value"},this.formatPrice(this.price)))))}renderTicketIcon(){return r("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},r("path",{d:"M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"}),r("path",{d:"M13 5v2"}),r("path",{d:"M13 17v2"}),r("path",{d:"M13 11v2"}))}renderSoldOutIcon(){return r("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},r("circle",{cx:"12",cy:"12",r:"10"}),r("path",{d:"m15 9-6 6"}),r("path",{d:"m9 9 6 6"}))}renderWaitlistIcon(){return r("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},r("circle",{cx:"12",cy:"12",r:"10"}),r("polyline",{points:"12 6 12 12 16 14"}))}renderComingSoonIcon(){return r("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},r("path",{d:"M12 2v4"}),r("path",{d:"m16.2 7.8 2.9-2.9"}),r("path",{d:"M18 12h4"}),r("path",{d:"m16.2 16.2 2.9 2.9"}),r("path",{d:"M12 18v4"}),r("path",{d:"m4.9 19.1 2.9-2.9"}),r("path",{d:"M2 12h4"}),r("path",{d:"m4.9 4.9 2.9 2.9"}))}static get style(){return":host{display:inline-block;font-family:var(--tl-font-family)}:host(.full-width){display:block;width:100%}:host(.full-width) .buy-button{width:100%}.buy-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-weight:600;border:none;cursor:pointer;text-decoration:none;outline:none;transition:all 0.2s ease;white-space:nowrap}.buy-button.variant-primary{background:var(--button-color);color:var(--button-foreground)}.buy-button.variant-secondary{background:color-mix(in srgb, var(--button-color) 15%, transparent);color:var(--button-color)}.buy-button.variant-outline{background:transparent;color:var(--button-color);border:2px solid var(--button-color)}.buy-button.size-sm{padding:0.5rem 1rem;font-size:0.875rem;border-radius:var(--tl-radius-sm)}.buy-button.size-md{padding:0.75rem 1.5rem;font-size:1rem;border-radius:var(--tl-radius-md)}.buy-button.size-lg{padding:1rem 2rem;font-size:1.125rem;border-radius:var(--tl-radius-lg);min-height:51px}.buy-button.hovered:not(.disabled){opacity:0.9;transform:translateY(-1px)}.buy-button.hovered.variant-primary{background:var(--button-hover-color)}.buy-button.disabled{opacity:0.7;cursor:not-allowed}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{width:1em;height:1em}.label{flex-shrink:0}.price{display:inline-flex;align-items:center;gap:0.25rem;margin-left:0.5rem;white-space:nowrap;opacity:0.9}.price-prefix{opacity:0.7}.price-value{font-weight:700}"}},[1,"tl-buy-tickets-button",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],state:[1],label:[1],variant:[1],size:[1],fullWidth:[4,"full-width"],price:[2],currency:[1],pricePrefix:[1,"price-prefix"],disabled:[4],isHovered:[32]}]),d=c,u=function(){"undefined"!=typeof customElements&&["tl-buy-tickets-button"].forEach((t=>{"tl-buy-tickets-button"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))};export{d as TlBuyTicketsButton,u as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as r,createEvent as e,h as o,Host as i,transformTag as n}from"@stencil/core/internal/client";import{w as s,g as a}from"./sdk-connector.js";import{c,g as l}from"./ticket-selector.js";const d=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tlClick=e(this,"tlClick",7),this.state="available",this.variant="primary",this.size="md",this.fullWidth=!1,this.currency="GBP",this.pricePrefix="From",this.disabled=!1,this.isHovered=!1,this.element=c(l,{client:()=>a(),clientReady:()=>s(),emit:(t,r)=>this.forward(t,r)}),this.view=this.element.view,this.handleClick=()=>{this.element.actions.activate()}}syncProps(){this.element.setProps({eventId:this.eventId,occurrenceId:this.occurrenceId,state:this.state,label:this.label,variant:this.variant,size:this.size,fullWidth:this.fullWidth,price:this.price,currency:this.currency,pricePrefix:this.pricePrefix,disabled:this.disabled})}connectedCallback(){this.syncProps(),this.unsubscribe??(this.unsubscribe=this.element.subscribe((t=>{this.view=t}))),this.view=this.element.view,this.teardown=this.element.mount()}disconnectedCallback(){this.teardown?.(),this.teardown=void 0,this.unsubscribe?.(),this.unsubscribe=void 0}forward(t,r){"tlClick"===t&&this.tlClick.emit(r)}render(){const{interactive:t,buttonLabel:r,stateClass:e,priceLabel:n}=this.view.derived;return o(i,{key:"6d5dddb3fc486c5a877a3718fecbee80a648b274",class:{"full-width":this.fullWidth}},o("button",{key:"88f7f0688fb42e97eb2ce352f316b2a085c3bab5",type:"button",class:{"buy-button":!0,[e]:!0,["variant-"+this.variant]:!0,["size-"+this.size]:!0,disabled:!t,hovered:this.isHovered&&t},disabled:!t,onClick:this.handleClick,onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1},o("span",{key:"e88c2f05c7bc782d08d78fc8ab53b213ab3c833f",class:"icon"},"soldOut"===this.state&&this.renderSoldOutIcon(),"waitlist"===this.state&&this.renderWaitlistIcon(),"comingSoon"===this.state&&this.renderComingSoonIcon(),"available"===this.state&&this.renderTicketIcon()),o("span",{key:"7290a58779e884886f26e64c405fd319811613a1",class:"label"},r),null!==n&&o("span",{key:"bdf3bcdbfa29d4799f7a64bc0072a4c06c09c393",class:"price"},o("span",{key:"32b075fc6793ef21e9a2cd188058992f95c10680",class:"price-prefix"},this.pricePrefix),o("span",{key:"ff3805b660b2af72a94fabc315507ce063ff02d2",class:"price-value"},n))))}renderTicketIcon(){return o("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},o("path",{d:"M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"}),o("path",{d:"M13 5v2"}),o("path",{d:"M13 17v2"}),o("path",{d:"M13 11v2"}))}renderSoldOutIcon(){return o("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},o("circle",{cx:"12",cy:"12",r:"10"}),o("path",{d:"m15 9-6 6"}),o("path",{d:"m9 9 6 6"}))}renderWaitlistIcon(){return o("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},o("circle",{cx:"12",cy:"12",r:"10"}),o("polyline",{points:"12 6 12 12 16 14"}))}renderComingSoonIcon(){return o("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},o("path",{d:"M12 2v4"}),o("path",{d:"m16.2 7.8 2.9-2.9"}),o("path",{d:"M18 12h4"}),o("path",{d:"m16.2 16.2 2.9 2.9"}),o("path",{d:"M12 18v4"}),o("path",{d:"m4.9 19.1 2.9-2.9"}),o("path",{d:"M2 12h4"}),o("path",{d:"m4.9 4.9 2.9 2.9"}))}static get watchers(){return{eventId:[{syncProps:0}],occurrenceId:[{syncProps:0}],state:[{syncProps:0}],label:[{syncProps:0}],variant:[{syncProps:0}],size:[{syncProps:0}],fullWidth:[{syncProps:0}],price:[{syncProps:0}],currency:[{syncProps:0}],pricePrefix:[{syncProps:0}],disabled:[{syncProps:0}]}}static get style(){return":host{display:inline-block;font-family:var(--tl-font-family)}:host(.full-width){display:block;width:100%}:host(.full-width) .buy-button{width:100%}.state-available{--button-color:var(--tl-primary);--button-hover-color:color-mix(in srgb, var(--tl-primary) 90%, black);--button-foreground:var(--tl-primary-foreground)}.state-sold-out{--button-color:var(--tl-error);--button-hover-color:color-mix(in srgb, var(--tl-error) 90%, black);--button-foreground:var(--tl-error-foreground)}.state-waitlist{--button-color:var(--tl-info);--button-hover-color:color-mix(in srgb, var(--tl-info) 90%, black);--button-foreground:var(--tl-info-foreground)}.state-coming-soon{--button-color:var(--tl-warning);--button-hover-color:color-mix(in srgb, var(--tl-warning) 90%, black);--button-foreground:var(--tl-warning-foreground)}.buy-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-weight:600;border:none;cursor:pointer;text-decoration:none;outline:none;transition:all 0.2s ease;white-space:nowrap}.buy-button.variant-primary{background:var(--button-color);color:var(--button-foreground)}.buy-button.variant-secondary{background:color-mix(in srgb, var(--button-color) 15%, transparent);color:var(--button-color)}.buy-button.variant-outline{background:transparent;color:var(--button-color);border:2px solid var(--button-color)}.buy-button.size-sm{padding:0.5rem 1rem;font-size:0.875rem;border-radius:var(--tl-radius-sm)}.buy-button.size-md{padding:0.75rem 1.5rem;font-size:1rem;border-radius:var(--tl-radius-md)}.buy-button.size-lg{padding:1rem 2rem;font-size:1.125rem;border-radius:var(--tl-radius-lg);min-height:51px}.buy-button.hovered:not(.disabled){opacity:0.9;transform:translateY(-1px)}.buy-button.hovered.variant-primary{background:var(--button-hover-color)}.buy-button.disabled{opacity:0.7;cursor:not-allowed}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{width:1em;height:1em}.label{flex-shrink:0}.price{display:inline-flex;align-items:center;gap:0.25rem;margin-left:0.5rem;white-space:nowrap;opacity:0.9}.price-prefix{opacity:0.7}.price-value{font-weight:700}"}},[1,"tl-buy-tickets-button",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],state:[1],label:[1],variant:[1],size:[1],fullWidth:[4,"full-width"],price:[2],currency:[1],pricePrefix:[1,"price-prefix"],disabled:[4],isHovered:[32],view:[32]},void 0,{eventId:[{syncProps:0}],occurrenceId:[{syncProps:0}],state:[{syncProps:0}],label:[{syncProps:0}],variant:[{syncProps:0}],size:[{syncProps:0}],fullWidth:[{syncProps:0}],price:[{syncProps:0}],currency:[{syncProps:0}],pricePrefix:[{syncProps:0}],disabled:[{syncProps:0}]}]),u=d,h=function(){"undefined"!=typeof customElements&&["tl-buy-tickets-button"].forEach((t=>{"tl-buy-tickets-button"===t&&(customElements.get(n(t))||customElements.define(n(t),d))}))};export{u as TlBuyTicketsButton,h as defineCustomElement}

package/dist/components/tl-buy-tickets-wrapper2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as r,transformTag as l}from"@stencil/core/internal/client";import{h as a,g as o}from"./sdk-connector.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.tlComplete=s(this,"tl-complete",7),this.tlError=s(this,"tl-error",7),this.tlClose=s(this,"tl-close",7),this.disabled=!1,this.handleClick=()=>{if(!this.disabled)return a()?void o().event(this.eventId).openModal({occurrenceId:this.occurrenceId,onComplete:t=>{this.tlComplete.emit(t)},onError:t=>{this.tlError.emit({message:t.message})},onClose:()=>{this.tlClose.emit()}}):(console.error("[tl-buy-tickets-wrapper] SDK not initialized. Call setSDK(ticketlayer) first."),void this.tlError.emit({message:"SDK not initialized"}))},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClick())}}render(){return i(r,{key:"d6ef81ac9bc1a1194eda1603cbb2a75b355a212e",class:{"tl-buy-tickets-wrapper":!0,"tl-buy-tickets-wrapper--disabled":this.disabled},onClick:this.handleClick,onKeyDown:this.handleKeyDown,role:"button",tabindex:this.disabled?-1:0,"aria-disabled":this.disabled?"true":null},i("slot",{key:"faef5aaad20deaf5e442d688c69105e45f9ee26f"}))}get el(){return this}static get style(){return"tl-buy-tickets-wrapper,.tl-buy-tickets-wrapper{display:inline-block;cursor:pointer}tl-buy-tickets-wrapper:focus,.tl-buy-tickets-wrapper:focus{outline:2px solid var(--tl-ring);outline-offset:2px;border-radius:var(--tl-radius-sm)}tl-buy-tickets-wrapper[disabled],tl-buy-tickets-wrapper.tl-buy-tickets-wrapper--disabled,.tl-buy-tickets-wrapper--disabled{cursor:not-allowed;opacity:0.5}"}},[260,"tl-buy-tickets-wrapper",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],disabled:[4]}]);function n(){"undefined"!=typeof customElements&&["tl-buy-tickets-wrapper"].forEach((t=>{"tl-buy-tickets-wrapper"===t&&(customElements.get(l(t))||customElements.define(l(t),c))}))}export{c as T,n as d}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as r,transformTag as c}from"@stencil/core/internal/client";import{w as o,g as l}from"./sdk-connector.js";import{c as n,b as a}from"./ticket-selector.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.tlComplete=s(this,"tlComplete",7),this.tlError=s(this,"tlError",7),this.tlClose=s(this,"tlClose",7),this.disabled=!1,this.element=n(a,{client:()=>l(),clientReady:()=>o(),emit:(t,e)=>this.forward(t,e)}),this.view=this.element.view,this.handleClick=()=>{this.element.actions.activate()},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.element.actions.activate())}}syncProps(){this.element.setProps({eventId:this.eventId,occurrenceId:this.occurrenceId,disabled:this.disabled})}connectedCallback(){this.syncProps(),this.unsubscribe??(this.unsubscribe=this.element.subscribe((t=>{this.view=t}))),this.view=this.element.view,this.teardown=this.element.mount()}disconnectedCallback(){this.teardown?.(),this.teardown=void 0,this.unsubscribe?.(),this.unsubscribe=void 0}forward(t,e){"tlComplete"===t?this.tlComplete.emit(e):"tlError"===t?this.tlError.emit(e):"tlClose"===t&&this.tlClose.emit()}render(){const{interactive:t}=this.view.derived;return i(r,{key:"14e91259c1401322f969d43bb16b6d3f20327c65",class:{"tl-buy-tickets-wrapper":!0,"tl-buy-tickets-wrapper--disabled":!t},onClick:this.handleClick,onKeyDown:this.handleKeyDown,role:"button",tabindex:t?0:-1,"aria-disabled":t?null:"true"},i("slot",{key:"3fb33786e09f5ecdf20ff0ea8e7336ccfc43b216"}))}static get watchers(){return{eventId:[{syncProps:0}],occurrenceId:[{syncProps:0}],disabled:[{syncProps:0}]}}static get style(){return"tl-buy-tickets-wrapper,.tl-buy-tickets-wrapper{display:inline-block;cursor:pointer}tl-buy-tickets-wrapper:focus,.tl-buy-tickets-wrapper:focus{outline:2px solid var(--tl-ring);outline-offset:2px;border-radius:var(--tl-radius-sm)}tl-buy-tickets-wrapper[disabled],tl-buy-tickets-wrapper.tl-buy-tickets-wrapper--disabled,.tl-buy-tickets-wrapper--disabled{cursor:not-allowed;opacity:0.5}"}},[260,"tl-buy-tickets-wrapper",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],disabled:[4],view:[32]},void 0,{eventId:[{syncProps:0}],occurrenceId:[{syncProps:0}],disabled:[{syncProps:0}]}]);function p(){"undefined"!=typeof customElements&&["tl-buy-tickets-wrapper"].forEach((t=>{"tl-buy-tickets-wrapper"===t&&(customElements.get(c(t))||customElements.define(c(t),d))}))}export{d as T,p as d}

package/dist/components/tl-cart-badge.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as n,transformTag as s}from"@stencil/core/internal/client";import{w as o}from"./sdk-connector.js";const r="tl_cart_count",a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tlClick=e(this,"tlClick",7),this.showEmpty=!1,this.size="md",this.badgeOnly=!1,this.itemCount=0,this.handleClick=()=>{this.tlClick.emit({itemCount:this.itemCount})}}componentWillLoad(){this.itemCount=this.getPersistedCartCount()}componentDidLoad(){this.subscribeToCartUpdates()}disconnectedCallback(){this.unsubscribe&&this.unsubscribe()}getPersistedCartCount(){if("undefined"==typeof window)return 0;try{const t=localStorage.getItem(r);return t&&parseInt(t,10)||0}catch{return 0}}persistCartCount(t){if("undefined"!=typeof window)try{localStorage.setItem(r,""+t)}catch{}}async subscribeToCartUpdates(){const t=await o().catch((()=>null));if(!t)return;const i=t.getCartManager?.();i&&(this.unsubscribe=i.on?.("cart:updated",(t=>{const i=t?.itemCount||0;console.log("[tl-cart-badge] Cart updated:",i),this.itemCount=i,this.persistCartCount(i)})),i.get?.().then((t=>{const i=t?.itemCount||0;this.itemCount=i,this.persistCartCount(i)})).catch((()=>{})))}renderIcon(){return this.icon?n("span",{class:"icon-text"},this.icon):n("svg",{class:"icon-svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"}))}render(){const t=this.itemCount>0||this.showEmpty,i=this.itemCount>99?"99+":""+this.itemCount;return this.badgeOnly?0===this.itemCount?null:n("span",{class:"badge-only size-"+this.size},i):n("button",{class:"cart-badge size-"+this.size,onClick:this.handleClick,"aria-label":`Cart with ${this.itemCount} items`},this.renderIcon(),t&&this.itemCount>0&&n("span",{class:"badge-count"},i))}static get style(){return":host{display:inline-block}.cart-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:var(--tl-spacing-2);border-radius:var(--tl-radius-md);color:var(--tl-color-foreground);transition:background-color 0.2s, transform 0.15s}.cart-badge:hover{background-color:var(--tl-color-muted)}.cart-badge:active{transform:scale(0.95)}.cart-badge:focus-visible{outline:2px solid var(--tl-color-primary);outline-offset:2px}.size-sm{padding:var(--tl-spacing-1)}.size-sm .icon-svg,.size-sm .icon-text{width:18px;height:18px;font-size:18px}.size-md .icon-svg,.size-md .icon-text{width:24px;height:24px;font-size:24px}.size-lg{padding:var(--tl-spacing-3)}.size-lg .icon-svg,.size-lg .icon-text{width:32px;height:32px;font-size:32px}.icon-svg{width:24px;height:24px;stroke-width:2}.icon-text{line-height:1}.badge-count{position:absolute;top:0;right:0;transform:translate(30%, -30%);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background-color:var(--tl-color-primary);color:var(--tl-color-primary-foreground);font-size:11px;font-weight:600;font-family:var(--tl-font-family);display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.size-sm .badge-count{min-width:16px;height:16px;font-size:10px;padding:0 4px}.size-lg .badge-count{min-width:22px;height:22px;font-size:13px;padding:0 6px}.badge-only{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background-color:rgba(255, 255, 255, 0.3);color:inherit;font-size:12px;font-weight:600;font-family:var(--tl-font-family);line-height:1}.badge-only.size-sm{min-width:18px;height:18px;font-size:11px;padding:0 5px}.badge-only.size-lg{min-width:22px;height:22px;font-size:13px;padding:0 7px}"}},[1,"tl-cart-badge",{showEmpty:[4,"show-empty"],icon:[1],size:[1],badgeOnly:[4,"badge-only"],itemCount:[32]}]),l=a,c=function(){"undefined"!=typeof customElements&&["tl-cart-badge"].forEach((t=>{"tl-cart-badge"===t&&(customElements.get(s(t))||customElements.define(s(t),a))}))};export{l as TlCartBadge,c as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,transformTag as n}from"@stencil/core/internal/client";import{w as o,g as r}from"./sdk-connector.js";import{c as a,k as c}from"./ticket-selector.js";const l={get(t){if("undefined"==typeof window)return null;try{return window.localStorage.getItem(t)}catch{return null}},set(t,i){if("undefined"!=typeof window)try{window.localStorage.setItem(t,i)}catch{}}},d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tlClick=e(this,"tlClick",7),this.showEmpty=!1,this.size="md",this.badgeOnly=!1,this.element=a(c,{client:()=>r(),clientReady:()=>o(),storage:l,emit:(t,i)=>this.forward(t,i)}),this.view=this.element.view,this.handleClick=()=>{this.element.actions.click()}}syncProps(){this.element.setProps({showEmpty:this.showEmpty,icon:this.icon,size:this.size,badgeOnly:this.badgeOnly})}connectedCallback(){this.syncProps(),this.unsubscribe??(this.unsubscribe=this.element.subscribe((t=>{this.view=t}))),this.view=this.element.view,this.teardown=this.element.mount()}disconnectedCallback(){this.teardown?.(),this.teardown=void 0,this.unsubscribe?.(),this.unsubscribe=void 0}forward(t,i){"tlClick"===t&&this.tlClick.emit(i)}renderIcon(){return this.icon?s("span",{class:"icon-text"},this.icon):s("svg",{class:"icon-svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},s("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"}))}render(){const{derived:t}=this.view;return this.badgeOnly?t.renderNothing?null:s("span",{class:"badge-only "+t.sizeClass},t.displayCount):s("button",{class:"cart-badge "+t.sizeClass,onClick:this.handleClick,"aria-label":t.ariaLabel},this.renderIcon(),t.showBadge&&s("span",{class:"badge-count"},t.displayCount))}static get watchers(){return{showEmpty:[{syncProps:0}],icon:[{syncProps:0}],size:[{syncProps:0}],badgeOnly:[{syncProps:0}]}}static get style(){return":host{display:inline-block}.cart-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:var(--tl-spacing-2);border-radius:var(--tl-radius-md);color:var(--tl-color-foreground);transition:background-color 0.2s, transform 0.15s}.cart-badge:hover{background-color:var(--tl-color-muted)}.cart-badge:active{transform:scale(0.95)}.cart-badge:focus-visible{outline:2px solid var(--tl-color-primary);outline-offset:2px}.size-sm{padding:var(--tl-spacing-1)}.size-sm .icon-svg,.size-sm .icon-text{width:18px;height:18px;font-size:18px}.size-md .icon-svg,.size-md .icon-text{width:24px;height:24px;font-size:24px}.size-lg{padding:var(--tl-spacing-3)}.size-lg .icon-svg,.size-lg .icon-text{width:32px;height:32px;font-size:32px}.icon-svg{width:24px;height:24px;stroke-width:2}.icon-text{line-height:1}.badge-count{position:absolute;top:0;right:0;transform:translate(30%, -30%);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background-color:var(--tl-color-primary);color:var(--tl-color-primary-foreground);font-size:11px;font-weight:600;font-family:var(--tl-font-family);display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.size-sm .badge-count{min-width:16px;height:16px;font-size:10px;padding:0 4px}.size-lg .badge-count{min-width:22px;height:22px;font-size:13px;padding:0 6px}.badge-only{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background-color:rgba(255, 255, 255, 0.3);color:inherit;font-size:12px;font-weight:600;font-family:var(--tl-font-family);line-height:1}.badge-only.size-sm{min-width:18px;height:18px;font-size:11px;padding:0 5px}.badge-only.size-lg{min-width:22px;height:22px;font-size:13px;padding:0 7px}"}},[1,"tl-cart-badge",{showEmpty:[4,"show-empty"],icon:[1],size:[1],badgeOnly:[4,"badge-only"],view:[32]},void 0,{showEmpty:[{syncProps:0}],icon:[{syncProps:0}],size:[{syncProps:0}],badgeOnly:[{syncProps:0}]}]),h=d,p=function(){"undefined"!=typeof customElements&&["tl-cart-badge"].forEach((t=>{"tl-cart-badge"===t&&(customElements.get(n(t))||customElements.define(n(t),d))}))};export{h as TlCartBadge,p as defineCustomElement}

package/dist/components/tl-cart-drawer.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as a,Host as o,transformTag as c}from"@stencil/core/internal/client";import{o as i}from"./sdk-connector.js";import{d}from"./tl-cart2.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tlOpen=r(this,"tlOpen",7),this.tlClose=r(this,"tlClose",7),this.side="right",this.heading="Your cart",this.open=!1,this.visible=!1,this.onKey=e=>{"Escape"===e.key&&this.visible&&this.setOpen(!1)},this.close=()=>this.setOpen(!1)}connectedCallback(){this.visible=this.open,this.offCart=i("ui:cart-requested",(()=>this.setOpen(!0))),this.offClose=i("ui:modal-close-requested",(()=>this.setOpen(!1))),"undefined"!=typeof document&&document.addEventListener("keydown",this.onKey)}disconnectedCallback(){this.offCart?.(),this.offClose?.(),"undefined"!=typeof document&&document.removeEventListener("keydown",this.onKey)}onOpenProp(e){this.visible=e}setOpen(e){this.visible!==e&&(this.open=e,this.visible=e,e?this.tlOpen.emit():this.tlClose.emit())}render(){return a(o,{key:"022314d9fb612e930da52ece34f2ab8ae8ce44da"},a("div",{key:"985b4001145d72ba91ef7d466adba8ab939e9cc4",class:{overlay:!0,"is-open":this.visible},onClick:e=>{e.target===e.currentTarget&&this.close()}},a("aside",{key:"3ac3588ae8feacd4f8bb96bdae8ef71e80ecb4b3",class:{panel:!0,["panel--"+this.side]:!0,"is-open":this.visible},role:"dialog","aria-modal":"true","aria-label":this.heading,"aria-hidden":this.visible?"false":"true"},a("header",{key:"e0126d634e952ebf56b73e54545f6c3981210827",class:"drawer-header"},a("h2",{key:"a72b23114aa836076ec59cd4a5d1438d228179d9",class:"drawer-title"},this.heading),a("button",{key:"92fb5b159490440352a6c23d65aa6e8c956ae3d8",class:"close-btn",onClick:this.close,"aria-label":"Close cart"},a("svg",{key:"138f4dc7669e62fb667091da0ba26dfbe94327c6",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},a("path",{key:"21fedd9dc89937a92f9c1124d4fa834b55908f1e",d:"M6 6l12 12M18 6L6 18","stroke-linecap":"round"})))),a("div",{key:"ebee87cb6a3c98dbf813d0a903a9cb4da2c696f3",class:"drawer-body"},a("tl-cart",{key:"323db3a160837b68ffaa767e647ec67b06fa53b0"})),a("footer",{key:"d35543373eb13ad1acc46ae50aefcb5a04f305a1",class:"drawer-footer"},a("div",{key:"52229c74d39471bf186c965b6a53b38f79ce8d61",class:"pb-links"},a("a",{key:"d0430bf93d920c57fc42043faed7e8fd895855aa",href:"https://ticketlayer.com/privacy",target:"_blank",rel:"noopener noreferrer"},"Privacy Policy"),a("a",{key:"2a75dc8dcdc9ec3010fe83f97d903cdc32767e49",href:"https://ticketlayer.com/report-abuse",target:"_blank",rel:"noopener noreferrer"},"Report Abuse")),a("a",{key:"40642c5c4c003a454dd7ab2b66ebe5948a03df7d",class:"pb-brand",href:"https://ticketlayer.com",target:"_blank",rel:"noopener noreferrer"},a("span",{key:"a5d9b5c023381d25b6aaddf61e56dbdb21580975",class:"pb-pre"},"Powered by"),a("svg",{key:"35bc23af9a35272d7ada24fd66d5f12f1d951ae8",width:"13",height:"13",viewBox:"0 0 50 50",fill:"none","aria-hidden":"true"},a("g",{key:"fcca5f9bbc13d2781ea65bb907c9c07516972e28",transform:"matrix(0.0129 0 0 -0.0129 25.4752 25.4752)"},a("path",{key:"7bf2071ba8d6d14c9ac9fc7c7a5a36a8008136e8",fill:"currentColor",transform:"translate(-1781.5, -1759.4003)",d:"M 41 2973 c 1 -285 5 -734 9 -998 c 7 -444 9 -488 30 -580 c 81 -364 235 -634 512 -900 c 135 -130 263 -220 423 -299 c 156 -77 249 -109 409 -143 c 110 -23 142 -25 354 -24 c 230 1 310 8 427 37 c 241 60 453 162 640 309 c 82 64 252 234 317 315 c 210 264 340 604 355 926 l 6 121 l -69 6 c -86 8 -706 9 -755 1 l -36 -6 l -21 -125 c -34 -191 -98 -317 -236 -462 c -111 -115 -249 -198 -396 -238 c -98 -27 -356 -24 -463 5 c -100 27 -183 69 -273 137 c -226 173 -353 409 -354 660 c 0 44 -5 120 -10 169 c -6 49 -8 91 -6 94 c 3 3 65 -22 138 -55 c 140 -64 251 -103 358 -127 c 71 -17 295 -46 347 -46 l 33 0 l 0 434 l 0 434 l -67 7 c -147 14 -269 56 -393 133 c -222 139 -378 393 -397 648 l -6 71 l -75 7 c -41 3 -239 6 -439 6 l -363 0 l 1 -517 z"}))),a("span",{key:"c97081daa81688106395f6ef6c497b11df53a6a9",class:"pb-word"},"ticketlayer"))))))}static get watchers(){return{open:[{onOpenProp:0}]}}static get style(){return":host{--_bg:var(--tl-background);--_fg:var(--tl-foreground);--_muted-fg:var(--tl-muted-foreground);--_muted:var(--tl-muted);--_border:var(--tl-border);--_font:var(--tl-font-family);font-family:var(--_font)}.overlay{position:fixed;inset:0;z-index:2147483640;background:rgba(8, 8, 16, 0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity 0.25s ease}.overlay.is-open{opacity:1;pointer-events:auto}.panel{position:fixed;top:0;bottom:0;width:min(420px, 100%);display:flex;flex-direction:column;background:var(--_bg);color:var(--_fg);box-shadow:0 0 48px rgba(0, 0, 0, 0.5);transition:transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);will-change:transform}.panel--right{right:0;border-left:1px solid var(--_border);transform:translateX(100%)}.panel--left{left:0;border-right:1px solid var(--_border);transform:translateX(-100%)}.panel.is-open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--_border)}.drawer-title{margin:0;font-size:1.1rem;font-weight:700}.close-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:999px;background:var(--_muted);color:var(--_muted-fg);cursor:pointer;transition:color 0.15s}.close-btn:hover{color:var(--_fg)}.close-btn svg{width:16px;height:16px}.drawer-body{flex:1;overflow-y:auto;padding:18px 20px}.drawer-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;border-top:1px solid var(--_border);font-size:11.5px;font-weight:500;color:var(--_muted-fg)}.drawer-footer a{color:inherit;text-decoration:none;opacity:0.9;transition:opacity 0.15s ease}.drawer-footer a:hover{opacity:1}.drawer-footer .pb-links{display:flex;gap:14px}.drawer-footer .pb-brand{display:inline-flex;align-items:center;gap:5px}.drawer-footer .pb-brand svg{display:block}.drawer-footer .pb-pre{opacity:0.7}.drawer-footer .pb-word{font-weight:700}"}},[1,"tl-cart-drawer",{side:[1],heading:[1],open:[1028],visible:[32]},void 0,{open:[{onOpenProp:0}]}]),n=s,l=function(){"undefined"!=typeof customElements&&["tl-cart-drawer","tl-cart"].forEach((e=>{switch(e){case"tl-cart-drawer":customElements.get(c(e))||customElements.define(c(e),s);break;case"tl-cart":customElements.get(c(e))||d()}}))};export{n as TlCartDrawer,l as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as a,Host as o,transformTag as i}from"@stencil/core/internal/client";import{w as s,g as d}from"./sdk-connector.js";import{d as n}from"./tl-cart2.js";import{c,h as l}from"./ticket-selector.js";const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tlOpen=r(this,"tlOpen",7),this.tlClose=r(this,"tlClose",7),this.side="right",this.heading="Your cart",this.open=!1,this.element=c(l,{client:()=>d(),clientReady:()=>s(),emit:(e,t)=>this.forward(e,t)}),this.view=this.element.view,this.onKey=e=>{"Escape"===e.key&&this.element.actions.setOpen(!1)},this.close=()=>this.element.actions.setOpen(!1)}syncProps(){this.element.setProps({side:this.side,heading:this.heading,open:this.open})}onOpenProp(e){this.element.setProps({open:e}),this.element.actions.openChanged(e)}connectedCallback(){this.syncProps(),this.unsubscribe??(this.unsubscribe=this.element.subscribe((e=>{this.view=e,this.open!==e.state.visible&&(this.open=e.state.visible)}))),this.view=this.element.view,this.teardown=this.element.mount(),"undefined"!=typeof document&&document.addEventListener("keydown",this.onKey)}disconnectedCallback(){this.teardown?.(),this.teardown=void 0,this.unsubscribe?.(),this.unsubscribe=void 0,"undefined"!=typeof document&&document.removeEventListener("keydown",this.onKey)}forward(e,t){"tlOpen"===e?this.tlOpen.emit():"tlClose"===e&&this.tlClose.emit()}render(){const{strings:e,derived:t}=this.view;return a(o,{key:"ab41f3557cd8dd2b182bbfc3ed631bca7839d4a9"},a("div",{key:"70bbe63d1f9a2d449cb9ff970631c0c69a2eb757",class:{overlay:!0,"is-open":t.visible},onClick:e=>{e.target===e.currentTarget&&this.close()}},a("aside",{key:"eefe601ef6d2d8fc6bcfe62f1777d139875f875d",class:{panel:!0,[t.sideClass]:!0,"is-open":t.visible},role:"dialog","aria-modal":"true","aria-label":this.heading,"aria-hidden":t.ariaHidden},a("header",{key:"753d616182c3a903111dcaaf9b37f03186e17b48",class:"drawer-header"},a("h2",{key:"3e839ddbc2a2da1f4c8eb0c1e38c421de13426cd",class:"drawer-title"},this.heading),a("button",{key:"0d80fff5f425d6150fb391fd930161167b5f7d27",class:"close-btn",onClick:this.close,"aria-label":e.close},a("svg",{key:"7ffcbfb86f921d13deb5070140f21e4c7ca668f1",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},a("path",{key:"53d690ef2ac8d1d73038c53fa3aa0146bde0fb51",d:"M6 6l12 12M18 6L6 18","stroke-linecap":"round"})))),a("div",{key:"a782b1527cde89656e5f776311f848c446d92d48",class:"drawer-body"},a("tl-cart",{key:"3cd2c09f728cf14f0ea5b6ff4493b3e51e0dda62"})),a("footer",{key:"2df57237bbd548ae4af09098676d7e1315e11d71",class:"drawer-footer"},a("div",{key:"f02f5970181a2d83b70ac44188f00523a188771d",class:"pb-links"},a("a",{key:"d799da3a8c1c33b10a268500b02fda5523cd8bcf",href:e.privacyHref,target:"_blank",rel:"noopener noreferrer"},e.privacy),a("a",{key:"e928acb4c78cef8762d7ae8d258fa705554fd121",href:e.reportAbuseHref,target:"_blank",rel:"noopener noreferrer"},e.reportAbuse)),a("a",{key:"39278516b8da6dd14fe8bf0d0379c32ccfeb1d29",class:"pb-brand",href:e.brandHref,target:"_blank",rel:"noopener noreferrer"},a("span",{key:"96b2cb7ac0a73cd0c60fb7977999a00b4989177e",class:"pb-pre"},e.poweredBy),a("svg",{key:"b3950f83eab4a41e63a7919e6872a9ecdafab38b",width:"13",height:"13",viewBox:"0 0 50 50",fill:"none","aria-hidden":"true"},a("g",{key:"4c0c7ec66952f8a1956b3061f6bf2eb45c438989",transform:"matrix(0.0129 0 0 -0.0129 25.4752 25.4752)"},a("path",{key:"b1c9a143f0b2ad24da843323a4c1c550e9717d1b",fill:"currentColor",transform:"translate(-1781.5, -1759.4003)",d:"M 41 2973 c 1 -285 5 -734 9 -998 c 7 -444 9 -488 30 -580 c 81 -364 235 -634 512 -900 c 135 -130 263 -220 423 -299 c 156 -77 249 -109 409 -143 c 110 -23 142 -25 354 -24 c 230 1 310 8 427 37 c 241 60 453 162 640 309 c 82 64 252 234 317 315 c 210 264 340 604 355 926 l 6 121 l -69 6 c -86 8 -706 9 -755 1 l -36 -6 l -21 -125 c -34 -191 -98 -317 -236 -462 c -111 -115 -249 -198 -396 -238 c -98 -27 -356 -24 -463 5 c -100 27 -183 69 -273 137 c -226 173 -353 409 -354 660 c 0 44 -5 120 -10 169 c -6 49 -8 91 -6 94 c 3 3 65 -22 138 -55 c 140 -64 251 -103 358 -127 c 71 -17 295 -46 347 -46 l 33 0 l 0 434 l 0 434 l -67 7 c -147 14 -269 56 -393 133 c -222 139 -378 393 -397 648 l -6 71 l -75 7 c -41 3 -239 6 -439 6 l -363 0 l 1 -517 z"}))),a("span",{key:"053ca451a9674161799458e731862a93c954be23",class:"pb-word"},e.brand))))))}static get watchers(){return{side:[{syncProps:0}],heading:[{syncProps:0}],open:[{onOpenProp:0}]}}static get style(){return":host{--_bg:var(--tl-background);--_fg:var(--tl-foreground);--_muted-fg:var(--tl-muted-foreground);--_muted:var(--tl-muted);--_border:var(--tl-border);--_font:var(--tl-font-family);font-family:var(--_font)}.overlay{position:fixed;inset:0;z-index:2147483640;background:rgba(8, 8, 16, 0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity 0.25s ease}.overlay.is-open{opacity:1;pointer-events:auto}.panel{position:fixed;top:0;bottom:0;width:min(420px, 100%);display:flex;flex-direction:column;background:var(--_bg);color:var(--_fg);box-shadow:0 0 48px rgba(0, 0, 0, 0.5);transition:transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);will-change:transform}.panel--right{right:0;border-left:1px solid var(--_border);transform:translateX(100%)}.panel--left{left:0;border-right:1px solid var(--_border);transform:translateX(-100%)}.panel.is-open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--_border)}.drawer-title{margin:0;font-size:1.1rem;font-weight:700}.close-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:999px;background:var(--_muted);color:var(--_muted-fg);cursor:pointer;transition:color 0.15s}.close-btn:hover{color:var(--_fg)}.close-btn svg{width:16px;height:16px}.drawer-body{flex:1;overflow-y:auto;padding:18px 20px}.drawer-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;border-top:1px solid var(--_border);font-size:11.5px;font-weight:500;color:var(--_muted-fg)}.drawer-footer a{color:inherit;text-decoration:none;opacity:0.9;transition:opacity 0.15s ease}.drawer-footer a:hover{opacity:1}.drawer-footer .pb-links{display:flex;gap:14px}.drawer-footer .pb-brand{display:inline-flex;align-items:center;gap:5px}.drawer-footer .pb-brand svg{display:block}.drawer-footer .pb-pre{opacity:0.7}.drawer-footer .pb-word{font-weight:700}"}},[1,"tl-cart-drawer",{side:[1],heading:[1],open:[1028],view:[32]},void 0,{side:[{syncProps:0}],heading:[{syncProps:0}],open:[{onOpenProp:0}]}]),p=f,b=function(){"undefined"!=typeof customElements&&["tl-cart-drawer","tl-cart"].forEach((e=>{switch(e){case"tl-cart-drawer":customElements.get(i(e))||customElements.define(i(e),f);break;case"tl-cart":customElements.get(i(e))||n()}}))};export{p as TlCartDrawer,b as defineCustomElement}

package/dist/components/tl-cart2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,createEvent as r,h as e,transformTag as a}from"@stencil/core/internal/client";import{w as i,h as s,g as n}from"./sdk-connector.js";import{c as l}from"./money.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tlCheckout=r(this,"tlCheckout",7),this.tlItemRemoved=r(this,"tlItemRemoved",7),this.tlCartUpdated=r(this,"tlCartUpdated",7),this.tlError=r(this,"tlError",7),this.showCheckoutButton=!0,this.checkoutLabel="Checkout",this.showRemoveButtons=!0,this.compact=!1,this.cart=null,this.loading=!0,this.error=null,this.removingItemId=null,this.handleCheckout=()=>{this.cart&&this.cart.items.length>0&&this.tlCheckout.emit({cart:this.cart})}}componentWillLoad(){this.loadCart()}componentDidLoad(){this.subscribeToCartUpdates()}disconnectedCallback(){this.unsubscribe&&this.unsubscribe()}async loadCart(){try{console.log("[tl-cart] Loading cart..."),this.loading=!0,this.error=null;const t=await i(),o=t.getCartManager?.();if(o){const t=await o.get();console.log("[tl-cart] Cart loaded:",t),this.cart=t}}catch(t){console.error("[tl-cart] Failed to load cart:",t),this.error=t instanceof Error?t.message:"Failed to load cart",this.tlError.emit({message:this.error})}finally{this.loading=!1}}async subscribeToCartUpdates(){const t=await i().catch((()=>null));if(!t)return;const o=t.getCartManager?.();o&&(this.unsubscribe=o.on?.("cart:updated",(t=>{console.log("[tl-cart] Cart updated:",t),this.cart=t,this.tlCartUpdated.emit({cart:t})})))}async handleRemoveItem(t){if(s()){this.removingItemId=t;try{const o=n(),r=o.getCartManager?.();r&&(await r.removeItem(t),console.log("[tl-cart] Item removed:",t),this.tlItemRemoved.emit({itemId:t}))}catch(t){console.error("[tl-cart] Failed to remove item:",t),this.error=t instanceof Error?t.message:"Failed to remove item",this.tlError.emit({message:this.error})}finally{this.removingItemId=null}}}formatPrice(t,o="GBP"){return new Intl.NumberFormat("en-GB",{style:"currency",currency:o}).format(t/100)}formatDate(t){return new Date(t).toLocaleDateString("en-GB",{weekday:"short",day:"numeric",month:"short",hour:"2-digit",minute:"2-digit"})}renderSkeleton(){return e("div",{class:"skeleton-container"},e("div",{class:"skeleton-item"}),e("div",{class:"skeleton-item"}),e("div",{class:"skeleton-totals"}))}renderEmptyCart(){return e("div",{class:"empty-cart"},e("svg",{class:"empty-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"})),e("p",{class:"empty-title"},"Your cart is empty"),e("p",{class:"empty-message"},"Add tickets to get started"))}renderCartItem(t){const o=this.removingItemId===t.id;return e("div",{class:"cart-item "+(o?"removing":""),key:t.id},e("div",{class:"item-info"},e("p",{class:"item-name"},t.ticketTypeName),!this.compact&&e("p",{class:"item-event"},t.eventName),!this.compact&&t.occurrenceDate&&e("p",{class:"item-date"},this.formatDate(t.occurrenceDate)),e("p",{class:"item-quantity"},"Qty: ",t.quantity)),e("div",{class:"item-actions"},e("p",{class:"item-price"},this.formatPrice(t.totalPrice,t.currency)),this.showRemoveButtons&&e("button",{class:"remove-btn",onClick:()=>this.handleRemoveItem(t.id),disabled:o,"aria-label":"Remove item"},o?e("span",{class:"spinner"}):e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})))))}render(){if(this.loading)return this.renderSkeleton();if(!this.cart||0===this.cart.items.length)return this.renderEmptyCart();const{items:t}=this.cart,o=l(this.cart),r=o.currency;return e("div",{class:"cart "+(this.compact?"compact":"")},e("div",{class:"cart-items"},t.map((t=>this.renderCartItem(t)))),e("div",{class:"cart-totals"},!this.compact&&e("div",{class:"total-row subtotal"},e("span",null,"Subtotal"),e("span",null,this.formatPrice(o.subtotal,r))),o.showFee&&!this.compact&&e("div",{class:"total-row fees"},e("span",null,o.feeLabel),e("span",null,this.formatPrice(o.fees,r))),o.discount>0&&!this.compact&&e("div",{class:"total-row discount"},e("span",null,"Discount"),e("span",null,"-",this.formatPrice(o.discount,r))),e("div",{class:"total-row total"},e("span",null,"Total"),e("span",null,this.formatPrice(o.total,r)))),this.showCheckoutButton&&e("button",{class:"checkout-btn",onClick:this.handleCheckout,disabled:0===t.length},this.checkoutLabel))}static get style(){return":host{display:block;font-family:var(--tl-font-family)}.skeleton-container{padding:var(--tl-spacing-4)}.skeleton-item{height:70px;background:var(--tl-color-muted);border-radius:var(--tl-radius-md);margin-bottom:var(--tl-spacing-3);animation:pulse 1.5s ease-in-out infinite}.skeleton-totals{height:100px;background:var(--tl-color-muted);border-radius:var(--tl-radius-md);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--tl-spacing-8);text-align:center}.empty-icon{width:48px;height:48px;color:var(--tl-color-muted-foreground);margin-bottom:var(--tl-spacing-4)}.empty-title{margin:0 0 var(--tl-spacing-2);font-size:16px;font-weight:600;color:var(--tl-color-foreground)}.empty-message{margin:0;font-size:14px;color:var(--tl-color-muted-foreground)}.cart{background:var(--tl-color-background)}.cart.compact .cart-items{margin-bottom:var(--tl-spacing-2)}.cart-items{margin-bottom:var(--tl-spacing-4)}.cart-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--tl-spacing-3) 0;border-bottom:1px solid var(--tl-color-border);transition:opacity 0.2s}.cart-item:last-child{border-bottom:none}.cart-item.removing{opacity:0.5}.item-info{flex:1;min-width:0}.item-name{margin:0;font-weight:600;font-size:15px;color:var(--tl-color-foreground)}.item-event{margin:var(--tl-spacing-1) 0 0;font-size:14px;color:var(--tl-color-muted-foreground)}.item-date{margin:var(--tl-spacing-1) 0 0;font-size:13px;color:var(--tl-color-muted-foreground)}.item-quantity{margin:var(--tl-spacing-1) 0 0;font-size:13px;color:var(--tl-color-muted-foreground)}.item-actions{display:flex;align-items:center;gap:var(--tl-spacing-3);margin-left:var(--tl-spacing-4)}.item-price{margin:0;font-weight:600;font-size:15px;color:var(--tl-color-foreground);white-space:nowrap}.remove-btn{width:28px;height:28px;padding:0;border:none;background:transparent;border-radius:var(--tl-radius-sm);color:var(--tl-color-muted-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.15s, color 0.15s}.remove-btn:hover:not(:disabled){background-color:var(--tl-color-destructive-bg);color:var(--tl-color-destructive)}.remove-btn:disabled{cursor:not-allowed;opacity:0.5}.remove-btn svg{width:16px;height:16px}.spinner{width:14px;height:14px;border:2px solid var(--tl-color-border);border-top-color:var(--tl-color-primary);border-radius:50%;animation:spin 0.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cart-totals{padding:var(--tl-spacing-3) 0;border-top:1px solid var(--tl-color-border)}.total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--tl-spacing-1) 0}.total-row.subtotal,.total-row.fees,.total-row.discount{font-size:14px;color:var(--tl-color-muted-foreground)}.total-row.total{font-size:16px;font-weight:700;color:var(--tl-color-foreground);padding-top:var(--tl-spacing-2);border-top:1px solid var(--tl-color-border);margin-top:var(--tl-spacing-2)}.checkout-btn{width:100%;margin-top:var(--tl-spacing-4);padding:var(--tl-spacing-3) var(--tl-spacing-4);border-radius:var(--tl-radius-md);border:none;background-color:var(--tl-color-primary);color:var(--tl-color-primary-foreground);font-weight:600;font-size:16px;cursor:pointer;transition:opacity 0.15s, transform 0.1s}.checkout-btn:hover:not(:disabled){opacity:0.9}.checkout-btn:active:not(:disabled){transform:scale(0.98)}.checkout-btn:disabled{background-color:var(--tl-color-muted);color:var(--tl-color-muted-foreground);cursor:not-allowed}.cart.compact .item-info{flex-direction:row;align-items:center}.cart.compact .cart-totals{padding:var(--tl-spacing-2) 0}.cart.compact .total-row.total{margin-top:0;border-top:none;padding-top:0}"}},[1,"tl-cart",{showCheckoutButton:[4,"show-checkout-button"],checkoutLabel:[1,"checkout-label"],showRemoveButtons:[4,"show-remove-buttons"],compact:[4],cart:[32],loading:[32],error:[32],removingItemId:[32]}]);function d(){"undefined"!=typeof customElements&&["tl-cart"].forEach((t=>{"tl-cart"===t&&(customElements.get(a(t))||customElements.define(a(t),c))}))}export{c as T,d}
+import{proxyCustomElement as t,HTMLElement as o,createEvent as r,h as e,transformTag as s}from"@stencil/core/internal/client";import{w as i,g as a}from"./sdk-connector.js";import{c as n,a as l}from"./ticket-selector.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tlCheckout=r(this,"tlCheckout",7),this.tlItemRemoved=r(this,"tlItemRemoved",7),this.tlCartUpdated=r(this,"tlCartUpdated",7),this.tlError=r(this,"tlError",7),this.showCheckoutButton=!0,this.checkoutLabel="Checkout",this.showRemoveButtons=!0,this.compact=!1,this.element=n(l,{client:()=>a(),clientReady:()=>i(),emit:(t,o)=>this.forward(t,o)}),this.view=this.element.view}syncProps(){this.element.setProps({showCheckoutButton:this.showCheckoutButton,checkoutLabel:this.checkoutLabel,showRemoveButtons:this.showRemoveButtons,compact:this.compact})}connectedCallback(){this.syncProps(),this.unsubscribe??(this.unsubscribe=this.element.subscribe((t=>{this.view=t}))),this.view=this.element.view,this.teardown=this.element.mount()}disconnectedCallback(){this.teardown?.(),this.teardown=void 0,this.unsubscribe?.(),this.unsubscribe=void 0}forward(t,o){"tlCheckout"===t?this.tlCheckout.emit(o):"tlItemRemoved"===t?this.tlItemRemoved.emit(o):"tlCartUpdated"===t?this.tlCartUpdated.emit(o):"tlError"===t&&this.tlError.emit(o)}renderSkeleton(){return e("div",{class:"skeleton-container"},e("div",{class:"skeleton-item"}),e("div",{class:"skeleton-item"}),e("div",{class:"skeleton-totals"}))}renderEmptyCart(){const t=this.view.strings;return e("div",{class:"empty-cart"},e("svg",{class:"empty-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"})),e("p",{class:"empty-title"},t.emptyTitle),e("p",{class:"empty-message"},t.emptyMessage))}renderCartItem(t){return e("div",{class:"cart-item "+(t.removing?"removing":""),key:t.id},e("div",{class:"item-info"},e("p",{class:"item-name"},t.name),t.showEvent&&e("p",{class:"item-event"},t.eventName),t.showDate&&e("p",{class:"item-date"},t.dateLabel),e("p",{class:"item-quantity"},t.quantityLabel)),e("div",{class:"item-actions"},e("p",{class:"item-price"},t.priceLabel),this.showRemoveButtons&&e("button",{class:"remove-btn",onClick:()=>this.element.actions.removeItem(t.id),disabled:t.removing,"aria-label":this.view.strings.removeItem},t.removing?e("span",{class:"spinner"}):e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})))))}render(){const{status:t,strings:o,derived:r}=this.view;return"loading"===t?this.renderSkeleton():"empty"===t?this.renderEmptyCart():e("div",{class:"cart "+(this.compact?"compact":"")},e("div",{class:"cart-items"},r.rows.map((t=>this.renderCartItem(t)))),e("div",{class:"cart-totals"},r.showSubtotalRow&&e("div",{class:"total-row subtotal"},e("span",null,o.subtotalRow),e("span",null,r.subtotalLabel)),r.showFeeRow&&e("div",{class:"total-row fees"},e("span",null,r.totals.feeLabel),e("span",null,r.feeAmountLabel)),r.showDiscountRow&&e("div",{class:"total-row discount"},e("span",null,o.discountRow),e("span",null,"-",r.discountLabel)),e("div",{class:"total-row total"},e("span",null,o.totalRow),e("span",null,r.totalLabel))),this.showCheckoutButton&&e("button",{class:"checkout-btn",onClick:()=>this.element.actions.checkout(),disabled:r.checkoutDisabled},this.checkoutLabel))}static get watchers(){return{showCheckoutButton:[{syncProps:0}],checkoutLabel:[{syncProps:0}],showRemoveButtons:[{syncProps:0}],compact:[{syncProps:0}]}}static get style(){return":host{display:block;font-family:var(--tl-font-family)}.skeleton-container{padding:var(--tl-spacing-4)}.skeleton-item{height:70px;background:var(--tl-color-muted);border-radius:var(--tl-radius-md);margin-bottom:var(--tl-spacing-3);animation:pulse 1.5s ease-in-out infinite}.skeleton-totals{height:100px;background:var(--tl-color-muted);border-radius:var(--tl-radius-md);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--tl-spacing-8);text-align:center}.empty-icon{width:48px;height:48px;color:var(--tl-color-muted-foreground);margin-bottom:var(--tl-spacing-4)}.empty-title{margin:0 0 var(--tl-spacing-2);font-size:16px;font-weight:600;color:var(--tl-color-foreground)}.empty-message{margin:0;font-size:14px;color:var(--tl-color-muted-foreground)}.cart{background:var(--tl-color-background)}.cart.compact .cart-items{margin-bottom:var(--tl-spacing-2)}.cart-items{margin-bottom:var(--tl-spacing-4)}.cart-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--tl-spacing-3) 0;border-bottom:1px solid var(--tl-color-border);transition:opacity 0.2s}.cart-item:last-child{border-bottom:none}.cart-item.removing{opacity:0.5}.item-info{flex:1;min-width:0}.item-name{margin:0;font-weight:600;font-size:15px;color:var(--tl-color-foreground)}.item-event{margin:var(--tl-spacing-1) 0 0;font-size:14px;color:var(--tl-color-muted-foreground)}.item-date{margin:var(--tl-spacing-1) 0 0;font-size:13px;color:var(--tl-color-muted-foreground)}.item-quantity{margin:var(--tl-spacing-1) 0 0;font-size:13px;color:var(--tl-color-muted-foreground)}.item-actions{display:flex;align-items:center;gap:var(--tl-spacing-3);margin-left:var(--tl-spacing-4)}.item-price{margin:0;font-weight:600;font-size:15px;color:var(--tl-color-foreground);white-space:nowrap}.remove-btn{width:28px;height:28px;padding:0;border:none;background:transparent;border-radius:var(--tl-radius-sm);color:var(--tl-color-muted-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.15s, color 0.15s}.remove-btn:hover:not(:disabled){background-color:var(--tl-color-destructive-bg);color:var(--tl-color-destructive)}.remove-btn:disabled{cursor:not-allowed;opacity:0.5}.remove-btn svg{width:16px;height:16px}.spinner{width:14px;height:14px;border:2px solid var(--tl-color-border);border-top-color:var(--tl-color-primary);border-radius:50%;animation:spin 0.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cart-totals{padding:var(--tl-spacing-3) 0;border-top:1px solid var(--tl-color-border)}.total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--tl-spacing-1) 0}.total-row.subtotal,.total-row.fees,.total-row.discount{font-size:14px;color:var(--tl-color-muted-foreground)}.total-row.total{font-size:16px;font-weight:700;color:var(--tl-color-foreground);padding-top:var(--tl-spacing-2);border-top:1px solid var(--tl-color-border);margin-top:var(--tl-spacing-2)}.checkout-btn{width:100%;margin-top:var(--tl-spacing-4);padding:var(--tl-spacing-3) var(--tl-spacing-4);border-radius:var(--tl-radius-md);border:none;background-color:var(--tl-color-primary);color:var(--tl-color-primary-foreground);font-weight:600;font-size:16px;cursor:pointer;transition:opacity 0.15s, transform 0.1s}.checkout-btn:hover:not(:disabled){opacity:0.9}.checkout-btn:active:not(:disabled){transform:scale(0.98)}.checkout-btn:disabled{background-color:var(--tl-color-muted);color:var(--tl-color-muted-foreground);cursor:not-allowed}.cart.compact .item-info{flex-direction:row;align-items:center}.cart.compact .cart-totals{padding:var(--tl-spacing-2) 0}.cart.compact .total-row.total{margin-top:0;border-top:none;padding-top:0}"}},[1,"tl-cart",{showCheckoutButton:[4,"show-checkout-button"],checkoutLabel:[1,"checkout-label"],showRemoveButtons:[4,"show-remove-buttons"],compact:[4],view:[32]},void 0,{showCheckoutButton:[{syncProps:0}],checkoutLabel:[{syncProps:0}],showRemoveButtons:[{syncProps:0}],compact:[{syncProps:0}]}]);function d(){"undefined"!=typeof customElements&&["tl-cart"].forEach((t=>{"tl-cart"===t&&(customElements.get(s(t))||customElements.define(s(t),c))}))}export{c as T,d}

package/dist/components/tl-checkout-wrapper2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as s,Host as o,transformTag as i}from"@stencil/core/internal/client";import{h as c,g as l}from"./sdk-connector.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.tlComplete=r(this,"tl-complete",7),this.tlError=r(this,"tl-error",7),this.tlClose=r(this,"tl-close",7),this.disabled=!1,this.handleClick=()=>{if(!this.disabled)return c()?void l().checkout.openModal({onComplete:t=>{this.tlComplete.emit(t)},onError:t=>{this.tlError.emit({message:t.message})},onClose:()=>{this.tlClose.emit()}}):(console.error("[tl-checkout-wrapper] SDK not initialized. Call setSDK(ticketlayer) first."),void this.tlError.emit({message:"SDK not initialized"}))},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClick())}}render(){return s(o,{key:"ebaae5dd6710ffc5353ece4327012df0332fdbb7",class:{"tl-checkout-wrapper":!0,"tl-checkout-wrapper--disabled":this.disabled},onClick:this.handleClick,onKeyDown:this.handleKeyDown,role:"button",tabindex:this.disabled?-1:0,"aria-disabled":this.disabled?"true":null},s("slot",{key:"0118d9921df5af1ae2376fd4135bac487aac7ebd"}))}get el(){return this}static get style(){return"tl-checkout-wrapper,.tl-checkout-wrapper{display:inline-block;cursor:pointer}tl-checkout-wrapper:focus,.tl-checkout-wrapper:focus{outline:2px solid var(--tl-ring);outline-offset:2px;border-radius:var(--tl-radius-sm)}tl-checkout-wrapper[disabled],tl-checkout-wrapper.tl-checkout-wrapper--disabled,.tl-checkout-wrapper--disabled{cursor:not-allowed;opacity:0.5}"}},[260,"tl-checkout-wrapper",{disabled:[4]}]);function n(){"undefined"!=typeof customElements&&["tl-checkout-wrapper"].forEach((t=>{"tl-checkout-wrapper"===t&&(customElements.get(i(t))||customElements.define(i(t),a))}))}export{a as T,n as d}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as r,transformTag as c}from"@stencil/core/internal/client";import{w as o,g as l}from"./sdk-connector.js";import{c as a,d as h}from"./ticket-selector.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.tlComplete=s(this,"tlComplete",7),this.tlError=s(this,"tlError",7),this.tlClose=s(this,"tlClose",7),this.disabled=!1,this.element=a(h,{client:()=>l(),clientReady:()=>o(),emit:(t,e)=>this.forward(t,e)}),this.view=this.element.view,this.handleClick=()=>{this.element.actions.activate()},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.element.actions.activate())}}syncProps(){this.element.setProps({disabled:this.disabled})}connectedCallback(){this.syncProps(),this.unsubscribe??(this.unsubscribe=this.element.subscribe((t=>{this.view=t}))),this.view=this.element.view,this.teardown=this.element.mount()}disconnectedCallback(){this.teardown?.(),this.teardown=void 0,this.unsubscribe?.(),this.unsubscribe=void 0}forward(t,e){"tlComplete"===t?this.tlComplete.emit(e):"tlError"===t?this.tlError.emit(e):"tlClose"===t&&this.tlClose.emit()}render(){const{interactive:t}=this.view.derived;return i(r,{key:"b261046c2627825258a5905662a79f436d713683",class:{"tl-checkout-wrapper":!0,"tl-checkout-wrapper--disabled":!t},onClick:this.handleClick,onKeyDown:this.handleKeyDown,role:"button",tabindex:t?0:-1,"aria-disabled":t?null:"true"},i("slot",{key:"5be08d5007a755e3d88a06ae89c08e082e4ba052"}))}static get watchers(){return{disabled:[{syncProps:0}]}}static get style(){return"tl-checkout-wrapper,.tl-checkout-wrapper{display:inline-block;cursor:pointer}tl-checkout-wrapper:focus,.tl-checkout-wrapper:focus{outline:2px solid var(--tl-ring);outline-offset:2px;border-radius:var(--tl-radius-sm)}tl-checkout-wrapper[disabled],tl-checkout-wrapper.tl-checkout-wrapper--disabled,.tl-checkout-wrapper--disabled{cursor:not-allowed;opacity:0.5}"}},[260,"tl-checkout-wrapper",{disabled:[4],view:[32]},void 0,{disabled:[{syncProps:0}]}]);function d(){"undefined"!=typeof customElements&&["tl-checkout-wrapper"].forEach((t=>{"tl-checkout-wrapper"===t&&(customElements.get(c(t))||customElements.define(c(t),n))}))}export{n as T,d}

package/dist/components/tl-event-card2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as a,transformTag as i}from"@stencil/core/internal/client";import{w as s}from"./sdk-connector.js";import{e as n}from"./order-summary.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tlClick=r(this,"tlClick",7),this.tlError=r(this,"tlError",7),this.loadedEvent=null,this.loading=!1,this.error=null,this.handleClick=()=>{const t=this.current;t&&(console.log("[tl-event-card] Clicked:",t.id),this.tlClick.emit({eventId:t.id}))}}watchEventId(){this.loadEvent()}async componentWillLoad(){!this.event&&this.eventId&&await this.loadEvent()}async loadEvent(){if(!this.event&&this.eventId)try{this.loading=!0,this.error=null;const t=await s(),e=await t.getEventsManager().get(this.eventId);if(!e)throw new Error("Event not found");this.loadedEvent=function(t){const e=t.occurrences??[],r=e.map((t=>t.startsAt)).filter((t=>!!t)).sort(),a=Date.now(),i=r.find((t=>new Date(t).getTime()>=a))??r[0],s="sold_out"===t.status||e.length>0&&e.every((t=>"sold_out"===t.status));return{id:t.id,name:t.name,...t.shortDescription?{shortDescription:t.shortDescription}:{},...t.imageUrl?{imageUrl:t.imageUrl}:{},...t.venueName?{venue:{id:t.venueId??"",name:t.venueName,city:t.venueCity??""}}:{},...i?{nextOccurrence:{startsAt:i}}:{},availabilityStatus:s?"sold_out":"available"}}(e)}catch(t){console.error("[tl-event-card] Failed to load event:",t),this.error=n(t,"Failed to load event"),this.tlError.emit({message:this.error})}finally{this.loading=!1}}get current(){return this.event??this.loadedEvent}formatDate(t){return new Date(t).toLocaleDateString("en-GB",{weekday:"short",day:"numeric",month:"short",hour:"2-digit",minute:"2-digit"})}getStatusBadgeClass(){const t="status-badge";switch(this.current?.availabilityStatus){case"available":return`${t} status-available`;case"limited":return`${t} status-limited`;case"sold_out":return`${t} status-sold-out`;default:return t}}getStatusLabel(){switch(this.current?.availabilityStatus){case"available":return"Available";case"limited":return"Limited";case"sold_out":return"Sold Out";default:return""}}render(){if(this.loading)return a("div",{class:"event-card card-skeleton","aria-busy":"true"},a("div",{class:"image-container"}),a("div",{class:"content"},a("div",{class:"skeleton-line short"}),a("div",{class:"skeleton-line long"})));if(this.error)return a("div",{class:"event-card card-error"},this.error);const t=this.current;if(!t)return null;const e=t.thumbnailUrl||t.imageUrl;return a("div",{class:"event-card",onClick:this.handleClick},a("div",{class:"image-container"},e?a("img",{src:e,alt:t.name,class:"event-image"}):a("div",{class:"image-placeholder"},a("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},a("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"}))),a("div",{class:"status-container"},a("span",{class:this.getStatusBadgeClass()},this.getStatusLabel()))),a("div",{class:"content"},t.category&&a("span",{class:"category"},t.category),a("h3",{class:"title"},t.name),t.nextOccurrence&&a("p",{class:"meta"},a("svg",{class:"icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},a("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})),this.formatDate(t.nextOccurrence.startsAt)),t.venue&&a("p",{class:"meta"},a("svg",{class:"icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},a("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"}),a("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 11a3 3 0 11-6 0 3 3 0 016 0z"})),t.venue.name,", ",t.venue.city),t.shortDescription&&a("p",{class:"description"},t.shortDescription)))}static get watchers(){return{eventId:[{watchEventId:0}]}}static get style(){return":host{display:block;font-family:var(--tl-font-family)}.event-card{background:var(--tl-secondary);border-radius:var(--tl-radius-lg);overflow:hidden;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);cursor:pointer;transition:box-shadow 0.2s ease, transform 0.2s ease}.event-card:hover{box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);transform:translateY(-2px)}.image-container{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--tl-muted)}.event-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.event-card:hover .event-image{transform:scale(1.05)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--tl-muted-foreground)}.status-container{position:absolute;top:0.5rem;right:0.5rem}.status-badge{display:inline-block;padding:0.25rem 0.5rem;font-size:0.75rem;font-weight:500;border-radius:var(--tl-radius-sm)}.status-available{background:var(--tl-success);color:var(--tl-success-foreground)}.status-limited{background:var(--tl-warning);color:var(--tl-warning-foreground)}.status-sold-out{background:var(--tl-error);color:var(--tl-error-foreground)}.content{padding:var(--tl-spacing-4)}.category{display:inline-block;font-size:0.75rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:var(--tl-primary)}.title{margin:0.25rem 0 0;font-size:1.125rem;font-weight:600;color:var(--tl-foreground);line-height:1.3}.event-card:hover .title{color:var(--tl-primary)}.meta{display:flex;align-items:center;gap:0.5rem;margin:0.5rem 0 0;font-size:0.875rem;color:var(--tl-muted-foreground)}.meta:first-of-type{margin-top:0.75rem}.icon{width:1rem;height:1rem;flex-shrink:0}.description{margin:0.75rem 0 0;font-size:0.875rem;color:var(--tl-muted-foreground);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-skeleton{cursor:default;pointer-events:none}.card-skeleton .image-container{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.skeleton-line{height:0.875rem;margin-top:0.5rem;background:var(--tl-muted);border-radius:var(--tl-radius-sm);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.skeleton-line.short{width:40%}.skeleton-line.long{width:80%}.card-error{padding:var(--tl-spacing-4);font-size:0.875rem;color:var(--tl-error);cursor:default}.card-error:hover{transform:none}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}"}},[1,"tl-event-card",{event:[16],eventId:[1,"event-id"],loadedEvent:[32],loading:[32],error:[32]},void 0,{eventId:[{watchEventId:0}]}]);function l(){"undefined"!=typeof customElements&&["tl-event-card"].forEach((t=>{"tl-event-card"===t&&(customElements.get(i(t))||customElements.define(i(t),o))}))}export{o as T,l as d}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as i,transformTag as s}from"@stencil/core/internal/client";import{w as o,g as n}from"./sdk-connector.js";import{c as a,e as l}from"./ticket-selector.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tlClick=r(this,"tlClick",7),this.tlError=r(this,"tlError",7),this.element=a(l,{client:()=>n(),clientReady:()=>o(),emit:(e,t)=>this.forward(e,t)}),this.view=this.element.view,this.handleClick=()=>{this.element.actions.click()}}syncProps(){this.element.setProps({event:this.event,eventId:this.eventId})}watchEventId(){this.syncProps(),this.teardown?.(),this.teardown=this.element.mount()}connectedCallback(){this.syncProps(),this.unsubscribe??(this.unsubscribe=this.element.subscribe((e=>{this.view=e}))),this.view=this.element.view,this.teardown=this.element.mount()}disconnectedCallback(){this.teardown?.(),this.teardown=void 0,this.unsubscribe?.(),this.unsubscribe=void 0}forward(e,t){"tlClick"===e?this.tlClick.emit(t):"tlError"===e&&this.tlError.emit(t)}render(){const{status:e,state:t,derived:r}=this.view;if("loading"===e)return i("div",{class:"event-card card-skeleton","aria-busy":"true"},i("div",{class:"image-container"}),i("div",{class:"content"},i("div",{class:"skeleton-line short"}),i("div",{class:"skeleton-line long"})));if("error"===e)return i("div",{class:"event-card card-error"},t.error);const s=r.event;return s?i("div",{class:"event-card",onClick:this.handleClick},i("div",{class:"image-container"},r.image?i("img",{src:r.image,alt:s.name,class:"event-image"}):i("div",{class:"image-placeholder"},i("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},i("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"}))),i("div",{class:"status-container"},i("span",{class:r.statusBadgeClass},r.statusLabel))),i("div",{class:"content"},s.category&&i("span",{class:"category"},s.category),i("h3",{class:"title"},s.name),r.dateLabel&&i("p",{class:"meta"},i("svg",{class:"icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},i("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})),r.dateLabel),r.venueLabel&&i("p",{class:"meta"},i("svg",{class:"icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},i("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"}),i("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 11a3 3 0 11-6 0 3 3 0 016 0z"})),r.venueLabel),s.shortDescription&&i("p",{class:"description"},s.shortDescription))):null}static get watchers(){return{event:[{syncProps:0}],eventId:[{watchEventId:0}]}}static get style(){return":host{display:block;font-family:var(--tl-font-family)}.event-card{background:var(--tl-secondary);border-radius:var(--tl-radius-lg);overflow:hidden;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);cursor:pointer;transition:box-shadow 0.2s ease, transform 0.2s ease}.event-card:hover{box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);transform:translateY(-2px)}.image-container{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--tl-muted)}.event-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.event-card:hover .event-image{transform:scale(1.05)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--tl-muted-foreground)}.status-container{position:absolute;top:0.5rem;right:0.5rem}.status-badge{display:inline-block;padding:0.25rem 0.5rem;font-size:0.75rem;font-weight:500;border-radius:var(--tl-radius-sm)}.status-available{background:var(--tl-success);color:var(--tl-success-foreground)}.status-limited{background:var(--tl-warning);color:var(--tl-warning-foreground)}.status-sold-out{background:var(--tl-error);color:var(--tl-error-foreground)}.content{padding:var(--tl-spacing-4)}.category{display:inline-block;font-size:0.75rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:var(--tl-primary)}.title{margin:0.25rem 0 0;font-size:1.125rem;font-weight:600;color:var(--tl-foreground);line-height:1.3}.event-card:hover .title{color:var(--tl-primary)}.meta{display:flex;align-items:center;gap:0.5rem;margin:0.5rem 0 0;font-size:0.875rem;color:var(--tl-muted-foreground)}.meta:first-of-type{margin-top:0.75rem}.icon{width:1rem;height:1rem;flex-shrink:0}.description{margin:0.75rem 0 0;font-size:0.875rem;color:var(--tl-muted-foreground);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-skeleton{cursor:default;pointer-events:none}.card-skeleton .image-container{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.skeleton-line{height:0.875rem;margin-top:0.5rem;background:var(--tl-muted);border-radius:var(--tl-radius-sm);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.skeleton-line.short{width:40%}.skeleton-line.long{width:80%}.card-error{padding:var(--tl-spacing-4);font-size:0.875rem;color:var(--tl-error);cursor:default}.card-error:hover{transform:none}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}"}},[1,"tl-event-card",{event:[16],eventId:[1,"event-id"],view:[32]},void 0,{event:[{syncProps:0}],eventId:[{watchEventId:0}]}]);function d(){"undefined"!=typeof customElements&&["tl-event-card"].forEach((e=>{"tl-event-card"===e&&(customElements.get(s(e))||customElements.define(s(e),c))}))}export{c as T,d}

package/dist/components/tl-event-list.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as i,transformTag as r}from"@stencil/core/internal/client";import{w as l}from"./sdk-connector.js";import{d as a}from"./tl-event-card2.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tlEventClick=s(this,"tlEventClick",7),this.limit=12,this.columns=3,this.events=[],this.loading=!0,this.error=null,this.handleEventClick=e=>{console.log("[tl-event-list] Event clicked:",e.detail.eventId),this.tlEventClick.emit(e.detail)}}watchFiltersChange(){this.loadEvents()}async componentWillLoad(){await this.loadEvents()}async loadEvents(){try{console.log("[tl-event-list] Loading events via SDK...",{limit:this.limit,category:this.category}),this.loading=!0,this.error=null;const e=(await l()).getEventsManager(),t=await e.list({limit:this.limit,category:this.category});console.log("[tl-event-list] Events loaded:",t.items.length),this.events=t.items}catch(e){console.error("[tl-event-list] Failed to load events:",e),this.error=e instanceof Error?e.message:"Failed to load events"}finally{this.loading=!1}}render(){const e="event-grid cols-"+Math.min(Math.max(this.columns,1),4);return this.loading?i("div",{class:e},Array.from({length:6}).map(((e,t)=>i("div",{class:"skeleton-card",key:t},i("div",{class:"skeleton-image"}),i("div",{class:"skeleton-content"},i("div",{class:"skeleton-line short"}),i("div",{class:"skeleton-line medium"}),i("div",{class:"skeleton-line long"})))))):this.error?i("div",{class:"error-state"},i("p",{class:"error-title"},"Error loading events"),i("p",{class:"error-message"},this.error)):0===this.events.length?i("div",{class:"empty-state"},i("svg",{class:"empty-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},i("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})),i("p",{class:"empty-title"},"No events available"),i("p",{class:"empty-message"},"Check back later for upcoming events.")):i("div",{class:e},this.events.map((e=>i("tl-event-card",{key:e.id,event:e,onTlClick:this.handleEventClick}))))}static get watchers(){return{limit:[{watchFiltersChange:0}],category:[{watchFiltersChange:0}]}}static get style(){return":host{display:block;font-family:var(--tl-font-family)}.event-grid{display:grid;gap:var(--tl-spacing-6)}.cols-1{grid-template-columns:1fr}.cols-2{grid-template-columns:repeat(2, 1fr)}.cols-3{grid-template-columns:repeat(3, 1fr)}.cols-4{grid-template-columns:repeat(4, 1fr)}@media (max-width: 1024px){.cols-4,.cols-3{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.cols-4,.cols-3,.cols-2{grid-template-columns:1fr}}.skeleton-card{background:var(--tl-secondary);border-radius:var(--tl-radius-lg);overflow:hidden}.skeleton-image{aspect-ratio:16 / 9;background:var(--tl-muted);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.skeleton-content{padding:var(--tl-spacing-4);display:flex;flex-direction:column;gap:0.5rem}.skeleton-line{height:1rem;background:var(--tl-muted);border-radius:var(--tl-radius-sm);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.skeleton-line.short{width:4rem;height:0.75rem}.skeleton-line.medium{width:75%}.skeleton-line.long{width:50%}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.error-state{background:rgba(239, 68, 68, 0.1);border:1px solid var(--tl-error);border-radius:var(--tl-radius-lg);padding:var(--tl-spacing-4)}.error-title{margin:0;font-weight:500;color:var(--tl-error)}.error-message{margin:0.25rem 0 0;font-size:0.875rem;color:var(--tl-error)}.empty-state{text-align:center;padding:var(--tl-spacing-8) var(--tl-spacing-4)}.empty-icon{width:4rem;height:4rem;margin:0 auto 1rem;color:var(--tl-muted-foreground)}.empty-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--tl-foreground)}.empty-message{margin:0.5rem 0 0;color:var(--tl-muted-foreground)}"}},[1,"tl-event-list",{limit:[2],category:[1],columns:[2],events:[32],loading:[32],error:[32]},void 0,{limit:[{watchFiltersChange:0}],category:[{watchFiltersChange:0}]}]),n=o,c=function(){"undefined"!=typeof customElements&&["tl-event-list","tl-event-card"].forEach((e=>{switch(e){case"tl-event-list":customElements.get(r(e))||customElements.define(r(e),o);break;case"tl-event-card":customElements.get(r(e))||a()}}))};export{n as TlEventList,c as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,transformTag as r}from"@stencil/core/internal/client";import{w as l,g as a}from"./sdk-connector.js";import{d as o}from"./tl-event-card2.js";import{c as n,i as c}from"./ticket-selector.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tlEventClick=s(this,"tlEventClick",7),this.limit=12,this.columns=3,this.element=n(c,{client:()=>a(),clientReady:()=>l(),emit:(t,e)=>this.forward(t,e)}),this.view=this.element.view,this.handleEventClick=t=>{this.tlEventClick.emit(t.detail)}}watchFiltersChange(){this.syncProps(),this.element.actions.load()}syncProps(){this.element.setProps({limit:this.limit,category:this.category,columns:this.columns})}connectedCallback(){this.syncProps(),this.unsubscribe??(this.unsubscribe=this.element.subscribe((t=>{this.view=t}))),this.view=this.element.view,this.teardown=this.element.mount()}componentWillLoad(){if("loading"===this.view.status)return new Promise((t=>{const e=this.element.subscribe((s=>{"loading"!==s.status&&(e(),t())}))}))}disconnectedCallback(){this.teardown?.(),this.teardown=void 0,this.unsubscribe?.(),this.unsubscribe=void 0}forward(t,e){"tlEventClick"===t&&this.tlEventClick.emit(e)}render(){const{status:t,state:e,strings:s,derived:r}=this.view,l="event-grid cols-"+r.columns;return"loading"===t?i("div",{class:l},Array.from({length:6}).map(((t,e)=>i("div",{class:"skeleton-card",key:e},i("div",{class:"skeleton-image"}),i("div",{class:"skeleton-content"},i("div",{class:"skeleton-line short"}),i("div",{class:"skeleton-line medium"}),i("div",{class:"skeleton-line long"})))))):"error"===t?i("div",{class:"error-state"},i("p",{class:"error-title"},s.errorTitle),i("p",{class:"error-message"},e.error)):"empty"===t?i("div",{class:"empty-state"},i("svg",{class:"empty-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},i("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})),i("p",{class:"empty-title"},s.emptyTitle),i("p",{class:"empty-message"},s.emptyMessage)):i("div",{class:l},r.events.map((t=>i("tl-event-card",{key:t.id,event:t,onTlClick:this.handleEventClick}))))}static get watchers(){return{limit:[{watchFiltersChange:0}],category:[{watchFiltersChange:0}],columns:[{syncProps:0}]}}static get style(){return":host{display:block;font-family:var(--tl-font-family)}.event-grid{display:grid;gap:var(--tl-spacing-6)}.cols-1{grid-template-columns:1fr}.cols-2{grid-template-columns:repeat(2, 1fr)}.cols-3{grid-template-columns:repeat(3, 1fr)}.cols-4{grid-template-columns:repeat(4, 1fr)}@media (max-width: 1024px){.cols-4,.cols-3{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.cols-4,.cols-3,.cols-2{grid-template-columns:1fr}}.skeleton-card{background:var(--tl-secondary);border-radius:var(--tl-radius-lg);overflow:hidden}.skeleton-image{aspect-ratio:16 / 9;background:var(--tl-muted);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.skeleton-content{padding:var(--tl-spacing-4);display:flex;flex-direction:column;gap:0.5rem}.skeleton-line{height:1rem;background:var(--tl-muted);border-radius:var(--tl-radius-sm);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.skeleton-line.short{width:4rem;height:0.75rem}.skeleton-line.medium{width:75%}.skeleton-line.long{width:50%}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.error-state{background:rgba(239, 68, 68, 0.1);border:1px solid var(--tl-error);border-radius:var(--tl-radius-lg);padding:var(--tl-spacing-4)}.error-title{margin:0;font-weight:500;color:var(--tl-error)}.error-message{margin:0.25rem 0 0;font-size:0.875rem;color:var(--tl-error)}.empty-state{text-align:center;padding:var(--tl-spacing-8) var(--tl-spacing-4)}.empty-icon{width:4rem;height:4rem;margin:0 auto 1rem;color:var(--tl-muted-foreground)}.empty-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--tl-foreground)}.empty-message{margin:0.5rem 0 0;color:var(--tl-muted-foreground)}"}},[1,"tl-event-list",{limit:[2],category:[1],columns:[2],view:[32]},void 0,{limit:[{watchFiltersChange:0}],category:[{watchFiltersChange:0}],columns:[{syncProps:0}]}]),m=d,h=function(){"undefined"!=typeof customElements&&["tl-event-list","tl-event-card"].forEach((t=>{switch(t){case"tl-event-list":customElements.get(r(t))||customElements.define(r(t),d);break;case"tl-event-card":customElements.get(r(t))||o()}}))};export{m as TlEventList,h as defineCustomElement}

package/dist/components/tl-login2.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,createEvent as s,h as e,transformTag as n}from"@stencil/core/internal/client";import{w as l}from"./sdk-connector.js";import{e as o}from"./order-summary.js";const r=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.tlAuthChanged=s(this,"tlAuthChanged",7),this.tlMagicLinkSent=s(this,"tlMagicLinkSent",7),this.tlError=s(this,"tlError",7),this.heading="Sign in",this.allowCodeEntry=!0,this.phase="email",this.email="",this.code="",this.busy=!1,this.error=null,this.notice=null,this.customer=null,this.auth=null,this.unsubscribes=[],this.urlCodeUsed=!1,this.handleEmailInput=i=>{this.email=i.target.value,this.error=null},this.handleCodeInput=i=>{this.code=i.target.value,this.error=null},this.handleEmailSubmit=i=>{i.preventDefault(),this.requestLink()},this.handleCodeSubmit=i=>{i.preventDefault(),this.exchange(this.code.trim())}}async componentWillLoad(){const i=await l().catch((()=>null));if(!i)return void(this.error="Sign-in is not available right now");if(this.auth=i.getAuthManager?.()??null,!this.auth)return void(this.error="Sign-in is not available with this SDK");this.syncFromSDK(),this.unsubscribes.push(i.on("auth:changed",(()=>this.syncFromSDK()))),this.unsubscribes.push(i.on("session:changed",(()=>this.syncFromSDK())));const t=this.codeFromUrl();t&&!this.auth.authenticated&&await this.exchange(t)}disconnectedCallback(){this.unsubscribes.forEach((i=>i())),this.unsubscribes=[]}codeFromUrl(){if("undefined"==typeof window||!window.location?.search||this.urlCodeUsed)return null;const i=new URLSearchParams(window.location.search).get("code");return i&&(this.urlCodeUsed=!0),i}syncFromSDK(){this.auth&&(this.auth.authenticated?(this.customer=this.auth.customer??null,this.phase="signed-in"):"signed-in"===this.phase&&(this.customer=null,this.phase="email"))}async requestLink(i=!1){const t=this.email.trim();if(t){if(this.auth){this.busy=!0,this.error=null,this.notice=null;try{await this.auth.requestMagicLink({email:t}),this.phase="sent",this.notice=i?"Sent again. Check your inbox.":null,this.tlMagicLinkSent.emit({email:t})}catch(i){console.error("[tl-login] Magic-link request failed:",i),this.error=o(i,"Could not send your sign-in link"),this.tlError.emit({message:this.error})}finally{this.busy=!1}}}else this.error="Enter your email address"}async exchange(i){if(!i)return void(this.error="Enter the code from your email");if(!this.auth)return;const t=this.phase;this.busy=!0,this.error=null,this.phase="verifying";try{const t=await this.auth.exchange(i);this.customer=this.auth.customer??t?.customer??null,this.phase="signed-in",this.code="",this.tlAuthChanged.emit({customer:this.customer,authenticated:!0})}catch(i){console.error("[tl-login] Code exchange failed:",i),this.phase="verifying"===t||"email"===t?"email":"code",this.error="That code did not work. Check it and try again, or request a new link.",this.tlError.emit({message:this.error})}finally{this.busy=!1}}async signOut(){if(this.auth){this.busy=!0;try{await this.auth.logout()}catch(i){console.error("[tl-login] Sign out failed:",i)}finally{this.busy=!1,this.customer=null,this.phase="email",this.tlAuthChanged.emit({customer:null,authenticated:!1})}}}renderError(){return this.error?e("p",{class:"error",role:"alert"},this.error):null}render(){return"signed-in"===this.phase?e("div",{class:"login signed-in"},e("p",{class:"signed-in-text"},"Signed in as ",e("strong",null,this.customer?.email??"your account")),e("button",{type:"button",class:"secondary",disabled:this.busy,onClick:()=>this.signOut()},"Sign out")):"verifying"===this.phase?e("div",{class:"login"},e("h2",{class:"title"},"Signing you in…"),e("p",{class:"lead"},"Just a moment.")):"sent"===this.phase?e("div",{class:"login"},e("h2",{class:"title"},"Check your inbox"),e("p",{class:"lead"},"We've sent a sign-in link to ",e("strong",null,this.email),". Open it on this device to continue."),this.notice&&e("p",{class:"notice"},this.notice),this.renderError(),e("div",{class:"actions"},e("button",{type:"button",class:"secondary",disabled:this.busy,onClick:()=>this.requestLink(!0)},this.busy?"Sending…":"Resend link"),this.allowCodeEntry&&e("button",{type:"button",class:"link",onClick:()=>this.phase="code"},"Enter the code instead"),e("button",{type:"button",class:"link",onClick:()=>this.phase="email"},"Use a different email"))):"code"===this.phase?e("form",{class:"login",onSubmit:this.handleCodeSubmit},e("h2",{class:"title"},"Enter your code"),e("p",{class:"lead"},"Type the 6-digit code from the email we sent to ",e("strong",null,this.email),"."),e("label",{class:"label",htmlFor:"tl-login-code"},"Code"),e("input",{id:"tl-login-code",class:"input code-input",type:"text",inputmode:"numeric",autocomplete:"one-time-code",placeholder:"123456",value:this.code,disabled:this.busy,onInput:this.handleCodeInput}),this.renderError(),e("button",{type:"submit",class:"primary",disabled:this.busy},this.busy?"Checking…":"Sign in"),e("div",{class:"actions"},e("button",{type:"button",class:"link",onClick:()=>this.requestLink(!0)},"Resend link"),e("button",{type:"button",class:"link",onClick:()=>this.phase="sent"},"Back"))):e("form",{class:"login",onSubmit:this.handleEmailSubmit},e("h2",{class:"title"},this.heading),e("p",{class:"lead"},"Enter your email and we'll send you a secure sign-in link. No password needed."),e("label",{class:"label",htmlFor:"tl-login-email"},"Email address"),e("input",{id:"tl-login-email",class:"input",type:"email",autocomplete:"email",placeholder:"you@example.com",required:!0,value:this.email,disabled:this.busy||!this.auth,onInput:this.handleEmailInput}),this.renderError(),e("button",{type:"submit",class:"primary",disabled:this.busy||!this.auth},this.busy?"Sending link…":"Email me a sign-in link"))}static get style(){return":host{display:block;font-family:var(--tl-font-family);color:var(--tl-foreground)}.login{display:flex;flex-direction:column;gap:var(--tl-spacing-3);padding:var(--tl-spacing-6);background:var(--tl-background);border:1px solid var(--tl-border);border-radius:var(--tl-radius-lg)}.title{margin:0;font-size:1.25rem;font-weight:600}.lead{margin:0;font-size:0.875rem;color:var(--tl-muted-foreground)}.label{font-size:0.875rem;font-weight:500}.input{padding:var(--tl-spacing-3);font:inherit;font-size:0.9375rem;color:var(--tl-foreground);background:var(--tl-background);border:1px solid var(--tl-border);border-radius:var(--tl-radius-md)}.input:focus{outline:2px solid var(--tl-primary);outline-offset:1px}.code-input{font-family:var(--tl-font-family-mono);font-size:1.25rem;letter-spacing:0.25em;text-align:center}.primary,.secondary{padding:var(--tl-spacing-3) var(--tl-spacing-4);font:inherit;font-size:0.9375rem;font-weight:600;border-radius:var(--tl-radius-md);cursor:pointer}.primary{color:var(--tl-primary-foreground);background:var(--tl-primary);border:none}.primary:hover:not(:disabled){opacity:0.9}.secondary{color:var(--tl-foreground);background:var(--tl-secondary);border:1px solid var(--tl-border)}.primary:disabled,.secondary:disabled,.input:disabled{opacity:0.6;cursor:not-allowed}.link{padding:0;font:inherit;font-size:0.875rem;color:var(--tl-primary);background:none;border:none;cursor:pointer}.link:hover{text-decoration:underline}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tl-spacing-4)}.error{margin:0;font-size:0.8125rem;color:var(--tl-error)}.notice{margin:0;font-size:0.8125rem;color:var(--tl-success)}.signed-in{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.signed-in-text{margin:0;font-size:0.875rem;overflow-wrap:anywhere}"}},[1,"tl-login",{heading:[1],allowCodeEntry:[4,"allow-code-entry"],phase:[32],email:[32],code:[32],busy:[32],error:[32],notice:[32],customer:[32]}]);function a(){"undefined"!=typeof customElements&&["tl-login"].forEach((i=>{"tl-login"===i&&(customElements.get(n(i))||customElements.define(n(i),r))}))}export{r as T,a as d}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,transformTag as r}from"@stencil/core/internal/client";import{w as n,g as o}from"./sdk-connector.js";import{w as l}from"./web-query.js";import{c as a,l as c}from"./ticket-selector.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tlAuthChanged=e(this,"tlAuthChanged",7),this.tlMagicLinkSent=e(this,"tlMagicLinkSent",7),this.tlError=e(this,"tlError",7),this.heading="Sign in",this.allowCodeEntry=!0,this.element=a(c,{client:()=>o(),clientReady:()=>n(),query:l,emit:(t,i)=>this.forward(t,i)}),this.view=this.element.view,this.handleEmailInput=t=>{this.element.actions.setEmail(t.target.value)},this.handleCodeInput=t=>{this.element.actions.setCode(t.target.value)},this.handleEmailSubmit=t=>{t.preventDefault(),this.element.actions.requestLink()},this.handleCodeSubmit=t=>{t.preventDefault(),this.element.actions.submitCode()}}syncProps(){this.element.setProps({heading:this.heading,allowCodeEntry:this.allowCodeEntry})}connectedCallback(){this.syncProps(),this.unsubscribe??(this.unsubscribe=this.element.subscribe((t=>{this.view=t}))),this.view=this.element.view,this.teardown=this.element.mount()}componentWillLoad(){return n().catch((()=>{}))}disconnectedCallback(){this.teardown?.(),this.teardown=void 0,this.unsubscribe?.(),this.unsubscribe=void 0}forward(t,i){"tlAuthChanged"===t?this.tlAuthChanged.emit(i):"tlMagicLinkSent"===t?this.tlMagicLinkSent.emit(i):"tlError"===t&&this.tlError.emit(i)}renderError(){const t=this.view.state.error;return t?s("p",{class:"error",role:"alert"},t):null}render(){const{status:t,state:i,strings:e,derived:r}=this.view;return"signed-in"===t?s("div",{class:"login signed-in"},s("p",{class:"signed-in-text"},e.signedInPrefix,s("strong",null,r.signedInEmail)),s("button",{type:"button",class:"secondary",disabled:i.busy,onClick:()=>this.element.actions.signOut()},e.signOut)):"verifying"===t?s("div",{class:"login"},s("h2",{class:"title"},e.verifyingTitle),s("p",{class:"lead"},e.verifyingLead)):"sent"===t?s("div",{class:"login"},s("h2",{class:"title"},e.sentTitle),s("p",{class:"lead"},e.sentLeadBefore,s("strong",null,i.email),e.sentLeadAfter),i.notice&&s("p",{class:"notice"},i.notice),this.renderError(),s("div",{class:"actions"},s("button",{type:"button",class:"secondary",disabled:i.busy,onClick:()=>this.element.actions.requestLink(!0)},r.resendLabel),r.showCodeEntry&&s("button",{type:"button",class:"link",onClick:()=>this.element.actions.goTo("code")},e.enterCodeInstead),s("button",{type:"button",class:"link",onClick:()=>this.element.actions.goTo("email")},e.differentEmail))):"code"===t?s("form",{class:"login",onSubmit:this.handleCodeSubmit},s("h2",{class:"title"},e.codeTitle),s("p",{class:"lead"},e.codeLeadBefore,s("strong",null,i.email),e.codeLeadAfter),s("label",{class:"label",htmlFor:"tl-login-code"},e.codeLabel),s("input",{id:"tl-login-code",class:"input code-input",type:"text",inputmode:"numeric",autocomplete:"one-time-code",placeholder:e.codePlaceholder,value:i.code,disabled:i.busy,onInput:this.handleCodeInput}),this.renderError(),s("button",{type:"submit",class:"primary",disabled:i.busy},r.codeSubmitLabel),s("div",{class:"actions"},s("button",{type:"button",class:"link",onClick:()=>this.element.actions.requestLink(!0)},e.resendLink),s("button",{type:"button",class:"link",onClick:()=>this.element.actions.goTo("sent")},e.back))):s("form",{class:"login",onSubmit:this.handleEmailSubmit},s("h2",{class:"title"},this.heading),s("p",{class:"lead"},e.emailLead),s("label",{class:"label",htmlFor:"tl-login-email"},e.emailLabel),s("input",{id:"tl-login-email",class:"input",type:"email",autocomplete:"email",placeholder:e.emailPlaceholder,required:!0,value:i.email,disabled:r.inputsDisabled,onInput:this.handleEmailInput}),this.renderError(),s("button",{type:"submit",class:"primary",disabled:r.inputsDisabled},r.emailSubmitLabel))}static get watchers(){return{heading:[{syncProps:0}],allowCodeEntry:[{syncProps:0}]}}static get style(){return":host{display:block;font-family:var(--tl-font-family);color:var(--tl-foreground)}.login{display:flex;flex-direction:column;gap:var(--tl-spacing-3);padding:var(--tl-spacing-6);background:var(--tl-background);border:1px solid var(--tl-border);border-radius:var(--tl-radius-lg)}.title{margin:0;font-size:1.25rem;font-weight:600}.lead{margin:0;font-size:0.875rem;color:var(--tl-muted-foreground)}.label{font-size:0.875rem;font-weight:500}.input{padding:var(--tl-spacing-3);font:inherit;font-size:0.9375rem;color:var(--tl-foreground);background:var(--tl-background);border:1px solid var(--tl-border);border-radius:var(--tl-radius-md)}.input:focus{outline:2px solid var(--tl-primary);outline-offset:1px}.code-input{font-family:var(--tl-font-family-mono);font-size:1.25rem;letter-spacing:0.25em;text-align:center}.primary,.secondary{padding:var(--tl-spacing-3) var(--tl-spacing-4);font:inherit;font-size:0.9375rem;font-weight:600;border-radius:var(--tl-radius-md);cursor:pointer}.primary{color:var(--tl-primary-foreground);background:var(--tl-primary);border:none}.primary:hover:not(:disabled){opacity:0.9}.secondary{color:var(--tl-foreground);background:var(--tl-secondary);border:1px solid var(--tl-border)}.primary:disabled,.secondary:disabled,.input:disabled{opacity:0.6;cursor:not-allowed}.link{padding:0;font:inherit;font-size:0.875rem;color:var(--tl-primary);background:none;border:none;cursor:pointer}.link:hover{text-decoration:underline}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tl-spacing-4)}.error{margin:0;font-size:0.8125rem;color:var(--tl-error)}.notice{margin:0;font-size:0.8125rem;color:var(--tl-success)}.signed-in{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.signed-in-text{margin:0;font-size:0.875rem;overflow-wrap:anywhere}"}},[1,"tl-login",{heading:[1],allowCodeEntry:[4,"allow-code-entry"],view:[32]},void 0,{heading:[{syncProps:0}],allowCodeEntry:[{syncProps:0}]}]);function p(){"undefined"!=typeof customElements&&["tl-login"].forEach((t=>{"tl-login"===t&&(customElements.get(r(t))||customElements.define(r(t),d))}))}export{d as T,p as d}