@getmicdrop/venue-calendar 4.0.20 → 4.0.21

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
  1. package/dist/{AirbnbSplitMain-Wz79VNen.js → AirbnbSplitMain-DEFvlAso.js} +268 -268
  2. package/dist/AirbnbSplitMain-DEFvlAso.js.map +1 -0
  3. package/dist/{CarouselView.legacy-DLQhvBNY.js → CarouselView.legacy-Cd8kK6vH.js} +3 -3
  4. package/dist/{CarouselView.legacy-DLQhvBNY.js.map → CarouselView.legacy-Cd8kK6vH.js.map} +1 -1
  5. package/dist/{CartView-PJvVTSos.js → CartView-AbAuzng5.js} +3 -3
  6. package/dist/{CartView-PJvVTSos.js.map → CartView-AbAuzng5.js.map} +1 -1
  7. package/dist/{Checkout-BZOTf4nF.js → Checkout-DPDYZJu9.js} +4 -4
  8. package/dist/{Checkout-BZOTf4nF.js.map → Checkout-DPDYZJu9.js.map} +1 -1
  9. package/dist/{Checkout.legacy-CwrYTqT2.js → Checkout.legacy-D3xOmyWR.js} +4 -4
  10. package/dist/{Checkout.legacy-CwrYTqT2.js.map → Checkout.legacy-D3xOmyWR.js.map} +1 -1
  11. package/dist/{CheckoutMain-o0AFbrSA.js → CheckoutMain-DhAWxvma.js} +218 -215
  12. package/dist/CheckoutMain-DhAWxvma.js.map +1 -0
  13. package/dist/{CheckoutTimer-BTxuvxKM.js → CheckoutTimer-CtI_yoge.js} +2 -2
  14. package/dist/{CheckoutTimer-BTxuvxKM.js.map → CheckoutTimer-CtI_yoge.js.map} +1 -1
  15. package/dist/{CollectionView-J9OmVdPH.js → CollectionView-DKsii170.js} +5 -5
  16. package/dist/{CollectionView-J9OmVdPH.js.map → CollectionView-DKsii170.js.map} +1 -1
  17. package/dist/{CollectionView.legacy-Dm1-Myj3.js → CollectionView.legacy-DwdER9RM.js} +3 -3
  18. package/dist/{CollectionView.legacy-Dm1-Myj3.js.map → CollectionView.legacy-DwdER9RM.js.map} +1 -1
  19. package/dist/{EventDetailsView-DumsB2_T.js → EventDetailsView-CLXxv27A.js} +2 -2
  20. package/dist/{EventDetailsView-DumsB2_T.js.map → EventDetailsView-CLXxv27A.js.map} +1 -1
  21. package/dist/{FeaturedView.legacy-CpCOAi81.js → FeaturedView.legacy-Cgb7Gh1A.js} +2 -2
  22. package/dist/{FeaturedView.legacy-CpCOAi81.js.map → FeaturedView.legacy-Cgb7Gh1A.js.map} +1 -1
  23. package/dist/{GalleryCard-ClOMciuA.js → GalleryCard-CUq64HSt.js} +2 -2
  24. package/dist/{GalleryCard-ClOMciuA.js.map → GalleryCard-CUq64HSt.js.map} +1 -1
  25. package/dist/{GalleryView.legacy-BBkCpmF1.js → GalleryView.legacy-ro2kmczW.js} +3 -3
  26. package/dist/{GalleryView.legacy-BBkCpmF1.js.map → GalleryView.legacy-ro2kmczW.js.map} +1 -1
  27. package/dist/{GroupedListView.legacy-ch0yYGJD.js → GroupedListView.legacy-Y3GcXSh5.js} +2 -2
  28. package/dist/{GroupedListView.legacy-ch0yYGJD.js.map → GroupedListView.legacy-Y3GcXSh5.js.map} +1 -1
  29. package/dist/{SeriesPage-Picw22FM.js → SeriesPage-V1FMQvts.js} +5 -5
  30. package/dist/{SeriesPage-Picw22FM.js.map → SeriesPage-V1FMQvts.js.map} +1 -1
  31. package/dist/{SeriesPage.legacy-CnVhVfLT.js → SeriesPage.legacy-CYr6CzQZ.js} +2 -2
  32. package/dist/{SeriesPage.legacy-CnVhVfLT.js.map → SeriesPage.legacy-CYr6CzQZ.js.map} +1 -1
  33. package/dist/{Success-ZS8yIPoc.js → Success-8jEuM9Cy.js} +5 -5
  34. package/dist/{Success-ZS8yIPoc.js.map → Success-8jEuM9Cy.js.map} +1 -1
  35. package/dist/{Success.legacy-CBtg-aS-.js → Success.legacy-DOa5jZEz.js} +2 -2
  36. package/dist/{Success.legacy-CBtg-aS-.js.map → Success.legacy-DOa5jZEz.js.map} +1 -1
  37. package/dist/{VenueCalendar-D-i3taSj.js → VenueCalendar-l9O0LTJ8.js} +15 -15
  38. package/dist/{VenueCalendar-D-i3taSj.js.map → VenueCalendar-l9O0LTJ8.js.map} +1 -1
  39. package/dist/{ViewTicketsEmbed-CSAwEkBy.js → ViewTicketsEmbed-B7MIbkYB.js} +2 -2
  40. package/dist/{ViewTicketsEmbed-CSAwEkBy.js.map → ViewTicketsEmbed-B7MIbkYB.js.map} +1 -1
  41. package/dist/{labels-s8pbx3tn.js → labels-BjvH_aoG.js} +2 -2
  42. package/dist/{labels-s8pbx3tn.js.map → labels-BjvH_aoG.js.map} +1 -1
  43. package/dist/{transform-CyWcWnyR.js → transform-C5z6VUGn.js} +2 -2
  44. package/dist/{transform-CyWcWnyR.js.map → transform-C5z6VUGn.js.map} +1 -1
  45. package/dist/venue-calendar.css +1 -1
  46. package/dist/venue-calendar.es.js +2 -2
  47. package/dist/venue-calendar.iife.js +18 -18
  48. package/dist/venue-calendar.iife.js.map +1 -1
  49. package/dist/venue-calendar.umd.js +18 -18
  50. package/dist/venue-calendar.umd.js.map +1 -1
  51. package/package.json +1 -1
  52. package/dist/AirbnbSplitMain-Wz79VNen.js.map +0 -1
  53. package/dist/CheckoutMain-o0AFbrSA.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Success-ZS8yIPoc.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&middot; {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 { 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{ ticketId: 101, ticketName: 'General Admission', quantity: 2, unitPrice: 25, fee: 2.5, subtotal: 50 },\r\n\t\t\t\t{ ticketId: 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{ ticketId: 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{ ticketId: 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{ ticketId: 401, ticketName: 'Donation', quantity: 1, unitPrice: 25, fee: 0, subtotal: 25 },\r\n\t\t\t\t{ ticketId: 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\" style=\"grid-template-columns: 1fr 360px;\">\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/* 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 } 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\tticketId: 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","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":"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"}
1
+ {"version":3,"file":"Success-8jEuM9Cy.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&middot; {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 { 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{ ticketId: 101, ticketName: 'General Admission', quantity: 2, unitPrice: 25, fee: 2.5, subtotal: 50 },\r\n\t\t\t\t{ ticketId: 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{ ticketId: 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{ ticketId: 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{ ticketId: 401, ticketName: 'Donation', quantity: 1, unitPrice: 25, fee: 0, subtotal: 25 },\r\n\t\t\t\t{ ticketId: 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<!-- @tokens-px-escape: grid-template-columns: 1fr 360px — asymmetric two-column layout with fixed 360px sidebar; not expressible as a standard Tailwind token class -->\r\n\t\t<div class=\"hidden md:grid gap-8 items-start\" style=\"grid-template-columns: 1fr 360px;\">\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/* 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 } 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\tticketId: 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","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":"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"}
@@ -1,5 +1,5 @@
1
1
  import "svelte/internal/disclose-version";
2
- import { t as ce, X as H, C as me, $ as ge, h as pe } from "./VenueCalendar-D-i3taSj.js";
2
+ import { t as ce, X as H, C as me, $ as ge, h as pe } from "./VenueCalendar-l9O0LTJ8.js";
3
3
  import * as e from "svelte/internal/client";
4
4
  import "svelte/internal/flags/legacy";
5
5
  import "svelte/transition";
@@ -192,4 +192,4 @@ function $e(J, f) {
192
192
  export {
193
193
  $e as default
194
194
  };
195
- //# sourceMappingURL=Success.legacy-CBtg-aS-.js.map
195
+ //# sourceMappingURL=Success.legacy-DOa5jZEz.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Success.legacy-CBtg-aS-.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 import { ACCENT, DARK } 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 <!-- Confetti -->\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 <!-- Ticket Machine Animation -->\r\n <div class=\"ticket-machine\" class:animate={showTicket}>\r\n <!-- Machine slot -->\r\n <div class=\"machine-slot\">\r\n <div class=\"slot-inner\"></div>\r\n </div>\r\n\r\n <!-- Ticket coming out -->\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 <!-- Ticket stub pattern -->\r\n <div class=\"ticket-stub\"></div>\r\n </div>\r\n </div>\r\n\r\n <!-- Navigation CTAs -->\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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"}
1
+ {"version":3,"file":"Success.legacy-DOa5jZEz.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 import { ACCENT, DARK } 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 <!-- Confetti -->\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 <!-- Ticket Machine Animation -->\r\n <div class=\"ticket-machine\" class:animate={showTicket}>\r\n <!-- Machine slot -->\r\n <div class=\"machine-slot\">\r\n <div class=\"slot-inner\"></div>\r\n </div>\r\n\r\n <!-- Ticket coming out -->\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 <!-- Ticket stub pattern -->\r\n <div class=\"ticket-stub\"></div>\r\n </div>\r\n </div>\r\n\r\n <!-- Navigation CTAs -->\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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"}
@@ -23562,7 +23562,7 @@ function ra(e, a) {
23562
23562
  }), t.append(e, C), t.pop();
23563
23563
  }
23564
23564
  t.delegate(["click"]);
23565
- var nm = t.from_html('<span class="day-header flex pb-1 items-end justify-center sm:pb-2 sm:pt-1 sm:justify-end sm:pr-2 text-text-secondary sm:text-text-primary sm: overflow-hidden leading-none font-normal text-xs sm:text-lg border-b border-border" role="columnheader"><abbr class="sm:hidden no-underline svelte-1twddf5"> </abbr> <abbr class="hidden sm:inline no-underline svelte-1twddf5"> </abbr></span>'), cm = t.from_html('<div class="day-container preview-day past-preview text-muted-foreground overflow-hidden flex flex-col justify-start items-center p-2 sm:p-2 sm:gap-3 max-sm:px-1 max-sm:py-0.5 max-sm:min-h-14 svelte-1twddf5" role="gridcell" aria-disabled="true"><div class="w-full flex flex-col items-center"><span class="day text-sm sm:text-lg sm:font-normal w-full text-center sm:text-right sm:mb-2 text-muted-foreground svelte-1twddf5"> </span></div></div>'), dm = t.from_html('<a class="flex items-center gap-1 max-w-full cursor-pointer embedCalendar rounded-full py-0.5 px-2 bg-transparent border-0 svelte-1twddf5"><svg width="7" height="7" class="calendar-dot dot-unified shrink-0 svelte-1twddf5" viewBox="0 0 6 6" fill="currentColor" aria-hidden="true"><circle cx="3" cy="3" r="3"></circle></svg> <span class="text-xs sm:text-sm grow truncate text-text-primary" aria-hidden="true"> </span> <span class="text-xs md:text-sm whitespace-nowrap text-text-primary" aria-hidden="true"> </span></a>'), gm = t.from_html('<span aria-hidden="true"> </span>'), pm = t.from_html('<a class="time-button text-xs w-full py-1 rounded-lg bg-muted text-text-primary font-semibold transition-all duration-150 ease-out cursor-pointer border border-stroke-primary text-center whitespace-nowrap select-none svelte-1twddf5"> </a>'), mm = t.from_html('<div class="flex flex-col justify-start embedCalendar w-full items-center gap-0.5 p-1.5 rounded-lg bg-card border border-border svelte-1twddf5" role="group"><a class="w-full cursor-pointer embed-event-link svelte-1twddf5"><div class="relative w-full aspect-square rounded-md overflow-hidden bg-muted"><img alt="" class="absolute inset-0 w-full h-full object-cover" style="transform: scale(1.15); filter: blur(16px) saturate(1.2);" aria-hidden="true"/> <img alt="" class="relative w-full h-full object-contain cursor-pointer" aria-hidden="true"/> <!></div> <div class="text-text-primary text-xs font-semibold leading-tight tracking-normal text-center line-clamp-5 mt-1 svelte-1twddf5" aria-hidden="true"> </div></a> <div class="flex flex-col gap-1 items-center mt-1 w-full" role="group"></div></div>'), fm = t.from_html('<div class="mt-auto mx-auto"><!></div>'), Hm = t.from_html('<div role="gridcell"><div class="w-full flex flex-col items-center"><span class="day text-sm sm:text-lg sm:font-normal w-full text-center sm:text-right sm:mb-2 svelte-1twddf5"> </span> <div class="hidden sm:flex sm:flex-col gap-2 w-full items-center"></div> <!></div></div>'), Mm = t.from_html('<div class="day-container preview-day text-muted-foreground overflow-hidden flex flex-col justify-start items-center p-2 sm:p-2 sm:gap-3 max-sm:px-1 max-sm:py-0.5 max-sm:min-h-14 svelte-1twddf5" role="gridcell" aria-disabled="true"><div class="w-full flex flex-col items-center"><span class="day text-sm sm:text-lg sm:font-normal w-full text-center sm:text-right sm:mb-2 text-muted-foreground svelte-1twddf5"> </span></div></div>'), um = t.from_html('<section class="mobile-event-list sm:hidden mt-2" aria-live="polite"><h2 class="sr-only svelte-1twddf5"> </h2> <!></section>'), Vm = t.from_html('<div class="w-full bg-card overflow-hidden touch-pan-y select-none" role="application"><div class="calendar-slide-container svelte-1twddf5"><div class="calendar max-sm:gap-0.5 max-sm:p-0.5 w-full overflow-hidden mx-auto grid svelte-1twddf5" role="grid"><!> <!> <!> <!></div></div> <div class="sr-only svelte-1twddf5" role="status" aria-live="polite" aria-atomic="true"><!></div> <!></div>');
23565
+ var nm = t.from_html('<span class="day-header flex pb-1 items-end justify-center sm:pb-2 sm:pt-1 sm:justify-end sm:pr-2 text-text-secondary sm:text-text-primary sm: overflow-hidden leading-none font-normal text-xs sm:text-lg border-b border-border" role="columnheader"><abbr class="sm:hidden no-underline svelte-1twddf5"> </abbr> <abbr class="hidden sm:inline no-underline svelte-1twddf5"> </abbr></span>'), cm = t.from_html('<div class="day-container preview-day past-preview text-muted-foreground overflow-hidden flex flex-col justify-start items-center p-2 sm:p-2 sm:gap-3 max-sm:px-1 max-sm:py-0.5 max-sm:min-h-14 svelte-1twddf5" role="gridcell" aria-disabled="true"><div class="w-full flex flex-col items-center"><span class="day text-sm sm:text-lg sm:font-normal w-full text-center sm:text-right sm:mb-2 text-muted-foreground svelte-1twddf5"> </span></div></div>'), dm = t.from_html('<a class="flex items-center gap-1 max-w-full cursor-pointer embedCalendar rounded-full py-0.5 px-2 bg-transparent border-0 svelte-1twddf5"><svg width="7" height="7" class="calendar-dot dot-unified shrink-0 svelte-1twddf5" viewBox="0 0 6 6" fill="currentColor" aria-hidden="true"><circle cx="3" cy="3" r="3"></circle></svg> <span class="text-xs sm:text-sm grow truncate text-text-primary" aria-hidden="true"> </span> <span class="text-xs md:text-sm whitespace-nowrap text-text-primary" aria-hidden="true"> </span></a>'), gm = t.from_html('<span aria-hidden="true"> </span>'), pm = t.from_html('<a class="time-button text-xs w-full py-1 rounded-lg bg-muted text-text-primary font-semibold transition-all duration-150 ease-out cursor-pointer border border-stroke-primary text-center whitespace-nowrap select-none svelte-1twddf5"> </a>'), mm = t.from_html('<div class="flex flex-col justify-start embedCalendar w-full items-center gap-0.5 p-1.5 rounded-lg bg-card border border-border svelte-1twddf5" role="group"><a class="w-full cursor-pointer embed-event-link svelte-1twddf5"><div class="relative w-full aspect-square rounded-md overflow-hidden bg-muted"><img alt="" class="absolute inset-0 w-full h-full object-cover embed-card-backdrop-img svelte-1twddf5" aria-hidden="true"/> <img alt="" class="relative w-full h-full object-contain cursor-pointer" aria-hidden="true"/> <!></div> <div class="text-text-primary text-xs font-semibold leading-tight tracking-normal text-center line-clamp-5 mt-1 svelte-1twddf5" aria-hidden="true"> </div></a> <div class="flex flex-col gap-1 items-center mt-1 w-full" role="group"></div></div>'), fm = t.from_html('<div class="mt-auto mx-auto"><!></div>'), Hm = t.from_html('<div role="gridcell"><div class="w-full flex flex-col items-center"><span class="day text-sm sm:text-lg sm:font-normal w-full text-center sm:text-right sm:mb-2 svelte-1twddf5"> </span> <div class="hidden sm:flex sm:flex-col gap-2 w-full items-center"></div> <!></div></div>'), Mm = t.from_html('<div class="day-container preview-day text-muted-foreground overflow-hidden flex flex-col justify-start items-center p-2 sm:p-2 sm:gap-3 max-sm:px-1 max-sm:py-0.5 max-sm:min-h-14 svelte-1twddf5" role="gridcell" aria-disabled="true"><div class="w-full flex flex-col items-center"><span class="day text-sm sm:text-lg sm:font-normal w-full text-center sm:text-right sm:mb-2 text-muted-foreground svelte-1twddf5"> </span></div></div>'), um = t.from_html('<section class="mobile-event-list sm:hidden mt-2" aria-live="polite"><h2 class="sr-only svelte-1twddf5"> </h2> <!></section>'), Vm = t.from_html('<div class="w-full bg-card overflow-hidden touch-pan-y select-none" role="application"><div class="calendar-slide-container svelte-1twddf5"><div class="calendar max-sm:gap-0.5 max-sm:p-0.5 w-full overflow-hidden mx-auto grid svelte-1twddf5" role="grid"><!> <!> <!> <!></div></div> <div class="sr-only svelte-1twddf5" role="status" aria-live="polite" aria-atomic="true"><!></div> <!></div>');
23566
23566
  function _m(e, a) {
23567
23567
  t.push(a, !0);
23568
23568
  let s = /* @__PURE__ */ new Date(), r = 0, l = 0, i = 0, o = 0, v = 0, h = 0, c = !1, d = !1, n = 0, g, p, m = 0, f = !1, u = null, A, H;
@@ -25689,13 +25689,13 @@ function le(e, a) {
25689
25689
  }), t.user_effect(() => {
25690
25690
  t.get(v1) && (w1 && clearTimeout(w1), t.set(t1, !1));
25691
25691
  }), t.user_effect(() => {
25692
- t.get(H) && (e6.warn("[VC] DEPRECATED: ?legacy=1 fallback for CalendarContainer views retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./GalleryView.legacy-BBkCpmF1.js").then((G) => {
25692
+ t.get(H) && (e6.warn("[VC] DEPRECATED: ?legacy=1 fallback for CalendarContainer views retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./GalleryView.legacy-ro2kmczW.js").then((G) => {
25693
25693
  t.set(V, G.default, !0);
25694
- }), import("./GroupedListView.legacy-ch0yYGJD.js").then((G) => {
25694
+ }), import("./GroupedListView.legacy-Y3GcXSh5.js").then((G) => {
25695
25695
  t.set(w, G.default, !0);
25696
- }), import("./CarouselView.legacy-DLQhvBNY.js").then((G) => {
25696
+ }), import("./CarouselView.legacy-Cd8kK6vH.js").then((G) => {
25697
25697
  t.set(M, G.default, !0);
25698
- }), import("./FeaturedView.legacy-CpCOAi81.js").then((G) => {
25698
+ }), import("./FeaturedView.legacy-Cgb7Gh1A.js").then((G) => {
25699
25699
  t.set(z, G.default, !0);
25700
25700
  }));
25701
25701
  }), X0(() => {
@@ -26918,7 +26918,7 @@ if (typeof window < "u" && typeof HTMLElement < "u") {
26918
26918
  }
26919
26919
  }, customElements.get("micdrop-calendar") || customElements.define("micdrop-calendar", l6);
26920
26920
  }
26921
- const Jf = "4.0.20", z4 = P2("VenueCalendar");
26921
+ const Jf = "4.0.21", z4 = P2("VenueCalendar");
26922
26922
  let E5 = null;
26923
26923
  function na(e = {}) {
26924
26924
  typeof e.onError == "function" && (E5 = e.onError, Ft({
@@ -26951,37 +26951,37 @@ function F0(e, a) {
26951
26951
  const p2 = {
26952
26952
  EventDetailsView: () => F0(
26953
26953
  "EventDetailsView",
26954
- () => import("./EventDetailsView-DumsB2_T.js").then((e) => e.default)
26954
+ () => import("./EventDetailsView-CLXxv27A.js").then((e) => e.default)
26955
26955
  ),
26956
26956
  Checkout: () => F0(
26957
26957
  "Checkout",
26958
- () => import("./Checkout-BZOTf4nF.js").then((e) => e.C).then((e) => e.default)
26958
+ () => import("./Checkout-DPDYZJu9.js").then((e) => e.C).then((e) => e.default)
26959
26959
  ),
26960
26960
  Success: () => F0(
26961
26961
  "Success",
26962
- () => import("./Success-ZS8yIPoc.js").then((e) => e.default)
26962
+ () => import("./Success-8jEuM9Cy.js").then((e) => e.default)
26963
26963
  ),
26964
26964
  CartView: () => F0(
26965
26965
  "CartView",
26966
- () => import("./CartView-PJvVTSos.js").then((e) => e.default)
26966
+ () => import("./CartView-AbAuzng5.js").then((e) => e.default)
26967
26967
  ),
26968
26968
  ViewTicketsEmbed: () => F0(
26969
26969
  "ViewTicketsEmbed",
26970
- () => import("./ViewTicketsEmbed-CSAwEkBy.js").then((e) => e.default)
26970
+ () => import("./ViewTicketsEmbed-B7MIbkYB.js").then((e) => e.default)
26971
26971
  ),
26972
26972
  CheckoutMain: () => F0(
26973
26973
  "CheckoutMain",
26974
- () => import("./CheckoutMain-o0AFbrSA.js").then((e) => e.a).then(
26974
+ () => import("./CheckoutMain-DhAWxvma.js").then((e) => e.a).then(
26975
26975
  (e) => e.default
26976
26976
  )
26977
26977
  ),
26978
26978
  SeriesPage: () => F0(
26979
26979
  "SeriesPage",
26980
- () => import("./SeriesPage-Picw22FM.js").then((e) => e.default)
26980
+ () => import("./SeriesPage-V1FMQvts.js").then((e) => e.default)
26981
26981
  ),
26982
26982
  CollectionView: () => F0(
26983
26983
  "CollectionView",
26984
- () => import("./CollectionView-J9OmVdPH.js").then((e) => e.default)
26984
+ () => import("./CollectionView-DKsii170.js").then((e) => e.default)
26985
26985
  )
26986
26986
  };
26987
26987
  function zt(e, a) {
@@ -27419,4 +27419,4 @@ export {
27419
27419
  JH as y,
27420
27420
  DM as z
27421
27421
  };
27422
- //# sourceMappingURL=VenueCalendar-D-i3taSj.js.map
27422
+ //# sourceMappingURL=VenueCalendar-l9O0LTJ8.js.map