npm - @getmicdrop/venue-calendar - Versions diffs - 4.0.23 → 4.0.24 - Mend

@getmicdrop/venue-calendar 4.0.23 → 4.0.24

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 (57) hide show

package/dist/{SeriesPage.legacy-Dh_Yx9Sl.js → SeriesPage.legacy-2h6fMKlK.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
-import { aH as ue, e as J, v as pe, aN as K, aO as be, a3 as xe } from "./VenueCalendar-CubKu-BL.js";
+import { aI as ue, e as J, v as pe, aO as K, aP as be, a3 as xe } from "./VenueCalendar-DDc5rhjI.js";
 import "svelte/internal/flags/legacy";
 import "svelte/transition";
 import "svelte/easing";
-var Ne = e.from_html('<span class="venue-separator svelte-4y42r2">&#183;</span> <span class="venue-location svelte-4y42r2"> </span>', 1), qe = e.from_html('<p class="series-summary svelte-4y42r2"> </p>'), ke = e.from_html('<div class="series-description svelte-4y42r2"> </div>'), De = e.from_html('<div class="empty-dates svelte-4y42r2"><p class="empty-text svelte-4y42r2">No upcoming dates scheduled at this time.</p> <p class="empty-subtext svelte-4y42r2">Check back soon for new announcements.</p></div>'), Se = e.from_html('<div class="occurrence-card svelte-4y42r2"><div class="occurrence-info svelte-4y42r2"><div class="occurrence-date svelte-4y42r2"> </div> <div class="occurrence-time svelte-4y42r2"> </div></div> <div class="occurrence-action svelte-4y42r2"><button> </button></div></div>'), Te = e.from_html('<div class="dates-list svelte-4y42r2"></div>'), Ie = e.from_html('<img class="performer-image svelte-4y42r2"/>'), Ae = e.from_html('<div class="performer-placeholder svelte-4y42r2"><svg class="placeholder-icon svelte-4y42r2" fill="currentColor" viewBox="0 0 24 24"><path 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" class="svelte-4y42r2"></path></svg></div>'), Ce = e.from_html('<div class="performer-card svelte-4y42r2"><div class="performer-avatar svelte-4y42r2"><!></div> <h3 class="performer-name svelte-4y42r2"> </h3></div>'), Le = e.from_html('<section class="section svelte-4y42r2"><h2 class="section-heading svelte-4y42r2">Performers</h2> <div class="performers-grid svelte-4y42r2"></div></section>'), Oe = e.from_html('<div class="faq-item svelte-4y42r2"><p class="faq-question svelte-4y42r2"> </p> <p class="faq-answer svelte-4y42r2"> </p></div>'), we = e.from_html('<p class="svelte-4y42r2"> </p>'), ze = e.from_html('<div class="sidebar-section svelte-4y42r2"><h3 class="sidebar-heading svelte-4y42r2">FAQ</h3> <div class="faq-content svelte-4y42r2"><!></div></div>'), Ee = e.from_html('<div class="sidebar-section svelte-4y42r2"><h3 class="sidebar-heading svelte-4y42r2">Important Info</h3> <div class="disclaimer-text svelte-4y42r2"> </div></div>'), Pe = e.from_html('<div class="sidebar-card svelte-4y42r2"><!> <!></div>'), Ze = e.from_html('<div class="series-page svelte-4y42r2"><div class="hero svelte-4y42r2"><div></div> <img class="hero-image svelte-4y42r2"/> <div class="hero-overlay svelte-4y42r2"><div class="hero-content svelte-4y42r2"><span class="series-badge svelte-4y42r2">Recurring Event</span> <h1 class="series-title svelte-4y42r2"> </h1> <div class="series-venue svelte-4y42r2"><span class="svelte-4y42r2"> </span> <!></div></div></div></div> <div class="content-grid svelte-4y42r2"><div class="main-column svelte-4y42r2"><section class="section svelte-4y42r2"><h2 class="section-heading svelte-4y42r2">About this Series</h2> <!> <!></section> <section class="section svelte-4y42r2"><div class="dates-header svelte-4y42r2"><h2 class="section-heading svelte-4y42r2">Upcoming Dates</h2> <span class="dates-count svelte-4y42r2"> </span></div> <!></section> <!></div> <div class="sidebar svelte-4y42r2"><div class="sidebar-sticky svelte-4y42r2"><!></div></div></div></div>');
-function Ue(V, t) {
+var Ne = e.from_html('<span class="venue-separator svelte-4y42r2">&#183;</span> <span class="venue-location svelte-4y42r2"> </span>', 1), qe = e.from_html('<p class="series-summary svelte-4y42r2"> </p>'), ke = e.from_html('<div class="series-description svelte-4y42r2"> </div>'), De = e.from_html('<div class="empty-dates svelte-4y42r2"><p class="empty-text svelte-4y42r2">No upcoming dates scheduled at this time.</p> <p class="empty-subtext svelte-4y42r2">Check back soon for new announcements.</p></div>'), Ie = e.from_html('<div class="occurrence-card svelte-4y42r2"><div class="occurrence-info svelte-4y42r2"><div class="occurrence-date svelte-4y42r2"> </div> <div class="occurrence-time svelte-4y42r2"> </div></div> <div class="occurrence-action svelte-4y42r2"><button> </button></div></div>'), Se = e.from_html('<div class="dates-list svelte-4y42r2"></div>'), Te = e.from_html('<img class="performer-image svelte-4y42r2"/>'), Ae = e.from_html('<div class="performer-placeholder svelte-4y42r2"><svg class="placeholder-icon svelte-4y42r2" fill="currentColor" viewBox="0 0 24 24"><path 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" class="svelte-4y42r2"></path></svg></div>'), Ce = e.from_html('<div class="performer-card svelte-4y42r2"><div class="performer-avatar svelte-4y42r2"><!></div> <h3 class="performer-name svelte-4y42r2"> </h3></div>'), Le = e.from_html('<section class="section svelte-4y42r2"><h2 class="section-heading svelte-4y42r2">Performers</h2> <div class="performers-grid svelte-4y42r2"></div></section>'), Oe = e.from_html('<div class="faq-item svelte-4y42r2"><p class="faq-question svelte-4y42r2"> </p> <p class="faq-answer svelte-4y42r2"> </p></div>'), we = e.from_html('<p class="svelte-4y42r2"> </p>'), ze = e.from_html('<div class="sidebar-section svelte-4y42r2"><h3 class="sidebar-heading svelte-4y42r2">FAQ</h3> <div class="faq-content svelte-4y42r2"><!></div></div>'), Ee = e.from_html('<div class="sidebar-section svelte-4y42r2"><h3 class="sidebar-heading svelte-4y42r2">Important Info</h3> <div class="disclaimer-text svelte-4y42r2"> </div></div>'), Pe = e.from_html('<div class="sidebar-card svelte-4y42r2"><!> <!></div>'), Ze = e.from_html('<div class="series-page svelte-4y42r2"><div class="hero svelte-4y42r2"><div></div> <img class="hero-image svelte-4y42r2"/> <div class="hero-overlay svelte-4y42r2"><div class="hero-content svelte-4y42r2"><span class="series-badge svelte-4y42r2">Recurring Event</span> <h1 class="series-title svelte-4y42r2"> </h1> <div class="series-venue svelte-4y42r2"><span class="svelte-4y42r2"> </span> <!></div></div></div></div> <div class="content-grid svelte-4y42r2"><div class="main-column svelte-4y42r2"><section class="section svelte-4y42r2"><h2 class="section-heading svelte-4y42r2">About this Series</h2> <!> <!></section> <section class="section svelte-4y42r2"><div class="dates-header svelte-4y42r2"><h2 class="section-heading svelte-4y42r2">Upcoming Dates</h2> <span class="dates-count svelte-4y42r2"> </span></div> <!></section> <!></div> <div class="sidebar svelte-4y42r2"><div class="sidebar-sticky svelte-4y42r2"><!></div></div></div></div>');
+function Be(V, t) {
   e.push(t, !0);
   let L = e.state(!1), W = e.derived(() => t.series?.image ? J(t.series.image) : ue), O = e.derived(() => t.series?.timeZone || pe());
   function X(n) {
@@ -37,17 +37,17 @@ function Ue(V, t) {
         });
       }
       e.reset(G), e.reset(F), e.reset(Z), e.reset(x);
-      var H = e.sibling(x, 2), k = e.child(H), D = e.child(k), M = e.sibling(e.child(D), 2);
+      var M = e.sibling(x, 2), k = e.child(M), D = e.child(k), R = e.sibling(e.child(D), 2);
       {
         var re = (s) => {
           var a = qe(), r = e.child(a, !0);
           e.reset(a), e.template_effect(() => e.set_text(r, t.series.eventSummary)), e.append(s, a);
         };
-        e.if(M, (s) => {
+        e.if(R, (s) => {
           t.series.eventSummary && s(re);
         });
       }
-      var ve = e.sibling(M, 2);
+      var ve = e.sibling(R, 2);
       {
         var le = (s) => {
           var a = ke(), r = e.child(a, !0);
@@ -58,17 +58,17 @@ function Ue(V, t) {
         });
       }
       e.reset(D);
-      var S = e.sibling(D, 2), T = e.child(S), R = e.sibling(e.child(T), 2), de = e.child(R);
-      e.reset(R), e.reset(T);
-      var ce = e.sibling(T, 2);
+      var I = e.sibling(D, 2), S = e.child(I), U = e.sibling(e.child(S), 2), de = e.child(U);
+      e.reset(U), e.reset(S);
+      var ce = e.sibling(S, 2);
       {
         var ne = (s) => {
           var a = De();
           e.append(s, a);
         }, oe = (s) => {
-          var a = Te();
+          var a = Se();
           e.each(a, 21, () => t.series.occurrences, e.index, (r, d) => {
-            var v = Se(), h = e.child(v), i = e.child(h), o = e.child(i, !0);
+            var v = Ie(), h = e.child(v), i = e.child(h), o = e.child(i, !0);
             e.reset(i);
             var _ = e.sibling(i, 2), g = e.child(_);
             e.reset(_), e.reset(h);
@@ -76,8 +76,8 @@ function Ue(V, t) {
             let c;
             var l = e.child(f, !0);
             e.reset(f), e.reset(y), e.reset(v), e.template_effect(
-              (m, u, I) => {
-                e.set_text(o, m), e.set_text(g, `${u ?? ""} - ${I ?? ""}`), c = e.set_class(f, 1, "cta-button svelte-4y42r2", null, c, { "cta-disabled": e.get(d).ctaState?.disabled }), f.disabled = e.get(d).ctaState?.disabled, e.set_text(l, e.get(d).ctaState?.text || "Get tickets");
+              (m, u, T) => {
+                e.set_text(o, m), e.set_text(g, `${u ?? ""} - ${T ?? ""}`), c = e.set_class(f, 1, "cta-button svelte-4y42r2", null, c, { "cta-disabled": e.get(d).ctaState?.disabled }), f.disabled = e.get(d).ctaState?.disabled, e.set_text(l, e.get(d).ctaState?.text || "Get tickets");
               },
               [
                 () => X(e.get(d).startDateTime),
@@ -91,8 +91,8 @@ function Ue(V, t) {
           t.series.occurrences?.length ? s(oe, !1) : s(ne);
         });
       }
-      e.reset(S);
-      var _e = e.sibling(S, 2);
+      e.reset(I);
+      var _e = e.sibling(I, 2);
       {
         var me = (s) => {
           var a = Le(), r = e.sibling(e.child(a), 2);
@@ -100,7 +100,7 @@ function Ue(V, t) {
             var h = Ce(), i = e.child(h), o = e.child(i);
             {
               var _ = (c) => {
-                var l = Ie();
+                var l = Te();
                 e.template_effect(
                   (m, u) => {
                     e.set_attribute(l, "src", m), e.set_attribute(l, "alt", u);
@@ -130,7 +130,7 @@ function Ue(V, t) {
         });
       }
       e.reset(k);
-      var U = e.sibling(k, 2), B = e.child(U), he = e.child(B);
+      var B = e.sibling(k, 2), H = e.child(B), he = e.child(H);
       {
         var fe = (s) => {
           var a = Pe(), r = e.child(a);
@@ -140,13 +140,13 @@ function Ue(V, t) {
               {
                 var y = (l) => {
                   var m = e.comment(), u = e.first_child(m);
-                  e.each(u, 17, () => t.series.venue.faq, e.index, (I, Q) => {
+                  e.each(u, 17, () => t.series.venue.faq, e.index, (T, Q) => {
                     var A = Oe(), C = e.child(A), ge = e.child(C, !0);
                     e.reset(C);
                     var j = e.sibling(C, 2), ye = e.child(j, !0);
                     e.reset(j), e.reset(A), e.template_effect(() => {
                       e.set_text(ge, e.get(Q).question), e.set_text(ye, e.get(Q).answer);
-                    }), e.append(I, A);
+                    }), e.append(T, A);
                   }), e.append(l, m);
                 }, f = e.derived(() => Array.isArray(t.series.venue.faq)), c = (l) => {
                   var m = we(), u = e.child(m, !0);
@@ -178,7 +178,7 @@ function Ue(V, t) {
           (t.series.venue?.faq || t.series.venue?.disclaimer) && s(fe);
         });
       }
-      e.reset(B), e.reset(U), e.reset(H), e.reset(b), e.template_effect(() => {
+      e.reset(H), e.reset(B), e.reset(M), e.reset(b), e.template_effect(() => {
         P = e.set_class(E, 1, "hero-skeleton svelte-4y42r2", null, P, { hidden: e.get(L) }), e.set_attribute(p, "src", e.get(W)), e.set_attribute(p, "alt", t.series.title), e.set_text(te, t.series.title), e.set_text(se, t.series.venue?.name), e.set_text(de, `${(t.series.occurrences?.length || 0) ?? ""} events`);
       }), e.event("load", p, () => e.set(L, !0)), e.replay_events(p), e.append(n, b);
     };
@@ -190,6 +190,6 @@ function Ue(V, t) {
 }
 e.delegate(["click"]);
 export {
-  Ue as default
+  Be as default
 };
-//# sourceMappingURL=SeriesPage.legacy-Dh_Yx9Sl.js.map
+//# sourceMappingURL=SeriesPage.legacy-2h6fMKlK.js.map

package/dist/{SeriesPage.legacy-Dh_Yx9Sl.js.map → SeriesPage.legacy-2h6fMKlK.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SeriesPage.legacy-Dh_Yx9Sl.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	+ {"version":3,"file":"SeriesPage.legacy-2h6fMKlK.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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"}

package/dist/{Success-DUkYq4nq.js → Success-TrKJrZEt.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 import "svelte/internal/disclose-version";
-import { E as se, H as me, J as ae, K as fe, N as be, B as J, O as he, P as pe, A as _e, Q as ke, R as xe, U as ye, V as Y, X as we, Y as Te, Z as Ee, h as Ce } from "./VenueCalendar-CubKu-BL.js";
+import { E as se, H as me, J as ae, K as fe, N as be, B as J, O as he, P as pe, A as _e, Q as ke, R as xe, U as ye, V as Y, X as we, Y as Te, Z as Ee, h as Ce } from "./VenueCalendar-DDc5rhjI.js";
 import * as e from "svelte/internal/client";
 import "svelte/internal/flags/legacy";
 import "svelte/transition";
 import "svelte/easing";
 import { onMount as Q } from "svelte";
-import { t as Ie } from "./transform-D8cXm2pJ.js";
-import { O as De, m as Pe, a as Ae, b as Se, c as qe, d as ze, e as Ue } from "./labels-Wt_ttSgK.js";
+import { t as Ie } from "./transform-BMKoz7cg.js";
+import { O as De, m as Pe, a as Ae, b as Se, c as qe, d as ze, e as Ue } from "./labels-CAgJ2yP_.js";
 import { H as Le } from "./Heading-AFd3o0xt.js";
 import { T as j } from "./Text-CXR2fhx6.js";
 var Ne = 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>');
@@ -618,7 +618,7 @@ function nt(F, t) {
   e.push(t, !0);
   let s = e.state(!1), f = e.state(null);
   typeof window < "u" && new URLSearchParams(window.location.search).get("legacy") === "1" && e.set(s, !0), e.user_effect(() => {
-    e.get(s) && !e.get(f) && (K.warn("[VC] DEPRECATED: ?legacy=1 fallback for Success retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./Success.legacy-BkYsrpZD.js").then((r) => {
+    e.get(s) && !e.get(f) && (K.warn("[VC] DEPRECATED: ?legacy=1 fallback for Success retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./Success.legacy-C5HEdOfL.js").then((r) => {
       e.set(f, r.default, !0);
     }).catch(() => {
       e.set(s, !1);
@@ -734,4 +734,4 @@ function nt(F, t) {
 export {
   nt as default
 };
-//# sourceMappingURL=Success-DUkYq4nq.js.map
+//# sourceMappingURL=Success-TrKJrZEt.js.map

package/dist/{Success-DUkYq4nq.js.map → Success-TrKJrZEt.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Success-DUkYq4nq.js","sources":["../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessTicket.svelte","../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessActions.svelte","../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessMain.svelte","../src/components/Views/Success.svelte"],"sourcesContent":["<script lang=\"ts\">\r\n\timport { Email } from 'carbon-icons-svelte';\r\n\timport { Card, Heading, Text } from '@getmicdrop/svelte-components';\r\n\timport type { EventData, OrderTotals } from '$lib/premium-ticket-experience/types';\r\n\timport OrderSummary from './OrderSummary.svelte';\r\n\r\n\tinterface Props {\r\n\t\tevent: EventData;\r\n\t\torderId: string;\r\n\t\torderTotals: OrderTotals;\r\n\t\tcustomerEmail: string;\r\n\t\tshowCheckmark: boolean;\r\n\t\tshowContent: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tevent, orderId, orderTotals, customerEmail, showCheckmark, showContent, labels = {},\r\n\t}: Props = $props();\r\n\r\n\tlet ticketCount = $derived(orderTotals.lines.reduce((sum, l) => sum + l.quantity, 0));\r\n\r\n\tlet headingText = $derived(\r\n\t\tevent.isRegistrationEvent ? (labels.youreRegistered \|\| \"You're registered!\") : (labels.youreIn \|\| \"You're in!\")\r\n\t);\r\n\r\n</script>\r\n\r\n<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-primary\">\r\n\t<div class=\"p-6 md:p-8\">\r\n\t\t<!-- Spinner → Checkmark animation -->\r\n\t\t<div class=\"flex justify-center mb-6\">\r\n\t\t\t<div class=\"indicator-container\">\r\n\t\t\t\t<!-- Spinner (visible while loading) -->\r\n\t\t\t\t<div class=\"processing-spinner\" class:fade-out={showCheckmark}></div>\r\n\r\n\t\t\t\t<!-- Animated checkmark (appears after spinner) -->\r\n\t\t\t\t<svg class=\"checkmark-svg\" class:active={showCheckmark} viewBox=\"0 0 52 52\" aria-hidden=\"true\">\r\n\t\t\t\t\t<circle cx=\"26\" cy=\"26\" r=\"24\" class=\"checkmark-circle\" />\r\n\t\t\t\t\t<circle cx=\"26\" cy=\"26\" r=\"24\" class=\"checkmark-fill\" />\r\n\t\t\t\t\t<path d=\"M14 27l7 7 17-17\" class=\"checkmark-check\" />\r\n\t\t\t\t</svg>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- Content (fades in after checkmark completes) -->\r\n\t\t<div class=\"content-section\" class:visible={showContent}>\r\n\t\t\t<!-- Heading -->\r\n\t\t\t<div class=\"text-center mb-6\">\r\n\t\t\t\t<Heading level={1} size=\"xl\" weight=\"bold\" class=\"mb-3\">\r\n\t\t\t\t\t{headingText}\r\n\t\t\t\t</Heading>\r\n\t\t\t\t<Text size=\"lg\" class=\"font-semibold block mb-1\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<Text size=\"sm\" color=\"secondary\" class=\"block\">\r\n\t\t\t\t\t{ticketCount} {ticketCount === 1 ? (labels.ticket \|\| 'ticket') : (labels.tickets \|\| 'tickets')} confirmed\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Order summary (same format as checkout) -->\r\n\t\t\t<div class=\"mb-6\">\r\n\t\t\t\t<OrderSummary {orderTotals}\r\n\t\t\t\t{labels} />\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Order info -->\r\n\t\t\t<div class=\"flex justify-between items-center py-3 border-t border-default\">\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold font-mono\">#{orderId}</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Email confirmation -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-2 p-3 rounded-lg bg-surface-secondary mt-4\">\r\n\t\t\t\t<Email size={16} class=\"shrink-0 text-color-muted\" />\r\n\t\t\t\t<Text size=\"xs\" color=\"secondary\">\r\n\t\t\t\t\t{labels.confirmationSentTo \|\| 'Confirmation sent to'} {customerEmail}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t</div>\r\n</Card>\r\n\r\n<style>\r\n\t/* Indicator container — holds spinner and checkmark in same space /\r\n\t.indicator-container {\r\n\t\tposition: relative;\r\n\t\twidth: 64px;\r\n\t\theight: 64px;\r\n\t}\r\n\r\n\t/ Spinner — rotating partial circle /\r\n\t.processing-spinner {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tborder: 3px solid hsl(var(--stroke-primary) / 15%);\r\n\t\tborder-top-color: hsl(var(--accent-success));\r\n\t\tborder-radius: 50%;\r\n\t\tanimation: spin 0.7s linear infinite;\r\n\t\ttransition: opacity 0.2s ease;\r\n\t}\r\n\r\n\t.processing-spinner.fade-out {\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t@keyframes spin {\r\n\t\tto { transform: rotate(360deg); }\r\n\t}\r\n\r\n\t/ Checkmark SVG — scales in when active /\r\n\t.checkmark-svg {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\topacity: 0;\r\n\t\ttransform: scale(0.6);\r\n\t\ttransition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);\r\n\t}\r\n\r\n\t.checkmark-svg.active {\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1);\r\n\t}\r\n\r\n\t/ Circle outline — draws itself /\r\n\t.checkmark-circle {\r\n\t\tstroke-dasharray: 151;\r\n\t\tstroke-dashoffset: 151;\r\n\t\tstroke-width: 2;\r\n\t\tstroke: hsl(var(--accent-success));\r\n\t\tfill: none;\r\n\t\ttransform-origin: center;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-circle {\r\n\t\tanimation: circle-draw 0.5s ease-out 0.1s forwards;\r\n\t}\r\n\r\n\t@keyframes circle-draw {\r\n\t\tto { stroke-dashoffset: 0; }\r\n\t}\r\n\r\n\t/ Circle fill — fades in after outline completes /\r\n\t.checkmark-fill {\r\n\t\tfill: hsl(var(--accent-success));\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-fill {\r\n\t\tanimation: fill-in 0.25s ease-out 0.5s forwards;\r\n\t}\r\n\r\n\t@keyframes fill-in {\r\n\t\tto { opacity: 1; }\r\n\t}\r\n\r\n\t/ Checkmark stroke — draws after fill /\r\n\t.checkmark-check {\r\n\t\tstroke-dasharray: 36;\r\n\t\tstroke-dashoffset: 36;\r\n\t\tstroke-width: 3;\r\n\t\tstroke: hsl(var(--bg-primary));\r\n\t\tfill: none;\r\n\t\tstroke-linecap: round;\r\n\t\tstroke-linejoin: round;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-check {\r\n\t\tanimation: check-draw 0.3s ease-out 0.6s forwards;\r\n\t}\r\n\r\n\t@keyframes check-draw {\r\n\t\tto { stroke-dashoffset: 0; }\r\n\t}\r\n\r\n\t/ Content section — fades in after checkmark /\r\n\t.content-section {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.content-section.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/ Reduced motion /\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.processing-spinner {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t}\r\n\r\n\t\t.checkmark-svg {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\r\n\t\t.checkmark-svg .checkmark-circle,\r\n\t\t.checkmark-svg .checkmark-fill,\r\n\t\t.checkmark-svg .checkmark-check {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t\tanimation-delay: 0s;\r\n\t\t}\r\n\r\n\t\t.content-section {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { onMount } from 'svelte';\r\n\timport {\r\n\t\tShare,\r\n\t\tHelp,\r\n\t\tArrowLeft,\r\n\t\tApple,\r\n\t\tCalendar,\r\n\t\tChevronDown,\r\n\t\tLocationFilled,\r\n\t} from 'carbon-icons-svelte';\r\n\timport { Button, Card, Text } from '@getmicdrop/svelte-components';\r\n\timport { toast } from '@getmicdrop/svelte-components/toast';\r\n\timport type { EventData } from '$lib/premium-ticket-experience/types';\r\n\timport { formatBrowseDate, formatEventTime } from '$lib/premium-ticket-experience/defaults';\r\n\r\n\tinterface Props {\r\n\t\tevent: EventData;\r\n\t\torderId: string;\r\n\t\teventUrl: string;\r\n\t\tshowContent: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet { event, orderId, eventUrl, showContent, labels = {} }: Props = $props();\r\n\r\n\t// --- Calendar dropdown ---\r\n\tlet calendarOpen = $state(false);\r\n\r\n\tfunction toggleCalendar() {\r\n\t\tcalendarOpen = !calendarOpen;\r\n\t}\r\n\r\n\t// Close calendar dropdown when clicking outside\r\n\tonMount(() => {\r\n\t\tfunction handleClickOutside(e: MouseEvent) {\r\n\t\t\tconst target = e.target as HTMLElement;\r\n\t\t\tif (!target.closest('.calendar-dropdown')) {\r\n\t\t\t\tcalendarOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t\tdocument.addEventListener('click', handleClickOutside);\r\n\t\treturn () => document.removeEventListener('click', handleClickOutside);\r\n\t});\r\n\r\n\t// --- Google Calendar URL ---\r\n\tlet googleCalendarUrl = $derived((() => {\r\n\t\tconst startDate = new Date(event.startDateTime);\r\n\t\tconst endDate = event.endDateTime\r\n\t\t\t? new Date(event.endDateTime)\r\n\t\t\t: new Date(startDate.getTime() + 2 60 * 60 * 1000);\r\n\r\n\t\tconst formatForGoogle = (date: Date): string => {\r\n\t\t\treturn date.toISOString().replace(/[-:]/g, '').replace(/\\.\\d{3}/, '');\r\n\t\t};\r\n\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst fullLocation = locationParts.join(', ');\r\n\r\n\t\tconst params = new URLSearchParams({\r\n\t\t\taction: 'TEMPLATE',\r\n\t\t\ttext: event.title,\r\n\t\t\tdates: `${formatForGoogle(startDate)}/${formatForGoogle(endDate)}`,\r\n\t\t\tlocation: fullLocation,\r\n\t\t\tdetails: `Event: ${eventUrl}\\n\\nTicket confirmation #${orderId}`\r\n\t\t});\r\n\r\n\t\treturn `https://calendar.google.com/calendar/render?${params.toString()}`;\r\n\t})());\r\n\r\n\t// --- ICS file download (Apple Calendar) ---\r\n\tfunction downloadICS() {\r\n\t\tconst startDate = new Date(event.startDateTime);\r\n\t\tconst endDate = event.endDateTime\r\n\t\t\t? new Date(event.endDateTime)\r\n\t\t\t: new Date(startDate.getTime() + 2 * 60 * 60 * 1000);\r\n\r\n\t\tconst formatForICS = (date: Date): string => {\r\n\t\t\treturn date.toISOString().replace(/[-:]/g, '').replace(/\\.\\d{3}/, '');\r\n\t\t};\r\n\r\n\t\tconst uid = `order-${orderId}-event-${event.id}@micdrop.com`;\r\n\t\tconst now = formatForICS(new Date());\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst fullLocation = locationParts.join(', ');\r\n\r\n\t\tconst escapeICS = (str: string): string => {\r\n\t\t\tif (!str) return '';\r\n\t\t\treturn str.replace(/\\\\/g, '\\\\\\\\').replace(/;/g, '\\\\;').replace(/,/g, '\\\\,').replace(/\\n/g, '\\\\n');\r\n\t\t};\r\n\r\n\t\tconst icsContent = `BEGIN:VCALENDAR\r\nVERSION:2.0\r\nPRODID:-//MicDrop//Ticket Confirmation//EN\r\nCALSCALE:GREGORIAN\r\nMETHOD:PUBLISH\r\nBEGIN:VEVENT\r\nUID:${uid}\r\nDTSTAMP:${now}\r\nDTSTART:${formatForICS(startDate)}\r\nDTEND:${formatForICS(endDate)}\r\nSUMMARY:${escapeICS(event.title)}\r\nLOCATION:${escapeICS(fullLocation)}\r\nDESCRIPTION:${escapeICS(`Order #${orderId}\\n\\nView event: ${eventUrl}`)}\r\nURL:${eventUrl}\r\nSTATUS:CONFIRMED\r\nEND:VEVENT\r\nEND:VCALENDAR`;\r\n\r\n\t\tconst blob = new Blob([icsContent], { type: 'text/calendar;charset=utf-8' });\r\n\t\tconst url = URL.createObjectURL(blob);\r\n\t\tconst link = document.createElement('a');\r\n\t\tlink.href = url;\r\n\t\tconst safeFilename = (event.title \|\| 'event').replace(/[^a-zA-Z0-9\\s-]/g, '').replace(/\\s+/g, '-');\r\n\t\tlink.download = `${safeFilename}.ics`;\r\n\t\tdocument.body.appendChild(link);\r\n\t\tlink.click();\r\n\t\tdocument.body.removeChild(link);\r\n\t\tURL.revokeObjectURL(url);\r\n\r\n\t\tcalendarOpen = false;\r\n\t}\r\n\r\n\tfunction handleGoogleCalendar() {\r\n\t\tcalendarOpen = false;\r\n\t}\r\n\r\n\t// --- Share event ---\r\n\tasync function shareEvent() {\r\n\t\tconst shareData = { url: eventUrl };\r\n\r\n\t\tif (navigator.share) {\r\n\t\t\ttry {\r\n\t\t\t\tawait navigator.share(shareData);\r\n\t\t\t} catch (err: unknown) {\r\n\t\t\t\tif (err instanceof Error && err.name !== 'AbortError') {\r\n\t\t\t\t\tfallbackShare();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tfallbackShare();\r\n\t\t}\r\n\t}\r\n\r\n\tfunction fallbackShare() {\r\n\t\tnavigator.clipboard.writeText(eventUrl).then(() => {\r\n\t\t\ttoast.success(labels.linkCopied \|\| 'Link copied to clipboard!');\r\n\t\t}).catch(() => {\r\n\t\t\ttoast.error(labels.copyLink \|\| 'Could not copy link — please copy it manually: ' + eventUrl);\r\n\t\t});\r\n\t}\r\n\r\n\t// --- Wallet handlers (mock — requires backend in production) ---\r\n\tfunction handleAppleWallet() {\r\n\t\ttoast.info('Apple Wallet coming soon', {\r\n\t\t\tdescription: 'Wallet integration requires backend signing infrastructure. Your ticket is confirmed — check your email.',\r\n\t\t});\r\n\t}\r\n\r\n\tfunction handleGoogleWallet() {\r\n\t\ttoast.info('Google Wallet coming soon', {\r\n\t\t\tdescription: 'Wallet integration requires backend signing infrastructure. Your ticket is confirmed — check your email.',\r\n\t\t});\r\n\t}\r\n\r\n\t// --- Directions ---\r\n\tlet directionsUrl = $derived((() => {\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst query = encodeURIComponent(locationParts.join(', '));\r\n\t\treturn `https://www.google.com/maps/search/?api=1&query=${query}`;\r\n\t})());\r\n\r\n\t// --- Navigation ---\r\n\tfunction handleBackToEvent() {\r\n\t\twindow.location.href = eventUrl;\r\n\t}\r\n</script>\r\n\r\n<!--\r\n\tSuccessActions: Sidebar card matching BookingWidget / CheckoutSidebar pattern.\r\n\tSingle Card with event thumbnail, date summary, wallet badges, action buttons, and links.\r\n-->\r\n<div class=\"actions-wrapper\" class:visible={showContent}>\r\n\t<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-secondary\">\r\n\t\t<!-- Event poster (same treatment as HeroImage — object-contain, no crop) -->\r\n\t\t<div class=\"rounded-t-xl overflow-hidden bg-surface-tertiary\">\r\n\t\t\t<img\r\n\t\t\t\tsrc={event.imageUrl}\r\n\t\t\t\talt={event.title}\r\n\t\t\t\tclass=\"sidebar-poster w-full object-contain\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"p-5 space-y-4\">\r\n\t\t\t<!-- Event info -->\r\n\t\t\t<div>\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold block leading-tight\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<div class=\"flex items-center gap-1.5 mt-1.5\">\r\n\t\t\t\t\t<Calendar size={16} class=\"shrink-0 icon-muted\" />\r\n\t\t\t\t\t<Text size=\"xs\" color=\"muted\">\r\n\t\t\t\t\t\t{formatBrowseDate(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{#if event.displayStartTime !== false}\r\n\t\t\t\t\t\t\t· {formatEventTime(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{/if}\r\n\t\t\t\t\t</Text>\r\n\t\t\t\t</div>\r\n\t\t\t\t<Text size=\"xs\" color=\"muted\" class=\"block mt-0.5\">\r\n\t\t\t\t\t{event.venue.name}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Wallet badges (official brand assets) -->\r\n\t\t\t<div class=\"flex flex-col items-center gap-3\">\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleAppleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/apple-wallet.svg\"\r\n\t\t\t\t\t\talt={labels.addToAppleWallet \|\| 'Add to Apple Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleGoogleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-dark.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet \|\| 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-dark\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-light.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet \|\| 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-light\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Divider -->\r\n\t\t\t<div class=\"divider\"></div>\r\n\r\n\t\t\t<!-- Calendar dropdown (full width) -->\r\n\t\t\t<div class=\"calendar-dropdown relative\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\tclass=\"w-full\"\r\n\t\t\t\t\tonclick={toggleCalendar}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Calendar size={16} />\r\n\t\t\t\t\t{labels.addToCalendar \|\| 'Add to Calendar'}\r\n\t\t\t\t\t<ChevronDown size={16} class=\"ml-auto transition-transform {calendarOpen ? 'rotate-180' : ''}\" />\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if calendarOpen}\r\n\t\t\t\t\t<div class=\"dropdown-menu bg-surface-primary border-default\">\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\thref={googleCalendarUrl}\r\n\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\r\n\t\t\t\t\t\t\tclass=\"dropdown-item text-color-primary hover:bg-surface-secondary\"\r\n\t\t\t\t\t\t\tonclick={handleGoogleCalendar}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg class=\"shrink-0\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n\t\t\t\t\t\t\t\t<path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z\" fill=\"#4285F4\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z\" fill=\"#FBBC05\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t{labels.googleCalendar \|\| 'Google Calendar'}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t<button type=\"button\" class=\"dropdown-item text-color-primary hover:bg-surface-secondary\" onclick={downloadICS}>\r\n\t\t\t\t\t\t\t<Apple size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t\t{labels.appleCalendar \|\| 'Apple Calendar (.ics)'}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Share + Directions row -->\r\n\t\t\t<div class=\"flex gap-2\">\r\n\t\t\t\t<Button variant=\"default\" size=\"md\" class=\"flex-1\" onclick={shareEvent}>\r\n\t\t\t\t\t<Share size={16} />\r\n\t\t\t\t\t{labels.share \|\| 'Share'}\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if event.venue.address}\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\t\tclass=\"flex-1\"\r\n\t\t\t\t\t\thref={directionsUrl}\r\n\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<LocationFilled size={16} />\r\n\t\t\t\t\t\t{labels.map \|\| 'Map'}\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Text links -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-4 pt-1\">\r\n\t\t\t\t<button type=\"button\" class=\"text-link text-color-muted hover:text-color-secondary\" onclick={handleBackToEvent}>\r\n\t\t\t\t\t<ArrowLeft size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t{labels.backToEvent \|\| 'Back to event'}\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t{#if event.venue.contactEmail}\r\n\t\t\t\t\t<span class=\"text-color-muted\">·</span>\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\thref=\"mailto:{event.venue.contactEmail}?subject=Help with Order {orderId}\"\r\n\t\t\t\t\t\tclass=\"text-link text-color-muted hover:text-color-secondary\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<Help size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t{labels.needHelp \|\| 'Need help?'}\r\n\t\t\t\t\t</a>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</Card>\r\n</div>\r\n\r\n<style>\r\n\t/* Wrapper — fades in with content /\r\n\t.actions-wrapper {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.actions-wrapper.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/ Sidebar poster — same object-contain treatment as HeroImage /\r\n\t.sidebar-poster {\r\n\t\tmax-height: 15rem;\r\n\t\tmin-height: 6rem;\r\n\t}\r\n\r\n\t/ Wallet badges — official brand assets, no modifications per guidelines /\r\n\t.wallet-badge-btn {\r\n\t\tdisplay: block;\r\n\t\ttransition-property: opacity;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t.wallet-badge-btn:hover {\r\n\t\topacity: 0.85;\r\n\t}\r\n\r\n\t.wallet-badge-btn:active {\r\n\t\topacity: 0.7;\r\n\t}\r\n\r\n\t.wallet-badge-img {\r\n\t\theight: 44px;\r\n\t\twidth: auto;\r\n\t}\r\n\r\n\t/ Google badge: show dark variant in light mode, light variant in dark mode /\r\n\t.google-light {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t/ Calendar dropdown menu /\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tmargin-top: 0.25rem;\r\n\t\tpadding-top: 0.25rem;\r\n\t\tpadding-bottom: 0.25rem;\r\n\t\tborder-radius: 0.5rem;\r\n\t\tbox-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);\r\n\t\tz-index: var(--z-navigation);\r\n\t\tborder-width: 1px;\r\n\t\tborder-style: solid;\r\n\t}\r\n\r\n\t.dropdown-item {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.625rem;\r\n\t\twidth: 100%;\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\t\tfont-size: 0.875rem;\r\n\t\tline-height: 1.25rem;\r\n\t\ttext-align: left;\r\n\t\ttransition-property: color, background-color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/ Text links /\r\n\t.text-link {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.25rem;\r\n\t\tfont-size: 0.75rem;\r\n\t\tline-height: 1rem;\r\n\t\ttransition-property: color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/ Reduced motion /\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.actions-wrapper {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { 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	+ {"version":3,"file":"Success-TrKJrZEt.js","sources":["../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessTicket.svelte","../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessActions.svelte","../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessMain.svelte","../src/components/Views/Success.svelte"],"sourcesContent":["<script lang=\"ts\">\r\n\timport { Email } from 'carbon-icons-svelte';\r\n\timport { Card, Heading, Text } from '@getmicdrop/svelte-components';\r\n\timport type { EventData, OrderTotals } from '$lib/premium-ticket-experience/types';\r\n\timport OrderSummary from './OrderSummary.svelte';\r\n\r\n\tinterface Props {\r\n\t\tevent: EventData;\r\n\t\torderId: string;\r\n\t\torderTotals: OrderTotals;\r\n\t\tcustomerEmail: string;\r\n\t\tshowCheckmark: boolean;\r\n\t\tshowContent: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tevent, orderId, orderTotals, customerEmail, showCheckmark, showContent, labels = {},\r\n\t}: Props = $props();\r\n\r\n\tlet ticketCount = $derived(orderTotals.lines.reduce((sum, l) => sum + l.quantity, 0));\r\n\r\n\tlet headingText = $derived(\r\n\t\tevent.isRegistrationEvent ? (labels.youreRegistered \|\| \"You're registered!\") : (labels.youreIn \|\| \"You're in!\")\r\n\t);\r\n\r\n</script>\r\n\r\n<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-primary\">\r\n\t<div class=\"p-6 md:p-8\">\r\n\t\t<!-- Spinner → Checkmark animation -->\r\n\t\t<div class=\"flex justify-center mb-6\">\r\n\t\t\t<div class=\"indicator-container\">\r\n\t\t\t\t<!-- Spinner (visible while loading) -->\r\n\t\t\t\t<div class=\"processing-spinner\" class:fade-out={showCheckmark}></div>\r\n\r\n\t\t\t\t<!-- Animated checkmark (appears after spinner) -->\r\n\t\t\t\t<svg class=\"checkmark-svg\" class:active={showCheckmark} viewBox=\"0 0 52 52\" aria-hidden=\"true\">\r\n\t\t\t\t\t<circle cx=\"26\" cy=\"26\" r=\"24\" class=\"checkmark-circle\" />\r\n\t\t\t\t\t<circle cx=\"26\" cy=\"26\" r=\"24\" class=\"checkmark-fill\" />\r\n\t\t\t\t\t<path d=\"M14 27l7 7 17-17\" class=\"checkmark-check\" />\r\n\t\t\t\t</svg>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- Content (fades in after checkmark completes) -->\r\n\t\t<div class=\"content-section\" class:visible={showContent}>\r\n\t\t\t<!-- Heading -->\r\n\t\t\t<div class=\"text-center mb-6\">\r\n\t\t\t\t<Heading level={1} size=\"xl\" weight=\"bold\" class=\"mb-3\">\r\n\t\t\t\t\t{headingText}\r\n\t\t\t\t</Heading>\r\n\t\t\t\t<Text size=\"lg\" class=\"font-semibold block mb-1\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<Text size=\"sm\" color=\"secondary\" class=\"block\">\r\n\t\t\t\t\t{ticketCount} {ticketCount === 1 ? (labels.ticket \|\| 'ticket') : (labels.tickets \|\| 'tickets')} confirmed\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Order summary (same format as checkout) -->\r\n\t\t\t<div class=\"mb-6\">\r\n\t\t\t\t<OrderSummary {orderTotals}\r\n\t\t\t\t{labels} />\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Order info -->\r\n\t\t\t<div class=\"flex justify-between items-center py-3 border-t border-default\">\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold font-mono\">#{orderId}</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Email confirmation -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-2 p-3 rounded-lg bg-surface-secondary mt-4\">\r\n\t\t\t\t<Email size={16} class=\"shrink-0 text-color-muted\" />\r\n\t\t\t\t<Text size=\"xs\" color=\"secondary\">\r\n\t\t\t\t\t{labels.confirmationSentTo \|\| 'Confirmation sent to'} {customerEmail}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t</div>\r\n</Card>\r\n\r\n<style>\r\n\t/* Indicator container — holds spinner and checkmark in same space /\r\n\t.indicator-container {\r\n\t\tposition: relative;\r\n\t\twidth: 64px;\r\n\t\theight: 64px;\r\n\t}\r\n\r\n\t/ Spinner — rotating partial circle /\r\n\t.processing-spinner {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tborder: 3px solid hsl(var(--stroke-primary) / 15%);\r\n\t\tborder-top-color: hsl(var(--accent-success));\r\n\t\tborder-radius: 50%;\r\n\t\tanimation: spin 0.7s linear infinite;\r\n\t\ttransition: opacity 0.2s ease;\r\n\t}\r\n\r\n\t.processing-spinner.fade-out {\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t@keyframes spin {\r\n\t\tto { transform: rotate(360deg); }\r\n\t}\r\n\r\n\t/ Checkmark SVG — scales in when active /\r\n\t.checkmark-svg {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\topacity: 0;\r\n\t\ttransform: scale(0.6);\r\n\t\ttransition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);\r\n\t}\r\n\r\n\t.checkmark-svg.active {\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1);\r\n\t}\r\n\r\n\t/ Circle outline — draws itself /\r\n\t.checkmark-circle {\r\n\t\tstroke-dasharray: 151;\r\n\t\tstroke-dashoffset: 151;\r\n\t\tstroke-width: 2;\r\n\t\tstroke: hsl(var(--accent-success));\r\n\t\tfill: none;\r\n\t\ttransform-origin: center;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-circle {\r\n\t\tanimation: circle-draw 0.5s ease-out 0.1s forwards;\r\n\t}\r\n\r\n\t@keyframes circle-draw {\r\n\t\tto { stroke-dashoffset: 0; }\r\n\t}\r\n\r\n\t/ Circle fill — fades in after outline completes /\r\n\t.checkmark-fill {\r\n\t\tfill: hsl(var(--accent-success));\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-fill {\r\n\t\tanimation: fill-in 0.25s ease-out 0.5s forwards;\r\n\t}\r\n\r\n\t@keyframes fill-in {\r\n\t\tto { opacity: 1; }\r\n\t}\r\n\r\n\t/ Checkmark stroke — draws after fill /\r\n\t.checkmark-check {\r\n\t\tstroke-dasharray: 36;\r\n\t\tstroke-dashoffset: 36;\r\n\t\tstroke-width: 3;\r\n\t\tstroke: hsl(var(--bg-primary));\r\n\t\tfill: none;\r\n\t\tstroke-linecap: round;\r\n\t\tstroke-linejoin: round;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-check {\r\n\t\tanimation: check-draw 0.3s ease-out 0.6s forwards;\r\n\t}\r\n\r\n\t@keyframes check-draw {\r\n\t\tto { stroke-dashoffset: 0; }\r\n\t}\r\n\r\n\t/ Content section — fades in after checkmark /\r\n\t.content-section {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.content-section.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/ Reduced motion /\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.processing-spinner {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t}\r\n\r\n\t\t.checkmark-svg {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\r\n\t\t.checkmark-svg .checkmark-circle,\r\n\t\t.checkmark-svg .checkmark-fill,\r\n\t\t.checkmark-svg .checkmark-check {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t\tanimation-delay: 0s;\r\n\t\t}\r\n\r\n\t\t.content-section {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { onMount } from 'svelte';\r\n\timport {\r\n\t\tShare,\r\n\t\tHelp,\r\n\t\tArrowLeft,\r\n\t\tApple,\r\n\t\tCalendar,\r\n\t\tChevronDown,\r\n\t\tLocationFilled,\r\n\t} from 'carbon-icons-svelte';\r\n\timport { Button, Card, Text } from '@getmicdrop/svelte-components';\r\n\timport { toast } from '@getmicdrop/svelte-components/toast';\r\n\timport type { EventData } from '$lib/premium-ticket-experience/types';\r\n\timport { formatBrowseDate, formatEventTime } from '$lib/premium-ticket-experience/defaults';\r\n\r\n\tinterface Props {\r\n\t\tevent: EventData;\r\n\t\torderId: string;\r\n\t\teventUrl: string;\r\n\t\tshowContent: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet { event, orderId, eventUrl, showContent, labels = {} }: Props = $props();\r\n\r\n\t// --- Calendar dropdown ---\r\n\tlet calendarOpen = $state(false);\r\n\r\n\tfunction toggleCalendar() {\r\n\t\tcalendarOpen = !calendarOpen;\r\n\t}\r\n\r\n\t// Close calendar dropdown when clicking outside\r\n\tonMount(() => {\r\n\t\tfunction handleClickOutside(e: MouseEvent) {\r\n\t\t\tconst target = e.target as HTMLElement;\r\n\t\t\tif (!target.closest('.calendar-dropdown')) {\r\n\t\t\t\tcalendarOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t\tdocument.addEventListener('click', handleClickOutside);\r\n\t\treturn () => document.removeEventListener('click', handleClickOutside);\r\n\t});\r\n\r\n\t// --- Google Calendar URL ---\r\n\tlet googleCalendarUrl = $derived((() => {\r\n\t\tconst startDate = new Date(event.startDateTime);\r\n\t\tconst endDate = event.endDateTime\r\n\t\t\t? new Date(event.endDateTime)\r\n\t\t\t: new Date(startDate.getTime() + 2 60 * 60 * 1000);\r\n\r\n\t\tconst formatForGoogle = (date: Date): string => {\r\n\t\t\treturn date.toISOString().replace(/[-:]/g, '').replace(/\\.\\d{3}/, '');\r\n\t\t};\r\n\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst fullLocation = locationParts.join(', ');\r\n\r\n\t\tconst params = new URLSearchParams({\r\n\t\t\taction: 'TEMPLATE',\r\n\t\t\ttext: event.title,\r\n\t\t\tdates: `${formatForGoogle(startDate)}/${formatForGoogle(endDate)}`,\r\n\t\t\tlocation: fullLocation,\r\n\t\t\tdetails: `Event: ${eventUrl}\\n\\nTicket confirmation #${orderId}`\r\n\t\t});\r\n\r\n\t\treturn `https://calendar.google.com/calendar/render?${params.toString()}`;\r\n\t})());\r\n\r\n\t// --- ICS file download (Apple Calendar) ---\r\n\tfunction downloadICS() {\r\n\t\tconst startDate = new Date(event.startDateTime);\r\n\t\tconst endDate = event.endDateTime\r\n\t\t\t? new Date(event.endDateTime)\r\n\t\t\t: new Date(startDate.getTime() + 2 * 60 * 60 * 1000);\r\n\r\n\t\tconst formatForICS = (date: Date): string => {\r\n\t\t\treturn date.toISOString().replace(/[-:]/g, '').replace(/\\.\\d{3}/, '');\r\n\t\t};\r\n\r\n\t\tconst uid = `order-${orderId}-event-${event.id}@micdrop.com`;\r\n\t\tconst now = formatForICS(new Date());\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst fullLocation = locationParts.join(', ');\r\n\r\n\t\tconst escapeICS = (str: string): string => {\r\n\t\t\tif (!str) return '';\r\n\t\t\treturn str.replace(/\\\\/g, '\\\\\\\\').replace(/;/g, '\\\\;').replace(/,/g, '\\\\,').replace(/\\n/g, '\\\\n');\r\n\t\t};\r\n\r\n\t\tconst icsContent = `BEGIN:VCALENDAR\r\nVERSION:2.0\r\nPRODID:-//MicDrop//Ticket Confirmation//EN\r\nCALSCALE:GREGORIAN\r\nMETHOD:PUBLISH\r\nBEGIN:VEVENT\r\nUID:${uid}\r\nDTSTAMP:${now}\r\nDTSTART:${formatForICS(startDate)}\r\nDTEND:${formatForICS(endDate)}\r\nSUMMARY:${escapeICS(event.title)}\r\nLOCATION:${escapeICS(fullLocation)}\r\nDESCRIPTION:${escapeICS(`Order #${orderId}\\n\\nView event: ${eventUrl}`)}\r\nURL:${eventUrl}\r\nSTATUS:CONFIRMED\r\nEND:VEVENT\r\nEND:VCALENDAR`;\r\n\r\n\t\tconst blob = new Blob([icsContent], { type: 'text/calendar;charset=utf-8' });\r\n\t\tconst url = URL.createObjectURL(blob);\r\n\t\tconst link = document.createElement('a');\r\n\t\tlink.href = url;\r\n\t\tconst safeFilename = (event.title \|\| 'event').replace(/[^a-zA-Z0-9\\s-]/g, '').replace(/\\s+/g, '-');\r\n\t\tlink.download = `${safeFilename}.ics`;\r\n\t\tdocument.body.appendChild(link);\r\n\t\tlink.click();\r\n\t\tdocument.body.removeChild(link);\r\n\t\tURL.revokeObjectURL(url);\r\n\r\n\t\tcalendarOpen = false;\r\n\t}\r\n\r\n\tfunction handleGoogleCalendar() {\r\n\t\tcalendarOpen = false;\r\n\t}\r\n\r\n\t// --- Share event ---\r\n\tasync function shareEvent() {\r\n\t\tconst shareData = { url: eventUrl };\r\n\r\n\t\tif (navigator.share) {\r\n\t\t\ttry {\r\n\t\t\t\tawait navigator.share(shareData);\r\n\t\t\t} catch (err: unknown) {\r\n\t\t\t\tif (err instanceof Error && err.name !== 'AbortError') {\r\n\t\t\t\t\tfallbackShare();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tfallbackShare();\r\n\t\t}\r\n\t}\r\n\r\n\tfunction fallbackShare() {\r\n\t\tnavigator.clipboard.writeText(eventUrl).then(() => {\r\n\t\t\ttoast.success(labels.linkCopied \|\| 'Link copied to clipboard!');\r\n\t\t}).catch(() => {\r\n\t\t\ttoast.error(labels.copyLink \|\| 'Could not copy link — please copy it manually: ' + eventUrl);\r\n\t\t});\r\n\t}\r\n\r\n\t// --- Wallet handlers (mock — requires backend in production) ---\r\n\tfunction handleAppleWallet() {\r\n\t\ttoast.info('Apple Wallet coming soon', {\r\n\t\t\tdescription: 'Wallet integration requires backend signing infrastructure. Your ticket is confirmed — check your email.',\r\n\t\t});\r\n\t}\r\n\r\n\tfunction handleGoogleWallet() {\r\n\t\ttoast.info('Google Wallet coming soon', {\r\n\t\t\tdescription: 'Wallet integration requires backend signing infrastructure. Your ticket is confirmed — check your email.',\r\n\t\t});\r\n\t}\r\n\r\n\t// --- Directions ---\r\n\tlet directionsUrl = $derived((() => {\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst query = encodeURIComponent(locationParts.join(', '));\r\n\t\treturn `https://www.google.com/maps/search/?api=1&query=${query}`;\r\n\t})());\r\n\r\n\t// --- Navigation ---\r\n\tfunction handleBackToEvent() {\r\n\t\twindow.location.href = eventUrl;\r\n\t}\r\n</script>\r\n\r\n<!--\r\n\tSuccessActions: Sidebar card matching BookingWidget / CheckoutSidebar pattern.\r\n\tSingle Card with event thumbnail, date summary, wallet badges, action buttons, and links.\r\n-->\r\n<div class=\"actions-wrapper\" class:visible={showContent}>\r\n\t<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-secondary\">\r\n\t\t<!-- Event poster (same treatment as HeroImage — object-contain, no crop) -->\r\n\t\t<div class=\"rounded-t-xl overflow-hidden bg-surface-tertiary\">\r\n\t\t\t<img\r\n\t\t\t\tsrc={event.imageUrl}\r\n\t\t\t\talt={event.title}\r\n\t\t\t\tclass=\"sidebar-poster w-full object-contain\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"p-5 space-y-4\">\r\n\t\t\t<!-- Event info -->\r\n\t\t\t<div>\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold block leading-tight\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<div class=\"flex items-center gap-1.5 mt-1.5\">\r\n\t\t\t\t\t<Calendar size={16} class=\"shrink-0 icon-muted\" />\r\n\t\t\t\t\t<Text size=\"xs\" color=\"muted\">\r\n\t\t\t\t\t\t{formatBrowseDate(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{#if event.displayStartTime !== false}\r\n\t\t\t\t\t\t\t· {formatEventTime(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{/if}\r\n\t\t\t\t\t</Text>\r\n\t\t\t\t</div>\r\n\t\t\t\t<Text size=\"xs\" color=\"muted\" class=\"block mt-0.5\">\r\n\t\t\t\t\t{event.venue.name}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Wallet badges (official brand assets) -->\r\n\t\t\t<div class=\"flex flex-col items-center gap-3\">\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleAppleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/apple-wallet.svg\"\r\n\t\t\t\t\t\talt={labels.addToAppleWallet \|\| 'Add to Apple Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleGoogleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-dark.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet \|\| 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-dark\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-light.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet \|\| 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-light\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Divider -->\r\n\t\t\t<div class=\"divider\"></div>\r\n\r\n\t\t\t<!-- Calendar dropdown (full width) -->\r\n\t\t\t<div class=\"calendar-dropdown relative\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\tclass=\"w-full\"\r\n\t\t\t\t\tonclick={toggleCalendar}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Calendar size={16} />\r\n\t\t\t\t\t{labels.addToCalendar \|\| 'Add to Calendar'}\r\n\t\t\t\t\t<ChevronDown size={16} class=\"ml-auto transition-transform {calendarOpen ? 'rotate-180' : ''}\" />\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if calendarOpen}\r\n\t\t\t\t\t<div class=\"dropdown-menu bg-surface-primary border-default\">\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\thref={googleCalendarUrl}\r\n\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\r\n\t\t\t\t\t\t\tclass=\"dropdown-item text-color-primary hover:bg-surface-secondary\"\r\n\t\t\t\t\t\t\tonclick={handleGoogleCalendar}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg class=\"shrink-0\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n\t\t\t\t\t\t\t\t<path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z\" fill=\"#4285F4\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z\" fill=\"#FBBC05\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t{labels.googleCalendar \|\| 'Google Calendar'}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t<button type=\"button\" class=\"dropdown-item text-color-primary hover:bg-surface-secondary\" onclick={downloadICS}>\r\n\t\t\t\t\t\t\t<Apple size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t\t{labels.appleCalendar \|\| 'Apple Calendar (.ics)'}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Share + Directions row -->\r\n\t\t\t<div class=\"flex gap-2\">\r\n\t\t\t\t<Button variant=\"default\" size=\"md\" class=\"flex-1\" onclick={shareEvent}>\r\n\t\t\t\t\t<Share size={16} />\r\n\t\t\t\t\t{labels.share \|\| 'Share'}\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if event.venue.address}\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\t\tclass=\"flex-1\"\r\n\t\t\t\t\t\thref={directionsUrl}\r\n\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<LocationFilled size={16} />\r\n\t\t\t\t\t\t{labels.map \|\| 'Map'}\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Text links -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-4 pt-1\">\r\n\t\t\t\t<button type=\"button\" class=\"text-link text-color-muted hover:text-color-secondary\" onclick={handleBackToEvent}>\r\n\t\t\t\t\t<ArrowLeft size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t{labels.backToEvent \|\| 'Back to event'}\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t{#if event.venue.contactEmail}\r\n\t\t\t\t\t<span class=\"text-color-muted\">·</span>\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\thref=\"mailto:{event.venue.contactEmail}?subject=Help with Order {orderId}\"\r\n\t\t\t\t\t\tclass=\"text-link text-color-muted hover:text-color-secondary\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<Help size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t{labels.needHelp \|\| 'Need help?'}\r\n\t\t\t\t\t</a>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</Card>\r\n</div>\r\n\r\n<style>\r\n\t/* Wrapper — fades in with content /\r\n\t.actions-wrapper {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.actions-wrapper.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/ Sidebar poster — same object-contain treatment as HeroImage /\r\n\t.sidebar-poster {\r\n\t\tmax-height: 15rem;\r\n\t\tmin-height: 6rem;\r\n\t}\r\n\r\n\t/ Wallet badges — official brand assets, no modifications per guidelines /\r\n\t.wallet-badge-btn {\r\n\t\tdisplay: block;\r\n\t\ttransition-property: opacity;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t.wallet-badge-btn:hover {\r\n\t\topacity: 0.85;\r\n\t}\r\n\r\n\t.wallet-badge-btn:active {\r\n\t\topacity: 0.7;\r\n\t}\r\n\r\n\t.wallet-badge-img {\r\n\t\theight: 44px;\r\n\t\twidth: auto;\r\n\t}\r\n\r\n\t/ Google badge: show dark variant in light mode, light variant in dark mode /\r\n\t.google-light {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t/ Calendar dropdown menu /\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tmargin-top: 0.25rem;\r\n\t\tpadding-top: 0.25rem;\r\n\t\tpadding-bottom: 0.25rem;\r\n\t\tborder-radius: 0.5rem;\r\n\t\tbox-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);\r\n\t\tz-index: var(--z-navigation);\r\n\t\tborder-width: 1px;\r\n\t\tborder-style: solid;\r\n\t}\r\n\r\n\t.dropdown-item {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.625rem;\r\n\t\twidth: 100%;\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\t\tfont-size: 0.875rem;\r\n\t\tline-height: 1.25rem;\r\n\t\ttext-align: left;\r\n\t\ttransition-property: color, background-color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/ Text links /\r\n\t.text-link {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.25rem;\r\n\t\tfont-size: 0.75rem;\r\n\t\tline-height: 1rem;\r\n\t\ttransition-property: color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/ Reduced motion /\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.actions-wrapper {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { 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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"}