npm - @getmicdrop/venue-calendar - Versions diffs - 4.0.28 → 4.0.29 - Mend

@getmicdrop/venue-calendar 4.0.28 → 4.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/dist/{Success-Cvxc9lcM.js.map → Success-BCUnIuMQ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Success-Cvxc9lcM.js","sources":["../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessTicket.svelte","../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessActions.svelte","../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessMain.svelte","../src/components/Views/Success.svelte"],"sourcesContent":["<script lang=\"ts\">\r\n\timport { Email } from 'carbon-icons-svelte';\r\n\timport { Card, Heading, Text } from '@getmicdrop/svelte-components';\r\n\timport type { EventData, OrderTotals } from '$lib/premium-ticket-experience/types';\r\n\timport OrderSummary from './OrderSummary.svelte';\r\n\r\n\tinterface Props {\r\n\t\tevent: EventData;\r\n\t\torderId: string;\r\n\t\torderTotals: OrderTotals;\r\n\t\tcustomerEmail: string;\r\n\t\tshowCheckmark: boolean;\r\n\t\tshowContent: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tevent, orderId, orderTotals, customerEmail, showCheckmark, showContent, labels = {},\r\n\t}: Props = $props();\r\n\r\n\tlet ticketCount = $derived(orderTotals.lines.reduce((sum, l) => sum + l.quantity, 0));\r\n\r\n\tlet headingText = $derived(\r\n\t\tevent.isRegistrationEvent ? (labels.youreRegistered \|\| \"You're registered!\") : (labels.youreIn \|\| \"You're in!\")\r\n\t);\r\n\r\n</script>\r\n\r\n<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-primary\">\r\n\t<div class=\"p-6 md:p-8\">\r\n\t\t<!-- Spinner → Checkmark animation -->\r\n\t\t<div class=\"flex justify-center mb-6\">\r\n\t\t\t<div class=\"indicator-container\">\r\n\t\t\t\t<!-- Spinner (visible while loading) -->\r\n\t\t\t\t<div class=\"processing-spinner\" class:fade-out={showCheckmark}></div>\r\n\r\n\t\t\t\t<!-- Animated checkmark (appears after spinner) -->\r\n\t\t\t\t<svg class=\"checkmark-svg\" class:active={showCheckmark} viewBox=\"0 0 52 52\" aria-hidden=\"true\">\r\n\t\t\t\t\t<circle cx=\"26\" cy=\"26\" r=\"24\" class=\"checkmark-circle\" />\r\n\t\t\t\t\t<circle cx=\"26\" cy=\"26\" r=\"24\" class=\"checkmark-fill\" />\r\n\t\t\t\t\t<path d=\"M14 27l7 7 17-17\" class=\"checkmark-check\" />\r\n\t\t\t\t</svg>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- Content (fades in after checkmark completes) -->\r\n\t\t<div class=\"content-section\" class:visible={showContent}>\r\n\t\t\t<!-- Heading -->\r\n\t\t\t<div class=\"text-center mb-6\">\r\n\t\t\t\t<Heading level={1} size=\"xl\" weight=\"bold\" class=\"mb-3\">\r\n\t\t\t\t\t{headingText}\r\n\t\t\t\t</Heading>\r\n\t\t\t\t<Text size=\"lg\" class=\"font-semibold block mb-1\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<Text size=\"sm\" color=\"secondary\" class=\"block\">\r\n\t\t\t\t\t{ticketCount} {ticketCount === 1 ? (labels.ticket \|\| 'ticket') : (labels.tickets \|\| 'tickets')} confirmed\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Order summary (same format as checkout) -->\r\n\t\t\t<div class=\"mb-6\">\r\n\t\t\t\t<OrderSummary {orderTotals}\r\n\t\t\t\t{labels} />\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Order info -->\r\n\t\t\t<div class=\"flex justify-between items-center py-3 border-t border-default\">\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold font-mono\">#{orderId}</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Email confirmation -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-2 p-3 rounded-lg bg-surface-secondary mt-4\">\r\n\t\t\t\t<Email size={16} class=\"shrink-0 text-color-muted\" />\r\n\t\t\t\t<Text size=\"xs\" color=\"secondary\">\r\n\t\t\t\t\t{labels.confirmationSentTo \|\| 'Confirmation sent to'} {customerEmail}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t</div>\r\n</Card>\r\n\r\n<style>\r\n\t/* Indicator container — holds spinner and checkmark in same space /\r\n\t.indicator-container {\r\n\t\tposition: relative;\r\n\t\twidth: 64px;\r\n\t\theight: 64px;\r\n\t}\r\n\r\n\t/ Spinner — rotating partial circle /\r\n\t.processing-spinner {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tborder: 3px solid hsl(var(--stroke-primary) / 15%);\r\n\t\tborder-top-color: hsl(var(--accent-success));\r\n\t\tborder-radius: 50%;\r\n\t\tanimation: spin 0.7s linear infinite;\r\n\t\ttransition: opacity 0.2s ease;\r\n\t}\r\n\r\n\t.processing-spinner.fade-out {\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t@keyframes spin {\r\n\t\tto { transform: rotate(360deg); }\r\n\t}\r\n\r\n\t/ Checkmark SVG — scales in when active /\r\n\t.checkmark-svg {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\topacity: 0;\r\n\t\ttransform: scale(0.6);\r\n\t\ttransition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);\r\n\t}\r\n\r\n\t.checkmark-svg.active {\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1);\r\n\t}\r\n\r\n\t/ Circle outline — draws itself /\r\n\t.checkmark-circle {\r\n\t\tstroke-dasharray: 151;\r\n\t\tstroke-dashoffset: 151;\r\n\t\tstroke-width: 2;\r\n\t\tstroke: hsl(var(--accent-success));\r\n\t\tfill: none;\r\n\t\ttransform-origin: center;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-circle {\r\n\t\tanimation: circle-draw 0.5s ease-out 0.1s forwards;\r\n\t}\r\n\r\n\t@keyframes circle-draw {\r\n\t\tto { stroke-dashoffset: 0; }\r\n\t}\r\n\r\n\t/ Circle fill — fades in after outline completes /\r\n\t.checkmark-fill {\r\n\t\tfill: hsl(var(--accent-success));\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-fill {\r\n\t\tanimation: fill-in 0.25s ease-out 0.5s forwards;\r\n\t}\r\n\r\n\t@keyframes fill-in {\r\n\t\tto { opacity: 1; }\r\n\t}\r\n\r\n\t/ Checkmark stroke — draws after fill /\r\n\t.checkmark-check {\r\n\t\tstroke-dasharray: 36;\r\n\t\tstroke-dashoffset: 36;\r\n\t\tstroke-width: 3;\r\n\t\tstroke: hsl(var(--bg-primary));\r\n\t\tfill: none;\r\n\t\tstroke-linecap: round;\r\n\t\tstroke-linejoin: round;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-check {\r\n\t\tanimation: check-draw 0.3s ease-out 0.6s forwards;\r\n\t}\r\n\r\n\t@keyframes check-draw {\r\n\t\tto { stroke-dashoffset: 0; }\r\n\t}\r\n\r\n\t/ Content section — fades in after checkmark /\r\n\t.content-section {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.content-section.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/ Reduced motion /\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.processing-spinner {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t}\r\n\r\n\t\t.checkmark-svg {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\r\n\t\t.checkmark-svg .checkmark-circle,\r\n\t\t.checkmark-svg .checkmark-fill,\r\n\t\t.checkmark-svg .checkmark-check {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t\tanimation-delay: 0s;\r\n\t\t}\r\n\r\n\t\t.content-section {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { onMount } from 'svelte';\r\n\timport {\r\n\t\tShare,\r\n\t\tHelp,\r\n\t\tArrowLeft,\r\n\t\tApple,\r\n\t\tCalendar,\r\n\t\tChevronDown,\r\n\t\tLocationFilled,\r\n\t} from 'carbon-icons-svelte';\r\n\timport { Button, Card, Text } from '@getmicdrop/svelte-components';\r\n\timport { toast } from '@getmicdrop/svelte-components/toast';\r\n\timport type { EventData } from '$lib/premium-ticket-experience/types';\r\n\timport { formatBrowseDate, formatEventTime } from '$lib/premium-ticket-experience/defaults';\r\n\r\n\tinterface Props {\r\n\t\tevent: EventData;\r\n\t\torderId: string;\r\n\t\teventUrl: string;\r\n\t\tshowContent: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet { event, orderId, eventUrl, showContent, labels = {} }: Props = $props();\r\n\r\n\t// --- Calendar dropdown ---\r\n\tlet calendarOpen = $state(false);\r\n\r\n\tfunction toggleCalendar() {\r\n\t\tcalendarOpen = !calendarOpen;\r\n\t}\r\n\r\n\t// Close calendar dropdown when clicking outside\r\n\tonMount(() => {\r\n\t\tfunction handleClickOutside(e: MouseEvent) {\r\n\t\t\tconst target = e.target as HTMLElement;\r\n\t\t\tif (!target.closest('.calendar-dropdown')) {\r\n\t\t\t\tcalendarOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t\tdocument.addEventListener('click', handleClickOutside);\r\n\t\treturn () => document.removeEventListener('click', handleClickOutside);\r\n\t});\r\n\r\n\t// --- Google Calendar URL ---\r\n\tlet googleCalendarUrl = $derived((() => {\r\n\t\tconst startDate = new Date(event.startDateTime);\r\n\t\tconst endDate = event.endDateTime\r\n\t\t\t? new Date(event.endDateTime)\r\n\t\t\t: new Date(startDate.getTime() + 2 60 * 60 * 1000);\r\n\r\n\t\tconst formatForGoogle = (date: Date): string => {\r\n\t\t\treturn date.toISOString().replace(/[-:]/g, '').replace(/\\.\\d{3}/, '');\r\n\t\t};\r\n\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst fullLocation = locationParts.join(', ');\r\n\r\n\t\tconst params = new URLSearchParams({\r\n\t\t\taction: 'TEMPLATE',\r\n\t\t\ttext: event.title,\r\n\t\t\tdates: `${formatForGoogle(startDate)}/${formatForGoogle(endDate)}`,\r\n\t\t\tlocation: fullLocation,\r\n\t\t\tdetails: `Event: ${eventUrl}\\n\\nTicket confirmation #${orderId}`\r\n\t\t});\r\n\r\n\t\treturn `https://calendar.google.com/calendar/render?${params.toString()}`;\r\n\t})());\r\n\r\n\t// --- ICS file download (Apple Calendar) ---\r\n\tfunction downloadICS() {\r\n\t\tconst startDate = new Date(event.startDateTime);\r\n\t\tconst endDate = event.endDateTime\r\n\t\t\t? new Date(event.endDateTime)\r\n\t\t\t: new Date(startDate.getTime() + 2 * 60 * 60 * 1000);\r\n\r\n\t\tconst formatForICS = (date: Date): string => {\r\n\t\t\treturn date.toISOString().replace(/[-:]/g, '').replace(/\\.\\d{3}/, '');\r\n\t\t};\r\n\r\n\t\tconst uid = `order-${orderId}-event-${event.id}@micdrop.com`;\r\n\t\tconst now = formatForICS(new Date());\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst fullLocation = locationParts.join(', ');\r\n\r\n\t\tconst escapeICS = (str: string): string => {\r\n\t\t\tif (!str) return '';\r\n\t\t\treturn str.replace(/\\\\/g, '\\\\\\\\').replace(/;/g, '\\\\;').replace(/,/g, '\\\\,').replace(/\\n/g, '\\\\n');\r\n\t\t};\r\n\r\n\t\tconst icsContent = `BEGIN:VCALENDAR\r\nVERSION:2.0\r\nPRODID:-//MicDrop//Ticket Confirmation//EN\r\nCALSCALE:GREGORIAN\r\nMETHOD:PUBLISH\r\nBEGIN:VEVENT\r\nUID:${uid}\r\nDTSTAMP:${now}\r\nDTSTART:${formatForICS(startDate)}\r\nDTEND:${formatForICS(endDate)}\r\nSUMMARY:${escapeICS(event.title)}\r\nLOCATION:${escapeICS(fullLocation)}\r\nDESCRIPTION:${escapeICS(`Order #${orderId}\\n\\nView event: ${eventUrl}`)}\r\nURL:${eventUrl}\r\nSTATUS:CONFIRMED\r\nEND:VEVENT\r\nEND:VCALENDAR`;\r\n\r\n\t\tconst blob = new Blob([icsContent], { type: 'text/calendar;charset=utf-8' });\r\n\t\tconst url = URL.createObjectURL(blob);\r\n\t\tconst link = document.createElement('a');\r\n\t\tlink.href = url;\r\n\t\tconst safeFilename = (event.title \|\| 'event').replace(/[^a-zA-Z0-9\\s-]/g, '').replace(/\\s+/g, '-');\r\n\t\tlink.download = `${safeFilename}.ics`;\r\n\t\tdocument.body.appendChild(link);\r\n\t\tlink.click();\r\n\t\tdocument.body.removeChild(link);\r\n\t\tURL.revokeObjectURL(url);\r\n\r\n\t\tcalendarOpen = false;\r\n\t}\r\n\r\n\tfunction handleGoogleCalendar() {\r\n\t\tcalendarOpen = false;\r\n\t}\r\n\r\n\t// --- Share event ---\r\n\tasync function shareEvent() {\r\n\t\tconst shareData = { url: eventUrl };\r\n\r\n\t\tif (navigator.share) {\r\n\t\t\ttry {\r\n\t\t\t\tawait navigator.share(shareData);\r\n\t\t\t} catch (err: unknown) {\r\n\t\t\t\tif (err instanceof Error && err.name !== 'AbortError') {\r\n\t\t\t\t\tfallbackShare();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tfallbackShare();\r\n\t\t}\r\n\t}\r\n\r\n\tfunction fallbackShare() {\r\n\t\tnavigator.clipboard.writeText(eventUrl).then(() => {\r\n\t\t\ttoast.success(labels.linkCopied \|\| 'Link copied to clipboard!');\r\n\t\t}).catch(() => {\r\n\t\t\ttoast.error(labels.copyLink \|\| 'Could not copy link — please copy it manually: ' + eventUrl);\r\n\t\t});\r\n\t}\r\n\r\n\t// --- Wallet handlers (mock — requires backend in production) ---\r\n\tfunction handleAppleWallet() {\r\n\t\ttoast.info('Apple Wallet coming soon', {\r\n\t\t\tdescription: 'Wallet integration requires backend signing infrastructure. Your ticket is confirmed — check your email.',\r\n\t\t});\r\n\t}\r\n\r\n\tfunction handleGoogleWallet() {\r\n\t\ttoast.info('Google Wallet coming soon', {\r\n\t\t\tdescription: 'Wallet integration requires backend signing infrastructure. Your ticket is confirmed — check your email.',\r\n\t\t});\r\n\t}\r\n\r\n\t// --- Directions ---\r\n\tlet directionsUrl = $derived((() => {\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst query = encodeURIComponent(locationParts.join(', '));\r\n\t\treturn `https://www.google.com/maps/search/?api=1&query=${query}`;\r\n\t})());\r\n\r\n\t// --- Navigation ---\r\n\tfunction handleBackToEvent() {\r\n\t\twindow.location.href = eventUrl;\r\n\t}\r\n</script>\r\n\r\n<!--\r\n\tSuccessActions: Sidebar card matching BookingWidget / CheckoutSidebar pattern.\r\n\tSingle Card with event thumbnail, date summary, wallet badges, action buttons, and links.\r\n-->\r\n<div class=\"actions-wrapper\" class:visible={showContent}>\r\n\t<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-secondary\">\r\n\t\t<!-- Event poster (same treatment as HeroImage — object-contain, no crop) -->\r\n\t\t<div class=\"rounded-t-xl overflow-hidden bg-surface-tertiary\">\r\n\t\t\t<img\r\n\t\t\t\tsrc={event.imageUrl}\r\n\t\t\t\talt={event.title}\r\n\t\t\t\tclass=\"sidebar-poster w-full object-contain\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"p-5 space-y-4\">\r\n\t\t\t<!-- Event info -->\r\n\t\t\t<div>\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold block leading-tight\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<div class=\"flex items-center gap-1.5 mt-1.5\">\r\n\t\t\t\t\t<Calendar size={16} class=\"shrink-0 icon-muted\" />\r\n\t\t\t\t\t<Text size=\"xs\" color=\"muted\">\r\n\t\t\t\t\t\t{formatBrowseDate(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{#if event.displayStartTime !== false}\r\n\t\t\t\t\t\t\t· {formatEventTime(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{/if}\r\n\t\t\t\t\t</Text>\r\n\t\t\t\t</div>\r\n\t\t\t\t<Text size=\"xs\" color=\"muted\" class=\"block mt-0.5\">\r\n\t\t\t\t\t{event.venue.name}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Wallet badges (official brand assets) -->\r\n\t\t\t<div class=\"flex flex-col items-center gap-3\">\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleAppleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/apple-wallet.svg\"\r\n\t\t\t\t\t\talt={labels.addToAppleWallet \|\| 'Add to Apple Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleGoogleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-dark.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet \|\| 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-dark\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-light.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet \|\| 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-light\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Divider -->\r\n\t\t\t<div class=\"divider\"></div>\r\n\r\n\t\t\t<!-- Calendar dropdown (full width) -->\r\n\t\t\t<div class=\"calendar-dropdown relative\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\tclass=\"w-full\"\r\n\t\t\t\t\tonclick={toggleCalendar}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Calendar size={16} />\r\n\t\t\t\t\t{labels.addToCalendar \|\| 'Add to Calendar'}\r\n\t\t\t\t\t<ChevronDown size={16} class=\"ml-auto transition-transform {calendarOpen ? 'rotate-180' : ''}\" />\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if calendarOpen}\r\n\t\t\t\t\t<div class=\"dropdown-menu bg-surface-primary border-default\">\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\thref={googleCalendarUrl}\r\n\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\r\n\t\t\t\t\t\t\tclass=\"dropdown-item text-color-primary hover:bg-surface-secondary\"\r\n\t\t\t\t\t\t\tonclick={handleGoogleCalendar}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg class=\"shrink-0\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n\t\t\t\t\t\t\t\t<path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z\" fill=\"#4285F4\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z\" fill=\"#FBBC05\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t{labels.googleCalendar \|\| 'Google Calendar'}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t<button type=\"button\" class=\"dropdown-item text-color-primary hover:bg-surface-secondary\" onclick={downloadICS}>\r\n\t\t\t\t\t\t\t<Apple size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t\t{labels.appleCalendar \|\| 'Apple Calendar (.ics)'}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Share + Directions row -->\r\n\t\t\t<div class=\"flex gap-2\">\r\n\t\t\t\t<Button variant=\"default\" size=\"md\" class=\"flex-1\" onclick={shareEvent}>\r\n\t\t\t\t\t<Share size={16} />\r\n\t\t\t\t\t{labels.share \|\| 'Share'}\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if event.venue.address}\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\t\tclass=\"flex-1\"\r\n\t\t\t\t\t\thref={directionsUrl}\r\n\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<LocationFilled size={16} />\r\n\t\t\t\t\t\t{labels.map \|\| 'Map'}\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Text links -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-4 pt-1\">\r\n\t\t\t\t<button type=\"button\" class=\"text-link text-color-muted hover:text-color-secondary\" onclick={handleBackToEvent}>\r\n\t\t\t\t\t<ArrowLeft size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t{labels.backToEvent \|\| 'Back to event'}\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t{#if event.venue.contactEmail}\r\n\t\t\t\t\t<span class=\"text-color-muted\">·</span>\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\thref=\"mailto:{event.venue.contactEmail}?subject=Help with Order {orderId}\"\r\n\t\t\t\t\t\tclass=\"text-link text-color-muted hover:text-color-secondary\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<Help size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t{labels.needHelp \|\| 'Need help?'}\r\n\t\t\t\t\t</a>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</Card>\r\n</div>\r\n\r\n<style>\r\n\t/* Wrapper — fades in with content /\r\n\t.actions-wrapper {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.actions-wrapper.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/ Sidebar poster — same object-contain treatment as HeroImage /\r\n\t.sidebar-poster {\r\n\t\tmax-height: 15rem;\r\n\t\tmin-height: 6rem;\r\n\t}\r\n\r\n\t/ Wallet badges — official brand assets, no modifications per guidelines /\r\n\t.wallet-badge-btn {\r\n\t\tdisplay: block;\r\n\t\ttransition-property: opacity;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t.wallet-badge-btn:hover {\r\n\t\topacity: 0.85;\r\n\t}\r\n\r\n\t.wallet-badge-btn:active {\r\n\t\topacity: 0.7;\r\n\t}\r\n\r\n\t.wallet-badge-img {\r\n\t\theight: 44px;\r\n\t\twidth: auto;\r\n\t}\r\n\r\n\t/ Google badge: show dark variant in light mode, light variant in dark mode /\r\n\t.google-light {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t/ Calendar dropdown menu /\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tmargin-top: 0.25rem;\r\n\t\tpadding-top: 0.25rem;\r\n\t\tpadding-bottom: 0.25rem;\r\n\t\tborder-radius: 0.5rem;\r\n\t\tbox-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);\r\n\t\tz-index: var(--z-navigation);\r\n\t\tborder-width: 1px;\r\n\t\tborder-style: solid;\r\n\t}\r\n\r\n\t.dropdown-item {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.625rem;\r\n\t\twidth: 100%;\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\t\tfont-size: 0.875rem;\r\n\t\tline-height: 1.25rem;\r\n\t\ttext-align: left;\r\n\t\ttransition-property: color, background-color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/ Text links /\r\n\t.text-link {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.25rem;\r\n\t\tfont-size: 0.75rem;\r\n\t\tline-height: 1rem;\r\n\t\ttransition-property: color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/ Reduced motion /\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.actions-wrapper {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { asTicketId } from '@getmicdrop/svelte-components';\r\n\timport { onMount } from 'svelte';\r\n\timport type { EventData, OrderTotals, OrderLine, SuccessData } from '$lib/premium-ticket-experience/types';\r\n\timport {\r\n\t\tmockEvent,\r\n\t\tmockFreeEvent,\r\n\t\tmockRegistrationEvent,\r\n\t\tmockDonationEvent\r\n\t} from '$lib/premium-ticket-experience/mock-data';\r\n\timport { calculateTax } from '$lib/premium-ticket-experience/defaults';\r\n\r\n\timport SuccessTicket from './SuccessTicket.svelte';\r\n\timport SuccessActions from './SuccessActions.svelte';\r\n\timport { mergeLabels } from '$lib/premium-ticket-experience/i18n/labels.js';\r\n\r\n\t// --- DataToggle ---\r\n\ttype SuccessVariant = 'default' \| 'free' \| 'registration' \| 'donation';\r\n\tlet dataVariant = $state<SuccessVariant>('default');\r\n\r\n\tconst toggleOptions: { value: SuccessVariant; label: string; color: string }[] = [\r\n\t\t{ value: 'default', label: 'Standard', color: 'bg-accent-success' },\r\n\t\t{ value: 'free', label: 'Free', color: 'bg-sky-500' },\r\n\t\t{ value: 'registration', label: 'Registration', color: 'bg-brand-primary' },\r\n\t\t{ value: 'donation', label: 'Donation', color: 'bg-accent-danger' }\r\n\t];\r\n\r\n\t// --- Props (dual-mode: showcase vs production) ---\r\n\tinterface Props {\r\n\t\t/* Pre-built success data for production mode. Absence = showcase. /\r\n\t\tdata?: SuccessData;\r\n\t\t/* Event page URL for production navigation and sharing. /\r\n\t\teventUrl?: string;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tdata: dataProp = undefined,\r\n\t\teventUrl: eventUrlProp = undefined,\r\n\t\tlabels = {},\r\n\t}: Props = $props();\r\n\r\n\tconst mergedLabels = $derived(mergeLabels(labels));\r\n\r\n\tlet isShowcaseMode = $derived(!dataProp);\r\n\r\n\t// --- Mock data per variant ---\r\n\tconst variantData: Record<SuccessVariant, SuccessData> = {\r\n\t\tdefault: {\r\n\t\t\tevent: mockEvent,\r\n\t\t\torderId: '12847',\r\n\t\t\tlines: [\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- mock data: static showcase ticketIds\r\n\t\t\t\t{ ticketId: asTicketId(101), ticketName: 'General Admission', quantity: 2, unitPrice: 25, fee: 2.5, subtotal: 50 },\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- mock data: static showcase ticketIds\r\n\t\t\t\t{ ticketId: asTicketId(102), ticketName: 'VIP Front Row', quantity: 1, unitPrice: 55, fee: 5.5, subtotal: 55 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'customer@example.com'\r\n\t\t},\r\n\t\tfree: {\r\n\t\t\tevent: mockFreeEvent,\r\n\t\t\torderId: '12848',\r\n\t\t\tlines: [\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- mock data: static showcase ticketIds\r\n\t\t\t\t{ ticketId: asTicketId(201), ticketName: 'Free Entry', quantity: 2, unitPrice: 0, fee: 0, subtotal: 0 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'comedy.fan@gmail.com'\r\n\t\t},\r\n\t\tregistration: {\r\n\t\t\tevent: mockRegistrationEvent,\r\n\t\t\torderId: '12849',\r\n\t\t\tlines: [\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- mock data: static showcase ticketIds\r\n\t\t\t\t{ ticketId: asTicketId(301), ticketName: 'Workshop Seat', quantity: 1, unitPrice: 75, fee: 7.5, subtotal: 75 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'learner@example.com'\r\n\t\t},\r\n\t\tdonation: {\r\n\t\t\tevent: mockDonationEvent,\r\n\t\t\torderId: '12850',\r\n\t\t\tlines: [\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- mock data: static showcase ticketIds\r\n\t\t\t\t{ ticketId: asTicketId(401), ticketName: 'Donation', quantity: 1, unitPrice: 25, fee: 0, subtotal: 25 },\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- mock data: static showcase ticketIds\r\n\t\t\t\t{ ticketId: asTicketId(402), ticketName: 'Standard Admission', quantity: 1, unitPrice: 30, fee: 3, subtotal: 30 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'generous@example.com'\r\n\t\t}\r\n\t};\r\n\r\n\tlet current: SuccessData = $derived(isShowcaseMode ? variantData[dataVariant] : dataProp!);\r\n\r\n\t// Build OrderTotals — the server's persisted order is authoritative\r\n\t// (basePrice/tax/surcharge/totalPrice match what Stripe charged).\r\n\t// Fall back to a local sum-of-lines for showcase mode only.\r\n\tlet orderTotals: OrderTotals = $derived((() => {\r\n\t\tconst lines = current.lines;\r\n\t\tif (current.serverTotals) {\r\n\t\t\treturn {\r\n\t\t\t\tlines,\r\n\t\t\t\tsubtotal: current.serverTotals.subtotal,\r\n\t\t\t\tfees: current.serverTotals.fees,\r\n\t\t\t\ttaxes: current.serverTotals.taxes,\r\n\t\t\t\ttotal: current.serverTotals.total,\r\n\t\t\t\tpromoDiscount: current.serverTotals.promoDiscount,\r\n\t\t\t\tgiftCardAmount: current.serverTotals.giftCardAmount\r\n\t\t\t};\r\n\t\t}\r\n\t\tconst subtotal = lines.reduce((sum, l) => sum + l.subtotal, 0);\r\n\t\tconst fees = lines.reduce((sum, l) => sum + l.fee l.quantity, 0);\r\n\t\tconst taxes = calculateTax(subtotal + fees, current.event.venue.taxPercentage);\r\n\t\treturn {\r\n\t\t\tlines,\r\n\t\t\tsubtotal,\r\n\t\t\tfees,\r\n\t\t\ttaxes,\r\n\t\t\ttotal: subtotal + fees + taxes,\r\n\t\t\tpromoDiscount: 0,\r\n\t\t\tgiftCardAmount: 0\r\n\t\t};\r\n\t})());\r\n\r\n\tlet eventUrl = $derived(\r\n\t\tisShowcaseMode\r\n\t\t\t? (() => {\r\n\t\t\t\tif (typeof window === 'undefined') return '#';\r\n\t\t\t\treturn `${window.location.origin}/e/${current.event.id}-${current.event.slug}`;\r\n\t\t\t})()\r\n\t\t\t: (eventUrlProp \|\| '#')\r\n\t);\r\n\r\n\t// --- Animation ---\r\n\tlet showCheckmark = $state(false);\r\n\tlet showContent = $state(false);\r\n\tlet reducedMotion = $state(false);\r\n\r\n\tfunction runAnimations() {\r\n\t\tif (reducedMotion) {\r\n\t\t\tshowCheckmark = true;\r\n\t\t\tshowContent = true;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tshowCheckmark = false;\r\n\t\tshowContent = false;\r\n\t\tsetTimeout(() => { showCheckmark = true; }, 800);\r\n\t\tsetTimeout(() => { showContent = true; }, 1600);\r\n\t}\r\n\r\n\t$effect(() => {\r\n\t\tif (!isShowcaseMode) return;\r\n\t\tconst _v = dataVariant;\r\n\t\trunAnimations();\r\n\t});\r\n\r\n\tonMount(() => {\r\n\t\treducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\t\trunAnimations();\r\n\t});\r\n</script>\r\n\r\n<div class=\"w-full min-h-screen bg-surface-primary text-color-primary\">\r\n\t<!-- DataToggle (showcase mode only) -->\r\n\t{#if isShowcaseMode}\r\n\t\t<div class=\"toggle-bar bg-surface-primary border-default\">\r\n\t\t\t<span class=\"toggle-label text-color-muted\">Success</span>\r\n\t\t\t{#each toggleOptions as option}\r\n\t\t\t\t{@const isActive = dataVariant === option.value}\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tclass=\"toggle-btn {isActive ? 'active bg-surface-secondary text-color-primary font-medium' : 'text-color-tertiary hover:bg-surface-secondary hover:text-color-secondary'}\"\r\n\t\t\t\t\tonclick={() => { dataVariant = option.value; }}\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"w-1.5 h-1.5 rounded-full {option.color} shrink-0\"></span>\r\n\t\t\t\t\t{option.label}\r\n\t\t\t\t</button>\r\n\t\t\t{/each}\r\n\t\t</div>\r\n\t{/if}\r\n\r\n\t<div class=\"max-w-6xl mx-auto px-4 py-6 md:px-6 md:py-8\">\r\n\r\n\t\t<!-- ============================================== -->\r\n\t\t<!-- DESKTOP: Two-column layout (1fr 360px) -->\r\n\t\t<!-- ============================================== -->\r\n\t\t<div class=\"hidden md:grid gap-8 items-start success-split-grid\">\r\n\r\n\t\t\t<!-- LEFT COLUMN: Confirmation card -->\r\n\t\t\t<SuccessTicket\r\n\t\t\t\tevent={current.event}\r\n\t\t\t\torderId={current.orderId}\r\n\t\t\t\t{orderTotals}\r\n\t\t\t\tcustomerEmail={current.customerEmail}\r\n\t\t\t\t{showCheckmark}\r\n\t\t\t\t{showContent}\r\n\t\t\t\tlabels={mergedLabels}\r\n\t\t\t/>\r\n\r\n\t\t\t<!-- RIGHT COLUMN: Sticky sidebar with event info + actions -->\r\n\t\t\t<div class=\"sticky top-6\">\r\n\t\t\t\t<SuccessActions\r\n\t\t\t\t\tevent={current.event}\r\n\t\t\t\t\torderId={current.orderId}\r\n\t\t\t\t\t{eventUrl}\r\n\t\t\t\t\t{showContent}\r\n\t\t\t\t\tlabels={mergedLabels}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- ============================================== -->\r\n\t\t<!-- MOBILE: Single column -->\r\n\t\t<!-- ============================================== -->\r\n\t\t<div class=\"md:hidden space-y-6\">\r\n\t\t\t<SuccessTicket\r\n\t\t\t\tevent={current.event}\r\n\t\t\t\torderId={current.orderId}\r\n\t\t\t\t{orderTotals}\r\n\t\t\t\tcustomerEmail={current.customerEmail}\r\n\t\t\t\t{showCheckmark}\r\n\t\t\t\t{showContent}\r\n\t\t\t\tlabels={mergedLabels}\r\n\t\t\t/>\r\n\r\n\t\t\t<SuccessActions\r\n\t\t\t\tevent={current.event}\r\n\t\t\t\torderId={current.orderId}\r\n\t\t\t\t{eventUrl}\r\n\t\t\t\t{showContent}\r\n\t\t\t\tlabels={mergedLabels}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<style>\r\n\t/* @tokens-px-escape: 360px is a structural sidebar column width with no token equivalent; CSS grid-template-columns cannot use Tailwind spacing classes /\r\n\t.success-split-grid {\r\n\t\tgrid-template-columns: 1fr 360px;\r\n\t}\r\n\r\n\t/ DataToggle bar */\r\n\t.toggle-bar {\r\n\t\tposition: sticky;\r\n\t\ttop: 0;\r\n\t\tz-index: var(--z-dropdown);\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.25rem;\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\t\toverflow-x: auto;\r\n\t\tborder-bottom-width: 1px;\r\n\t\tborder-bottom-style: solid;\r\n\t}\r\n\r\n\t.toggle-label {\r\n\t\tpadding-left: 0.375rem;\r\n\t\tpadding-right: 0.375rem;\r\n\t\tflex-shrink: 0;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: 0.05em;\r\n\t\tfont-size: 0.625rem;\r\n\t}\r\n\r\n\t.toggle-btn {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.375rem;\r\n\t\tpadding: 0.25rem 0.5rem;\r\n\t\tborder-radius: 0.375rem;\r\n\t\tfont-size: 0.75rem;\r\n\t\tline-height: 1rem;\r\n\t\twhite-space: nowrap;\r\n\t\ttransition-property: all;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n</style>\r\n","<script module>\r\n\timport { createLogger, asTicketId } from '@getmicdrop/svelte-components';\r\n\tconst logger = createLogger('Success');\r\n</script>\r\n\r\n<script lang=\"ts\">\r\n\timport { onMount } from 'svelte';\r\n\timport { getOrder, clearCheckoutCookies, removeCookie } from '$lib/utils/utils.js';\r\n\timport { transformApiEvent } from '$lib/premium-ticket-experience/transform';\r\n\timport SuccessMain from '$lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessMain.svelte';\r\n\timport type { SuccessData, OrderLine } from '$lib/premium-ticket-experience/types';\r\n\r\n\t// --- Legacy fallback ---\r\n\tlet useLegacy = $state(false);\r\n\tlet LegacyComponent: any = $state(null);\r\n\r\n\tif (typeof window !== 'undefined') {\r\n\t\tconst params = new URLSearchParams(window.location.search);\r\n\t\tif (params.get('legacy') === '1') {\r\n\t\t\tuseLegacy = true;\r\n\t\t}\r\n\t}\r\n\r\n\t$effect(() => {\r\n\t\tif (useLegacy && !LegacyComponent) {\r\n\t\t\tlogger.warn(\r\n\t\t\t\t'[VC] DEPRECATED: ?legacy=1 fallback for Success retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md.'\r\n\t\t\t);\r\n\t\t\timport('./Success.legacy.svelte').then((m) => {\r\n\t\t\t\tLegacyComponent = m.default;\r\n\t\t\t}).catch(() => {\r\n\t\t\t\tuseLegacy = false;\r\n\t\t\t});\r\n\t\t}\r\n\t});\r\n\r\n\t// --- Props ---\r\n\tinterface Props {\r\n\t\tdata?: any;\r\n\t\tbrowseUrl?: string;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tdata = {},\r\n\t\tbrowseUrl = '/',\r\n\t\tlabels = {},\r\n\t}: Props = $props();\r\n\r\n\t// --- State ---\r\n\tlet successData = $state<SuccessData \| null>(null);\r\n\tlet eventUrl = $state('');\r\n\tlet loadError = $state<string \| null>(null);\r\n\tlet loading = $state(true);\r\n\r\n\tonMount(async () => {\r\n\t\tconst {\r\n\t\t\tid,\r\n\t\t\tslug,\r\n\t\t\tevent: rawEvent,\r\n\t\t\torderId: paramOrderId,\r\n\t\t\torderUuid: paramOrderUuid,\r\n\t\t\tcustomerEmail: paramEmail,\r\n\t\t\tticketCount: paramTicketCount,\r\n\t\t} = data \|\| {};\r\n\r\n\t\t// Build event URL\r\n\t\teventUrl = `${window.location.origin}/e/${id}-${slug}`;\r\n\r\n\t\t// Transform event data\r\n\t\tlet eventData;\r\n\t\ttry {\r\n\t\t\teventData = transformApiEvent(rawEvent);\r\n\t\t} catch (e) {\r\n\t\t\tlogger.warn('Success: transformApiEvent failed:', e);\r\n\t\t\tloadError = labels.failedToLoadEventData \|\| 'Failed to load event data.';\r\n\t\t\tloading = false;\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Fetch order data\r\n\t\tlet resolvedOrderId = paramOrderId \|\| '';\r\n\t\tlet resolvedEmail = paramEmail \|\| '';\r\n\t\tlet orderLines: OrderLine[] = [];\r\n\t\tlet serverTotals: any = null;\r\n\r\n\t\tif (resolvedOrderId) {\r\n\t\t\ttry {\r\n\t\t\t\tconst order = await getOrder(resolvedOrderId);\r\n\t\t\t\tif (order) {\r\n\t\t\t\t\t// Extract email\r\n\t\t\t\t\tresolvedEmail = order.customerEmail \|\| resolvedEmail;\r\n\t\t\t\t\t// Map purchased tickets to OrderLine[] by grouping by ticketTypeId + ticketName\r\n\t\t\t\t\tconst tickets = order.purchasedTickets \|\| order.tickets \|\| [];\r\n\t\t\t\t\tconst grouped = new Map<string, OrderLine>();\r\n\r\n\t\t\t\t\tfor (const ticket of tickets) {\r\n\t\t\t\t\t\tconst key = `${ticket.ticketTypeId \|\| ticket.ticketId \|\| 0}-${ticket.ticketName \|\| ticket.name \|\| ''}`;\r\n\t\t\t\t\t\tconst existing = grouped.get(key);\r\n\t\t\t\t\t\tif (existing) {\r\n\t\t\t\t\t\t\texisting.quantity += 1;\r\n\t\t\t\t\t\t\texisting.subtotal += (ticket.purchasePrice \|\| ticket.price \|\| 0);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tgrouped.set(key, {\r\n\t\t\t\t\t\t\t\tticketId: ticket.ticketTypeId \|\| ticket.ticketId \|\| 0,\r\n\t\t\t\t\t\t\t\tticketName: ticket.ticketName \|\| ticket.name \|\| labels.ticketFallbackName \|\| 'Ticket',\r\n\t\t\t\t\t\t\t\tquantity: 1,\r\n\t\t\t\t\t\t\t\tunitPrice: ticket.purchasePrice \|\| ticket.price \|\| 0,\r\n\t\t\t\t\t\t\t\tfee: 0,\r\n\t\t\t\t\t\t\t\tsubtotal: ticket.purchasePrice \|\| ticket.price \|\| 0,\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\torderLines = Array.from(grouped.values());\r\n\r\n\t\t\t\t\t// Capture the persisted, server-authoritative totals. These\r\n\t\t\t\t\t// match the actual Stripe charge (totalPrice = basePrice +\r\n\t\t\t\t\t// tax + surcharge) — don't let SuccessMain recompute from\r\n\t\t\t\t\t// lines, which would drop the tax + service fee.\r\n\t\t\t\t\tif (typeof order.totalPrice === 'number') {\r\n\t\t\t\t\t\tserverTotals = {\r\n\t\t\t\t\t\t\tsubtotal: order.basePrice ?? 0,\r\n\t\t\t\t\t\t\tfees: order.surcharge ?? 0,\r\n\t\t\t\t\t\t\ttaxes: order.tax ?? 0,\r\n\t\t\t\t\t\t\ttotal: order.totalPrice,\r\n\t\t\t\t\t\t\tpromoDiscount: order.promoCodeStoredDiscountAmount ?? 0,\r\n\t\t\t\t\t\t\tgiftCardAmount: order.giftCardPaymentAmount ?? 0,\r\n\t\t\t\t\t\t\tstripeAmount: order.totalPrice - (order.giftCardPaymentAmount ?? 0),\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} catch (e) {\r\n\t\t\t\tlogger.warn('Success: getOrder failed, using route params:', e);\r\n\t\t\t\t// Graceful degradation -- continue with whatever data we have\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// If no order lines from API, build a placeholder from route params\r\n\t\tif (orderLines.length === 0 && paramTicketCount > 0) {\r\n\t\t\torderLines = [{\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- fallback placeholder: no real ticketId available\r\n\t\t\t\tticketId: asTicketId(0),\r\n\t\t\t\tticketName: labels.ticketFallbackName \|\| 'Ticket',\r\n\t\t\t\tquantity: paramTicketCount,\r\n\t\t\t\tunitPrice: 0,\r\n\t\t\t\tfee: 0,\r\n\t\t\t\tsubtotal: 0,\r\n\t\t\t}];\r\n\t\t}\r\n\r\n\t\t// Build SuccessData\r\n\t\tsuccessData = {\r\n\t\t\tevent: eventData,\r\n\t\t\torderId: String(resolvedOrderId),\r\n\t\t\tlines: orderLines,\r\n\t\t\tcustomerEmail: resolvedEmail,\r\n\t\t\t...(serverTotals ? { serverTotals } : {}),\r\n\t\t};\r\n\r\n\t\t// Clear checkout cookies AFTER data is loaded (Pitfall 4)\r\n\t\tclearCheckoutCookies(String(id));\r\n\t\tremoveCookie('checkout-cartid');\r\n\r\n\t\tloading = false;\r\n\t});\r\n</script>\r\n\r\n{#if useLegacy && LegacyComponent}\r\n\t<LegacyComponent\r\n\t\t{data}\r\n\t\t{browseUrl}\r\n\t/>\r\n{:else if loadError}\r\n\t<div class=\"flex flex-col items-center justify-center py-24 text-center gap-4 error-container\">\r\n\t\t<p>{loadError}</p>\r\n\t</div>\r\n{:else if loading \|\| !successData}\r\n\t<div class=\"flex items-center justify-center py-24 text-center loading-container\">\r\n\t\t<p>{labels.loadingYourOrder \|\| 'Loading your order'}</p>\r\n\t</div>\r\n{:else}\r\n\t<SuccessMain data={successData} {eventUrl} />\r\n{/if}\r\n\r\n<style>\r\n\t.loading-container {\r\n\t\tcolor: hsl(var(--text-secondary, 215 16% 47%));\r\n\t}\r\n\r\n\t.error-container p {\r\n\t\tcolor: hsl(var(--status-sold-out, 0 72% 51%));\r\n\t}\r\n</style>\r\n"],"names":["labels","$","$$props","ticketCount","sum","l","headingText","Card","$$anchor","div","root_1","div_1","div_2","div_3","svg","div_4","div_5","Heading","node","Text","node_1","node_2","div_6","OrderSummary","node_3","div_7","node_4","div_8","Email","node_6","classes","classes_1","classes_2","calendarOpen","toggleCalendar","onMount","handleClickOutside","e","googleCalendarUrl","startDate","endDate","formatForGoogle","date","fullLocation","downloadICS","formatForICS","uid","now","escapeICS","str","icsContent","blob","url","link","safeFilename","handleGoogleCalendar","shareEvent","shareData","err","fallbackShare","toast","handleAppleWallet","handleGoogleWallet","directionsUrl","locationParts","handleBackToEvent","root","fragment","img","Calendar","formatEventTime","$$render","consequent","formatBrowseDate","node_5","text_3","button","img_1","button_1","img_2","img_3","Button","ChevronDown","node_8","root_7","a","button_2","Apple","consequent_1","node_11","Share","LocationFilled","consequent_2","div_9","button_3","ArrowLeft","a_1","fragment_9","Help","consequent_3","dataVariant","toggleOptions","dataProp","eventUrlProp","mergedLabels","mergeLabels","isShowcaseMode","variantData","mockEvent","asTicketId","mockFreeEvent","mockRegistrationEvent","mockDonationEvent","current","orderTotals","lines","subtotal","fees","taxes","calculateTax","eventUrl","showCheckmark","showContent","reducedMotion","runAnimations","option","isActive","root_2","span","text","SuccessTicket","SuccessActions","logger","createLogger","useLegacy","LegacyComponent","m","data","browseUrl","successData","loadError","loading","id","slug","rawEvent","paramOrderId","paramOrderUuid","paramEmail","paramTicketCount","eventData","transformApiEvent","resolvedOrderId","resolvedEmail","orderLines","serverTotals","order","getOrder","tickets","grouped","ticket","key","existing","clearCheckoutCookies","removeCookie","LegacyComponent_1","p","root_3","p_1","SuccessMain","alternate"],"mappings":";;;;;;;;;;;;kBAAA;;MAiB0EA,IAAMC,EAAA,KAAAC,GAAA,UAAA,IAAA,OAAA,CAAA,EAAA,GAG3EC,IAAWF,EAAA,QAAA,MAAAC,EAAA,YAAwB,MAAM,QAAQE,GAAKC,MAAMD,IAAMC,EAAE,UAAU,CAAC,CAAA,GAE/EC,4BACG,sBAAuBN,EAAM,EAAC,mBAAmB,uBAAyBA,EAAM,EAAC,WAAW,YAAY;AAK/GO,EAAAA,GAAIC,GAAA;AAAA;aAAiB;AAAA;;UACpBC,IAAGC,GAAA,GAEFC,YAFDF,CAAG,GAGDG,YADDD,CAAG,GAGDE,YAFDD,CAAG;;AAKF,UAAAE,cAHAD,GAAG,CAAA;;cAFJD,CAAG,WADJD,CAAG;AAeH,UAAAI,cAfAJ,GAAG,CAAA;;AAiBF,UAAAK,YAFDD,CAAG,eAEFC,CAAG;AACF,MAAAC,GAAOC,GAAA;AAAA,eAAQ;AAAA;;;;;;sDACdZ,CAAW,CAAA,CAAA;;;;;AAEZ,MAAAa,EAAIC,GAAA;AAAA;;;;;wDACG,KAAK,CAAA;;;;;AAEZ,MAAAD,EAAIE,GAAA;AAAA;;;;;;yDACHlB,CAAW,KAAA,EAAA,KAAAF,EAAA,IAAGE,CAAW,MAAK,IAAKH,EAAM,EAAC,UAAU,WAAaA,EAAM,EAAC,WAAW,cAAS,EAAA,YAAA,CAAA;;;kBAR9FgB,CAAG;AAaH,UAAAM,cAbAN,GAAG,CAAA,eAaHM,CAAG;AACF,MAAAC,GAAYC,GAAA;AAAA;;;;iBACZxB,EAAM;AAAA;kBAFPsB,CAAG;AAMH,UAAAG,cANAH,GAAG,CAAA,eAMHG,CAAG;AACF,MAAAN,EAAIO,GAAA;AAAA;;;;;;;;kBADLD,CAAG;AAKH,UAAAE,cALAF,GAAG,CAAA,eAKHE,CAAG;AACF,MAAAC,cAAY,IAAE,OAAA,6BAAA;;AACd,MAAAT,EAAIU,GAAA;AAAA;;;;;oDACH7B,EAAM,EAAC,sBAAsB,2BAAsB,EAAA,IAAAE,EAAA,iBAAA,EAAA,EAAA,CAAA;;;kBAHrDyB,CAAG,WA1BJZ,CAAG,WAjBJN,CAAG;wBAKAI,GAAG,GAAA,oCAAA,MAAAiB,GAAA,EAAA,YAAA5B,EAAA,cAAA,CAAA,mBAGHY,GAAG,GAAA,+BAAA,MAAAiB,GAAA,EAAA,QAAA7B,EAAA,cAAA,CAAA,mBASLa,GAAG,GAAA,iCAAA,MAAAiB,GAAA,EAAA,SAAA9B,EAAA,YAAA,CAAA;AAAA,sBAjBJO,CAAG;AAAA;;;AAHG;;kBC1BR;;MAwB8CT,IAAMC,EAAA,KAAAC,GAAA,UAAA,IAAA,OAAA,CAAA,EAAA,GAG/C+B,IAAehC,EAAA,MAAO,EAAK;AAEtB,WAAAiC,IAAiB;AACzB,IAAAjC,EAAA,IAAAgC,UAAgBA,CAAY,CAAA;AAAA,EAC7B;AAGA,EAAAE,QAAc;aACJC,EAAmBC,GAAe;AAErC,MADUA,EAAE,OACL,QAAQ,oBAAoB,KACvCpC,EAAA,IAAAgC,GAAe,EAAK;AAAA,IAEtB;AACA,oBAAS,iBAAiB,SAASG,CAAkB,GACxC,MAAA,SAAS,oBAAoB,SAASA,CAAkB;AAAA,EACtE,CAAC;AAGG,MAAAE,2BAAoC;UACjCC,IAAS,IAAO,KAAIrC,EAAA,MAAO,aAAa,GACxCsC,YAAgB,cACf,IAAA,aAAW,WAAW,QACtB,KAAKD,EAAU,QAAO,IAAK,OAAc,GAAI,GAE9CE,IAAe,CAAIC,MACjBA,EAAK,YAAW,EAAG,QAAQ,SAAS,EAAE,EAAE,QAAQ,WAAW,EAAE,GAI/DC,IADa,CAAAzC,EAAA,MAAU,MAAM,MAAIA,EAAA,MAAQ,MAAM,OAAO,EAAE,OAAO,OAAO,EACzC,KAAK,IAAI;AAUU,WAAA,mDARnC,gBAAe;AAAA,MACjC,QAAQ;AAAA,MACR,cAAY;AAAA,MACZ,UAAUuC,EAAgBF,CAAS,CAAA,IAAKE,EAAgBD,CAAO,CAAA;AAAA,MAC/D,UAAUG;AAAA,MACV,SAAO,UAAAzC,EAAA,QAAA;AAAA;AAAA,uBAAAA,EAAA,OAAA;AAAA,OAGqD,SAAQ,CAAA;AAAA,EACtE,IAAC;AAGQ,WAAA0C,IAAc;UAChBL,IAAS,IAAO,KAAIrC,EAAA,MAAO,aAAa,GACxCsC,YAAgB,cACf,IAAA,aAAW,WAAW,QACtB,KAAKD,EAAU,QAAO,IAAK,OAAc,GAAI,GAE9CM,IAAY,CAAIH,MACdA,EAAK,YAAW,EAAG,QAAQ,SAAS,EAAE,EAAE,QAAQ,WAAW,EAAE,GAG/DI,wCAAsC,EAAE,gBACxCC,IAAMF,EAAY,oBAAK,MAAI,GAE3BF,IADa,CAAAzC,EAAA,MAAU,MAAM,MAAIA,EAAA,MAAQ,MAAM,OAAO,EAAE,OAAO,OAAO,EACzC,KAAK,IAAI,GAEtC8C,IAAS,CAAIC,MACbA,IACEA,EAAI,QAAQ,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAK,EAAE,QAAQ,MAAM,KAAK,EAAE,QAAQ,OAAO,KAAK,IAD/E,IAIZC,IAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMZJ,CAAG;AAAA,UACCC,CAAG;AAAA,UACHF,EAAaN,CAAS,CAAA;AAAA,QACxBM,EAAaL,CAAO,CAAA;AAAA,UAClBQ,UAAgB,KAAK,CAAA;AAAA,WACpBA,EAAUL,CAAY,CAAA;AAAA,cACnBK,EAAS,UAAA9C,EAAA,OAAA;AAAA;AAAA,cAAAA,EAAA,QAAA,EAAA,CAAA;AAAA;;;gBAMfiD,QAAW,KAAI,CAAED,CAAU,GAAA,EAAK,MAAM,+BAA6B,GACnEE,IAAM,IAAI,gBAAgBD,CAAI,GAC9BE,IAAO,SAAS,cAAc,GAAG;AACvC,IAAAA,EAAK,OAAOD;AACN,UAAAE,KAAYpD,EAAA,MAAU,SAAS,SAAS,QAAQ,oBAAoB,EAAE,EAAE,QAAQ,QAAQ,GAAG;AACjG,IAAAmD,EAAK,WAAQ,GAAMC,CAAY,QAC/B,SAAS,KAAK,YAAYD,CAAI,GAC9BA,EAAK,MAAK,GACV,SAAS,KAAK,YAAYA,CAAI,GAC9B,IAAI,gBAAgBD,CAAG,GAEvBnD,EAAA,IAAAgC,GAAe,EAAK;AAAA,EACrB;AAES,WAAAsB,IAAuB;AAC/B,IAAAtD,EAAA,IAAAgC,GAAe,EAAK;AAAA,EACrB;AAGe,iBAAAuB,IAAa;AACrB,UAAAC,MAAc,KAAGvD,EAAA,SAAA;QAEnB,UAAU;UACT;cACG,UAAU,MAAMuD,CAAS;AAAA,MAChC,SAASC,GAAc;QAClBA,aAAe,SAASA,EAAI,SAAS,gBACxCC,EAAa;AAAA,MAEf;AAAA;AAEA,MAAAA,EAAa;AAAA,EAEf;AAES,WAAAA,IAAgB;AACxB,cAAU,UAAU,UAASzD,EAAA,QAAA,EAAW,WAAW;AAClD,MAAA0D,EAAM,QAAQ5D,IAAO,cAAc,2BAA2B;AAAA,IAC/D,CAAC,EAAE,MAAK,MAAO;AACd,MAAA4D,EAAM,MAAM5D,EAAM,EAAC,YAAY,oDAAiDE,EAAA,QAAA;AAAA,IACjF,CAAC;AAAA,EACF;AAGS,WAAA2D,IAAoB;AAC5B,IAAAD,EAAM,KAAK,4BAA0B;AAAA,MACpC,aAAa;AAAA;EAEf;AAES,WAAAE,IAAqB;AAC7B,IAAAF,EAAM,KAAK,6BAA2B;AAAA,MACrC,aAAa;AAAA;EAEf;AAGI,MAAAG,2BAAgC;UAC7BC,IAAa,CAAA9D,EAAA,MAAU,MAAM,MAAIA,EAAA,MAAQ,MAAM,OAAO,EAAE,OAAO,OAAO;8DAC9D,mBAAmB8D,EAAc,KAAK,IAAI,CAAA,CACO;AAAA,EAChE,IAAC;AAGQ,WAAAC,IAAoB;AAC5B,WAAO,SAAS,OAAI/D,EAAA;AAAA,EACrB;MAOAO,IAAGyD,GAAA;;kBAAHzD,CAAG;AACFF,EAAAA,GAAIW,GAAA;AAAA;aAAiB;AAAA;;oBAEpBP,IAAGV,EAAA,YAAAkE,CAAA,GACFC,YADDzD,CAAG;cAAHA,CAAG;AAQH,UAAAC,cARAD,GAAG,CAAA,GAUFE,YAFDD,CAAG,eAEFC,CAAG;AACF,MAAAM,EAAIC,GAAA;AAAA;;;;;wDACG,KAAK,CAAA;;;;UAEZL,IAAGd,EAAA,QAAAmB,GAAA,CAAA,eAAHL,CAAG;AACF,MAAAsD,cAAe,IAAE,OAAA,uBAAA;;AACjB,MAAAlD,EAAIK,GAAA;AAAA;;;;;;;;;sBAGO8C,GAAepE,EAAA,MAAO,eAAaA,EAAA,MAAQ,QAAQ;AAAA;;;AADnD,cAAAA,EAAA,MAAA,qBAAqB,MAAKqE,EAAAC,CAAA;AAAA;;;kBADpCC,GAAgBvE,EAAA,MAAO,eAAaA,EAAA,MAAQ,QAAQ;AAAA;;;kBAHtDa,CAAG;wBAAHA,GAAG,CAAA;AASH,MAAAI,EAAIuD,GAAA;AAAA;;;;;;AACG,UAAAzE,EAAA,gBAAA,MAAAA,EAAA,SAAA0E,GAAAzE,EAAA,MAAA,MAAM,IAAI,CAAA;;;kBAdlBW,CAAG;AAmBH,UAAAG,cAnBAH,GAAG,CAAA,GAoBF+D,YADD5D,CAAG,GAED6D,YADDD,CAAM;cAANA,CAAM;AAON,UAAAE,cAPAF,GAAM,CAAA,GAQLG,YADDD,CAAM,GAMLE,cALAD,GAAG,CAAA;cADJD,CAAM,WARP9D,CAAG;AA0BH,UAAAM,cA1BAN,GAAG,CAAA,eA0BHM,CAAG;AACF,MAAA2D,EAAMpD,GAAA;AAAA;;;iBAIGK;AAAA;;AAER,UAAAmC,cAAe,GAAE,CAAA;;;0CAE0CpC,CAAY,IAAG,eAAe,EAAE;AAA3F,YAAAiD,GAAWC,GAAA;AAAA,oBAAO;AAAA;;;;;qDADlBnF,EAAM,EAAC,iBAAiB,sBAAiB,EAAA,GAAA,CAAA;;;;;;;cAKzCyB,IAAG2D,GAAA,GACFC,YADD5D,CAAG,yBACF4D,CAAC,CAAA;kBAADA,CAAC;AAeD,cAAAC,cAfAD,GAAC,CAAA,eAeDC,CAAM;AACL,UAAAC,cAAY,IAAE,OAAA,YAAA;;kBADfD,CAAM,WAhBP7D,CAAG;AACF,YAAAxB,EAAA,cAAAoF,iBACM/C,CAAiB,CAAA,sBAYtBtC,EAAM,EAAC,kBAAkB,sBAAiB,EAAA,EAAA,sBAI1CA,EAAM,EAAC,iBAAiB,4BAAuB,EAAA,EAAA;AAAA,cAjBhDC,EAAA,UAAA,SAAAoF,GAKS9B,CAAoB,GAU7BtD,EAAA,UAAA,SAAAqF,GAAkG1C,CAAW,eAhB9GnB,CAAG;AAAA;;gBADAQ,CAAY,KAAAsC,EAAAiB,EAAA;AAAA;;cAZjBlE,CAAG;AAsCH,UAAAK,cAtCAL,GAAG,CAAA,eAsCHK,CAAG;AACF,MAAAsD,EAAMQ,GAAA;AAAA;;;iBAAqDjC;AAAA;;AAC1D,UAAAkC,cAAY,GAAE,CAAA;;qDACd1F,EAAM,EAAC,SAAS,YAAO,EAAA,EAAA,CAAA;;;;;;;AAIvB,UAAAiF,EAAMzE,GAAA;AAAA;;;;2BAIAuD,CAAa;AAAA;;;;AAGlB,cAAA4B,cAAqB,GAAE,CAAA;;yDACvB3F,EAAM,EAAC,OAAO,UAAK,EAAA,EAAA,CAAA;;;;;;AATX,UAAAE,EAAA,MAAA,MAAM,WAAOqE,EAAAqB,EAAA;AAAA;;cANxBjE,CAAG;AAqBH,UAAAkE,eArBAlE,GAAG,CAAA,GAsBFmE,YADDD,EAAG,gBACFC,CAAM;AACL,MAAAC,eAAgB,IAAE,OAAA,YAAA;;cADnBD,CAAM;yBAANA,GAAM,CAAA;;;wBAOLE,IAAC/F,EAAA,QAAAA,EAAA,YAAAgG,CAAA,GAAA,CAAA,eAADD,CAAC;AAIA,UAAAE,cAAW,IAAE,OAAA,YAAA;;kBAJdF,CAAC;4BAADA,GAAC,QAAA,UAAA9F,EAAA,MACmB,MAAM,gBAAY,EAAA,4BAAAA,EAAA,WAAA,EAAA,EAAA,sBAIrCF,EAAM,EAAC,YAAY,iBAAY,EAAA,EAAA;AAAA;;;AAPvB,UAAAE,EAAA,MAAA,MAAM,gBAAYqE,EAAA4B,EAAA;AAAA;;cAN7BN,EAAG,WA1GJjF,CAAG;AAPF,QAAAX,EAAA,cAAAmE,kBACW,QAAQ,GADnBnE,EAAA,cAAAmE,kBAEW,KAAK,GA4BdnE,EAAA,cAAA4E,GAAG,OAEE7E,EAAM,EAAC,oBAAoB,qBAAqB,GAKrDC,EAAA,cAAA8E,GAAG,OAEE/E,EAAM,EAAC,sBAAsB,uBAAuB,GAGzDC,EAAA,cAAA+E,GAAG,OAEEhF,EAAM,EAAC,sBAAsB,uBAAuB,uBAwEzDA,EAAM,EAAC,eAAe,oBAAe,EAAA,EAAA;AAAA,UAvFtCC,EAAA,UAAA,SAAA2E,GAAuDf,CAAiB,GAOxE5D,EAAA,UAAA,SAAA6E,GAAuDhB,CAAkB,GA8EzE7D,EAAA,UAAA,SAAA6F,GAA4F7B,CAAiB;;;cAtHjHxD,CAAG,2CAAHA,GAAG,GAAA,iCAAA,MAAAqB,GAAA,EAAA,SAAA5B,EAAA,YAAA,CAAA,CAAA,eAAHO,CAAG;AANI;;;kBChLR;;MAkBK2F,IAAcnG,EAAA,MAAuB,SAAS;QAE5CoG,IAAwE;AAAA;MAC3E,OAAO;AAAA,MAAW,OAAO;AAAA,MAAY,OAAO;AAAA;MAC5C,OAAO,QAAQ,OAAO,QAAQ,OAAO,aAAY;AAAA;MACjD,OAAO;AAAA,MAAgB,OAAO;AAAA,MAAgB,OAAO;AAAA;;MACrD,OAAO;AAAA,MAAY,OAAO;AAAA,MAAY,OAAO;AAAA;;AAazC,MAAAC,yBAAW,MAAS,GAChBC,6BAAe,MAAS,GAClCvG,IAAMC,EAAA,KAAAC,GAAA,UAAA,IAAA,OAAA,CAAA,EAAA;QAGDsG,IAAYvG,EAAA,QAAA,MAAYwG,GAAYzG,EAAM,CAAA,CAAA;AAE5C,MAAA0G,qBAA2BJ,EAAQ,CAAA;QAGjCK,IAAgD;AAAA,IACrD,SAAO;AAAA,MACN,OAAOC;AAAA,MACP,SAAS;AAAA,MACT,OAAK;AAAA;AAAA;UAEF,UAAUC,EAAW,GAAG;AAAA,UAAG,YAAY;AAAA,UAAqB,UAAU;AAAA,UAAG,WAAW;AAAA,UAAI,KAAK;AAAA,UAAK,UAAU;AAAA;;;UAE5G,UAAUA,EAAW,GAAG;AAAA,UAAG,YAAY;AAAA,UAAiB,UAAU;AAAA,UAAG,WAAW;AAAA,UAAI,KAAK;AAAA,UAAK,UAAU;AAAA;;MAE3G,eAAe;AAAA;IAEhB,MAAI;AAAA,MACH,OAAOC;AAAA,MACP,SAAS;AAAA,MACT,OAAK;AAAA;AAAA;UAEF,UAAUD,EAAW,GAAG;AAAA,UAAG,YAAY;AAAA,UAAc,UAAU;AAAA,UAAG,WAAW;AAAA,UAAG,KAAK;AAAA,UAAG,UAAU;AAAA;;MAErG,eAAe;AAAA;IAEhB,cAAY;AAAA,MACX,OAAOE;AAAA,MACP,SAAS;AAAA,MACT,OAAK;AAAA;AAAA;UAEF,UAAUF,EAAW,GAAG;AAAA,UAAG,YAAY;AAAA,UAAiB,UAAU;AAAA,UAAG,WAAW;AAAA,UAAI,KAAK;AAAA,UAAK,UAAU;AAAA;;MAE3G,eAAe;AAAA;IAEhB,UAAQ;AAAA,MACP,OAAOG;AAAA,MACP,SAAS;AAAA,MACT,OAAK;AAAA;AAAA;UAEF,UAAUH,EAAW,GAAG;AAAA,UAAG,YAAY;AAAA,UAAY,UAAU;AAAA,UAAG,WAAW;AAAA,UAAI,KAAK;AAAA,UAAG,UAAU;AAAA;;;UAEjG,UAAUA,EAAW,GAAG;AAAA,UAAG,YAAY;AAAA,UAAsB,UAAU;AAAA,UAAG,WAAW;AAAA,UAAI,KAAK;AAAA,UAAG,UAAU;AAAA;;MAE9G,eAAe;AAAA;;AAIb,MAAAI,0BAAgCP,CAAc,IAAGC,EAAW1G,EAAA,IAACmG,CAAW,KAAIE,EAAQ,CAAA,GAKpFY,2BAA2C;UACxCC,IAAKlH,EAAA,IAAGgH,CAAO,EAAC;cAClBA,CAAO,EAAC;;QAEV,OAAAE;AAAA,QACA,UAAQlH,EAAA,IAAEgH,CAAO,EAAC,aAAa;AAAA,QAC/B,MAAIhH,EAAA,IAAEgH,CAAO,EAAC,aAAa;AAAA,QAC3B,OAAKhH,EAAA,IAAEgH,CAAO,EAAC,aAAa;AAAA,QAC5B,OAAKhH,EAAA,IAAEgH,CAAO,EAAC,aAAa;AAAA,QAC5B,eAAahH,EAAA,IAAEgH,CAAO,EAAC,aAAa;AAAA,QACpC,gBAAchH,EAAA,IAAEgH,CAAO,EAAC,aAAa;AAAA;AAGjC,UAAAG,IAAWD,EAAM,QAAQ/G,GAAKC,MAAMD,IAAMC,EAAE,UAAU,CAAC,GACvDgH,IAAOF,EAAM,OAAM,CAAE/G,GAAKC,MAAMD,IAAMC,EAAE,MAAMA,EAAE,UAAU,CAAC,GAC3DiH,IAAQC,GAAaH,IAAWC,GAAIpH,EAAA,IAAEgH,CAAO,EAAC,MAAM,MAAM,aAAa;;MAE5E,OAAAE;AAAA,MACA,UAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,OAAOF,IAAWC,IAAOC;AAAA,MACzB,eAAe;AAAA,MACf,gBAAgB;AAAA;EAElB,IAAC,GAEGE,0BACHd,CAAc,WAED,SAAW,MAAoB,MAChC,GAAA,OAAO,SAAS,MAAM,YAAMO,CAAO,EAAC,MAAM,EAAE,IAAAhH,EAAA,IAAIgH,CAAO,EAAC,MAAM,IAAI,KAE1EV,EAAY,KAAI,GAAG,GAIpBkB,IAAgBxH,EAAA,MAAO,EAAK,GAC5ByH,IAAczH,EAAA,MAAO,EAAK,GAC1B0H,IAAgB1H,EAAA,MAAO,EAAK;AAEvB,WAAA2H,IAAgB;AACpB,QAAA3H,EAAA,IAAA0H,CAAa,GAAE;AAClB,MAAA1H,EAAA,IAAAwH,GAAgB,EAAI,GACpBxH,EAAA,IAAAyH,GAAc,EAAI;;IAEnB;AACA,IAAAzH,EAAA,IAAAwH,GAAgB,EAAK,GACrBxH,EAAA,IAAAyH,GAAc,EAAK,GACnB;AAAA,YAAiB;AAAE,QAAAzH,EAAA,IAAAwH,GAAgB,EAAI;AAAA,MAAE;AAAA,MAAG;AAAA,OAC5C;AAAA,YAAiB;AAAE,QAAAxH,EAAA,IAAAyH,GAAc,EAAI;AAAA,MAAE;AAAA,MAAG;AAAA;EAC3C;AAEA,EAAAzH,EAAA,kBAAc;UACRyG,CAAc,YACRN,CAAW,GACtBwB,EAAa;AAAA,EACd,CAAC,GAEDzF,QAAc;AACb,IAAAlC,EAAA,IAAA0H,GAAgB,OAAO,WAAW,kCAAkC,EAAE,SAAO,EAAA,GAC7EC,EAAa;AAAA,EACd,CAAC;MAGDnH,IAAGyD,GAAA,eAAHzD,CAAG;;;UAGDE,IAAGD,GAAA,yBAAHC,CAAG,GAAA,CAAA;AAEI,MAAAV,EAAA,KAAAmB,GAAA,IAAA,MAAAiF,gBAAiBwB,MAAM;AACrB,cAAAC,IAAQ7H,EAAA,QAAA,MAAAA,EAAA,IAAGmG,CAAW,MAAAnG,EAAA,IAAK4H,CAAM,EAAC,KAAK;YAC9CjD,IAAMmD,GAAA,GAKLC,YALDpD,CAAM,iBAKLoD,CAAI;gBALLpD,CAAM;;YAANA;AAAA;gCAEmBkD,CAAQ,IAAG,+DAA+D,2EAA2E;AAAA;yBAGvKE,GAAI,GAAA,4BAAA/H,EAAA,IAAkC4H,CAAM,EAAC,SAAK,EAAA,aAAA,eAAA,GAClD5H,EAAA,SAAAgI,GAAA,IAAAhI,EAAA,IAAA4H,CAAM,EAAC,SAAK,EAAA,EAAA;AAAA,YANb5H,EAAA,UAAA,SAAA2E,SAGe;gBAAEwB,GAAWnG,EAAA,IAAG4H,CAAM,EAAC,OAAK,EAAA;AAAA,QAAE,CAAC,eAH9CjD,CAAM;AAAA,kBAJRjE,CAAG,eAAHA,CAAG;AAAA;;YADA+F,CAAc,KAAAnC,EAAAC,CAAA;AAAA;;MAiBlB5D,IAAGX,EAAA,QAAAiB,GAAA,CAAA,GAKFL,YALDD,CAAG,eAKFC,CAAG;AAGF,EAAAqH,GAAa7G,GAAA;AAAA;AACN,aAAApB,EAAA,IAAAgH,CAAO,EAAC;AAAA;;AACN,aAAAhH,EAAA,IAAAgH,CAAO,EAAC;AAAA;;mBAChBC,CAAW;AAAA;;AACG,aAAAjH,EAAA,IAAAgH,CAAO,EAAC;AAAA;;mBACtBQ,CAAa;AAAA;;mBACbC,CAAW;AAAA;;mBACJlB,CAAY;AAAA;;MAIpBzF,IAAGd,EAAA,QAAAoB,GAAA,CAAA,eAAHN,CAAG;AACF,EAAAoH,GAAc3G,GAAA;AAAA;AACP,aAAAvB,EAAA,IAAAgH,CAAO,EAAC;AAAA;;AACN,aAAAhH,EAAA,IAAAgH,CAAO,EAAC;AAAA;;mBAChBO,CAAQ;AAAA;;mBACRE,CAAW;AAAA;;mBACJlB,CAAY;AAAA;cANrBzF,CAAG,WAdJF,CAAG;AA4BH,MAAAG,cA5BAH,GAAG,CAAA,eA4BHG,CAAG;AACF,EAAAkH,GAAaxG,GAAA;AAAA;AACN,aAAAzB,EAAA,IAAAgH,CAAO,EAAC;AAAA;;AACN,aAAAhH,EAAA,IAAAgH,CAAO,EAAC;AAAA;;mBAChBC,CAAW;AAAA;;AACG,aAAAjH,EAAA,IAAAgH,CAAO,EAAC;AAAA;;mBACtBQ,CAAa;AAAA;;mBACbC,CAAW;AAAA;;mBACJlB,CAAY;AAAA;;;AAGpB,EAAA2B,GAAczD,GAAA;AAAA;AACP,aAAAzE,EAAA,IAAAgH,CAAO,EAAC;AAAA;;AACN,aAAAhH,EAAA,IAAAgH,CAAO,EAAC;AAAA;;mBAChBO,CAAQ;AAAA;;mBACRE,CAAW;AAAA;;mBACJlB,CAAY;AAAA;cAhBrBxF,CAAG,WAjCJJ,CAAG,WAnBJH,CAAG,eAAHA,CAAG;AAFI;;MC5JD2H,IAASC,GAAa,SAAS;;kBAGtC;;MAQKC,IAAYrI,EAAA,MAAO,EAAK,GACxBsI,IAAuBtI,EAAA,MAAO,IAAI;SAE3B,SAAW,WACF,gBAAgB,OAAO,SAAS,MAAM,EAC9C,IAAI,QAAQ,MAAM,OAC5BA,EAAA,IAAAqI,GAAY,EAAI,GAIlBrI,EAAA,kBAAc;UACTqI,CAAS,KAAA,CAAArI,EAAA,IAAKsI,CAAe,MAChCH,EAAO,KACN,uGAAuG,GAEjG,OAAA,8BAAyB,EAAE,KAAI,CAAEI,MAAM;YAC7CD,GAAkBC,EAAE,SAAO,EAAA;AAAA,IAC5B,CAAC,EAAE,MAAK,MAAO;AACd,MAAAvI,EAAA,IAAAqI,GAAY,EAAK;AAAA,IAClB,CAAC;AAAA,EAEH,CAAC;MAUAG,IAAIxI,EAAA,KAAAC,GAAA,QAAA,IAAA,OAAA,CAAA,EAAA,GACJwI,8BAAY,GAAG,GACf1I,IAAMC,EAAA,KAAAC,GAAA,UAAA,IAAA,OAAA,CAAA,EAAA,GAIHyI,IAAc1I,EAAA,MAA2B,IAAI,GAC7CuH,IAAWvH,EAAA,MAAO,EAAE,GACpB2I,IAAY3I,EAAA,MAAsB,IAAI,GACtC4I,IAAU5I,EAAA,MAAO,EAAI;AAEzB,EAAAkC,cAAoB;;MAElB,IAAA2G;AAAA,MACA,MAAAC;AAAA,MACA,OAAOC;AAAA,MACP,SAASC;AAAA,MACT,WAAWC;AAAA,MACX,eAAeC;AAAA,MACf,aAAaC;AAAA,QACVX,EAAI,KAAA,CAAA;UAGRjB,GAAQ,GAAM,OAAO,SAAS,MAAM,MAAMsB,CAAE,IAAIC,CAAI,EAAA;QAGhDM;QACA;AACH,MAAAA,IAAYC,GAAkBN,CAAQ;AAAA,IACvC,SAAS3G,GAAG;AACX,MAAA+F,EAAO,KAAK,sCAAsC/F,CAAC,GACnDpC,EAAA,IAAA2I,GAAY5I,EAAM,EAAC,yBAAyB,8BAA4B,EAAA,GACxEC,EAAA,IAAA4I,GAAU,EAAK;;IAEhB;QAGIU,IAAkBN,KAAgB,IAClCO,IAAgBL,KAAc,IAC9BM,IAAuB,CAAA,GACvBC,IAAoB;AAEpB,QAAAH;UACC;cACGI,IAAK,MAASC,GAASL,CAAe;AACxC,YAAAI,GAAO;AAEV,UAAAH,IAAgBG,EAAM,iBAAiBH;AAEjC,gBAAAK,IAAUF,EAAM,oBAAoBA,EAAM,WAAO,CAAA,GACjDG,wBAAc,IAAG;qBAEZC,KAAUF,GAAS;AACvB,kBAAAG,OAASD,EAAO,gBAAgBA,EAAO,YAAY,CAAC,IAAIA,EAAO,cAAcA,EAAO,QAAQ,EAAE,IAC9FE,IAAWH,EAAQ,IAAIE,CAAG;AAC5B,YAAAC,KACHA,EAAS,YAAY,GACrBA,EAAS,YAAaF,EAAO,iBAAiBA,EAAO,SAAS,KAE9DD,EAAQ,IAAIE,GAAG;AAAA,cACd,UAAUD,EAAO,gBAAgBA,EAAO,YAAY;AAAA,cACpD,YAAYA,EAAO,cAAcA,EAAO,QAAQ/J,EAAM,EAAC,sBAAsB;AAAA,cAC7E,UAAU;AAAA,cACV,WAAW+J,EAAO,iBAAiBA,EAAO,SAAS;AAAA,cACnD,KAAK;AAAA,cACL,UAAUA,EAAO,iBAAiBA,EAAO,SAAS;AAAA;UAGrD;AAEA,UAAAN,IAAa,MAAM,KAAKK,EAAQ,OAAM,CAAA,GAM3B,OAAAH,EAAM,cAAe,aAC/BD,IAAY;AAAA,YACX,UAAUC,EAAM,aAAa;AAAA,YAC7B,MAAMA,EAAM,aAAa;AAAA,YACzB,OAAOA,EAAM,OAAO;AAAA,YACpB,OAAOA,EAAM;AAAA,YACb,eAAeA,EAAM,iCAAiC;AAAA,YACtD,gBAAgBA,EAAM,yBAAyB;AAAA,YAC/C,cAAcA,EAAM,cAAcA,EAAM,yBAAyB;AAAA;QAGpE;AAAA,MACD,SAAStH,GAAG;AACX,QAAA+F,EAAO,KAAK,iDAAiD/F,CAAC;AAAA,MAE/D;IAIGoH,EAAW,WAAW,KAAKL,IAAmB,MACjDK,IAAU;AAAA;;QAET,UAAU5C,EAAW,CAAC;AAAA,QACtB,YAAY7G,IAAO,sBAAsB;AAAA,QACzC,UAAUoJ;AAAA,QACV,WAAW;AAAA,QACX,KAAK;AAAA,QACL,UAAU;AAAA;;MAKZT;AAAA;QACC,OAAOU;AAAA,QACP,SAAS,OAAOE,CAAe;AAAA,QAC/B,OAAOE;AAAA,QACP,eAAeD;AAAA,QACX,GAAAE,MAAiB,cAAAA,MAAY,CAAA;AAAA;;OAIlCQ,GAAqB,OAAOpB,CAAE,CAAA,GAC9BqB,GAAa,iBAAiB,GAE9BlK,EAAA,IAAA4I,GAAU,EAAK;AAAA,EAChB,CAAC;;;;;;AAIA,QAAAuB,EAAe5J,GAAA;AAAA;mBACdiI,EAAI;AAAA;;mBACJC,EAAS;AAAA;;;;UAGVjI,IAAGsH,GAAA,GACFsC,YADD5J,CAAG,eACF4J,GAAC,EAAA;cAADA,CAAC,WADF5J,CAAG,+CACCmI,CAAS,CAAA,CAAA,eADbnI,CAAG;AAAA;UAIHE,IAAG2J,GAAA,GACFC,YADD5J,CAAG,eACF4J,GAAC,EAAA;cAADA,CAAC,WADF5J,CAAG,yCACCX,EAAM,EAAC,oBAAoB,oBAAoB,CAAA,eADnDW,CAAG;AAAA;AAIH,MAAA6J,GAAWhK,GAAA;AAAA;uBAAOmI,CAAW;AAAA;;uBAAGnB,CAAQ;AAAA;;;;AAdrC,MAAAvH,EAAA,IAAAqI,CAAS,WAAIC,CAAe,IAAAhE,EAAAC,CAAA,IAAAvE,EAAA,IAKvB2I,CAAS,IAAArE,EAAAiB,GAAA,CAAA,IAAAvF,EAAA,IAIT4I,CAAO,YAAKF,CAAW,IAAApE,EAAAqB,GAAA,CAAA,IAAArB,EAAAkG,GAAA,EAAA;AAAA;;;AAXzB;"}
1	+ {"version":3,"file":"Success-BCUnIuMQ.js","sources":["../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessTicket.svelte","../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessActions.svelte","../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessMain.svelte","../src/components/Views/Success.svelte"],"sourcesContent":["<script lang=\"ts\">\r\n\timport { Email } from 'carbon-icons-svelte';\r\n\timport { Card, Heading, Text } from '@getmicdrop/svelte-components';\r\n\timport type { EventData, OrderTotals } from '$lib/premium-ticket-experience/types';\r\n\timport OrderSummary from './OrderSummary.svelte';\r\n\r\n\tinterface Props {\r\n\t\tevent: EventData;\r\n\t\torderId: string;\r\n\t\torderTotals: OrderTotals;\r\n\t\tcustomerEmail: string;\r\n\t\tshowCheckmark: boolean;\r\n\t\tshowContent: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tevent, orderId, orderTotals, customerEmail, showCheckmark, showContent, labels = {},\r\n\t}: Props = $props();\r\n\r\n\tlet ticketCount = $derived(orderTotals.lines.reduce((sum, l) => sum + l.quantity, 0));\r\n\r\n\tlet headingText = $derived(\r\n\t\tevent.isRegistrationEvent ? (labels.youreRegistered \|\| \"You're registered!\") : (labels.youreIn \|\| \"You're in!\")\r\n\t);\r\n\r\n</script>\r\n\r\n<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-primary\">\r\n\t<div class=\"p-6 md:p-8\">\r\n\t\t<!-- Spinner → Checkmark animation -->\r\n\t\t<div class=\"flex justify-center mb-6\">\r\n\t\t\t<div class=\"indicator-container\">\r\n\t\t\t\t<!-- Spinner (visible while loading) -->\r\n\t\t\t\t<div class=\"processing-spinner\" class:fade-out={showCheckmark}></div>\r\n\r\n\t\t\t\t<!-- Animated checkmark (appears after spinner) -->\r\n\t\t\t\t<svg class=\"checkmark-svg\" class:active={showCheckmark} viewBox=\"0 0 52 52\" aria-hidden=\"true\">\r\n\t\t\t\t\t<circle cx=\"26\" cy=\"26\" r=\"24\" class=\"checkmark-circle\" />\r\n\t\t\t\t\t<circle cx=\"26\" cy=\"26\" r=\"24\" class=\"checkmark-fill\" />\r\n\t\t\t\t\t<path d=\"M14 27l7 7 17-17\" class=\"checkmark-check\" />\r\n\t\t\t\t</svg>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- Content (fades in after checkmark completes) -->\r\n\t\t<div class=\"content-section\" class:visible={showContent}>\r\n\t\t\t<!-- Heading -->\r\n\t\t\t<div class=\"text-center mb-6\">\r\n\t\t\t\t<Heading level={1} size=\"xl\" weight=\"bold\" class=\"mb-3\">\r\n\t\t\t\t\t{headingText}\r\n\t\t\t\t</Heading>\r\n\t\t\t\t<Text size=\"lg\" class=\"font-semibold block mb-1\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<Text size=\"sm\" color=\"secondary\" class=\"block\">\r\n\t\t\t\t\t{ticketCount} {ticketCount === 1 ? (labels.ticket \|\| 'ticket') : (labels.tickets \|\| 'tickets')} confirmed\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Order summary (same format as checkout) -->\r\n\t\t\t<div class=\"mb-6\">\r\n\t\t\t\t<OrderSummary {orderTotals}\r\n\t\t\t\t{labels} />\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Order info -->\r\n\t\t\t<div class=\"flex justify-between items-center py-3 border-t border-default\">\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold font-mono\">#{orderId}</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Email confirmation -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-2 p-3 rounded-lg bg-surface-secondary mt-4\">\r\n\t\t\t\t<Email size={16} class=\"shrink-0 text-color-muted\" />\r\n\t\t\t\t<Text size=\"xs\" color=\"secondary\">\r\n\t\t\t\t\t{labels.confirmationSentTo \|\| 'Confirmation sent to'} {customerEmail}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t</div>\r\n</Card>\r\n\r\n<style>\r\n\t/* Indicator container — holds spinner and checkmark in same space /\r\n\t.indicator-container {\r\n\t\tposition: relative;\r\n\t\twidth: 64px;\r\n\t\theight: 64px;\r\n\t}\r\n\r\n\t/ Spinner — rotating partial circle /\r\n\t.processing-spinner {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tborder: 3px solid hsl(var(--stroke-primary) / 15%);\r\n\t\tborder-top-color: hsl(var(--accent-success));\r\n\t\tborder-radius: 50%;\r\n\t\tanimation: spin 0.7s linear infinite;\r\n\t\ttransition: opacity 0.2s ease;\r\n\t}\r\n\r\n\t.processing-spinner.fade-out {\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t@keyframes spin {\r\n\t\tto { transform: rotate(360deg); }\r\n\t}\r\n\r\n\t/ Checkmark SVG — scales in when active /\r\n\t.checkmark-svg {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\topacity: 0;\r\n\t\ttransform: scale(0.6);\r\n\t\ttransition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);\r\n\t}\r\n\r\n\t.checkmark-svg.active {\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1);\r\n\t}\r\n\r\n\t/ Circle outline — draws itself /\r\n\t.checkmark-circle {\r\n\t\tstroke-dasharray: 151;\r\n\t\tstroke-dashoffset: 151;\r\n\t\tstroke-width: 2;\r\n\t\tstroke: hsl(var(--accent-success));\r\n\t\tfill: none;\r\n\t\ttransform-origin: center;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-circle {\r\n\t\tanimation: circle-draw 0.5s ease-out 0.1s forwards;\r\n\t}\r\n\r\n\t@keyframes circle-draw {\r\n\t\tto { stroke-dashoffset: 0; }\r\n\t}\r\n\r\n\t/ Circle fill — fades in after outline completes /\r\n\t.checkmark-fill {\r\n\t\tfill: hsl(var(--accent-success));\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-fill {\r\n\t\tanimation: fill-in 0.25s ease-out 0.5s forwards;\r\n\t}\r\n\r\n\t@keyframes fill-in {\r\n\t\tto { opacity: 1; }\r\n\t}\r\n\r\n\t/ Checkmark stroke — draws after fill /\r\n\t.checkmark-check {\r\n\t\tstroke-dasharray: 36;\r\n\t\tstroke-dashoffset: 36;\r\n\t\tstroke-width: 3;\r\n\t\tstroke: hsl(var(--bg-primary));\r\n\t\tfill: none;\r\n\t\tstroke-linecap: round;\r\n\t\tstroke-linejoin: round;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-check {\r\n\t\tanimation: check-draw 0.3s ease-out 0.6s forwards;\r\n\t}\r\n\r\n\t@keyframes check-draw {\r\n\t\tto { stroke-dashoffset: 0; }\r\n\t}\r\n\r\n\t/ Content section — fades in after checkmark /\r\n\t.content-section {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.content-section.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/ Reduced motion /\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.processing-spinner {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t}\r\n\r\n\t\t.checkmark-svg {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\r\n\t\t.checkmark-svg .checkmark-circle,\r\n\t\t.checkmark-svg .checkmark-fill,\r\n\t\t.checkmark-svg .checkmark-check {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t\tanimation-delay: 0s;\r\n\t\t}\r\n\r\n\t\t.content-section {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { onMount } from 'svelte';\r\n\timport {\r\n\t\tShare,\r\n\t\tHelp,\r\n\t\tArrowLeft,\r\n\t\tApple,\r\n\t\tCalendar,\r\n\t\tChevronDown,\r\n\t\tLocationFilled,\r\n\t} from 'carbon-icons-svelte';\r\n\timport { Button, Card, Text } from '@getmicdrop/svelte-components';\r\n\timport { toast } from '@getmicdrop/svelte-components/toast';\r\n\timport type { EventData } from '$lib/premium-ticket-experience/types';\r\n\timport { formatBrowseDate, formatEventTime } from '$lib/premium-ticket-experience/defaults';\r\n\r\n\tinterface Props {\r\n\t\tevent: EventData;\r\n\t\torderId: string;\r\n\t\teventUrl: string;\r\n\t\tshowContent: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet { event, orderId, eventUrl, showContent, labels = {} }: Props = $props();\r\n\r\n\t// --- Calendar dropdown ---\r\n\tlet calendarOpen = $state(false);\r\n\r\n\tfunction toggleCalendar() {\r\n\t\tcalendarOpen = !calendarOpen;\r\n\t}\r\n\r\n\t// Close calendar dropdown when clicking outside\r\n\tonMount(() => {\r\n\t\tfunction handleClickOutside(e: MouseEvent) {\r\n\t\t\tconst target = e.target as HTMLElement;\r\n\t\t\tif (!target.closest('.calendar-dropdown')) {\r\n\t\t\t\tcalendarOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t\tdocument.addEventListener('click', handleClickOutside);\r\n\t\treturn () => document.removeEventListener('click', handleClickOutside);\r\n\t});\r\n\r\n\t// --- Google Calendar URL ---\r\n\tlet googleCalendarUrl = $derived((() => {\r\n\t\tconst startDate = new Date(event.startDateTime);\r\n\t\tconst endDate = event.endDateTime\r\n\t\t\t? new Date(event.endDateTime)\r\n\t\t\t: new Date(startDate.getTime() + 2 60 * 60 * 1000);\r\n\r\n\t\tconst formatForGoogle = (date: Date): string => {\r\n\t\t\treturn date.toISOString().replace(/[-:]/g, '').replace(/\\.\\d{3}/, '');\r\n\t\t};\r\n\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst fullLocation = locationParts.join(', ');\r\n\r\n\t\tconst params = new URLSearchParams({\r\n\t\t\taction: 'TEMPLATE',\r\n\t\t\ttext: event.title,\r\n\t\t\tdates: `${formatForGoogle(startDate)}/${formatForGoogle(endDate)}`,\r\n\t\t\tlocation: fullLocation,\r\n\t\t\tdetails: `Event: ${eventUrl}\\n\\nTicket confirmation #${orderId}`\r\n\t\t});\r\n\r\n\t\treturn `https://calendar.google.com/calendar/render?${params.toString()}`;\r\n\t})());\r\n\r\n\t// --- ICS file download (Apple Calendar) ---\r\n\tfunction downloadICS() {\r\n\t\tconst startDate = new Date(event.startDateTime);\r\n\t\tconst endDate = event.endDateTime\r\n\t\t\t? new Date(event.endDateTime)\r\n\t\t\t: new Date(startDate.getTime() + 2 * 60 * 60 * 1000);\r\n\r\n\t\tconst formatForICS = (date: Date): string => {\r\n\t\t\treturn date.toISOString().replace(/[-:]/g, '').replace(/\\.\\d{3}/, '');\r\n\t\t};\r\n\r\n\t\tconst uid = `order-${orderId}-event-${event.id}@micdrop.com`;\r\n\t\tconst now = formatForICS(new Date());\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst fullLocation = locationParts.join(', ');\r\n\r\n\t\tconst escapeICS = (str: string): string => {\r\n\t\t\tif (!str) return '';\r\n\t\t\treturn str.replace(/\\\\/g, '\\\\\\\\').replace(/;/g, '\\\\;').replace(/,/g, '\\\\,').replace(/\\n/g, '\\\\n');\r\n\t\t};\r\n\r\n\t\tconst icsContent = `BEGIN:VCALENDAR\r\nVERSION:2.0\r\nPRODID:-//MicDrop//Ticket Confirmation//EN\r\nCALSCALE:GREGORIAN\r\nMETHOD:PUBLISH\r\nBEGIN:VEVENT\r\nUID:${uid}\r\nDTSTAMP:${now}\r\nDTSTART:${formatForICS(startDate)}\r\nDTEND:${formatForICS(endDate)}\r\nSUMMARY:${escapeICS(event.title)}\r\nLOCATION:${escapeICS(fullLocation)}\r\nDESCRIPTION:${escapeICS(`Order #${orderId}\\n\\nView event: ${eventUrl}`)}\r\nURL:${eventUrl}\r\nSTATUS:CONFIRMED\r\nEND:VEVENT\r\nEND:VCALENDAR`;\r\n\r\n\t\tconst blob = new Blob([icsContent], { type: 'text/calendar;charset=utf-8' });\r\n\t\tconst url = URL.createObjectURL(blob);\r\n\t\tconst link = document.createElement('a');\r\n\t\tlink.href = url;\r\n\t\tconst safeFilename = (event.title \|\| 'event').replace(/[^a-zA-Z0-9\\s-]/g, '').replace(/\\s+/g, '-');\r\n\t\tlink.download = `${safeFilename}.ics`;\r\n\t\tdocument.body.appendChild(link);\r\n\t\tlink.click();\r\n\t\tdocument.body.removeChild(link);\r\n\t\tURL.revokeObjectURL(url);\r\n\r\n\t\tcalendarOpen = false;\r\n\t}\r\n\r\n\tfunction handleGoogleCalendar() {\r\n\t\tcalendarOpen = false;\r\n\t}\r\n\r\n\t// --- Share event ---\r\n\tasync function shareEvent() {\r\n\t\tconst shareData = { url: eventUrl };\r\n\r\n\t\tif (navigator.share) {\r\n\t\t\ttry {\r\n\t\t\t\tawait navigator.share(shareData);\r\n\t\t\t} catch (err: unknown) {\r\n\t\t\t\tif (err instanceof Error && err.name !== 'AbortError') {\r\n\t\t\t\t\tfallbackShare();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tfallbackShare();\r\n\t\t}\r\n\t}\r\n\r\n\tfunction fallbackShare() {\r\n\t\tnavigator.clipboard.writeText(eventUrl).then(() => {\r\n\t\t\ttoast.success(labels.linkCopied \|\| 'Link copied to clipboard!');\r\n\t\t}).catch(() => {\r\n\t\t\ttoast.error(labels.copyLink \|\| 'Could not copy link — please copy it manually: ' + eventUrl);\r\n\t\t});\r\n\t}\r\n\r\n\t// --- Wallet handlers (mock — requires backend in production) ---\r\n\tfunction handleAppleWallet() {\r\n\t\ttoast.info('Apple Wallet coming soon', {\r\n\t\t\tdescription: 'Wallet integration requires backend signing infrastructure. Your ticket is confirmed — check your email.',\r\n\t\t});\r\n\t}\r\n\r\n\tfunction handleGoogleWallet() {\r\n\t\ttoast.info('Google Wallet coming soon', {\r\n\t\t\tdescription: 'Wallet integration requires backend signing infrastructure. Your ticket is confirmed — check your email.',\r\n\t\t});\r\n\t}\r\n\r\n\t// --- Directions ---\r\n\tlet directionsUrl = $derived((() => {\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst query = encodeURIComponent(locationParts.join(', '));\r\n\t\treturn `https://www.google.com/maps/search/?api=1&query=${query}`;\r\n\t})());\r\n\r\n\t// --- Navigation ---\r\n\tfunction handleBackToEvent() {\r\n\t\twindow.location.href = eventUrl;\r\n\t}\r\n</script>\r\n\r\n<!--\r\n\tSuccessActions: Sidebar card matching BookingWidget / CheckoutSidebar pattern.\r\n\tSingle Card with event thumbnail, date summary, wallet badges, action buttons, and links.\r\n-->\r\n<div class=\"actions-wrapper\" class:visible={showContent}>\r\n\t<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-secondary\">\r\n\t\t<!-- Event poster (same treatment as HeroImage — object-contain, no crop) -->\r\n\t\t<div class=\"rounded-t-xl overflow-hidden bg-surface-tertiary\">\r\n\t\t\t<img\r\n\t\t\t\tsrc={event.imageUrl}\r\n\t\t\t\talt={event.title}\r\n\t\t\t\tclass=\"sidebar-poster w-full object-contain\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"p-5 space-y-4\">\r\n\t\t\t<!-- Event info -->\r\n\t\t\t<div>\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold block leading-tight\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<div class=\"flex items-center gap-1.5 mt-1.5\">\r\n\t\t\t\t\t<Calendar size={16} class=\"shrink-0 icon-muted\" />\r\n\t\t\t\t\t<Text size=\"xs\" color=\"muted\">\r\n\t\t\t\t\t\t{formatBrowseDate(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{#if event.displayStartTime !== false}\r\n\t\t\t\t\t\t\t· {formatEventTime(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{/if}\r\n\t\t\t\t\t</Text>\r\n\t\t\t\t</div>\r\n\t\t\t\t<Text size=\"xs\" color=\"muted\" class=\"block mt-0.5\">\r\n\t\t\t\t\t{event.venue.name}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Wallet badges (official brand assets) -->\r\n\t\t\t<div class=\"flex flex-col items-center gap-3\">\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleAppleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/apple-wallet.svg\"\r\n\t\t\t\t\t\talt={labels.addToAppleWallet \|\| 'Add to Apple Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleGoogleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-dark.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet \|\| 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-dark\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-light.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet \|\| 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-light\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Divider -->\r\n\t\t\t<div class=\"divider\"></div>\r\n\r\n\t\t\t<!-- Calendar dropdown (full width) -->\r\n\t\t\t<div class=\"calendar-dropdown relative\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\tclass=\"w-full\"\r\n\t\t\t\t\tonclick={toggleCalendar}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Calendar size={16} />\r\n\t\t\t\t\t{labels.addToCalendar \|\| 'Add to Calendar'}\r\n\t\t\t\t\t<ChevronDown size={16} class=\"ml-auto transition-transform {calendarOpen ? 'rotate-180' : ''}\" />\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if calendarOpen}\r\n\t\t\t\t\t<div class=\"dropdown-menu bg-surface-primary border-default\">\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\thref={googleCalendarUrl}\r\n\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\r\n\t\t\t\t\t\t\tclass=\"dropdown-item text-color-primary hover:bg-surface-secondary\"\r\n\t\t\t\t\t\t\tonclick={handleGoogleCalendar}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg class=\"shrink-0\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n\t\t\t\t\t\t\t\t<path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z\" fill=\"#4285F4\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z\" fill=\"#FBBC05\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t{labels.googleCalendar \|\| 'Google Calendar'}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t<button type=\"button\" class=\"dropdown-item text-color-primary hover:bg-surface-secondary\" onclick={downloadICS}>\r\n\t\t\t\t\t\t\t<Apple size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t\t{labels.appleCalendar \|\| 'Apple Calendar (.ics)'}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Share + Directions row -->\r\n\t\t\t<div class=\"flex gap-2\">\r\n\t\t\t\t<Button variant=\"default\" size=\"md\" class=\"flex-1\" onclick={shareEvent}>\r\n\t\t\t\t\t<Share size={16} />\r\n\t\t\t\t\t{labels.share \|\| 'Share'}\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if event.venue.address}\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\t\tclass=\"flex-1\"\r\n\t\t\t\t\t\thref={directionsUrl}\r\n\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<LocationFilled size={16} />\r\n\t\t\t\t\t\t{labels.map \|\| 'Map'}\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Text links -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-4 pt-1\">\r\n\t\t\t\t<button type=\"button\" class=\"text-link text-color-muted hover:text-color-secondary\" onclick={handleBackToEvent}>\r\n\t\t\t\t\t<ArrowLeft size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t{labels.backToEvent \|\| 'Back to event'}\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t{#if event.venue.contactEmail}\r\n\t\t\t\t\t<span class=\"text-color-muted\">·</span>\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\thref=\"mailto:{event.venue.contactEmail}?subject=Help with Order {orderId}\"\r\n\t\t\t\t\t\tclass=\"text-link text-color-muted hover:text-color-secondary\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<Help size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t{labels.needHelp \|\| 'Need help?'}\r\n\t\t\t\t\t</a>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</Card>\r\n</div>\r\n\r\n<style>\r\n\t/* Wrapper — fades in with content /\r\n\t.actions-wrapper {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.actions-wrapper.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/ Sidebar poster — same object-contain treatment as HeroImage /\r\n\t.sidebar-poster {\r\n\t\tmax-height: 15rem;\r\n\t\tmin-height: 6rem;\r\n\t}\r\n\r\n\t/ Wallet badges — official brand assets, no modifications per guidelines /\r\n\t.wallet-badge-btn {\r\n\t\tdisplay: block;\r\n\t\ttransition-property: opacity;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t.wallet-badge-btn:hover {\r\n\t\topacity: 0.85;\r\n\t}\r\n\r\n\t.wallet-badge-btn:active {\r\n\t\topacity: 0.7;\r\n\t}\r\n\r\n\t.wallet-badge-img {\r\n\t\theight: 44px;\r\n\t\twidth: auto;\r\n\t}\r\n\r\n\t/ Google badge: show dark variant in light mode, light variant in dark mode /\r\n\t.google-light {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t/ Calendar dropdown menu /\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tmargin-top: 0.25rem;\r\n\t\tpadding-top: 0.25rem;\r\n\t\tpadding-bottom: 0.25rem;\r\n\t\tborder-radius: 0.5rem;\r\n\t\tbox-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);\r\n\t\tz-index: var(--z-navigation);\r\n\t\tborder-width: 1px;\r\n\t\tborder-style: solid;\r\n\t}\r\n\r\n\t.dropdown-item {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.625rem;\r\n\t\twidth: 100%;\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\t\tfont-size: 0.875rem;\r\n\t\tline-height: 1.25rem;\r\n\t\ttext-align: left;\r\n\t\ttransition-property: color, background-color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/ Text links /\r\n\t.text-link {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.25rem;\r\n\t\tfont-size: 0.75rem;\r\n\t\tline-height: 1rem;\r\n\t\ttransition-property: color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/ Reduced motion /\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.actions-wrapper {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { asTicketId } from '@getmicdrop/svelte-components';\r\n\timport { onMount } from 'svelte';\r\n\timport type { EventData, OrderTotals, OrderLine, SuccessData } from '$lib/premium-ticket-experience/types';\r\n\timport {\r\n\t\tmockEvent,\r\n\t\tmockFreeEvent,\r\n\t\tmockRegistrationEvent,\r\n\t\tmockDonationEvent\r\n\t} from '$lib/premium-ticket-experience/mock-data';\r\n\timport { calculateTax } from '$lib/premium-ticket-experience/defaults';\r\n\r\n\timport SuccessTicket from './SuccessTicket.svelte';\r\n\timport SuccessActions from './SuccessActions.svelte';\r\n\timport { mergeLabels } from '$lib/premium-ticket-experience/i18n/labels.js';\r\n\r\n\t// --- DataToggle ---\r\n\ttype SuccessVariant = 'default' \| 'free' \| 'registration' \| 'donation';\r\n\tlet dataVariant = $state<SuccessVariant>('default');\r\n\r\n\tconst toggleOptions: { value: SuccessVariant; label: string; color: string }[] = [\r\n\t\t{ value: 'default', label: 'Standard', color: 'bg-accent-success' },\r\n\t\t{ value: 'free', label: 'Free', color: 'bg-sky-500' },\r\n\t\t{ value: 'registration', label: 'Registration', color: 'bg-brand-primary' },\r\n\t\t{ value: 'donation', label: 'Donation', color: 'bg-accent-danger' }\r\n\t];\r\n\r\n\t// --- Props (dual-mode: showcase vs production) ---\r\n\tinterface Props {\r\n\t\t/* Pre-built success data for production mode. Absence = showcase. /\r\n\t\tdata?: SuccessData;\r\n\t\t/* Event page URL for production navigation and sharing. /\r\n\t\teventUrl?: string;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tdata: dataProp = undefined,\r\n\t\teventUrl: eventUrlProp = undefined,\r\n\t\tlabels = {},\r\n\t}: Props = $props();\r\n\r\n\tconst mergedLabels = $derived(mergeLabels(labels));\r\n\r\n\tlet isShowcaseMode = $derived(!dataProp);\r\n\r\n\t// --- Mock data per variant ---\r\n\tconst variantData: Record<SuccessVariant, SuccessData> = {\r\n\t\tdefault: {\r\n\t\t\tevent: mockEvent,\r\n\t\t\torderId: '12847',\r\n\t\t\tlines: [\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- mock data: static showcase ticketIds\r\n\t\t\t\t{ ticketId: asTicketId(101), ticketName: 'General Admission', quantity: 2, unitPrice: 25, fee: 2.5, subtotal: 50 },\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- mock data: static showcase ticketIds\r\n\t\t\t\t{ ticketId: asTicketId(102), ticketName: 'VIP Front Row', quantity: 1, unitPrice: 55, fee: 5.5, subtotal: 55 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'customer@example.com'\r\n\t\t},\r\n\t\tfree: {\r\n\t\t\tevent: mockFreeEvent,\r\n\t\t\torderId: '12848',\r\n\t\t\tlines: [\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- mock data: static showcase ticketIds\r\n\t\t\t\t{ ticketId: asTicketId(201), ticketName: 'Free Entry', quantity: 2, unitPrice: 0, fee: 0, subtotal: 0 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'comedy.fan@gmail.com'\r\n\t\t},\r\n\t\tregistration: {\r\n\t\t\tevent: mockRegistrationEvent,\r\n\t\t\torderId: '12849',\r\n\t\t\tlines: [\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- mock data: static showcase ticketIds\r\n\t\t\t\t{ ticketId: asTicketId(301), ticketName: 'Workshop Seat', quantity: 1, unitPrice: 75, fee: 7.5, subtotal: 75 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'learner@example.com'\r\n\t\t},\r\n\t\tdonation: {\r\n\t\t\tevent: mockDonationEvent,\r\n\t\t\torderId: '12850',\r\n\t\t\tlines: [\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- mock data: static showcase ticketIds\r\n\t\t\t\t{ ticketId: asTicketId(401), ticketName: 'Donation', quantity: 1, unitPrice: 25, fee: 0, subtotal: 25 },\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- mock data: static showcase ticketIds\r\n\t\t\t\t{ ticketId: asTicketId(402), ticketName: 'Standard Admission', quantity: 1, unitPrice: 30, fee: 3, subtotal: 30 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'generous@example.com'\r\n\t\t}\r\n\t};\r\n\r\n\tlet current: SuccessData = $derived(isShowcaseMode ? variantData[dataVariant] : dataProp!);\r\n\r\n\t// Build OrderTotals — the server's persisted order is authoritative\r\n\t// (basePrice/tax/surcharge/totalPrice match what Stripe charged).\r\n\t// Fall back to a local sum-of-lines for showcase mode only.\r\n\tlet orderTotals: OrderTotals = $derived((() => {\r\n\t\tconst lines = current.lines;\r\n\t\tif (current.serverTotals) {\r\n\t\t\treturn {\r\n\t\t\t\tlines,\r\n\t\t\t\tsubtotal: current.serverTotals.subtotal,\r\n\t\t\t\tfees: current.serverTotals.fees,\r\n\t\t\t\ttaxes: current.serverTotals.taxes,\r\n\t\t\t\ttotal: current.serverTotals.total,\r\n\t\t\t\tpromoDiscount: current.serverTotals.promoDiscount,\r\n\t\t\t\tgiftCardAmount: current.serverTotals.giftCardAmount\r\n\t\t\t};\r\n\t\t}\r\n\t\tconst subtotal = lines.reduce((sum, l) => sum + l.subtotal, 0);\r\n\t\tconst fees = lines.reduce((sum, l) => sum + l.fee l.quantity, 0);\r\n\t\tconst taxes = calculateTax(subtotal + fees, current.event.venue.taxPercentage);\r\n\t\treturn {\r\n\t\t\tlines,\r\n\t\t\tsubtotal,\r\n\t\t\tfees,\r\n\t\t\ttaxes,\r\n\t\t\ttotal: subtotal + fees + taxes,\r\n\t\t\tpromoDiscount: 0,\r\n\t\t\tgiftCardAmount: 0\r\n\t\t};\r\n\t})());\r\n\r\n\tlet eventUrl = $derived(\r\n\t\tisShowcaseMode\r\n\t\t\t? (() => {\r\n\t\t\t\tif (typeof window === 'undefined') return '#';\r\n\t\t\t\treturn `${window.location.origin}/e/${current.event.id}-${current.event.slug}`;\r\n\t\t\t})()\r\n\t\t\t: (eventUrlProp \|\| '#')\r\n\t);\r\n\r\n\t// --- Animation ---\r\n\tlet showCheckmark = $state(false);\r\n\tlet showContent = $state(false);\r\n\tlet reducedMotion = $state(false);\r\n\r\n\tfunction runAnimations() {\r\n\t\tif (reducedMotion) {\r\n\t\t\tshowCheckmark = true;\r\n\t\t\tshowContent = true;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tshowCheckmark = false;\r\n\t\tshowContent = false;\r\n\t\tsetTimeout(() => { showCheckmark = true; }, 800);\r\n\t\tsetTimeout(() => { showContent = true; }, 1600);\r\n\t}\r\n\r\n\t$effect(() => {\r\n\t\tif (!isShowcaseMode) return;\r\n\t\tconst _v = dataVariant;\r\n\t\trunAnimations();\r\n\t});\r\n\r\n\tonMount(() => {\r\n\t\treducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\t\trunAnimations();\r\n\t});\r\n</script>\r\n\r\n<div class=\"w-full min-h-screen bg-surface-primary text-color-primary\">\r\n\t<!-- DataToggle (showcase mode only) -->\r\n\t{#if isShowcaseMode}\r\n\t\t<div class=\"toggle-bar bg-surface-primary border-default\">\r\n\t\t\t<span class=\"toggle-label text-color-muted\">Success</span>\r\n\t\t\t{#each toggleOptions as option}\r\n\t\t\t\t{@const isActive = dataVariant === option.value}\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tclass=\"toggle-btn {isActive ? 'active bg-surface-secondary text-color-primary font-medium' : 'text-color-tertiary hover:bg-surface-secondary hover:text-color-secondary'}\"\r\n\t\t\t\t\tonclick={() => { dataVariant = option.value; }}\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"w-1.5 h-1.5 rounded-full {option.color} shrink-0\"></span>\r\n\t\t\t\t\t{option.label}\r\n\t\t\t\t</button>\r\n\t\t\t{/each}\r\n\t\t</div>\r\n\t{/if}\r\n\r\n\t<div class=\"max-w-6xl mx-auto px-4 py-6 md:px-6 md:py-8\">\r\n\r\n\t\t<!-- ============================================== -->\r\n\t\t<!-- DESKTOP: Two-column layout (1fr 360px) -->\r\n\t\t<!-- ============================================== -->\r\n\t\t<div class=\"hidden md:grid gap-8 items-start success-split-grid\">\r\n\r\n\t\t\t<!-- LEFT COLUMN: Confirmation card -->\r\n\t\t\t<SuccessTicket\r\n\t\t\t\tevent={current.event}\r\n\t\t\t\torderId={current.orderId}\r\n\t\t\t\t{orderTotals}\r\n\t\t\t\tcustomerEmail={current.customerEmail}\r\n\t\t\t\t{showCheckmark}\r\n\t\t\t\t{showContent}\r\n\t\t\t\tlabels={mergedLabels}\r\n\t\t\t/>\r\n\r\n\t\t\t<!-- RIGHT COLUMN: Sticky sidebar with event info + actions -->\r\n\t\t\t<div class=\"sticky top-6\">\r\n\t\t\t\t<SuccessActions\r\n\t\t\t\t\tevent={current.event}\r\n\t\t\t\t\torderId={current.orderId}\r\n\t\t\t\t\t{eventUrl}\r\n\t\t\t\t\t{showContent}\r\n\t\t\t\t\tlabels={mergedLabels}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- ============================================== -->\r\n\t\t<!-- MOBILE: Single column -->\r\n\t\t<!-- ============================================== -->\r\n\t\t<div class=\"md:hidden space-y-6\">\r\n\t\t\t<SuccessTicket\r\n\t\t\t\tevent={current.event}\r\n\t\t\t\torderId={current.orderId}\r\n\t\t\t\t{orderTotals}\r\n\t\t\t\tcustomerEmail={current.customerEmail}\r\n\t\t\t\t{showCheckmark}\r\n\t\t\t\t{showContent}\r\n\t\t\t\tlabels={mergedLabels}\r\n\t\t\t/>\r\n\r\n\t\t\t<SuccessActions\r\n\t\t\t\tevent={current.event}\r\n\t\t\t\torderId={current.orderId}\r\n\t\t\t\t{eventUrl}\r\n\t\t\t\t{showContent}\r\n\t\t\t\tlabels={mergedLabels}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<style>\r\n\t/* @tokens-px-escape: 360px is a structural sidebar column width with no token equivalent; CSS grid-template-columns cannot use Tailwind spacing classes /\r\n\t.success-split-grid {\r\n\t\tgrid-template-columns: 1fr 360px;\r\n\t}\r\n\r\n\t/ DataToggle bar */\r\n\t.toggle-bar {\r\n\t\tposition: sticky;\r\n\t\ttop: 0;\r\n\t\tz-index: var(--z-dropdown);\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.25rem;\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\t\toverflow-x: auto;\r\n\t\tborder-bottom-width: 1px;\r\n\t\tborder-bottom-style: solid;\r\n\t}\r\n\r\n\t.toggle-label {\r\n\t\tpadding-left: 0.375rem;\r\n\t\tpadding-right: 0.375rem;\r\n\t\tflex-shrink: 0;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: 0.05em;\r\n\t\tfont-size: 0.625rem;\r\n\t}\r\n\r\n\t.toggle-btn {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.375rem;\r\n\t\tpadding: 0.25rem 0.5rem;\r\n\t\tborder-radius: 0.375rem;\r\n\t\tfont-size: 0.75rem;\r\n\t\tline-height: 1rem;\r\n\t\twhite-space: nowrap;\r\n\t\ttransition-property: all;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n</style>\r\n","<script module>\r\n\timport { createLogger, asTicketId } from '@getmicdrop/svelte-components';\r\n\tconst logger = createLogger('Success');\r\n</script>\r\n\r\n<script lang=\"ts\">\r\n\timport { onMount } from 'svelte';\r\n\timport { getOrder, clearCheckoutCookies, removeCookie } from '$lib/utils/utils.js';\r\n\timport { transformApiEvent } from '$lib/premium-ticket-experience/transform';\r\n\timport SuccessMain from '$lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessMain.svelte';\r\n\timport type { SuccessData, OrderLine } from '$lib/premium-ticket-experience/types';\r\n\r\n\t// --- Legacy fallback ---\r\n\tlet useLegacy = $state(false);\r\n\tlet LegacyComponent: any = $state(null);\r\n\r\n\tif (typeof window !== 'undefined') {\r\n\t\tconst params = new URLSearchParams(window.location.search);\r\n\t\tif (params.get('legacy') === '1') {\r\n\t\t\tuseLegacy = true;\r\n\t\t}\r\n\t}\r\n\r\n\t$effect(() => {\r\n\t\tif (useLegacy && !LegacyComponent) {\r\n\t\t\tlogger.warn(\r\n\t\t\t\t'[VC] DEPRECATED: ?legacy=1 fallback for Success retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md.'\r\n\t\t\t);\r\n\t\t\timport('./Success.legacy.svelte').then((m) => {\r\n\t\t\t\tLegacyComponent = m.default;\r\n\t\t\t}).catch(() => {\r\n\t\t\t\tuseLegacy = false;\r\n\t\t\t});\r\n\t\t}\r\n\t});\r\n\r\n\t// --- Props ---\r\n\tinterface Props {\r\n\t\tdata?: any;\r\n\t\tbrowseUrl?: string;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tdata = {},\r\n\t\tbrowseUrl = '/',\r\n\t\tlabels = {},\r\n\t}: Props = $props();\r\n\r\n\t// --- State ---\r\n\tlet successData = $state<SuccessData \| null>(null);\r\n\tlet eventUrl = $state('');\r\n\tlet loadError = $state<string \| null>(null);\r\n\tlet loading = $state(true);\r\n\r\n\tonMount(async () => {\r\n\t\tconst {\r\n\t\t\tid,\r\n\t\t\tslug,\r\n\t\t\tevent: rawEvent,\r\n\t\t\torderId: paramOrderId,\r\n\t\t\torderUuid: paramOrderUuid,\r\n\t\t\tcustomerEmail: paramEmail,\r\n\t\t\tticketCount: paramTicketCount,\r\n\t\t} = data \|\| {};\r\n\r\n\t\t// Build event URL\r\n\t\teventUrl = `${window.location.origin}/e/${id}-${slug}`;\r\n\r\n\t\t// Transform event data\r\n\t\tlet eventData;\r\n\t\ttry {\r\n\t\t\teventData = transformApiEvent(rawEvent);\r\n\t\t} catch (e) {\r\n\t\t\tlogger.warn('Success: transformApiEvent failed:', e);\r\n\t\t\tloadError = labels.failedToLoadEventData \|\| 'Failed to load event data.';\r\n\t\t\tloading = false;\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Fetch order data\r\n\t\tlet resolvedOrderId = paramOrderId \|\| '';\r\n\t\tlet resolvedEmail = paramEmail \|\| '';\r\n\t\tlet orderLines: OrderLine[] = [];\r\n\t\tlet serverTotals: any = null;\r\n\r\n\t\tif (resolvedOrderId) {\r\n\t\t\ttry {\r\n\t\t\t\tconst order = await getOrder(resolvedOrderId);\r\n\t\t\t\tif (order) {\r\n\t\t\t\t\t// Extract email\r\n\t\t\t\t\tresolvedEmail = order.customerEmail \|\| resolvedEmail;\r\n\t\t\t\t\t// Map purchased tickets to OrderLine[] by grouping by ticketTypeId + ticketName\r\n\t\t\t\t\tconst tickets = order.purchasedTickets \|\| order.tickets \|\| [];\r\n\t\t\t\t\tconst grouped = new Map<string, OrderLine>();\r\n\r\n\t\t\t\t\tfor (const ticket of tickets) {\r\n\t\t\t\t\t\tconst key = `${ticket.ticketTypeId \|\| ticket.ticketId \|\| 0}-${ticket.ticketName \|\| ticket.name \|\| ''}`;\r\n\t\t\t\t\t\tconst existing = grouped.get(key);\r\n\t\t\t\t\t\tif (existing) {\r\n\t\t\t\t\t\t\texisting.quantity += 1;\r\n\t\t\t\t\t\t\texisting.subtotal += (ticket.purchasePrice \|\| ticket.price \|\| 0);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tgrouped.set(key, {\r\n\t\t\t\t\t\t\t\tticketId: ticket.ticketTypeId \|\| ticket.ticketId \|\| 0,\r\n\t\t\t\t\t\t\t\tticketName: ticket.ticketName \|\| ticket.name \|\| labels.ticketFallbackName \|\| 'Ticket',\r\n\t\t\t\t\t\t\t\tquantity: 1,\r\n\t\t\t\t\t\t\t\tunitPrice: ticket.purchasePrice \|\| ticket.price \|\| 0,\r\n\t\t\t\t\t\t\t\tfee: 0,\r\n\t\t\t\t\t\t\t\tsubtotal: ticket.purchasePrice \|\| ticket.price \|\| 0,\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\torderLines = Array.from(grouped.values());\r\n\r\n\t\t\t\t\t// Capture the persisted, server-authoritative totals. These\r\n\t\t\t\t\t// match the actual Stripe charge (totalPrice = basePrice +\r\n\t\t\t\t\t// tax + surcharge) — don't let SuccessMain recompute from\r\n\t\t\t\t\t// lines, which would drop the tax + service fee.\r\n\t\t\t\t\tif (typeof order.totalPrice === 'number') {\r\n\t\t\t\t\t\tserverTotals = {\r\n\t\t\t\t\t\t\tsubtotal: order.basePrice ?? 0,\r\n\t\t\t\t\t\t\tfees: order.surcharge ?? 0,\r\n\t\t\t\t\t\t\ttaxes: order.tax ?? 0,\r\n\t\t\t\t\t\t\ttotal: order.totalPrice,\r\n\t\t\t\t\t\t\tpromoDiscount: order.promoCodeStoredDiscountAmount ?? 0,\r\n\t\t\t\t\t\t\tgiftCardAmount: order.giftCardPaymentAmount ?? 0,\r\n\t\t\t\t\t\t\tstripeAmount: order.totalPrice - (order.giftCardPaymentAmount ?? 0),\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} catch (e) {\r\n\t\t\t\tlogger.warn('Success: getOrder failed, using route params:', e);\r\n\t\t\t\t// Graceful degradation -- continue with whatever data we have\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// If no order lines from API, build a placeholder from route params\r\n\t\tif (orderLines.length === 0 && paramTicketCount > 0) {\r\n\t\t\torderLines = [{\r\n\t\t\t\t// eslint-disable-next-line micdrop/boundary-only-as-cast -- fallback placeholder: no real ticketId available\r\n\t\t\t\tticketId: asTicketId(0),\r\n\t\t\t\tticketName: labels.ticketFallbackName \|\| 'Ticket',\r\n\t\t\t\tquantity: paramTicketCount,\r\n\t\t\t\tunitPrice: 0,\r\n\t\t\t\tfee: 0,\r\n\t\t\t\tsubtotal: 0,\r\n\t\t\t}];\r\n\t\t}\r\n\r\n\t\t// Build SuccessData\r\n\t\tsuccessData = {\r\n\t\t\tevent: eventData,\r\n\t\t\torderId: String(resolvedOrderId),\r\n\t\t\tlines: orderLines,\r\n\t\t\tcustomerEmail: resolvedEmail,\r\n\t\t\t...(serverTotals ? { serverTotals } : {}),\r\n\t\t};\r\n\r\n\t\t// Clear checkout cookies AFTER data is loaded (Pitfall 4)\r\n\t\tclearCheckoutCookies(String(id));\r\n\t\tremoveCookie('checkout-cartid');\r\n\r\n\t\tloading = false;\r\n\t});\r\n</script>\r\n\r\n{#if useLegacy && LegacyComponent}\r\n\t<LegacyComponent\r\n\t\t{data}\r\n\t\t{browseUrl}\r\n\t/>\r\n{:else if loadError}\r\n\t<div class=\"flex flex-col items-center justify-center py-24 text-center gap-4 error-container\">\r\n\t\t<p>{loadError}</p>\r\n\t</div>\r\n{:else if loading \|\| !successData}\r\n\t<div class=\"flex items-center justify-center py-24 text-center loading-container\">\r\n\t\t<p>{labels.loadingYourOrder \|\| 'Loading your order'}</p>\r\n\t</div>\r\n{:else}\r\n\t<SuccessMain data={successData} {eventUrl} />\r\n{/if}\r\n\r\n<style>\r\n\t.loading-container {\r\n\t\tcolor: hsl(var(--text-secondary, 215 16% 47%));\r\n\t}\r\n\r\n\t.error-container p {\r\n\t\tcolor: hsl(var(--status-sold-out, 0 72% 51%));\r\n\t}\r\n</style>\r\n"],"names":["labels","$","$$props","ticketCount","sum","l","headingText","Card","$$anchor","div","root_1","div_1","div_2","div_3","svg","div_4","div_5","Heading","node","Text","node_1","node_2","div_6","OrderSummary","node_3","div_7","node_4","div_8","Email","node_6","classes","classes_1","classes_2","calendarOpen","toggleCalendar","onMount","handleClickOutside","e","googleCalendarUrl","startDate","endDate","formatForGoogle","date","fullLocation","downloadICS","formatForICS","uid","now","escapeICS","str","icsContent","blob","url","link","safeFilename","handleGoogleCalendar","shareEvent","shareData","err","fallbackShare","toast","handleAppleWallet","handleGoogleWallet","directionsUrl","locationParts","handleBackToEvent","root","fragment","img","Calendar","formatEventTime","$$render","consequent","formatBrowseDate","node_5","text_3","button","img_1","button_1","img_2","img_3","Button","ChevronDown","node_8","root_7","a","button_2","Apple","consequent_1","node_11","Share","LocationFilled","consequent_2","div_9","button_3","ArrowLeft","a_1","fragment_9","Help","consequent_3","dataVariant","toggleOptions","dataProp","eventUrlProp","mergedLabels","mergeLabels","isShowcaseMode","variantData","mockEvent","asTicketId","mockFreeEvent","mockRegistrationEvent","mockDonationEvent","current","orderTotals","lines","subtotal","fees","taxes","calculateTax","eventUrl","showCheckmark","showContent","reducedMotion","runAnimations","option","isActive","root_2","span","text","SuccessTicket","SuccessActions","logger","createLogger","useLegacy","LegacyComponent","m","data","browseUrl","successData","loadError","loading","id","slug","rawEvent","paramOrderId","paramOrderUuid","paramEmail","paramTicketCount","eventData","transformApiEvent","resolvedOrderId","resolvedEmail","orderLines","serverTotals","order","getOrder","tickets","grouped","ticket","key","existing","clearCheckoutCookies","removeCookie","LegacyComponent_1","p","root_3","p_1","SuccessMain","alternate"],"mappings":";;;;;;;;;;;;kBAAA;;MAiB0EA,IAAMC,EAAA,KAAAC,GAAA,UAAA,IAAA,OAAA,CAAA,EAAA,GAG3EC,IAAWF,EAAA,QAAA,MAAAC,EAAA,YAAwB,MAAM,QAAQE,GAAKC,MAAMD,IAAMC,EAAE,UAAU,CAAC,CAAA,GAE/EC,4BACG,sBAAuBN,EAAM,EAAC,mBAAmB,uBAAyBA,EAAM,EAAC,WAAW,YAAY;AAK/GO,EAAAA,GAAIC,GAAA;AAAA;aAAiB;AAAA;;UACpBC,IAAGC,GAAA,GAEFC,YAFDF,CAAG,GAGDG,YADDD,CAAG,GAGDE,YAFDD,CAAG;;AAKF,UAAAE,cAHAD,GAAG,CAAA;;cAFJD,CAAG,WADJD,CAAG;AAeH,UAAAI,cAfAJ,GAAG,CAAA;;AAiBF,UAAAK,YAFDD,CAAG,eAEFC,CAAG;AACF,MAAAC,GAAOC,GAAA;AAAA,eAAQ;AAAA;;;;;;sDACdZ,CAAW,CAAA,CAAA;;;;;AAEZ,MAAAa,EAAIC,GAAA;AAAA;;;;;wDACG,KAAK,CAAA;;;;;AAEZ,MAAAD,EAAIE,GAAA;AAAA;;;;;;yDACHlB,CAAW,KAAA,EAAA,KAAAF,EAAA,IAAGE,CAAW,MAAK,IAAKH,EAAM,EAAC,UAAU,WAAaA,EAAM,EAAC,WAAW,cAAS,EAAA,YAAA,CAAA;;;kBAR9FgB,CAAG;AAaH,UAAAM,cAbAN,GAAG,CAAA,eAaHM,CAAG;AACF,MAAAC,GAAYC,GAAA;AAAA;;;;iBACZxB,EAAM;AAAA;kBAFPsB,CAAG;AAMH,UAAAG,cANAH,GAAG,CAAA,eAMHG,CAAG;AACF,MAAAN,EAAIO,GAAA;AAAA;;;;;;;;kBADLD,CAAG;AAKH,UAAAE,cALAF,GAAG,CAAA,eAKHE,CAAG;AACF,MAAAC,cAAY,IAAE,OAAA,6BAAA;;AACd,MAAAT,EAAIU,GAAA;AAAA;;;;;oDACH7B,EAAM,EAAC,sBAAsB,2BAAsB,EAAA,IAAAE,EAAA,iBAAA,EAAA,EAAA,CAAA;;;kBAHrDyB,CAAG,WA1BJZ,CAAG,WAjBJN,CAAG;wBAKAI,GAAG,GAAA,oCAAA,MAAAiB,GAAA,EAAA,YAAA5B,EAAA,cAAA,CAAA,mBAGHY,GAAG,GAAA,+BAAA,MAAAiB,GAAA,EAAA,QAAA7B,EAAA,cAAA,CAAA,mBASLa,GAAG,GAAA,iCAAA,MAAAiB,GAAA,EAAA,SAAA9B,EAAA,YAAA,CAAA;AAAA,sBAjBJO,CAAG;AAAA;;;AAHG;;kBC1BR;;MAwB8CT,IAAMC,EAAA,KAAAC,GAAA,UAAA,IAAA,OAAA,CAAA,EAAA,GAG/C+B,IAAehC,EAAA,MAAO,EAAK;AAEtB,WAAAiC,IAAiB;AACzB,IAAAjC,EAAA,IAAAgC,UAAgBA,CAAY,CAAA;AAAA,EAC7B;AAGA,EAAAE,QAAc;aACJC,EAAmBC,GAAe;AAErC,MADUA,EAAE,OACL,QAAQ,oBAAoB,KACvCpC,EAAA,IAAAgC,GAAe,EAAK;AAAA,IAEtB;AACA,oBAAS,iBAAiB,SAASG,CAAkB,GACxC,MAAA,SAAS,oBAAoB,SAASA,CAAkB;AAAA,EACtE,CAAC;AAGG,MAAAE,2BAAoC;UACjCC,IAAS,IAAO,KAAIrC,EAAA,MAAO,aAAa,GACxCsC,YAAgB,cACf,IAAA,aAAW,WAAW,QACtB,KAAKD,EAAU,QAAO,IAAK,OAAc,GAAI,GAE9CE,IAAe,CAAIC,MACjBA,EAAK,YAAW,EAAG,QAAQ,SAAS,EAAE,EAAE,QAAQ,WAAW,EAAE,GAI/DC,IADa,CAAAzC,EAAA,MAAU,MAAM,MAAIA,EAAA,MAAQ,MAAM,OAAO,EAAE,OAAO,OAAO,EACzC,KAAK,IAAI;AAUU,WAAA,mDARnC,gBAAe;AAAA,MACjC,QAAQ;AAAA,MACR,cAAY;AAAA,MACZ,UAAUuC,EAAgBF,CAAS,CAAA,IAAKE,EAAgBD,CAAO,CAAA;AAAA,MAC/D,UAAUG;AAAA,MACV,SAAO,UAAAzC,EAAA,QAAA;AAAA;AAAA,uBAAAA,EAAA,OAAA;AAAA,OAGqD,SAAQ,CAAA;AAAA,EACtE,IAAC;AAGQ,WAAA0C,IAAc;UAChBL,IAAS,IAAO,KAAIrC,EAAA,MAAO,aAAa,GACxCsC,YAAgB,cACf,IAAA,aAAW,WAAW,QACtB,KAAKD,EAAU,QAAO,IAAK,OAAc,GAAI,GAE9CM,IAAY,CAAIH,MACdA,EAAK,YAAW,EAAG,QAAQ,SAAS,EAAE,EAAE,QAAQ,WAAW,EAAE,GAG/DI,wCAAsC,EAAE,gBACxCC,IAAMF,EAAY,oBAAK,MAAI,GAE3BF,IADa,CAAAzC,EAAA,MAAU,MAAM,MAAIA,EAAA,MAAQ,MAAM,OAAO,EAAE,OAAO,OAAO,EACzC,KAAK,IAAI,GAEtC8C,IAAS,CAAIC,MACbA,IACEA,EAAI,QAAQ,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAK,EAAE,QAAQ,MAAM,KAAK,EAAE,QAAQ,OAAO,KAAK,IAD/E,IAIZC,IAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMZJ,CAAG;AAAA,UACCC,CAAG;AAAA,UACHF,EAAaN,CAAS,CAAA;AAAA,QACxBM,EAAaL,CAAO,CAAA;AAAA,UAClBQ,UAAgB,KAAK,CAAA;AAAA,WACpBA,EAAUL,CAAY,CAAA;AAAA,cACnBK,EAAS,UAAA9C,EAAA,OAAA;AAAA;AAAA,cAAAA,EAAA,QAAA,EAAA,CAAA;AAAA;;;gBAMfiD,QAAW,KAAI,CAAED,CAAU,GAAA,EAAK,MAAM,+BAA6B,GACnEE,IAAM,IAAI,gBAAgBD,CAAI,GAC9BE,IAAO,SAAS,cAAc,GAAG;AACvC,IAAAA,EAAK,OAAOD;AACN,UAAAE,KAAYpD,EAAA,MAAU,SAAS,SAAS,QAAQ,oBAAoB,EAAE,EAAE,QAAQ,QAAQ,GAAG;AACjG,IAAAmD,EAAK,WAAQ,GAAMC,CAAY,QAC/B,SAAS,KAAK,YAAYD,CAAI,GAC9BA,EAAK,MAAK,GACV,SAAS,KAAK,YAAYA,CAAI,GAC9B,IAAI,gBAAgBD,CAAG,GAEvBnD,EAAA,IAAAgC,GAAe,EAAK;AAAA,EACrB;AAES,WAAAsB,IAAuB;AAC/B,IAAAtD,EAAA,IAAAgC,GAAe,EAAK;AAAA,EACrB;AAGe,iBAAAuB,IAAa;AACrB,UAAAC,MAAc,KAAGvD,EAAA,SAAA;QAEnB,UAAU;UACT;cACG,UAAU,MAAMuD,CAAS;AAAA,MAChC,SAASC,GAAc;QAClBA,aAAe,SAASA,EAAI,SAAS,gBACxCC,EAAa;AAAA,MAEf;AAAA;AAEA,MAAAA,EAAa;AAAA,EAEf;AAES,WAAAA,IAAgB;AACxB,cAAU,UAAU,UAASzD,EAAA,QAAA,EAAW,WAAW;AAClD,MAAA0D,EAAM,QAAQ5D,IAAO,cAAc,2BAA2B;AAAA,IAC/D,CAAC,EAAE,MAAK,MAAO;AACd,MAAA4D,EAAM,MAAM5D,EAAM,EAAC,YAAY,oDAAiDE,EAAA,QAAA;AAAA,IACjF,CAAC;AAAA,EACF;AAGS,WAAA2D,IAAoB;AAC5B,IAAAD,EAAM,KAAK,4BAA0B;AAAA,MACpC,aAAa;AAAA;EAEf;AAES,WAAAE,IAAqB;AAC7B,IAAAF,EAAM,KAAK,6BAA2B;AAAA,MACrC,aAAa;AAAA;EAEf;AAGI,MAAAG,2BAAgC;UAC7BC,IAAa,CAAA9D,EAAA,MAAU,MAAM,MAAIA,EAAA,MAAQ,MAAM,OAAO,EAAE,OAAO,OAAO;8DAC9D,mBAAmB8D,EAAc,KAAK,IAAI,CAAA,CACO;AAAA,EAChE,IAAC;AAGQ,WAAAC,IAAoB;AAC5B,WAAO,SAAS,OAAI/D,EAAA;AAAA,EACrB;MAOAO,IAAGyD,GAAA;;kBAAHzD,CAAG;AACFF,EAAAA,GAAIW,GAAA;AAAA;aAAiB;AAAA;;oBAEpBP,IAAGV,EAAA,YAAAkE,CAAA,GACFC,YADDzD,CAAG;cAAHA,CAAG;AAQH,UAAAC,cARAD,GAAG,CAAA,GAUFE,YAFDD,CAAG,eAEFC,CAAG;AACF,MAAAM,EAAIC,GAAA;AAAA;;;;;wDACG,KAAK,CAAA;;;;UAEZL,IAAGd,EAAA,QAAAmB,GAAA,CAAA,eAAHL,CAAG;AACF,MAAAsD,cAAe,IAAE,OAAA,uBAAA;;AACjB,MAAAlD,EAAIK,GAAA;AAAA;;;;;;;;;sBAGO8C,GAAepE,EAAA,MAAO,eAAaA,EAAA,MAAQ,QAAQ;AAAA;;;AADnD,cAAAA,EAAA,MAAA,qBAAqB,MAAKqE,EAAAC,CAAA;AAAA;;;kBADpCC,GAAgBvE,EAAA,MAAO,eAAaA,EAAA,MAAQ,QAAQ;AAAA;;;kBAHtDa,CAAG;wBAAHA,GAAG,CAAA;AASH,MAAAI,EAAIuD,GAAA;AAAA;;;;;;AACG,UAAAzE,EAAA,gBAAA,MAAAA,EAAA,SAAA0E,GAAAzE,EAAA,MAAA,MAAM,IAAI,CAAA;;;kBAdlBW,CAAG;AAmBH,UAAAG,cAnBAH,GAAG,CAAA,GAoBF+D,YADD5D,CAAG,GAED6D,YADDD,CAAM;cAANA,CAAM;AAON,UAAAE,cAPAF,GAAM,CAAA,GAQLG,YADDD,CAAM,GAMLE,cALAD,GAAG,CAAA;cADJD,CAAM,WARP9D,CAAG;AA0BH,UAAAM,cA1BAN,GAAG,CAAA,eA0BHM,CAAG;AACF,MAAA2D,EAAMpD,GAAA;AAAA;;;iBAIGK;AAAA;;AAER,UAAAmC,cAAe,GAAE,CAAA;;;0CAE0CpC,CAAY,IAAG,eAAe,EAAE;AAA3F,YAAAiD,GAAWC,GAAA;AAAA,oBAAO;AAAA;;;;;qDADlBnF,EAAM,EAAC,iBAAiB,sBAAiB,EAAA,GAAA,CAAA;;;;;;;cAKzCyB,IAAG2D,GAAA,GACFC,YADD5D,CAAG,yBACF4D,CAAC,CAAA;kBAADA,CAAC;AAeD,cAAAC,cAfAD,GAAC,CAAA,eAeDC,CAAM;AACL,UAAAC,cAAY,IAAE,OAAA,YAAA;;kBADfD,CAAM,WAhBP7D,CAAG;AACF,YAAAxB,EAAA,cAAAoF,iBACM/C,CAAiB,CAAA,sBAYtBtC,EAAM,EAAC,kBAAkB,sBAAiB,EAAA,EAAA,sBAI1CA,EAAM,EAAC,iBAAiB,4BAAuB,EAAA,EAAA;AAAA,cAjBhDC,EAAA,UAAA,SAAAoF,GAKS9B,CAAoB,GAU7BtD,EAAA,UAAA,SAAAqF,GAAkG1C,CAAW,eAhB9GnB,CAAG;AAAA;;gBADAQ,CAAY,KAAAsC,EAAAiB,EAAA;AAAA;;cAZjBlE,CAAG;AAsCH,UAAAK,cAtCAL,GAAG,CAAA,eAsCHK,CAAG;AACF,MAAAsD,EAAMQ,GAAA;AAAA;;;iBAAqDjC;AAAA;;AAC1D,UAAAkC,cAAY,GAAE,CAAA;;qDACd1F,EAAM,EAAC,SAAS,YAAO,EAAA,EAAA,CAAA;;;;;;;AAIvB,UAAAiF,EAAMzE,GAAA;AAAA;;;;2BAIAuD,CAAa;AAAA;;;;AAGlB,cAAA4B,cAAqB,GAAE,CAAA;;yDACvB3F,EAAM,EAAC,OAAO,UAAK,EAAA,EAAA,CAAA;;;;;;AATX,UAAAE,EAAA,MAAA,MAAM,WAAOqE,EAAAqB,EAAA;AAAA;;cANxBjE,CAAG;AAqBH,UAAAkE,eArBAlE,GAAG,CAAA,GAsBFmE,YADDD,EAAG,gBACFC,CAAM;AACL,MAAAC,eAAgB,IAAE,OAAA,YAAA;;cADnBD,CAAM;yBAANA,GAAM,CAAA;;;wBAOLE,IAAC/F,EAAA,QAAAA,EAAA,YAAAgG,CAAA,GAAA,CAAA,eAADD,CAAC;AAIA,UAAAE,cAAW,IAAE,OAAA,YAAA;;kBAJdF,CAAC;4BAADA,GAAC,QAAA,UAAA9F,EAAA,MACmB,MAAM,gBAAY,EAAA,4BAAAA,EAAA,WAAA,EAAA,EAAA,sBAIrCF,EAAM,EAAC,YAAY,iBAAY,EAAA,EAAA;AAAA;;;AAPvB,UAAAE,EAAA,MAAA,MAAM,gBAAYqE,EAAA4B,EAAA;AAAA;;cAN7BN,EAAG,WA1GJjF,CAAG;AAPF,QAAAX,EAAA,cAAAmE,kBACW,QAAQ,GADnBnE,EAAA,cAAAmE,kBAEW,KAAK,GA4BdnE,EAAA,cAAA4E,GAAG,OAEE7E,EAAM,EAAC,oBAAoB,qBAAqB,GAKrDC,EAAA,cAAA8E,GAAG,OAEE/E,EAAM,EAAC,sBAAsB,uBAAuB,GAGzDC,EAAA,cAAA+E,GAAG,OAEEhF,EAAM,EAAC,sBAAsB,uBAAuB,uBAwEzDA,EAAM,EAAC,eAAe,oBAAe,EAAA,EAAA;AAAA,UAvFtCC,EAAA,UAAA,SAAA2E,GAAuDf,CAAiB,GAOxE5D,EAAA,UAAA,SAAA6E,GAAuDhB,CAAkB,GA8EzE7D,EAAA,UAAA,SAAA6F,GAA4F7B,CAAiB;;;cAtHjHxD,CAAG,2CAAHA,GAAG,GAAA,iCAAA,MAAAqB,GAAA,EAAA,SAAA5B,EAAA,YAAA,CAAA,CAAA,eAAHO,CAAG;AANI;;;kBChLR;;MAkBK2F,IAAcnG,EAAA,MAAuB,SAAS;QAE5CoG,IAAwE;AAAA;MAC3E,OAAO;AAAA,MAAW,OAAO;AAAA,MAAY,OAAO;AAAA;MAC5C,OAAO,QAAQ,OAAO,QAAQ,OAAO,aAAY;AAAA;MACjD,OAAO;AAAA,MAAgB,OAAO;AAAA,MAAgB,OAAO;AAAA;;MACrD,OAAO;AAAA,MAAY,OAAO;AAAA,MAAY,OAAO;AAAA;;AAazC,MAAAC,yBAAW,MAAS,GAChBC,6BAAe,MAAS,GAClCvG,IAAMC,EAAA,KAAAC,GAAA,UAAA,IAAA,OAAA,CAAA,EAAA;QAGDsG,IAAYvG,EAAA,QAAA,MAAYwG,GAAYzG,EAAM,CAAA,CAAA;AAE5C,MAAA0G,qBAA2BJ,EAAQ,CAAA;QAGjCK,IAAgD;AAAA,IACrD,SAAO;AAAA,MACN,OAAOC;AAAA,MACP,SAAS;AAAA,MACT,OAAK;AAAA;AAAA;UAEF,UAAUC,EAAW,GAAG;AAAA,UAAG,YAAY;AAAA,UAAqB,UAAU;AAAA,UAAG,WAAW;AAAA,UAAI,KAAK;AAAA,UAAK,UAAU;AAAA;;;UAE5G,UAAUA,EAAW,GAAG;AAAA,UAAG,YAAY;AAAA,UAAiB,UAAU;AAAA,UAAG,WAAW;AAAA,UAAI,KAAK;AAAA,UAAK,UAAU;AAAA;;MAE3G,eAAe;AAAA;IAEhB,MAAI;AAAA,MACH,OAAOC;AAAA,MACP,SAAS;AAAA,MACT,OAAK;AAAA;AAAA;UAEF,UAAUD,EAAW,GAAG;AAAA,UAAG,YAAY;AAAA,UAAc,UAAU;AAAA,UAAG,WAAW;AAAA,UAAG,KAAK;AAAA,UAAG,UAAU;AAAA;;MAErG,eAAe;AAAA;IAEhB,cAAY;AAAA,MACX,OAAOE;AAAA,MACP,SAAS;AAAA,MACT,OAAK;AAAA;AAAA;UAEF,UAAUF,EAAW,GAAG;AAAA,UAAG,YAAY;AAAA,UAAiB,UAAU;AAAA,UAAG,WAAW;AAAA,UAAI,KAAK;AAAA,UAAK,UAAU;AAAA;;MAE3G,eAAe;AAAA;IAEhB,UAAQ;AAAA,MACP,OAAOG;AAAA,MACP,SAAS;AAAA,MACT,OAAK;AAAA;AAAA;UAEF,UAAUH,EAAW,GAAG;AAAA,UAAG,YAAY;AAAA,UAAY,UAAU;AAAA,UAAG,WAAW;AAAA,UAAI,KAAK;AAAA,UAAG,UAAU;AAAA;;;UAEjG,UAAUA,EAAW,GAAG;AAAA,UAAG,YAAY;AAAA,UAAsB,UAAU;AAAA,UAAG,WAAW;AAAA,UAAI,KAAK;AAAA,UAAG,UAAU;AAAA;;MAE9G,eAAe;AAAA;;AAIb,MAAAI,0BAAgCP,CAAc,IAAGC,EAAW1G,EAAA,IAACmG,CAAW,KAAIE,EAAQ,CAAA,GAKpFY,2BAA2C;UACxCC,IAAKlH,EAAA,IAAGgH,CAAO,EAAC;cAClBA,CAAO,EAAC;;QAEV,OAAAE;AAAA,QACA,UAAQlH,EAAA,IAAEgH,CAAO,EAAC,aAAa;AAAA,QAC/B,MAAIhH,EAAA,IAAEgH,CAAO,EAAC,aAAa;AAAA,QAC3B,OAAKhH,EAAA,IAAEgH,CAAO,EAAC,aAAa;AAAA,QAC5B,OAAKhH,EAAA,IAAEgH,CAAO,EAAC,aAAa;AAAA,QAC5B,eAAahH,EAAA,IAAEgH,CAAO,EAAC,aAAa;AAAA,QACpC,gBAAchH,EAAA,IAAEgH,CAAO,EAAC,aAAa;AAAA;AAGjC,UAAAG,IAAWD,EAAM,QAAQ/G,GAAKC,MAAMD,IAAMC,EAAE,UAAU,CAAC,GACvDgH,IAAOF,EAAM,OAAM,CAAE/G,GAAKC,MAAMD,IAAMC,EAAE,MAAMA,EAAE,UAAU,CAAC,GAC3DiH,IAAQC,GAAaH,IAAWC,GAAIpH,EAAA,IAAEgH,CAAO,EAAC,MAAM,MAAM,aAAa;;MAE5E,OAAAE;AAAA,MACA,UAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,OAAOF,IAAWC,IAAOC;AAAA,MACzB,eAAe;AAAA,MACf,gBAAgB;AAAA;EAElB,IAAC,GAEGE,0BACHd,CAAc,WAED,SAAW,MAAoB,MAChC,GAAA,OAAO,SAAS,MAAM,YAAMO,CAAO,EAAC,MAAM,EAAE,IAAAhH,EAAA,IAAIgH,CAAO,EAAC,MAAM,IAAI,KAE1EV,EAAY,KAAI,GAAG,GAIpBkB,IAAgBxH,EAAA,MAAO,EAAK,GAC5ByH,IAAczH,EAAA,MAAO,EAAK,GAC1B0H,IAAgB1H,EAAA,MAAO,EAAK;AAEvB,WAAA2H,IAAgB;AACpB,QAAA3H,EAAA,IAAA0H,CAAa,GAAE;AAClB,MAAA1H,EAAA,IAAAwH,GAAgB,EAAI,GACpBxH,EAAA,IAAAyH,GAAc,EAAI;;IAEnB;AACA,IAAAzH,EAAA,IAAAwH,GAAgB,EAAK,GACrBxH,EAAA,IAAAyH,GAAc,EAAK,GACnB;AAAA,YAAiB;AAAE,QAAAzH,EAAA,IAAAwH,GAAgB,EAAI;AAAA,MAAE;AAAA,MAAG;AAAA,OAC5C;AAAA,YAAiB;AAAE,QAAAxH,EAAA,IAAAyH,GAAc,EAAI;AAAA,MAAE;AAAA,MAAG;AAAA;EAC3C;AAEA,EAAAzH,EAAA,kBAAc;UACRyG,CAAc,YACRN,CAAW,GACtBwB,EAAa;AAAA,EACd,CAAC,GAEDzF,QAAc;AACb,IAAAlC,EAAA,IAAA0H,GAAgB,OAAO,WAAW,kCAAkC,EAAE,SAAO,EAAA,GAC7EC,EAAa;AAAA,EACd,CAAC;MAGDnH,IAAGyD,GAAA,eAAHzD,CAAG;;;UAGDE,IAAGD,GAAA,yBAAHC,CAAG,GAAA,CAAA;AAEI,MAAAV,EAAA,KAAAmB,GAAA,IAAA,MAAAiF,gBAAiBwB,MAAM;AACrB,cAAAC,IAAQ7H,EAAA,QAAA,MAAAA,EAAA,IAAGmG,CAAW,MAAAnG,EAAA,IAAK4H,CAAM,EAAC,KAAK;YAC9CjD,IAAMmD,GAAA,GAKLC,YALDpD,CAAM,iBAKLoD,CAAI;gBALLpD,CAAM;;YAANA;AAAA;gCAEmBkD,CAAQ,IAAG,+DAA+D,2EAA2E;AAAA;yBAGvKE,GAAI,GAAA,4BAAA/H,EAAA,IAAkC4H,CAAM,EAAC,SAAK,EAAA,aAAA,eAAA,GAClD5H,EAAA,SAAAgI,GAAA,IAAAhI,EAAA,IAAA4H,CAAM,EAAC,SAAK,EAAA,EAAA;AAAA,YANb5H,EAAA,UAAA,SAAA2E,SAGe;gBAAEwB,GAAWnG,EAAA,IAAG4H,CAAM,EAAC,OAAK,EAAA;AAAA,QAAE,CAAC,eAH9CjD,CAAM;AAAA,kBAJRjE,CAAG,eAAHA,CAAG;AAAA;;YADA+F,CAAc,KAAAnC,EAAAC,CAAA;AAAA;;MAiBlB5D,IAAGX,EAAA,QAAAiB,GAAA,CAAA,GAKFL,YALDD,CAAG,eAKFC,CAAG;AAGF,EAAAqH,GAAa7G,GAAA;AAAA;AACN,aAAApB,EAAA,IAAAgH,CAAO,EAAC;AAAA;;AACN,aAAAhH,EAAA,IAAAgH,CAAO,EAAC;AAAA;;mBAChBC,CAAW;AAAA;;AACG,aAAAjH,EAAA,IAAAgH,CAAO,EAAC;AAAA;;mBACtBQ,CAAa;AAAA;;mBACbC,CAAW;AAAA;;mBACJlB,CAAY;AAAA;;MAIpBzF,IAAGd,EAAA,QAAAoB,GAAA,CAAA,eAAHN,CAAG;AACF,EAAAoH,GAAc3G,GAAA;AAAA;AACP,aAAAvB,EAAA,IAAAgH,CAAO,EAAC;AAAA;;AACN,aAAAhH,EAAA,IAAAgH,CAAO,EAAC;AAAA;;mBAChBO,CAAQ;AAAA;;mBACRE,CAAW;AAAA;;mBACJlB,CAAY;AAAA;cANrBzF,CAAG,WAdJF,CAAG;AA4BH,MAAAG,cA5BAH,GAAG,CAAA,eA4BHG,CAAG;AACF,EAAAkH,GAAaxG,GAAA;AAAA;AACN,aAAAzB,EAAA,IAAAgH,CAAO,EAAC;AAAA;;AACN,aAAAhH,EAAA,IAAAgH,CAAO,EAAC;AAAA;;mBAChBC,CAAW;AAAA;;AACG,aAAAjH,EAAA,IAAAgH,CAAO,EAAC;AAAA;;mBACtBQ,CAAa;AAAA;;mBACbC,CAAW;AAAA;;mBACJlB,CAAY;AAAA;;;AAGpB,EAAA2B,GAAczD,GAAA;AAAA;AACP,aAAAzE,EAAA,IAAAgH,CAAO,EAAC;AAAA;;AACN,aAAAhH,EAAA,IAAAgH,CAAO,EAAC;AAAA;;mBAChBO,CAAQ;AAAA;;mBACRE,CAAW;AAAA;;mBACJlB,CAAY;AAAA;cAhBrBxF,CAAG,WAjCJJ,CAAG,WAnBJH,CAAG,eAAHA,CAAG;AAFI;;MC5JD2H,IAASC,GAAa,SAAS;;kBAGtC;;MAQKC,IAAYrI,EAAA,MAAO,EAAK,GACxBsI,IAAuBtI,EAAA,MAAO,IAAI;SAE3B,SAAW,WACF,gBAAgB,OAAO,SAAS,MAAM,EAC9C,IAAI,QAAQ,MAAM,OAC5BA,EAAA,IAAAqI,GAAY,EAAI,GAIlBrI,EAAA,kBAAc;UACTqI,CAAS,KAAA,CAAArI,EAAA,IAAKsI,CAAe,MAChCH,EAAO,KACN,uGAAuG,GAEjG,OAAA,8BAAyB,EAAE,KAAI,CAAEI,MAAM;YAC7CD,GAAkBC,EAAE,SAAO,EAAA;AAAA,IAC5B,CAAC,EAAE,MAAK,MAAO;AACd,MAAAvI,EAAA,IAAAqI,GAAY,EAAK;AAAA,IAClB,CAAC;AAAA,EAEH,CAAC;MAUAG,IAAIxI,EAAA,KAAAC,GAAA,QAAA,IAAA,OAAA,CAAA,EAAA,GACJwI,8BAAY,GAAG,GACf1I,IAAMC,EAAA,KAAAC,GAAA,UAAA,IAAA,OAAA,CAAA,EAAA,GAIHyI,IAAc1I,EAAA,MAA2B,IAAI,GAC7CuH,IAAWvH,EAAA,MAAO,EAAE,GACpB2I,IAAY3I,EAAA,MAAsB,IAAI,GACtC4I,IAAU5I,EAAA,MAAO,EAAI;AAEzB,EAAAkC,cAAoB;;MAElB,IAAA2G;AAAA,MACA,MAAAC;AAAA,MACA,OAAOC;AAAA,MACP,SAASC;AAAA,MACT,WAAWC;AAAA,MACX,eAAeC;AAAA,MACf,aAAaC;AAAA,QACVX,EAAI,KAAA,CAAA;UAGRjB,GAAQ,GAAM,OAAO,SAAS,MAAM,MAAMsB,CAAE,IAAIC,CAAI,EAAA;QAGhDM;QACA;AACH,MAAAA,IAAYC,GAAkBN,CAAQ;AAAA,IACvC,SAAS3G,GAAG;AACX,MAAA+F,EAAO,KAAK,sCAAsC/F,CAAC,GACnDpC,EAAA,IAAA2I,GAAY5I,EAAM,EAAC,yBAAyB,8BAA4B,EAAA,GACxEC,EAAA,IAAA4I,GAAU,EAAK;;IAEhB;QAGIU,IAAkBN,KAAgB,IAClCO,IAAgBL,KAAc,IAC9BM,IAAuB,CAAA,GACvBC,IAAoB;AAEpB,QAAAH;UACC;cACGI,IAAK,MAASC,GAASL,CAAe;AACxC,YAAAI,GAAO;AAEV,UAAAH,IAAgBG,EAAM,iBAAiBH;AAEjC,gBAAAK,IAAUF,EAAM,oBAAoBA,EAAM,WAAO,CAAA,GACjDG,wBAAc,IAAG;qBAEZC,KAAUF,GAAS;AACvB,kBAAAG,OAASD,EAAO,gBAAgBA,EAAO,YAAY,CAAC,IAAIA,EAAO,cAAcA,EAAO,QAAQ,EAAE,IAC9FE,IAAWH,EAAQ,IAAIE,CAAG;AAC5B,YAAAC,KACHA,EAAS,YAAY,GACrBA,EAAS,YAAaF,EAAO,iBAAiBA,EAAO,SAAS,KAE9DD,EAAQ,IAAIE,GAAG;AAAA,cACd,UAAUD,EAAO,gBAAgBA,EAAO,YAAY;AAAA,cACpD,YAAYA,EAAO,cAAcA,EAAO,QAAQ/J,EAAM,EAAC,sBAAsB;AAAA,cAC7E,UAAU;AAAA,cACV,WAAW+J,EAAO,iBAAiBA,EAAO,SAAS;AAAA,cACnD,KAAK;AAAA,cACL,UAAUA,EAAO,iBAAiBA,EAAO,SAAS;AAAA;UAGrD;AAEA,UAAAN,IAAa,MAAM,KAAKK,EAAQ,OAAM,CAAA,GAM3B,OAAAH,EAAM,cAAe,aAC/BD,IAAY;AAAA,YACX,UAAUC,EAAM,aAAa;AAAA,YAC7B,MAAMA,EAAM,aAAa;AAAA,YACzB,OAAOA,EAAM,OAAO;AAAA,YACpB,OAAOA,EAAM;AAAA,YACb,eAAeA,EAAM,iCAAiC;AAAA,YACtD,gBAAgBA,EAAM,yBAAyB;AAAA,YAC/C,cAAcA,EAAM,cAAcA,EAAM,yBAAyB;AAAA;QAGpE;AAAA,MACD,SAAStH,GAAG;AACX,QAAA+F,EAAO,KAAK,iDAAiD/F,CAAC;AAAA,MAE/D;IAIGoH,EAAW,WAAW,KAAKL,IAAmB,MACjDK,IAAU;AAAA;;QAET,UAAU5C,EAAW,CAAC;AAAA,QACtB,YAAY7G,IAAO,sBAAsB;AAAA,QACzC,UAAUoJ;AAAA,QACV,WAAW;AAAA,QACX,KAAK;AAAA,QACL,UAAU;AAAA;;MAKZT;AAAA;QACC,OAAOU;AAAA,QACP,SAAS,OAAOE,CAAe;AAAA,QAC/B,OAAOE;AAAA,QACP,eAAeD;AAAA,QACX,GAAAE,MAAiB,cAAAA,MAAY,CAAA;AAAA;;OAIlCQ,GAAqB,OAAOpB,CAAE,CAAA,GAC9BqB,GAAa,iBAAiB,GAE9BlK,EAAA,IAAA4I,GAAU,EAAK;AAAA,EAChB,CAAC;;;;;;AAIA,QAAAuB,EAAe5J,GAAA;AAAA;mBACdiI,EAAI;AAAA;;mBACJC,EAAS;AAAA;;;;UAGVjI,IAAGsH,GAAA,GACFsC,YADD5J,CAAG,eACF4J,GAAC,EAAA;cAADA,CAAC,WADF5J,CAAG,+CACCmI,CAAS,CAAA,CAAA,eADbnI,CAAG;AAAA;UAIHE,IAAG2J,GAAA,GACFC,YADD5J,CAAG,eACF4J,GAAC,EAAA;cAADA,CAAC,WADF5J,CAAG,yCACCX,EAAM,EAAC,oBAAoB,oBAAoB,CAAA,eADnDW,CAAG;AAAA;AAIH,MAAA6J,GAAWhK,GAAA;AAAA;uBAAOmI,CAAW;AAAA;;uBAAGnB,CAAQ;AAAA;;;;AAdrC,MAAAvH,EAAA,IAAAqI,CAAS,WAAIC,CAAe,IAAAhE,EAAAC,CAAA,IAAAvE,EAAA,IAKvB2I,CAAS,IAAArE,EAAAiB,GAAA,CAAA,IAAAvF,EAAA,IAIT4I,CAAO,YAAKF,CAAW,IAAApE,EAAAqB,GAAA,CAAA,IAAArB,EAAAkG,GAAA,EAAA;AAAA;;;AAXzB;"}

package/dist/{Success.legacy-B6czt_4O.js → Success.legacy-DpahkG6g.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import "svelte/internal/disclose-version";
-import { t as ce, Y as J, C as me, a0 as ge, h as pe } from "./VenueCalendar-CG-RdOcj.js";
+import { t as ce, Y as J, C as me, a0 as ge, h as pe } from "./VenueCalendar-CjAweiq_.js";
 import * as e from "svelte/internal/client";
 import "svelte/internal/flags/legacy";
 import "svelte/transition";
@@ -192,4 +192,4 @@ function Ae(K, f) {
 export {
   Ae as default
 };
-//# sourceMappingURL=Success.legacy-B6czt_4O.js.map
+//# sourceMappingURL=Success.legacy-DpahkG6g.js.map

package/dist/Success.legacy-DpahkG6g.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Success.legacy-DpahkG6g.js","sources":["../src/components/Views/Success.legacy.svelte"],"sourcesContent":["<script module>\r\n\timport { createLogger } from '@getmicdrop/svelte-components';\r\n\tconst logger = createLogger('Success.legacy');\r\n</script>\r\n\r\n<script>\r\n import { onMount } from 'svelte';\r\n import { transformEvent, getOrder } from '$lib/utils/utils.js';\r\n import { formatDateTime } from '@getmicdrop/svelte-components';\r\n import { CheckmarkFilled } from 'carbon-icons-svelte';\r\n // @constant-color-escape: confetti colors (coral, sky, mint, yellow, plum) are custom\r\n // brand-palette values with no SC token equivalent; they feed inline background-color\r\n // on absolutely-positioned confetti particles that are not SC-themeable by design.\r\n import { ACCENT } from '$lib/constants/colors.ts';\r\n\r\n let { data = {}, eventUrl = '', browseUrl = '/' } = $props();\r\n\r\n const {\r\n organizationID,\r\n orgSlug,\r\n slug,\r\n event: rawEvent,\r\n orderId: providedOrderId,\r\n customerEmail: providedCustomerEmail,\r\n eventName: providedEventName,\r\n eventDateTime: providedEventDateTime,\r\n eventLocation: providedEventLocation,\r\n } = data || {};\r\n\r\n let event = null;\r\n if (rawEvent) {\r\n try {\r\n event = transformEvent(rawEvent);\r\n } catch (e) {\r\n logger.warn('transformEvent failed in Success component:', e);\r\n event = rawEvent;\r\n }\r\n }\r\n\r\n let order = null;\r\n let error = null;\r\n let Email = $state('');\r\n let id = $state('');\r\n let name = $state('');\r\n let time = $state('');\r\n let Location = $state('');\r\n let orderId = providedOrderId || data?.orderId || '';\r\n\r\n // Animation states\r\n let showConfetti = $state(false);\r\n let showTicket = $state(false);\r\n let showDetails = $state(false);\r\n\r\n function formatEventDateTime(dateTimeString) {\r\n if (!dateTimeString) return '';\r\n // Use event timezone if available, otherwise fall back to UTC\r\n const tz = event?.timeZone || 'UTC';\r\n return formatDateTime(dateTimeString, {\r\n weekday: 'short',\r\n hour12: true,\r\n timeZone: tz,\r\n });\r\n }\r\n\r\n // Generate confetti particles\r\n const confettiColors = [\r\n ACCENT.coral,\r\n ACCENT.sky.light,\r\n ACCENT.sky[400],\r\n ACCENT.mint[600],\r\n ACCENT.yellow[300],\r\n ACCENT.plum,\r\n ACCENT.mint[500],\r\n ACCENT.yellow[500],\r\n ];\r\n const confettiParticles = Array.from({ length: 50 }, (_, i) => ({\r\n id: i,\r\n color: confettiColors[Math.floor(Math.random() * confettiColors.length)],\r\n left: Math.random() * 100,\r\n delay: Math.random() * 0.5,\r\n duration: 2 + Math.random() * 2,\r\n size: 6 + Math.random() * 8,\r\n rotation: Math.random() * 360,\r\n }));\r\n\r\n onMount(async () => {\r\n // Start animations\r\n setTimeout(() => {\r\n showConfetti = true;\r\n }, 100);\r\n\r\n setTimeout(() => {\r\n showTicket = true;\r\n }, 300);\r\n\r\n setTimeout(() => {\r\n showDetails = true;\r\n }, 800);\r\n\r\n try {\r\n let orderData = null;\r\n try {\r\n if (typeof getOrder === 'function' && orderId) {\r\n orderData = await getOrder(orderId);\r\n }\r\n } catch (e) {\r\n logger.warn(\r\n 'getOrder failed in Success component, falling back to provided data:',\r\n e\r\n );\r\n }\r\n\r\n if (orderData) {\r\n order = orderData;\r\n Email = orderData.customerEmail || providedCustomerEmail || '';\r\n id = orderData.id || orderId;\r\n name = orderData.eventName || event?.name || providedEventName || '';\r\n time = formatEventDateTime(\r\n orderData.eventDateTime ||\r\n event?.startDateTime ||\r\n providedEventDateTime\r\n );\r\n Location =\r\n orderData.eventLocation ||\r\n event?.location ||\r\n providedEventLocation ||\r\n '';\r\n } else {\r\n Email = providedCustomerEmail || '';\r\n id = orderId;\r\n name = providedEventName || event?.name || '';\r\n time = formatEventDateTime(\r\n providedEventDateTime || event?.startDateTime\r\n );\r\n Location = providedEventLocation || event?.location || '';\r\n }\r\n } catch (err) {\r\n logger.error('Error fetching order data:', err);\r\n error = err.message;\r\n Email = providedCustomerEmail || 'your-email@example.com';\r\n id = orderId;\r\n name = event?.name || providedEventName || '';\r\n time = formatEventDateTime(event?.startDateTime || providedEventDateTime);\r\n Location = event?.location || providedEventLocation || '';\r\n }\r\n });\r\n</script>\r\n\r\n<div class=\"success-container\" role=\"main\" aria-labelledby=\"success-title\">\r\n \r\n {#if showConfetti}\r\n <div class=\"confetti-container\" aria-hidden=\"true\">\r\n {#each confettiParticles as particle (particle.id)}\r\n <div\r\n class=\"confetti\"\r\n style=\"\r\n left: {particle.left}%;\r\n background-color: {particle.color};\r\n animation-delay: {particle.delay}s;\r\n animation-duration: {particle.duration}s;\r\n width: {particle.size}px;\r\n height: {particle.size}px;\r\n transform: rotate({particle.rotation}deg);\r\n \"\r\n ></div>\r\n {/each}\r\n </div>\r\n {/if}\r\n\r\n <div class=\"content-wrapper\">\r\n \r\n <div class=\"ticket-machine\" class:animate={showTicket}>\r\n \r\n <div class=\"machine-slot\">\r\n <div class=\"slot-inner\"></div>\r\n </div>\r\n\r\n \r\n <div class=\"ticket\" class:slide-out={showTicket}>\r\n <div class=\"ticket-content\">\r\n <div class=\"ticket-header\">\r\n <div class=\"success-badge\" aria-hidden=\"true\">\r\n <CheckmarkFilled class=\"check-icon\" />\r\n </div>\r\n <h1 id=\"success-title\" class=\"success-title\">You're all set!</h1>\r\n <p class=\"success-subtitle\">Your tickets have been confirmed</p>\r\n </div>\r\n\r\n <div class=\"ticket-divider\">\r\n <div class=\"divider-notch left\"></div>\r\n <div class=\"divider-line\"></div>\r\n <div class=\"divider-notch right\"></div>\r\n </div>\r\n\r\n <dl\r\n class=\"ticket-details\"\r\n class:fade-in={showDetails}\r\n aria-label=\"Order details\"\r\n >\r\n <div class=\"detail-row\">\r\n <dt class=\"detail-label\">Email</dt>\r\n <dd class=\"detail-value\">{Email || 'Loading...'}</dd>\r\n </div>\r\n\r\n {#if id}\r\n <div class=\"detail-row\">\r\n <dt class=\"detail-label\">Order ID</dt>\r\n <dd class=\"detail-value order-id\">#{id}</dd>\r\n </div>\r\n {/if}\r\n\r\n {#if name}\r\n <div class=\"detail-row\">\r\n <dt class=\"detail-label\">Event</dt>\r\n <dd class=\"detail-value event-name\">{name}</dd>\r\n </div>\r\n {/if}\r\n\r\n {#if time}\r\n <div class=\"detail-row\">\r\n <dt class=\"detail-label\">When</dt>\r\n <dd class=\"detail-value\"><time>{time}</time></dd>\r\n </div>\r\n {/if}\r\n\r\n {#if Location}\r\n <div class=\"detail-row\">\r\n <dt class=\"detail-label\">Where</dt>\r\n <dd class=\"detail-value\">{Location}</dd>\r\n </div>\r\n {/if}\r\n </dl>\r\n\r\n <div class=\"ticket-footer\">\r\n <p class=\"footer-text\">Check your email for your tickets</p>\r\n </div>\r\n </div>\r\n\r\n \r\n <div class=\"ticket-stub\"></div>\r\n </div>\r\n </div>\r\n\r\n \r\n {#if eventUrl || browseUrl}\r\n <nav class=\"nav-ctas\" class:fade-in={showDetails} aria-label=\"Next steps\">\r\n {#if eventUrl}\r\n <a href={eventUrl} class=\"nav-link secondary\">Back to event</a>\r\n {/if}\r\n {#if browseUrl}\r\n <a href={browseUrl} class=\"nav-link primary\">Browse more events</a>\r\n {/if}\r\n </nav>\r\n {/if}\r\n </div>\r\n</div>\r\n\r\n<style>\r\n .success-container {\r\n position: relative;\r\n min-height: 100vh;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1.25rem;\r\n background: linear-gradient(\r\n 180deg,\r\n hsl(var(--bg-primary)) 0%,\r\n hsl(var(--bg-secondary)) 100%\r\n );\r\n\r\n &:is([data-theme=\"dark\"], [data-theme=\"dark\"] *) {\r\n background: linear-gradient(\r\n 180deg,\r\n hsl(var(--bg-primary)) 0%,\r\n hsl(var(--bg-primary)) 100%\r\n );\r\n }\r\n }\r\n\r\n /* Confetti */\r\n .confetti-container {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n\r\n .confetti {\r\n position: absolute;\r\n top: -20px;\r\n border-radius: 2px;\r\n animation: confetti-fall linear forwards;\r\n }\r\n\r\n @keyframes confetti-fall {\r\n 0% {\r\n transform: translateY(0) rotate(0deg);\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n transform: translateY(100vh) rotate(720deg);\r\n opacity: 0;\r\n }\r\n }\r\n\r\n /* Content wrapper */\r\n .content-wrapper {\r\n position: relative;\r\n z-index: var(--z-sticky);\r\n width: 100%;\r\n max-width: 380px;\r\n }\r\n\r\n /* Ticket machine */\r\n .ticket-machine {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .machine-slot {\r\n width: 100%;\r\n height: 16px;\r\n background: linear-gradient(\r\n 180deg,\r\n hsl(var(--muted)) 0%,\r\n hsl(var(--bg-primary)) 100%\r\n );\r\n border-radius: 8px 8px 0 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 12px color-mix(in srgb, black 20%, transparent);\r\n position: relative;\r\n z-index: var(--z-base);\r\n }\r\n\r\n .slot-inner {\r\n width: 80%;\r\n height: 4px;\r\n background: hsl(var(--bg-primary));\r\n border-radius: 2px;\r\n }\r\n\r\n /* Ticket */\r\n .ticket {\r\n width: 100%;\r\n background: hsl(var(--bg-primary));\r\n border-radius: 0 0 16px 16px;\r\n box-shadow: 0 8px 32px color-mix(in srgb, black 12%, transparent);\r\n overflow: hidden;\r\n transform: translateY(-100%);\r\n opacity: 0;\r\n transition:\r\n transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),\r\n opacity 0.3s ease;\r\n }\r\n\r\n .ticket.slide-out {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n\r\n .ticket-content {\r\n padding: 32px 24px 24px;\r\n }\r\n\r\n .ticket-header {\r\n text-align: center;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .success-badge {\r\n width: 64px;\r\n height: 64px;\r\n background: linear-gradient(\r\n 135deg,\r\n hsl(var(--accent-success)) 0%,\r\n hsl(var(--accent-success)) 100%\r\n );\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 16px;\r\n animation: badge-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s both;\r\n }\r\n\r\n @keyframes badge-pop {\r\n 0% {\r\n transform: scale(0);\r\n }\r\n\r\n 100% {\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n .success-badge :global(.check-icon) {\r\n width: 32px;\r\n height: 32px;\r\n color: hsl(var(--bg-primary));\r\n }\r\n\r\n .success-title {\r\n font-size: 1.5rem;\r\n line-height: 2rem;\r\n font-weight: 600;\r\n color: hsl(var(--text-primary));\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .success-subtitle {\r\n font-size: 0.875rem;\r\n line-height: 1.25rem;\r\n color: hsl(var(--text-secondary));\r\n margin: 0;\r\n }\r\n\r\n /* Ticket divider */\r\n .ticket-divider {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n margin: 0 -24px 24px;\r\n padding: 0 24px;\r\n }\r\n\r\n .divider-notch {\r\n width: 1rem;\r\n height: 1rem;\r\n border-radius: 9999px;\r\n position: absolute;\r\n background-color: hsl(var(--bg-primary));\r\n }\r\n\r\n .divider-notch.left {\r\n left: -8px;\r\n }\r\n\r\n .divider-notch.right {\r\n right: -8px;\r\n }\r\n\r\n .divider-line {\r\n flex: 1 1 0%;\r\n height: 0.125rem;\r\n background: repeating-linear-gradient(\r\n 90deg,\r\n hsl(var(--stroke-primary)) 0,\r\n hsl(var(--stroke-primary)) 8px,\r\n transparent 8px,\r\n transparent 16px\r\n );\r\n\r\n &:is([data-theme=\"dark\"], [data-theme=\"dark\"] *) {\r\n background: repeating-linear-gradient(\r\n 90deg,\r\n hsl(var(--text-secondary)) 0,\r\n hsl(var(--text-secondary)) 8px,\r\n transparent 8px,\r\n transparent 16px\r\n );\r\n }\r\n }\r\n\r\n /* Ticket details */\r\n .ticket-details {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition:\r\n opacity 0.4s ease,\r\n transform 0.4s ease;\r\n }\r\n\r\n .ticket-details.fade-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .detail-row {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.25rem;\r\n padding-top: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n border-bottom: 1px solid hsl(var(--stroke-primary) / 50%);\r\n }\r\n\r\n .detail-row:last-child {\r\n border-bottom: 0;\r\n }\r\n\r\n .detail-label {\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n font-weight: 600;\r\n color: hsl(var(--text-tertiary));\r\n text-transform: uppercase;\r\n letter-spacing: 0.025em;\r\n }\r\n\r\n .detail-value {\r\n font-size: 0.875rem;\r\n line-height: 1.25rem;\r\n font-weight: 500;\r\n color: hsl(var(--text-primary));\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .detail-value.order-id {\r\n color: hsl(var(--brand-primary));\r\n font-family: 'SF Mono', Consolas, monospace;\r\n }\r\n\r\n .detail-value.event-name {\r\n font-size: 1rem;\r\n line-height: 1.5rem;\r\n font-weight: 600;\r\n }\r\n\r\n /* Ticket footer */\r\n .ticket-footer {\r\n margin-top: 1.5rem;\r\n padding: 1rem;\r\n border-radius: 0.5rem;\r\n text-align: center;\r\n background-color: hsl(var(--bg-secondary) / 50%);\r\n }\r\n\r\n .footer-text {\r\n font-size: 0.875rem;\r\n line-height: 1.25rem;\r\n color: hsl(var(--text-secondary));\r\n margin: 0;\r\n }\r\n\r\n /* Ticket stub pattern */\r\n .ticket-stub {\r\n height: 1.5rem;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent 0,\r\n transparent 8px,\r\n hsl(var(--stroke-primary) / 30%) 8px,\r\n hsl(var(--stroke-primary) / 30%) 16px\r\n );\r\n background-size: 16px 100%;\r\n }\r\n\r\n /* Navigation CTAs */\r\n .nav-ctas {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.75rem;\r\n margin-top: 1.5rem;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition:\r\n opacity 0.4s ease 0.2s,\r\n transform 0.4s ease 0.2s;\r\n }\r\n\r\n .nav-ctas.fade-in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .nav-link {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0.75rem 1rem;\r\n border-radius: 0.5rem;\r\n font-size: 0.875rem;\r\n line-height: 1.25rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition:\r\n background-color 0.15s,\r\n color 0.15s;\r\n }\r\n\r\n .nav-link.primary {\r\n background: hsl(var(--brand-primary, 220 90% 56%));\r\n color: hsl(var(--text-on-primary, 0 0% 100%));\r\n }\r\n\r\n .nav-link.primary:hover {\r\n filter: brightness(0.95);\r\n }\r\n\r\n .nav-link.secondary {\r\n background-color: hsl(var(--bg-tertiary));\r\n color: hsl(var(--text-secondary));\r\n }\r\n\r\n .nav-link.secondary:hover {\r\n background-color: hsl(var(--bg-quaternary));\r\n }\r\n\r\n /* Responsive */\r\n @media (width <= 480px) {\r\n .success-container {\r\n padding: 16px;\r\n }\r\n\r\n .ticket-content {\r\n padding: 24px 20px 20px;\r\n }\r\n\r\n .success-title {\r\n font-size: 20px;\r\n }\r\n\r\n .success-badge {\r\n width: 56px;\r\n height: 56px;\r\n }\r\n\r\n .success-badge :global(.check-icon) {\r\n width: 28px;\r\n height: 28px;\r\n }\r\n }\r\n</style>\r\n"],"names":["logger","createLogger","data","$","$$props","eventUrl","browseUrl","organizationID","orgSlug","slug","rawEvent","providedOrderId","providedCustomerEmail","providedEventName","providedEventDateTime","providedEventLocation","event","transformEvent","e","order","Email","id","name","time","Location","orderId","showConfetti","showTicket","showDetails","formatEventDateTime","dateTimeString","tz","formatDateTime","confettiColors","ACCENT","confettiParticles","_","i","onMount","orderData","getOrder","err","div","root","div_1","root_1","particle","$$anchor","div_2","root_2","$$render","consequent","div_3","node","div_4","div_5","div_6","div_7","div_8","CheckmarkFilled","node_1","dl","div_9","dd","div_10","root_3","dd_1","consequent_1","div_11","root_4","dd_2","consequent_2","div_12","root_5","dd_3","time_1","consequent_3","div_13","root_6","dd_4","consequent_4","nav","root_7","a","root_8","consequent_5","a_1","root_9","consequent_6","classes_3","consequent_7","classes","classes_1","classes_2","text"],"mappings":"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"}

package/dist/{VenueCalendar-CG-RdOcj.js → VenueCalendar-CjAweiq_.js} RENAMED Viewed

@@ -25943,13 +25943,13 @@ function o5(e, a) {
   }), t.user_effect(() => {
     t.get(h1) && (w1 && clearTimeout(w1), t.set(t1, !1));
   }), t.user_effect(() => {
-    t.get(M) && (l6.warn("[VC] DEPRECATED: ?legacy=1 fallback for CalendarContainer views retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./GalleryView.legacy-SL16gnor.js").then((B) => {
+    t.get(M) && (l6.warn("[VC] DEPRECATED: ?legacy=1 fallback for CalendarContainer views retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./GalleryView.legacy-C5G42_EE.js").then((B) => {
       t.set(_, B.default, !0);
-    }), import("./GroupedListView.legacy-Cgb_bE9U.js").then((B) => {
+    }), import("./GroupedListView.legacy-TpcV8O2O.js").then((B) => {
       t.set(y, B.default, !0);
-    }), import("./CarouselView.legacy-BHlL48Kb.js").then((B) => {
+    }), import("./CarouselView.legacy-CTZuOqjQ.js").then((B) => {
       t.set(H, B.default, !0);
-    }), import("./FeaturedView.legacy-CUPEUdIw.js").then((B) => {
+    }), import("./FeaturedView.legacy-COSqtrpe.js").then((B) => {
       t.set(Z, B.default, !0);
     }));
   }), X0(() => {
@@ -27172,7 +27172,7 @@ if (typeof window < "u" && typeof HTMLElement < "u") {
     }
   }, customElements.get("micdrop-calendar") || customElements.define("micdrop-calendar", h6);
 }
-const nH = "4.0.28", z4 = R2("VenueCalendar");
+const nH = "4.0.29", z4 = R2("VenueCalendar");
 let Ce = null;
 function pa(e = {}) {
   typeof e.onError == "function" && (Ce = e.onError, Bt({
@@ -27205,37 +27205,37 @@ function F0(e, a) {
 const m2 = {
   EventDetailsView: () => F0(
     "EventDetailsView",
-    () => import("./EventDetailsView-DHyNzHYb.js").then((e) => e.default)
+    () => import("./EventDetailsView-C9-PBjZb.js").then((e) => e.default)
   ),
   Checkout: () => F0(
     "Checkout",
-    () => import("./Checkout-CIFNBXeN.js").then((e) => e.C).then((e) => e.default)
+    () => import("./Checkout-BS8WjuN-.js").then((e) => e.C).then((e) => e.default)
   ),
   Success: () => F0(
     "Success",
-    () => import("./Success-Cvxc9lcM.js").then((e) => e.default)
+    () => import("./Success-BCUnIuMQ.js").then((e) => e.default)
   ),
   CartView: () => F0(
     "CartView",
-    () => import("./CartView-B7BJqUpP.js").then((e) => e.default)
+    () => import("./CartView-Cpop92mo.js").then((e) => e.default)
   ),
   ViewTicketsEmbed: () => F0(
     "ViewTicketsEmbed",
-    () => import("./ViewTicketsEmbed-BpunYaKt.js").then((e) => e.default)
+    () => import("./ViewTicketsEmbed-C3PdxoRj.js").then((e) => e.default)
   ),
   CheckoutMain: () => F0(
     "CheckoutMain",
-    () => import("./CheckoutMain-CgicZoft.js").then((e) => e.a).then(
+    () => import("./CheckoutMain-scUMflQB.js").then((e) => e.a).then(
       (e) => e.default
     )
   ),
   SeriesPage: () => F0(
     "SeriesPage",
-    () => import("./SeriesPage-DDg6OuI2.js").then((e) => e.default)
+    () => import("./SeriesPage-C2dwRO-e.js").then((e) => e.default)
   ),
   CollectionView: () => F0(
     "CollectionView",
-    () => import("./CollectionView-BSEjYhtH.js").then((e) => e.default)
+    () => import("./CollectionView-UpBNvOKB.js").then((e) => e.default)
   )
 };
 function At(e, a) {
@@ -27675,4 +27675,4 @@ export {
   dM as y,
   QM as z
 };
-//# sourceMappingURL=VenueCalendar-CG-RdOcj.js.map
+//# sourceMappingURL=VenueCalendar-CjAweiq_.js.map