@getmicdrop/venue-calendar 4.0.5 → 4.0.7
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.
- package/README.md +700 -700
- package/dist/{AirbnbSplitMain-BVNtTJc-.js → AirbnbSplitMain-QRE-W2ZL.js} +4 -4
- package/dist/AirbnbSplitMain-QRE-W2ZL.js.map +1 -0
- package/dist/{CarouselView.legacy-B6HtvF8d.js → CarouselView.legacy-DtUAYloL.js} +3 -3
- package/dist/CarouselView.legacy-DtUAYloL.js.map +1 -0
- package/dist/{CartView-DrOhr4Qi.js → CartView-Be1-gajf.js} +158 -149
- package/dist/CartView-Be1-gajf.js.map +1 -0
- package/dist/{Checkout-DB1Aocl-.js → Checkout-DET04TDs.js} +4 -4
- package/dist/Checkout-DET04TDs.js.map +1 -0
- package/dist/{Checkout.legacy-DpcjjHQu.js → Checkout.legacy-Dg8qlXGF.js} +4 -4
- package/dist/Checkout.legacy-Dg8qlXGF.js.map +1 -0
- package/dist/{CheckoutMain-D0_1xfR8.js → CheckoutMain-CddDRMZ6.js} +4 -4
- package/dist/CheckoutMain-CddDRMZ6.js.map +1 -0
- package/dist/{CheckoutTimer-r1HaN6b6.js → CheckoutTimer-12XARKCb.js} +2 -2
- package/dist/CheckoutTimer-12XARKCb.js.map +1 -0
- package/dist/{CollectionView-5OzqEVQg.js → CollectionView-DsNE9b9o.js} +5 -5
- package/dist/CollectionView-DsNE9b9o.js.map +1 -0
- package/dist/{CollectionView.legacy-CabEI40i.js → CollectionView.legacy-C0EfF6bO.js} +3 -3
- package/dist/CollectionView.legacy-C0EfF6bO.js.map +1 -0
- package/dist/{EventDetailsView-CiGPGPz5.js → EventDetailsView-CKpXTip_.js} +2 -2
- package/dist/EventDetailsView-CKpXTip_.js.map +1 -0
- package/dist/{FeaturedView.legacy-tTPbRxSf.js → FeaturedView.legacy-CKANudQ1.js} +2 -2
- package/dist/FeaturedView.legacy-CKANudQ1.js.map +1 -0
- package/dist/{GalleryCard-CBMPmdrM.js → GalleryCard-X_ux5Ig_.js} +2 -2
- package/dist/GalleryCard-X_ux5Ig_.js.map +1 -0
- package/dist/{GalleryView.legacy-4QPpX22O.js → GalleryView.legacy-DiJEEg4a.js} +3 -3
- package/dist/GalleryView.legacy-DiJEEg4a.js.map +1 -0
- package/dist/{GroupedListView.legacy-CPJRLePS.js → GroupedListView.legacy-BlY6IUF7.js} +2 -2
- package/dist/GroupedListView.legacy-BlY6IUF7.js.map +1 -0
- package/dist/OrderSummarySkeleton-dDKUH741.js.map +1 -1
- package/dist/{SeriesPage-IZWQ53xg.js → SeriesPage-AHd2GQvo.js} +5 -5
- package/dist/SeriesPage-AHd2GQvo.js.map +1 -0
- package/dist/{SeriesPage.legacy-4jSF2g-n.js → SeriesPage.legacy-DRoCeh7t.js} +2 -2
- package/dist/SeriesPage.legacy-DRoCeh7t.js.map +1 -0
- package/dist/{Success-DTSn26bg.js → Success-BH-b9NQ-.js} +5 -5
- package/dist/Success-BH-b9NQ-.js.map +1 -0
- package/dist/{Success.legacy--ABrtyII.js → Success.legacy-BuElevkX.js} +2 -2
- package/dist/Success.legacy-BuElevkX.js.map +1 -0
- package/dist/{VenueCalendar-DpZ70okH.js → VenueCalendar-D3g_j17B.js} +18 -15
- package/dist/{VenueCalendar-DpZ70okH.js.map → VenueCalendar-D3g_j17B.js.map} +1 -1
- package/dist/{ViewTicketsEmbed-CgHcn-qh.js → ViewTicketsEmbed-BUIrA7s5.js} +2 -2
- package/dist/ViewTicketsEmbed-BUIrA7s5.js.map +1 -0
- package/dist/api/api.cjs +1 -1
- package/dist/api/api.cjs.map +1 -1
- package/dist/api/api.mjs +4 -1
- package/dist/api/api.mjs.map +1 -1
- package/dist/api/types.d.ts +357 -353
- package/dist/colors-BZoMuXdh.js.map +1 -1
- package/dist/{labels-ClcIxHAF.js → labels-CJIz5Cek.js} +2 -2
- package/dist/labels-CJIz5Cek.js.map +1 -0
- package/dist/seo/seo.cjs.map +1 -1
- package/dist/seo/seo.mjs.map +1 -1
- package/dist/seo/types.d.ts +137 -137
- package/dist/{transform-DW3JR-t5.js → transform-CXAZf_M1.js} +2 -2
- package/dist/transform-CXAZf_M1.js.map +1 -0
- package/dist/types/index.d.ts +387 -387
- package/dist/venue-calendar.es.js +1 -1
- package/dist/venue-calendar.iife.js +13 -13
- package/dist/venue-calendar.iife.js.map +1 -1
- package/dist/venue-calendar.umd.js +13 -13
- package/dist/venue-calendar.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/lib/theme.js +222 -222
- package/dist/AirbnbSplitMain-BVNtTJc-.js.map +0 -1
- package/dist/CarouselView.legacy-B6HtvF8d.js.map +0 -1
- package/dist/CartView-DrOhr4Qi.js.map +0 -1
- package/dist/Checkout-DB1Aocl-.js.map +0 -1
- package/dist/Checkout.legacy-DpcjjHQu.js.map +0 -1
- package/dist/CheckoutMain-D0_1xfR8.js.map +0 -1
- package/dist/CheckoutTimer-r1HaN6b6.js.map +0 -1
- package/dist/CollectionView-5OzqEVQg.js.map +0 -1
- package/dist/CollectionView.legacy-CabEI40i.js.map +0 -1
- package/dist/EventDetailsView-CiGPGPz5.js.map +0 -1
- package/dist/FeaturedView.legacy-tTPbRxSf.js.map +0 -1
- package/dist/GalleryCard-CBMPmdrM.js.map +0 -1
- package/dist/GalleryView.legacy-4QPpX22O.js.map +0 -1
- package/dist/GroupedListView.legacy-CPJRLePS.js.map +0 -1
- package/dist/SeriesPage-IZWQ53xg.js.map +0 -1
- package/dist/SeriesPage.legacy-4jSF2g-n.js.map +0 -1
- package/dist/Success-DTSn26bg.js.map +0 -1
- package/dist/Success.legacy--ABrtyII.js.map +0 -1
- package/dist/ViewTicketsEmbed-CgHcn-qh.js.map +0 -1
- package/dist/labels-ClcIxHAF.js.map +0 -1
- package/dist/transform-DW3JR-t5.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SeriesPage.legacy-DRoCeh7t.js","sources":["../src/components/Views/SeriesPage.legacy.svelte"],"sourcesContent":["<script>\r\n import { getImageUrl } from '$lib/utils/utils.js';\r\n import { formatDate as scFormatDate,\r\n formatTime as scFormatTime, getDefaultTimezone, formatFullName } from '@getmicdrop/svelte-components';\r\n import { PLACEHOLDER_IMAGE } from '$lib/utils/constants.js';\r\n\r\n let { series, onNavigateToOccurrence } = $props();\r\n\r\n let imageLoaded = $state(false);\r\n\r\n let seriesImage = $derived(\r\n series?.image ? getImageUrl(series.image) : PLACEHOLDER_IMAGE\r\n );\r\n\r\n let tz = $derived(series?.timeZone || getDefaultTimezone());\r\n\r\n function formatDate(iso) {\r\n return scFormatDate(iso, { timeZone: tz });\r\n }\r\n\r\n function formatTime(iso) {\r\n return scFormatTime(iso, { timeZone: tz });\r\n }\r\n\r\n function handleOccurrenceClick(occurrence) {\r\n if (!occurrence.ctaState?.disabled && onNavigateToOccurrence) {\r\n onNavigateToOccurrence(\r\n occurrence.id,\r\n occurrence.slug || '',\r\n occurrence.name || ''\r\n );\r\n }\r\n }\r\n</script>\r\n\r\n{#if series}\r\n <div class=\"series-page\">\r\n <!-- Hero Image -->\r\n <div class=\"hero\">\r\n <div class=\"hero-skeleton\" class:hidden={imageLoaded}></div>\r\n <img\r\n src={seriesImage}\r\n alt={series.title}\r\n class=\"hero-image\"\r\n onload={() => (imageLoaded = true)}\r\n />\r\n <div class=\"hero-overlay\">\r\n <div class=\"hero-content\">\r\n <span class=\"series-badge\">Recurring Event</span>\r\n <h1 class=\"series-title\">{series.title}</h1>\r\n <div class=\"series-venue\">\r\n <span>{series.venue?.name}</span>\r\n {#if series.venue?.googleLocationNameCache}\r\n <span class=\"venue-separator\">·</span>\r\n <span class=\"venue-location\"\r\n >{series.venue.googleLocationNameCache}</span\r\n >\r\n {/if}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Content Grid -->\r\n <div class=\"content-grid\">\r\n <!-- Main Column -->\r\n <div class=\"main-column\">\r\n <!-- About Section -->\r\n <section class=\"section\">\r\n <h2 class=\"section-heading\">About this Series</h2>\r\n {#if series.eventSummary}\r\n <p class=\"series-summary\">{series.eventSummary}</p>\r\n {/if}\r\n {#if series.description}\r\n <div class=\"series-description\">{series.description}</div>\r\n {/if}\r\n </section>\r\n\r\n <!-- Upcoming Dates -->\r\n <section class=\"section\">\r\n <div class=\"dates-header\">\r\n <h2 class=\"section-heading\">Upcoming Dates</h2>\r\n <span class=\"dates-count\"\r\n >{series.occurrences?.length || 0} events</span\r\n >\r\n </div>\r\n\r\n {#if !series.occurrences?.length}\r\n <div class=\"empty-dates\">\r\n <p class=\"empty-text\">\r\n No upcoming dates scheduled at this time.\r\n </p>\r\n <p class=\"empty-subtext\">\r\n Check back soon for new announcements.\r\n </p>\r\n </div>\r\n {:else}\r\n <div class=\"dates-list\">\r\n {#each series.occurrences as occurrence}\r\n <div class=\"occurrence-card\">\r\n <div class=\"occurrence-info\">\r\n <div class=\"occurrence-date\">\r\n {formatDate(occurrence.startDateTime)}\r\n </div>\r\n <div class=\"occurrence-time\">\r\n {formatTime(occurrence.startDateTime)} - {formatTime(\r\n occurrence.endDateTime\r\n )}\r\n </div>\r\n </div>\r\n <div class=\"occurrence-action\">\r\n <button\r\n class=\"cta-button\"\r\n class:cta-disabled={occurrence.ctaState?.disabled}\r\n disabled={occurrence.ctaState?.disabled}\r\n onclick={() => handleOccurrenceClick(occurrence)}\r\n >\r\n {occurrence.ctaState?.text || 'Get tickets'}\r\n </button>\r\n </div>\r\n </div>\r\n {/each}\r\n </div>\r\n {/if}\r\n </section>\r\n\r\n <!-- Performers -->\r\n {#if series.performers?.length}\r\n <section class=\"section\">\r\n <h2 class=\"section-heading\">Performers</h2>\r\n <div class=\"performers-grid\">\r\n {#each series.performers as performer}\r\n <div class=\"performer-card\">\r\n <div class=\"performer-avatar\">\r\n {#if performer.profileImage}\r\n <img\r\n src={getImageUrl(performer.profileImage)}\r\n alt={performer.displayName ||\r\n formatFullName(performer.firstName, performer.lastName)}\r\n class=\"performer-image\"\r\n />\r\n {:else}\r\n <div class=\"performer-placeholder\">\r\n <svg\r\n class=\"placeholder-icon\"\r\n fill=\"currentColor\"\r\n viewBox=\"0 0 24 24\"\r\n >\r\n <path\r\n d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\r\n />\r\n </svg>\r\n </div>\r\n {/if}\r\n </div>\r\n <h3 class=\"performer-name\">\r\n {performer.displayName ||\r\n formatFullName(performer.firstName, performer.lastName)}\r\n </h3>\r\n </div>\r\n {/each}\r\n </div>\r\n </section>\r\n {/if}\r\n </div>\r\n\r\n <!-- Sidebar -->\r\n <div class=\"sidebar\">\r\n <div class=\"sidebar-sticky\">\r\n {#if series.venue?.faq || series.venue?.disclaimer}\r\n <div class=\"sidebar-card\">\r\n {#if series.venue.faq}\r\n <div class=\"sidebar-section\">\r\n <h3 class=\"sidebar-heading\">FAQ</h3>\r\n <div class=\"faq-content\">\r\n {#if Array.isArray(series.venue.faq)}\r\n {#each series.venue.faq as item}\r\n <div class=\"faq-item\">\r\n <p class=\"faq-question\">{item.question}</p>\r\n <p class=\"faq-answer\">{item.answer}</p>\r\n </div>\r\n {/each}\r\n {:else}\r\n <p>{series.venue.faq}</p>\r\n {/if}\r\n </div>\r\n </div>\r\n {/if}\r\n\r\n {#if series.venue.disclaimer}\r\n <div class=\"sidebar-section\">\r\n <h3 class=\"sidebar-heading\">Important Info</h3>\r\n <div class=\"disclaimer-text\">{series.venue.disclaimer}</div>\r\n </div>\r\n {/if}\r\n </div>\r\n {/if}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n{/if}\r\n\r\n<style>\r\n .series-page {\r\n min-height: 100vh;\r\n padding-bottom: 5rem;\r\n background: hsl(var(--surface-primary, 0 0% 100%));\r\n color: hsl(var(--text-primary, 0 0% 10%));\r\n }\r\n\r\n /* Hero */\r\n .hero {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n height: 500px;\r\n }\r\n\r\n @media (width <= 768px) {\r\n .hero {\r\n height: 256px;\r\n }\r\n }\r\n\r\n .hero-skeleton {\r\n position: absolute;\r\n inset: 0;\r\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\r\n background: hsl(var(--surface-secondary, 0 0% 96%));\r\n }\r\n\r\n @keyframes pulse {\r\n 0%,\r\n 100% {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: 0.5;\r\n }\r\n }\r\n\r\n .hero-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.7s ease;\r\n }\r\n\r\n .hero:hover .hero-image {\r\n transform: scale(1.05);\r\n }\r\n\r\n .hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n padding: 1.5rem;\r\n background: linear-gradient(\r\n to top,\r\n color-mix(in srgb, black 90%, transparent),\r\n color-mix(in srgb, black 50%, transparent),\r\n transparent\r\n );\r\n }\r\n\r\n @media (width >= 768px) {\r\n .hero-overlay {\r\n padding: 3rem;\r\n }\r\n }\r\n\r\n .hero-content {\r\n max-width: 64rem;\r\n margin-left: auto;\r\n margin-right: auto;\r\n width: 100%;\r\n }\r\n\r\n .series-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n padding: 0.25rem 0.75rem;\r\n margin-bottom: 1rem;\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n border-radius: 9999px;\r\n box-shadow:\r\n 0 10px 15px -3px rgb(0 0 0 / 10%),\r\n 0 4px 6px -4px rgb(0 0 0 / 10%);\r\n background: hsl(var(--brand-primary, 224 76% 48%));\r\n color: hsl(var(--text-on-primary, 0 0% 100%));\r\n }\r\n\r\n .series-title {\r\n font-size: 2.25rem;\r\n line-height: 1.1;\r\n font-weight: 700;\r\n margin-bottom: 0.75rem;\r\n letter-spacing: -0.025em;\r\n color: hsl(var(--bg-primary));\r\n text-shadow: 0 2px 8px color-mix(in srgb, black 30%, transparent);\r\n }\r\n\r\n @media (width >= 768px) {\r\n .series-title {\r\n font-size: 3.75rem;\r\n line-height: 1;\r\n }\r\n }\r\n\r\n .series-venue {\r\n font-size: 1.125rem;\r\n line-height: 1.75rem;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-weight: 500;\r\n color: color-mix(in srgb, white 90%, transparent);\r\n }\r\n\r\n @media (width >= 768px) {\r\n .series-venue {\r\n font-size: 1.25rem;\r\n line-height: 1.75rem;\r\n }\r\n }\r\n\r\n .venue-separator {\r\n display: none;\r\n opacity: 0.6;\r\n }\r\n\r\n @media (width >= 768px) {\r\n .venue-separator {\r\n display: inline;\r\n }\r\n }\r\n\r\n .venue-location {\r\n opacity: 0.75;\r\n }\r\n\r\n /* Content Grid */\r\n .content-grid {\r\n max-width: 64rem;\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding: 3rem 1.5rem;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 3rem;\r\n }\r\n\r\n @media (width >= 768px) {\r\n .content-grid {\r\n padding-top: 5rem;\r\n padding-bottom: 5rem;\r\n }\r\n }\r\n\r\n @media (width >= 1024px) {\r\n .content-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n .main-column {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4rem;\r\n }\r\n\r\n @media (width >= 1024px) {\r\n .main-column {\r\n grid-column: span 2 / span 2;\r\n }\r\n }\r\n\r\n .section {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .section-heading {\r\n font-size: 1.875rem;\r\n line-height: 2.25rem;\r\n font-weight: 700;\r\n letter-spacing: -0.025em;\r\n padding-bottom: 1rem;\r\n color: hsl(var(--text-primary, 0 0% 10%));\r\n border-bottom: 1px solid hsl(var(--stroke-secondary, 0 0% 90%));\r\n }\r\n\r\n .series-summary {\r\n font-size: 1.25rem;\r\n font-weight: 500;\r\n line-height: 1.625;\r\n color: hsl(var(--text-primary, 0 0% 20%));\r\n }\r\n\r\n .series-description {\r\n max-width: none;\r\n white-space: pre-line;\r\n line-height: 1.625;\r\n color: hsl(var(--text-secondary, 0 0% 40%));\r\n }\r\n\r\n /* Upcoming Dates */\r\n .dates-header {\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: space-between;\r\n padding-bottom: 1rem;\r\n border-bottom: 1px solid hsl(var(--stroke-secondary, 0 0% 90%));\r\n }\r\n\r\n .dates-count {\r\n font-size: 0.875rem;\r\n line-height: 1.25rem;\r\n font-weight: 500;\r\n color: hsl(var(--text-secondary, 0 0% 45%));\r\n }\r\n\r\n .empty-dates {\r\n padding: 3rem;\r\n border-radius: 1rem;\r\n text-align: center;\r\n background: hsl(var(--surface-secondary, 0 0% 96%));\r\n border: 2px dashed hsl(var(--stroke-secondary, 0 0% 85%));\r\n }\r\n\r\n .empty-text {\r\n font-size: 1.125rem;\r\n line-height: 1.75rem;\r\n font-weight: 500;\r\n color: hsl(var(--text-secondary, 0 0% 45%));\r\n }\r\n\r\n .empty-subtext {\r\n margin-top: 0.5rem;\r\n color: hsl(var(--text-secondary, 0 0% 55%));\r\n }\r\n\r\n .dates-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n }\r\n\r\n .occurrence-card {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n padding: 1.5rem;\r\n border-radius: 1rem;\r\n transition: all 0.2s;\r\n background: hsl(var(--surface-primary, 0 0% 100%));\r\n border: 1px solid hsl(var(--stroke-secondary, 0 0% 90%));\r\n }\r\n\r\n @media (width >= 640px) {\r\n .occurrence-card {\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .occurrence-card:hover {\r\n border-color: hsl(var(--brand-primary, 224 76% 48%));\r\n box-shadow: 0 4px 12px color-mix(in srgb, black 8%, transparent);\r\n }\r\n\r\n .occurrence-info {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n @media (width >= 640px) {\r\n .occurrence-info {\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n .occurrence-date {\r\n font-size: 1.25rem;\r\n line-height: 1.75rem;\r\n font-weight: 700;\r\n margin-bottom: 0.25rem;\r\n color: hsl(var(--text-primary, 0 0% 10%));\r\n }\r\n\r\n .occurrence-time {\r\n font-weight: 500;\r\n color: hsl(var(--text-secondary, 0 0% 45%));\r\n }\r\n\r\n .occurrence-action {\r\n padding-left: 0;\r\n }\r\n\r\n @media (width >= 640px) {\r\n .occurrence-action {\r\n padding-left: 1.5rem;\r\n }\r\n }\r\n\r\n .cta-button {\r\n width: 100%;\r\n padding: 0.75rem 1.5rem;\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 transition: transform 0.15s;\r\n background: hsl(var(--brand-primary, 224 76% 48%));\r\n color: hsl(var(--text-on-primary, 0 0% 100%));\r\n }\r\n\r\n @media (width >= 640px) {\r\n .cta-button {\r\n width: auto;\r\n }\r\n }\r\n\r\n .cta-button:hover:not(:disabled) {\r\n transform: scale(1.05);\r\n }\r\n\r\n .cta-disabled {\r\n cursor: not-allowed;\r\n background: hsl(var(--surface-secondary, 0 0% 90%));\r\n color: hsl(var(--text-secondary, 0 0% 55%));\r\n }\r\n\r\n /* Performers */\r\n .performers-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2rem;\r\n }\r\n\r\n @media (width >= 640px) {\r\n .performers-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n .performer-card {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n padding: 1rem;\r\n border-radius: 0.75rem;\r\n transition: background-color 0.15s;\r\n }\r\n\r\n .performer-card:hover {\r\n background: hsl(var(--surface-secondary, 0 0% 96%));\r\n }\r\n\r\n .performer-avatar {\r\n width: 7rem;\r\n height: 7rem;\r\n margin-bottom: 1rem;\r\n border-radius: 9999px;\r\n overflow: hidden;\r\n box-shadow:\r\n 0 4px 6px -1px rgb(0 0 0 / 10%),\r\n 0 2px 4px -2px rgb(0 0 0 / 10%);\r\n background: hsl(var(--surface-secondary, 0 0% 92%));\r\n }\r\n\r\n .performer-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .performer-card:hover .performer-image {\r\n transform: scale(1.1);\r\n }\r\n\r\n .performer-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: hsl(var(--text-secondary, 0 0% 60%));\r\n }\r\n\r\n .placeholder-icon {\r\n width: 3rem;\r\n height: 3rem;\r\n opacity: 0.5;\r\n }\r\n\r\n .performer-name {\r\n font-size: 1.125rem;\r\n line-height: 1.75rem;\r\n font-weight: 600;\r\n color: hsl(var(--text-primary, 0 0% 10%));\r\n }\r\n\r\n /* Sidebar */\r\n .sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n }\r\n\r\n @media (width >= 1024px) {\r\n .sidebar {\r\n grid-column: span 1 / span 1;\r\n }\r\n }\r\n\r\n .sidebar-sticky {\r\n position: sticky;\r\n top: 6rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n }\r\n\r\n .sidebar-card {\r\n border-radius: 1rem;\r\n padding: 2rem;\r\n background: hsl(var(--surface-secondary, 0 0% 96%));\r\n border: 1px solid hsl(var(--stroke-secondary, 0 0% 92%));\r\n }\r\n\r\n .sidebar-section {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .sidebar-section:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .sidebar-heading {\r\n font-size: 0.875rem;\r\n line-height: 1.25rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n margin-bottom: 1rem;\r\n color: hsl(var(--text-primary, 0 0% 10%));\r\n }\r\n\r\n .faq-content {\r\n color: hsl(var(--text-secondary, 0 0% 40%));\r\n }\r\n\r\n .faq-item {\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .faq-question {\r\n font-weight: 700;\r\n color: hsl(var(--text-primary, 0 0% 20%));\r\n }\r\n\r\n .faq-answer {\r\n font-size: 0.875rem;\r\n line-height: 1.25rem;\r\n }\r\n\r\n .disclaimer-text {\r\n font-size: 0.875rem;\r\n line-height: 1.625;\r\n padding: 1rem;\r\n border-radius: 0.5rem;\r\n background: hsl(var(--surface-primary, 0 0% 100%));\r\n color: hsl(var(--text-secondary, 0 0% 40%));\r\n border: 1px solid hsl(var(--stroke-secondary, 0 0% 90%));\r\n }\r\n</style>\r\n"],"names":["imageLoaded","$","seriesImage","getImageUrl","$$props","PLACEHOLDER_IMAGE","tz","getDefaultTimezone","formatDate","iso","scFormatDate","formatTime","scFormatTime","handleOccurrenceClick","occurrence","div","root_1","div_1","div_2","img","div_3","div_4","h1","div_5","span","span_1","fragment_1","text_2","$$render","consequent","div_6","div_7","section","p","root_3","consequent_1","div_8","root_4","consequent_2","section_1","div_9","span_2","div_10","root_5","div_11","root_6","$$anchor","div_12","root_7","div_13","div_14","div_15","div_16","button","classes_1","text_8","alternate","consequent_3","section_2","root_8","div_17","performer","div_18","root_9","div_19","img_1","root_10","$0","$1","formatFullName","div_20","root_11","consequent_4","alternate_1","h3","consequent_5","div_21","div_22","div_23","root_12","div_24","root_13","div_25","item","div_26","root_15","p_1","p_2","text_10","text_11","d","p_3","root_16","text_12","consequent_7","div_27","root_17","div_28","text_13","consequent_8","consequent_9","classes","text_1"],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "svelte/internal/disclose-version";
|
|
2
|
-
import { z as le, E as ge, D as te, H as me, J as fe, B as J, K as he, N as be, A as pe, O as _e, P as ke, Q as xe, R as we, U as ye, V as Ee, h as Te } from "./VenueCalendar-
|
|
2
|
+
import { z as le, E as ge, D as te, H as me, J as fe, B as J, K as he, N as be, A as pe, O as _e, P as ke, Q as xe, R as we, U as ye, V as Ee, h as Te } from "./VenueCalendar-D3g_j17B.js";
|
|
3
3
|
import * as e from "svelte/internal/client";
|
|
4
4
|
import "svelte/internal/flags/legacy";
|
|
5
5
|
import "svelte/transition";
|
|
6
6
|
import "svelte/easing";
|
|
7
7
|
import { onMount as Q } from "svelte";
|
|
8
|
-
import { t as Ce } from "./transform-
|
|
9
|
-
import { O as Ie, m as De, a as Pe, b as Se, c as Ae, d as qe, e as ze } from "./labels-
|
|
8
|
+
import { t as Ce } from "./transform-CXAZf_M1.js";
|
|
9
|
+
import { O as Ie, m as De, a as Pe, b as Se, c as Ae, d as qe, e as ze } from "./labels-CJIz5Cek.js";
|
|
10
10
|
import { H as Ue } from "./Heading-AFd3o0xt.js";
|
|
11
11
|
import { T as j } from "./Text-CXR2fhx6.js";
|
|
12
12
|
var Le = e.from_html('<div class="p-6 md:p-8"><div class="flex justify-center mb-6"><div class="indicator-container svelte-vvc8ob"><div></div> <svg viewBox="0 0 52 52" aria-hidden="true"><circle cx="26" cy="26" r="24" class="checkmark-circle svelte-vvc8ob"></circle><circle cx="26" cy="26" r="24" class="checkmark-fill svelte-vvc8ob"></circle><path d="M14 27l7 7 17-17" class="checkmark-check svelte-vvc8ob"></path></svg></div></div> <div><div class="text-center mb-6"><!> <!> <!></div> <div class="mb-6"><!></div> <div class="flex justify-between items-center py-3 border-t border-default"><!></div> <div class="flex items-center justify-center gap-2 p-3 rounded-lg bg-surface-secondary mt-4"><!> <!></div></div></div>');
|
|
@@ -605,7 +605,7 @@ function it(B, t) {
|
|
|
605
605
|
e.push(t, !0);
|
|
606
606
|
let l = e.state(!1), h = e.state(null);
|
|
607
607
|
typeof window < "u" && new URLSearchParams(window.location.search).get("legacy") === "1" && e.set(l, !0), e.user_effect(() => {
|
|
608
|
-
e.get(l) && !e.get(h) && (K.warn("[VC] DEPRECATED: ?legacy=1 fallback for Success retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./Success.legacy
|
|
608
|
+
e.get(l) && !e.get(h) && (K.warn("[VC] DEPRECATED: ?legacy=1 fallback for Success retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./Success.legacy-BuElevkX.js").then((a) => {
|
|
609
609
|
e.set(h, a.default, !0);
|
|
610
610
|
}).catch(() => {
|
|
611
611
|
e.set(l, !1);
|
|
@@ -712,4 +712,4 @@ function it(B, t) {
|
|
|
712
712
|
export {
|
|
713
713
|
it as default
|
|
714
714
|
};
|
|
715
|
-
//# sourceMappingURL=Success-
|
|
715
|
+
//# sourceMappingURL=Success-BH-b9NQ-.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Success-BH-b9NQ-.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 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\talert(labels.linkCopied || 'Link copied to clipboard!');\r\n\t\t}).catch(() => {\r\n\t\t\tprompt(labels.copyLink || 'Copy this link:', 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\talert('Apple Wallet integration requires backend signing infrastructure.\\nIn production, this would generate a .pkpass file and add it to your Apple Wallet.');\r\n\t}\r\n\r\n\tfunction handleGoogleWallet() {\r\n\t\talert('Google Wallet integration requires backend signing infrastructure.\\nIn production, this would create a Google Wallet pass via the Google Pay API.');\r\n\t}\r\n\r\n\t// --- Directions ---\r\n\tlet directionsUrl = $derived((() => {\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst query = encodeURIComponent(locationParts.join(', '));\r\n\t\treturn `https://www.google.com/maps/search/?api=1&query=${query}`;\r\n\t})());\r\n\r\n\t// --- Navigation ---\r\n\tfunction handleBackToEvent() {\r\n\t\twindow.location.href = eventUrl;\r\n\t}\r\n</script>\r\n\r\n<!--\r\n\tSuccessActions: Sidebar card matching BookingWidget / CheckoutSidebar pattern.\r\n\tSingle Card with event thumbnail, date summary, wallet badges, action buttons, and links.\r\n-->\r\n<div class=\"actions-wrapper\" class:visible={showContent}>\r\n\t<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-secondary\">\r\n\t\t<!-- Event poster (same treatment as HeroImage — object-contain, no crop) -->\r\n\t\t<div class=\"rounded-t-xl overflow-hidden bg-surface-tertiary\">\r\n\t\t\t<img\r\n\t\t\t\tsrc={event.imageUrl}\r\n\t\t\t\talt={event.title}\r\n\t\t\t\tclass=\"sidebar-poster w-full object-contain\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"p-5 space-y-4\">\r\n\t\t\t<!-- Event info -->\r\n\t\t\t<div>\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold block leading-tight\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<div class=\"flex items-center gap-1.5 mt-1.5\">\r\n\t\t\t\t\t<Calendar size={16} class=\"shrink-0 icon-muted\" />\r\n\t\t\t\t\t<Text size=\"xs\" color=\"muted\">\r\n\t\t\t\t\t\t{formatBrowseDate(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{#if event.displayStartTime !== false}\r\n\t\t\t\t\t\t\t· {formatEventTime(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{/if}\r\n\t\t\t\t\t</Text>\r\n\t\t\t\t</div>\r\n\t\t\t\t<Text size=\"xs\" color=\"muted\" class=\"block mt-0.5\">\r\n\t\t\t\t\t{event.venue.name}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Wallet badges (official brand assets) -->\r\n\t\t\t<div class=\"flex flex-col items-center gap-3\">\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleAppleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/apple-wallet.svg\"\r\n\t\t\t\t\t\talt={labels.addToAppleWallet || 'Add to Apple Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleGoogleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-dark.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet || 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-dark\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-light.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet || 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-light\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Divider -->\r\n\t\t\t<div class=\"divider\"></div>\r\n\r\n\t\t\t<!-- Calendar dropdown (full width) -->\r\n\t\t\t<div class=\"calendar-dropdown relative\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\tclass=\"w-full\"\r\n\t\t\t\t\tonclick={toggleCalendar}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Calendar size={16} />\r\n\t\t\t\t\t{labels.addToCalendar || 'Add to Calendar'}\r\n\t\t\t\t\t<ChevronDown size={16} class=\"ml-auto transition-transform {calendarOpen ? 'rotate-180' : ''}\" />\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if calendarOpen}\r\n\t\t\t\t\t<div class=\"dropdown-menu bg-surface-primary border-default\">\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\thref={googleCalendarUrl}\r\n\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\r\n\t\t\t\t\t\t\tclass=\"dropdown-item text-color-primary hover:bg-surface-secondary\"\r\n\t\t\t\t\t\t\tonclick={handleGoogleCalendar}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg class=\"shrink-0\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n\t\t\t\t\t\t\t\t<path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z\" fill=\"#4285F4\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z\" fill=\"#FBBC05\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t{labels.googleCalendar || 'Google Calendar'}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t<button type=\"button\" class=\"dropdown-item text-color-primary hover:bg-surface-secondary\" onclick={downloadICS}>\r\n\t\t\t\t\t\t\t<Apple size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t\t{labels.appleCalendar || 'Apple Calendar (.ics)'}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Share + Directions row -->\r\n\t\t\t<div class=\"flex gap-2\">\r\n\t\t\t\t<Button variant=\"default\" size=\"md\" class=\"flex-1\" onclick={shareEvent}>\r\n\t\t\t\t\t<Share size={16} />\r\n\t\t\t\t\t{labels.share || 'Share'}\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if event.venue.address}\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\t\tclass=\"flex-1\"\r\n\t\t\t\t\t\thref={directionsUrl}\r\n\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<LocationFilled size={16} />\r\n\t\t\t\t\t\t{labels.map || 'Map'}\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Text links -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-4 pt-1\">\r\n\t\t\t\t<button type=\"button\" class=\"text-link text-color-muted hover:text-color-secondary\" onclick={handleBackToEvent}>\r\n\t\t\t\t\t<ArrowLeft size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t{labels.backToEvent || 'Back to event'}\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t{#if event.venue.contactEmail}\r\n\t\t\t\t\t<span class=\"text-color-muted\">·</span>\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\thref=\"mailto:{event.venue.contactEmail}?subject=Help with Order {orderId}\"\r\n\t\t\t\t\t\tclass=\"text-link text-color-muted hover:text-color-secondary\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<Help size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t{labels.needHelp || 'Need help?'}\r\n\t\t\t\t\t</a>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</Card>\r\n</div>\r\n\r\n<style>\r\n\t/* Wrapper — fades in with content */\r\n\t.actions-wrapper {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.actions-wrapper.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/* Sidebar poster — same object-contain treatment as HeroImage */\r\n\t.sidebar-poster {\r\n\t\tmax-height: 15rem;\r\n\t\tmin-height: 6rem;\r\n\t}\r\n\r\n\t/* Wallet badges — official brand assets, no modifications per guidelines */\r\n\t.wallet-badge-btn {\r\n\t\tdisplay: block;\r\n\t\ttransition-property: opacity;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t.wallet-badge-btn:hover {\r\n\t\topacity: 0.85;\r\n\t}\r\n\r\n\t.wallet-badge-btn:active {\r\n\t\topacity: 0.7;\r\n\t}\r\n\r\n\t.wallet-badge-img {\r\n\t\theight: 44px;\r\n\t\twidth: auto;\r\n\t}\r\n\r\n\t/* Google badge: show dark variant in light mode, light variant in dark mode */\r\n\t.google-light {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t/* Calendar dropdown menu */\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tmargin-top: 0.25rem;\r\n\t\tpadding-top: 0.25rem;\r\n\t\tpadding-bottom: 0.25rem;\r\n\t\tborder-radius: 0.5rem;\r\n\t\tbox-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);\r\n\t\tz-index: var(--z-navigation);\r\n\t\tborder-width: 1px;\r\n\t\tborder-style: solid;\r\n\t}\r\n\r\n\t.dropdown-item {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.625rem;\r\n\t\twidth: 100%;\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\t\tfont-size: 0.875rem;\r\n\t\tline-height: 1.25rem;\r\n\t\ttext-align: left;\r\n\t\ttransition-property: color, background-color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/* Text links */\r\n\t.text-link {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.25rem;\r\n\t\tfont-size: 0.75rem;\r\n\t\tline-height: 1rem;\r\n\t\ttransition-property: color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/* Reduced motion */\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.actions-wrapper {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { 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 from the mock order lines\r\n\tlet orderTotals: OrderTotals = $derived((() => {\r\n\t\tconst lines = current.lines;\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\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\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};\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","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","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, R as G, C as me, X as ge, h as pe } from "./VenueCalendar-
|
|
2
|
+
import { t as ce, R as G, C as me, X as ge, h as pe } from "./VenueCalendar-D3g_j17B.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 Ae(H, f) {
|
|
|
192
192
|
export {
|
|
193
193
|
Ae as default
|
|
194
194
|
};
|
|
195
|
-
//# sourceMappingURL=Success.legacy
|
|
195
|
+
//# sourceMappingURL=Success.legacy-BuElevkX.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Success.legacy-BuElevkX.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":";;;;;;;;MAEOA,IAASC,GAAa,gBAAgB;;kBAG7C;;MAOQC,IAAIC,EAAA,KAAAC,GAAA,QAAA,IAAA,OAAA,CAAA,EAAA,GAAOC,6BAAW,EAAE,GAAEC,8BAAY,GAAG;;IAG7C,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAOC;AAAA,IACP,SAASC;AAAA,IACT,eAAeC;AAAA,IACf,WAAWC;AAAA,IACX,eAAeC;AAAA,IACf,eAAeC;AAAA,MACbb,EAAI,KAAA,CAAA;AAEJ,MAAAc,IAAQ;AACR,MAAAN;QACE;AACF,MAAAM,IAAQC,GAAeP,CAAQ;AAAA,IACjC,SAASQ,GAAG;AACV,MAAAlB,EAAO,KAAK,+CAA+CkB,CAAC,GAC5DF,IAAQN;AAAA,IACV;AAGE,MAAAS,IAAQ,MAERC,IAAQjB,EAAA,MAAO,EAAE,GACjBkB,IAAKlB,EAAA,MAAO,EAAE,GACdmB,IAAOnB,EAAA,MAAO,EAAE,GAChBoB,IAAOpB,EAAA,MAAO,EAAE,GAChBqB,IAAWrB,EAAA,MAAO,EAAE,GACpBsB,IAAUd,KAAmBT,EAAI,GAAE,WAAW,IAG9CwB,IAAevB,EAAA,MAAO,EAAK,GAC3BwB,IAAaxB,EAAA,MAAO,EAAK,GACzByB,IAAczB,EAAA,MAAO,EAAK;WAErB0B,EAAoBC,GAAgB;AACtC,QAAA,CAAAA,UAAuB;AAEtB,UAAAC,IAAKf,GAAO,YAAY;AACvB,WAAAgB,GAAeF,GAAc,EAClC,SAAS,SACT,QAAQ,IACR,UAAUC,GAAE;AAAA,EAEhB;QAGME,IAAc;AAAA,IAClBC,EAAO;AAAA,IACPA,EAAO,IAAI;AAAA,IACXA,EAAO,IAAI,GAAG;AAAA,IACdA,EAAO,KAAK,GAAG;AAAA,IACfA,EAAO,OAAO,GAAG;AAAA,IACjBA,EAAO;AAAA,IACPA,EAAO,KAAK,GAAG;AAAA,IACfA,EAAO,OAAO,GAAG;AAAA,KAEbC,IAAoB,MAAM,KAAI,EAAG,QAAQ,GAAE,GAAA,CAAKC,GAAGC,OAAC;AAAA,IACxD,IAAIA;AAAA,IACJ,OAAOJ,EAAe,KAAK,MAAM,KAAK,OAAM,IAAKA,EAAe,MAAM,CAAA;AAAA,IACtE,MAAM,KAAK,OAAM,IAAK;AAAA,IACtB,OAAO,KAAK,OAAM,IAAK;AAAA,IACvB,UAAU,IAAI,KAAK,OAAM,IAAK;AAAA,IAC9B,MAAM,IAAI,KAAK,OAAM,IAAK;AAAA,IAC1B,UAAU,KAAK,WAAW;AAAA;AAG5B,EAAAK,eAAoB;AAElB;AAAA,YAAiB;AACf,QAAAnC,EAAA,IAAAuB,GAAe,EAAI;AAAA,MACrB;AAAA,MAAG;AAAA,OAEH;AAAA,YAAiB;AACf,QAAAvB,EAAA,IAAAwB,GAAa,EAAI;AAAA,MACnB;AAAA,MAAG;AAAA,OAEH;AAAA,YAAiB;AACf,QAAAxB,EAAA,IAAAyB,GAAc,EAAI;AAAA,MACpB;AAAA,MAAG;AAAA;QAEC;AACE,UAAAW,IAAY;UACZ;AACS,QAAA,OAAAC,KAAa,cAAcf,MACpCc,IAAS,MAASC,EAASf,CAAO;AAAA,MAEtC,SAASP,GAAG;AACV,QAAAlB,EAAO,KACL,wEACAkB,CAAC;AAAA,MAEL;AAEI,MAAAqB,KACFpB,IAAQoB,GACRpC,EAAA,IAAAiB,GAAQmB,EAAU,iBAAiB3B,KAAyB,IAAE,EAAA,GAC9DT,EAAA,IAAAkB,GAAKkB,EAAU,MAAMd,GAAO,EAAA,SAC5BH,GAAOiB,EAAU,aAAavB,GAAO,QAAQH,KAAqB,IAAE,EAAA,SACpEU,GAAOM,EACLU,EAAU,iBACRvB,GAAO,iBACPF,CAAqB,GAAA,EAAA,SAEzBU,GACEe,EAAU,iBACVvB,GAAO,YACPD,KACA,IAAE,EAAA,YAEJK,GAAQR,KAAyB,IAAE,EAAA,GACnCT,EAAA,IAAAkB,GAAKI,GAAO,EAAA,GACZtB,EAAA,IAAAmB,GAAOT,KAAqBG,GAAO,QAAQ,IAAE,EAAA,GAC7Cb,EAAA,IAAAoB,GAAOM,EACLf,KAAyBE,GAAO,aAAa,GAAA,EAAA,GAE/Cb,EAAA,IAAAqB,GAAWT,KAAyBC,GAAO,YAAY,IAAE,EAAA;AAAA,IAE7D,SAASyB,GAAK;AACZ,MAAAzC,EAAO,MAAM,8BAA8ByC,CAAG,GACtCA,EAAI,eACZrB,GAAQR,KAAyB,0BAAwB,EAAA,GACzDT,EAAA,IAAAkB,GAAKI,GAAO,EAAA,GACZtB,EAAA,IAAAmB,GAAON,GAAO,QAAQH,KAAqB,IAAE,EAAA,GAC7CV,EAAA,IAAAoB,GAAOM,EAAoBb,GAAO,iBAAiBF,CAAqB,GAAA,EAAA,GACxEX,EAAA,IAAAqB,GAAWR,GAAO,YAAYD,KAAyB,IAAE,EAAA;AAAA,IAC3D;AAAA,EACF,CAAC;MAGF2B,IAAGC,GAAA,eAAHD,CAAG;;;UAGCE,IAAGC,GAAA;aAAHD,GAAG,IAAA,MACKT,GAAiB,CAAIW,MAAUA,EAAS,IAAE,CAAAC,GAArBD,MAAQ;YACjCE,IAAGC,GAAA;4CAAHD,GAAG;AAAA,oBAGO7C,EAAA,IAAA2C,CAAQ,EAAC,QAAI,EAAA;AAAA,gCACD3C,EAAA,IAAA2C,CAAQ,EAAC,SAAK,EAAA;AAAA,+BACf3C,EAAA,IAAA2C,CAAQ,EAAC,SAAK,EAAA;AAAA,kCACX3C,EAAA,IAAA2C,CAAQ,EAAC,YAAQ,EAAA;AAAA,qBAC9B3C,EAAA,IAAA2C,CAAQ,EAAC,QAAI,EAAA;AAAA,sBACZ3C,EAAA,IAAA2C,CAAQ,EAAC,QAAI,EAAA;AAAA,gCACH3C,EAAA,IAAA2C,CAAQ,EAAC,YAAQ,EAAA;AAAA,2BATvCE,CAAG;AAAA,kBAFPJ,CAAG,eAAHA,CAAG;AAAA;;YADDlB,CAAY,KAAAwB,EAAAC,CAAA;AAAA;;MAmBhBC,IAAGjD,EAAA,QAAAkD,GAAA,CAAA,GAEDC,YAFFF,CAAG;;AASC,MAAAG,sBAPFD,CAAG,GAAA,CAAA;;AAQC,MAAAE,YADFD,CAAG,GAECE,YADFD,CAAG,GAECE,YADFD,CAAG,gBACDC,CAAG;AACD,EAAAC,GAAeC,IAAA,EAAA,OAAA,aAAA,CAAA,WADjBF,CAAG,sBADLD,CAAG;AAcH,MAAAI,cAdAJ,GAAG,CAAA;;AAmBD,MAAAK,YALFD,CAAE,GAOEE,sBAFFD,CAAG,GAAA,CAAA,gBAEDC,GAAE,EAAA;UAAFA,CAAE,WAFJD,CAAG;oBAAHA,GAAG,CAAA;;;UAMDE,IAAGC,GAAA,GAEDC,sBAFFF,CAAG,GAAA,CAAA,eAEDE,CAAE;cAAFA,CAAE,WAFJF,CAAG,mDAEkC3C,CAAE,KAAA,EAAA,EAAA,CAAA,eAFvC2C,CAAG;AAAA;;YADD3C,CAAE,KAAA6B,EAAAiB,EAAA;AAAA;;;;;UAQJC,IAAGC,GAAA,GAEDC,sBAFFF,CAAG,GAAA,CAAA,eAEDE,GAAE,EAAA;cAAFA,CAAE,WAFJF,CAAG,+CAEmC9C,CAAI,CAAA,CAAA,eAF1C8C,CAAG;AAAA;;YADD9C,CAAI,KAAA4B,EAAAqB,EAAA;AAAA;;;;;UAQNC,IAAGC,GAAA,GAEDC,sBAFFF,CAAG,GAAA,CAAA,GAEwBG,YAAzBD,CAAE,eAAuBC,GAAI,EAAA;cAAJA,CAAI,WAA7BD,CAAE,WAFJF,CAAG,+CAE8BjD,CAAI,CAAA,CAAA,eAFrCiD,CAAG;AAAA;;YADDjD,CAAI,KAAA2B,EAAA0B,EAAA;AAAA;;;;;UAQNC,IAAGC,GAAA,GAEDC,sBAFFF,CAAG,GAAA,CAAA,eAEDE,GAAE,EAAA;cAAFA,CAAE,WAFJF,CAAG,+CAEwBrD,CAAQ,CAAA,CAAA,eAFnCqD,CAAG;AAAA;;YADDrD,CAAQ,KAAA0B,EAAA8B,EAAA;AAAA;;UA/BdnB,CAAE,sBAfJL,CAAG,sBADLD,CAAG,WAPLD,CAAG;qBAAHA,GAAG,CAAA;;;UA0ED2B,IAAGC,GAAA;;sBAAHD,CAAG;;;cAECE,IAACC,GAAA;AAAD,UAAAjF,EAAA,gBAAA,MAAAA,EAAA,cAAAgF,WAAQ9E,EAAQ,CAAA,CAAA,eAAhB8E,CAAC;AAAA;;UADC9E,EAAQ,KAAA6C,EAAAmC,CAAA;AAAA;;;;;cAIVC,IAACC,GAAA;AAAD,UAAApF,EAAA,gBAAA,MAAAA,EAAA,cAAAmF,WAAQhF,EAAS,CAAA,CAAA,eAAjBgF,CAAC;AAAA;;UADChF,EAAS,KAAA4C,EAAAsC,EAAA;AAAA;;cAJfP,CAAG,GAAH9E,EAAA,gBAAA,MAAAsF,IAAAtF,EAAA,UAAA8E,4DAAoCrD,CAAW,EAAA,CAAA,CAAA,eAA/CqD,CAAG;AAAA;;AADD,OAAA5E,EAAQ,KAAIC,QAAS4C,EAAAwC,EAAA;AAAA;;UA3E3BtC,CAAG,WArBLV,CAAG;AAuBC,IAAAiD,IAAAxF,EAAA,UAAAmD,gEAA0C3B,CAAU,EAAA,CAAA,GAOlDiE,IAAAzF,EAAA,UAAAoD,4DAAoC5B,CAAU,EAAA,CAAA,GAgB1CkE,IAAA1F,EAAA,UAAA0D,kEAEgBjC,CAAW,EAAA,CAAA,GAKEzB,EAAA,SAAA2F,IAAA3F,EAAA,IAAAiB,CAAK,KAAI,YAAY;AAAA,kBArD5DsB,CAAG;AAFI;"}
|
|
@@ -24268,7 +24268,10 @@ async function YH(e) {
|
|
|
24268
24268
|
`${n0()}/orders/session/${e}`
|
|
24269
24269
|
);
|
|
24270
24270
|
if (!a.ok)
|
|
24271
|
-
return {
|
|
24271
|
+
return {
|
|
24272
|
+
error: (await a.json().catch(() => ({}))).error || "No active session found",
|
|
24273
|
+
notFound: a.status === 404
|
|
24274
|
+
};
|
|
24272
24275
|
const s = await a.json();
|
|
24273
24276
|
return {
|
|
24274
24277
|
expiresAt: s.expiresAt,
|
|
@@ -25221,13 +25224,13 @@ function q5(e, a) {
|
|
|
25221
25224
|
}), t.user_effect(() => {
|
|
25222
25225
|
t.get(o1) && (w1 && clearTimeout(w1), t.set(t1, !1));
|
|
25223
25226
|
}), t.user_effect(() => {
|
|
25224
|
-
t.get(H) && (N8.warn("[VC] DEPRECATED: ?legacy=1 fallback for CalendarContainer views retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./GalleryView.legacy-
|
|
25227
|
+
t.get(H) && (N8.warn("[VC] DEPRECATED: ?legacy=1 fallback for CalendarContainer views retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./GalleryView.legacy-DiJEEg4a.js").then((G) => {
|
|
25225
25228
|
t.set(z, G.default, !0);
|
|
25226
|
-
}), import("./GroupedListView.legacy-
|
|
25229
|
+
}), import("./GroupedListView.legacy-BlY6IUF7.js").then((G) => {
|
|
25227
25230
|
t.set(x, G.default, !0);
|
|
25228
|
-
}), import("./CarouselView.legacy-
|
|
25231
|
+
}), import("./CarouselView.legacy-DtUAYloL.js").then((G) => {
|
|
25229
25232
|
t.set(M, G.default, !0);
|
|
25230
|
-
}), import("./FeaturedView.legacy-
|
|
25233
|
+
}), import("./FeaturedView.legacy-CKANudQ1.js").then((G) => {
|
|
25231
25234
|
t.set(u, G.default, !0);
|
|
25232
25235
|
}));
|
|
25233
25236
|
}), q0(() => {
|
|
@@ -26443,7 +26446,7 @@ if (typeof window < "u" && typeof HTMLElement < "u") {
|
|
|
26443
26446
|
}
|
|
26444
26447
|
}, customElements.get("micdrop-calendar") || customElements.define("micdrop-calendar", G8);
|
|
26445
26448
|
}
|
|
26446
|
-
const _f = "4.0.
|
|
26449
|
+
const _f = "4.0.7", f4 = O2("VenueCalendar");
|
|
26447
26450
|
let M5 = null;
|
|
26448
26451
|
function q9(e = {}) {
|
|
26449
26452
|
typeof e.onError == "function" && (M5 = e.onError, Ct({
|
|
@@ -26476,35 +26479,35 @@ function O0(e, a) {
|
|
|
26476
26479
|
const g2 = {
|
|
26477
26480
|
EventDetailsView: () => O0(
|
|
26478
26481
|
"EventDetailsView",
|
|
26479
|
-
() => import("./EventDetailsView-
|
|
26482
|
+
() => import("./EventDetailsView-CKpXTip_.js").then((e) => e.default)
|
|
26480
26483
|
),
|
|
26481
26484
|
Checkout: () => O0(
|
|
26482
26485
|
"Checkout",
|
|
26483
|
-
() => import("./Checkout-
|
|
26486
|
+
() => import("./Checkout-DET04TDs.js").then((e) => e.C).then((e) => e.default)
|
|
26484
26487
|
),
|
|
26485
26488
|
Success: () => O0(
|
|
26486
26489
|
"Success",
|
|
26487
|
-
() => import("./Success-
|
|
26490
|
+
() => import("./Success-BH-b9NQ-.js").then((e) => e.default)
|
|
26488
26491
|
),
|
|
26489
26492
|
CartView: () => O0(
|
|
26490
26493
|
"CartView",
|
|
26491
|
-
() => import("./CartView-
|
|
26494
|
+
() => import("./CartView-Be1-gajf.js").then((e) => e.default)
|
|
26492
26495
|
),
|
|
26493
26496
|
ViewTicketsEmbed: () => O0(
|
|
26494
26497
|
"ViewTicketsEmbed",
|
|
26495
|
-
() => import("./ViewTicketsEmbed-
|
|
26498
|
+
() => import("./ViewTicketsEmbed-BUIrA7s5.js").then((e) => e.default)
|
|
26496
26499
|
),
|
|
26497
26500
|
CheckoutMain: () => O0(
|
|
26498
26501
|
"CheckoutMain",
|
|
26499
|
-
() => import("./CheckoutMain-
|
|
26502
|
+
() => import("./CheckoutMain-CddDRMZ6.js").then((e) => e.a).then((e) => e.default)
|
|
26500
26503
|
),
|
|
26501
26504
|
SeriesPage: () => O0(
|
|
26502
26505
|
"SeriesPage",
|
|
26503
|
-
() => import("./SeriesPage-
|
|
26506
|
+
() => import("./SeriesPage-AHd2GQvo.js").then((e) => e.default)
|
|
26504
26507
|
),
|
|
26505
26508
|
CollectionView: () => O0(
|
|
26506
26509
|
"CollectionView",
|
|
26507
|
-
() => import("./CollectionView-
|
|
26510
|
+
() => import("./CollectionView-DsNE9b9o.js").then((e) => e.default)
|
|
26508
26511
|
)
|
|
26509
26512
|
};
|
|
26510
26513
|
function dt(e, a) {
|
|
@@ -26930,4 +26933,4 @@ export {
|
|
|
26930
26933
|
eM as y,
|
|
26931
26934
|
Wf as z
|
|
26932
26935
|
};
|
|
26933
|
-
//# sourceMappingURL=VenueCalendar-
|
|
26936
|
+
//# sourceMappingURL=VenueCalendar-D3g_j17B.js.map
|