@getmicdrop/venue-calendar 4.0.16 → 4.0.17

package/dist/{SeriesPage.legacy-DEgRWqPd.js.map → SeriesPage.legacy-DyZXSsXv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SeriesPage.legacy-DEgRWqPd.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\">&#183;</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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"}
+{"version":3,"file":"SeriesPage.legacy-DyZXSsXv.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\">&#183;</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-S3nnKJSN.js → Success-BkrSlcZJ.js}

@@ -1,12 +1,12 @@
 import "svelte/internal/disclose-version";
-import { z as le, E as ge, D as te, H as me, J as fe, B as J, K as be, N as he, A as pe, O as _e, P as xe, Q as ke, R as ye, U as we, V as Te, h as Ee } from "./VenueCalendar-DDQiula0.js";
+import { z as le, E as ge, D as te, H as me, J as fe, B as J, K as be, N as he, A as pe, O as _e, P as xe, Q as ke, R as ye, U as we, V as Te, h as Ee } from "./VenueCalendar-BjvqDumC.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 Ce } from "./transform-ChBa5AQk.js";
-import { O as Ie, m as De, a as Pe, b as Ae, c as Se, d as qe, e as ze } from "./labels-B_xY0DKp.js";
+import { t as Ce } from "./transform-CujsjTyt.js";
+import { O as Ie, m as De, a as Pe, b as Ae, c as Se, d as qe, e as ze } from "./labels-CNpTKuG-.js";
 import { H as Ue } from "./Heading-AFd3o0xt.js";
 import { T as j } from "./Text-CXR2fhx6.js";
 var Le = e.from_html('<div class="p-6 md:p-8"><div class="flex justify-center mb-6"><div class="indicator-container svelte-vvc8ob"><div></div> <svg viewBox="0 0 52 52" aria-hidden="true"><circle cx="26" cy="26" r="24" class="checkmark-circle svelte-vvc8ob"></circle><circle cx="26" cy="26" r="24" class="checkmark-fill svelte-vvc8ob"></circle><path d="M14 27l7 7 17-17" class="checkmark-check svelte-vvc8ob"></path></svg></div></div> <div><div class="text-center mb-6"><!> <!> <!></div> <div class="mb-6"><!></div> <div class="flex justify-between items-center py-3 border-t border-default"><!></div> <div class="flex items-center justify-center gap-2 p-3 rounded-lg bg-surface-secondary mt-4"><!> <!></div></div></div>');
@@ -616,7 +616,7 @@ function it(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-CrvK6Him.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-6_EgTF8T.js").then((r) => {
       e.set(f, r.default, !0);
     }).catch(() => {
       e.set(s, !1);
@@ -732,4 +732,4 @@ function it(F, t) {
 export {
   it as default
 };
-//# sourceMappingURL=Success-S3nnKJSN.js.map
+//# sourceMappingURL=Success-BkrSlcZJ.js.map

package/dist/{Success-S3nnKJSN.js.map → Success-BkrSlcZJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Success-S3nnKJSN.js","sources":["../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessTicket.svelte","../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessActions.svelte","../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessMain.svelte","../src/components/Views/Success.svelte"],"sourcesContent":["<script lang=\"ts\">\r\n\timport { Email } from 'carbon-icons-svelte';\r\n\timport { Card, Heading, Text } from '@getmicdrop/svelte-components';\r\n\timport type { EventData, OrderTotals } from '$lib/premium-ticket-experience/types';\r\n\timport OrderSummary from './OrderSummary.svelte';\r\n\r\n\tinterface Props {\r\n\t\tevent: EventData;\r\n\t\torderId: string;\r\n\t\torderTotals: OrderTotals;\r\n\t\tcustomerEmail: string;\r\n\t\tshowCheckmark: boolean;\r\n\t\tshowContent: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tevent, orderId, orderTotals, customerEmail, showCheckmark, showContent, labels = {},\r\n\t}: Props = $props();\r\n\r\n\tlet ticketCount = $derived(orderTotals.lines.reduce((sum, l) => sum + l.quantity, 0));\r\n\r\n\tlet headingText = $derived(\r\n\t\tevent.isRegistrationEvent ? (labels.youreRegistered || \"You're registered!\") : (labels.youreIn || \"You're in!\")\r\n\t);\r\n\r\n</script>\r\n\r\n<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-primary\">\r\n\t<div class=\"p-6 md:p-8\">\r\n\t\t<!-- Spinner → Checkmark animation -->\r\n\t\t<div class=\"flex justify-center mb-6\">\r\n\t\t\t<div class=\"indicator-container\">\r\n\t\t\t\t<!-- Spinner (visible while loading) -->\r\n\t\t\t\t<div class=\"processing-spinner\" class:fade-out={showCheckmark}></div>\r\n\r\n\t\t\t\t<!-- Animated checkmark (appears after spinner) -->\r\n\t\t\t\t<svg class=\"checkmark-svg\" class:active={showCheckmark} viewBox=\"0 0 52 52\" aria-hidden=\"true\">\r\n\t\t\t\t\t<circle cx=\"26\" cy=\"26\" r=\"24\" class=\"checkmark-circle\" />\r\n\t\t\t\t\t<circle cx=\"26\" cy=\"26\" r=\"24\" class=\"checkmark-fill\" />\r\n\t\t\t\t\t<path d=\"M14 27l7 7 17-17\" class=\"checkmark-check\" />\r\n\t\t\t\t</svg>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- Content (fades in after checkmark completes) -->\r\n\t\t<div class=\"content-section\" class:visible={showContent}>\r\n\t\t\t<!-- Heading -->\r\n\t\t\t<div class=\"text-center mb-6\">\r\n\t\t\t\t<Heading level={1} size=\"xl\" weight=\"bold\" class=\"mb-3\">\r\n\t\t\t\t\t{headingText}\r\n\t\t\t\t</Heading>\r\n\t\t\t\t<Text size=\"lg\" class=\"font-semibold block mb-1\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<Text size=\"sm\" color=\"secondary\" class=\"block\">\r\n\t\t\t\t\t{ticketCount} {ticketCount === 1 ? (labels.ticket || 'ticket') : (labels.tickets || 'tickets')} confirmed\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Order summary (same format as checkout) -->\r\n\t\t\t<div class=\"mb-6\">\r\n\t\t\t\t<OrderSummary {orderTotals}\r\n\t\t\t\t{labels} />\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Order info -->\r\n\t\t\t<div class=\"flex justify-between items-center py-3 border-t border-default\">\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold font-mono\">#{orderId}</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Email confirmation -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-2 p-3 rounded-lg bg-surface-secondary mt-4\">\r\n\t\t\t\t<Email size={16} class=\"shrink-0 text-color-muted\" />\r\n\t\t\t\t<Text size=\"xs\" color=\"secondary\">\r\n\t\t\t\t\t{labels.confirmationSentTo || 'Confirmation sent to'} {customerEmail}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t</div>\r\n</Card>\r\n\r\n<style>\r\n\t/* Indicator container — holds spinner and checkmark in same space */\r\n\t.indicator-container {\r\n\t\tposition: relative;\r\n\t\twidth: 64px;\r\n\t\theight: 64px;\r\n\t}\r\n\r\n\t/* Spinner — rotating partial circle */\r\n\t.processing-spinner {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tborder: 3px solid hsl(var(--stroke-primary) / 15%);\r\n\t\tborder-top-color: hsl(var(--accent-success));\r\n\t\tborder-radius: 50%;\r\n\t\tanimation: spin 0.7s linear infinite;\r\n\t\ttransition: opacity 0.2s ease;\r\n\t}\r\n\r\n\t.processing-spinner.fade-out {\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t@keyframes spin {\r\n\t\tto { transform: rotate(360deg); }\r\n\t}\r\n\r\n\t/* Checkmark SVG — scales in when active */\r\n\t.checkmark-svg {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\topacity: 0;\r\n\t\ttransform: scale(0.6);\r\n\t\ttransition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);\r\n\t}\r\n\r\n\t.checkmark-svg.active {\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1);\r\n\t}\r\n\r\n\t/* Circle outline — draws itself */\r\n\t.checkmark-circle {\r\n\t\tstroke-dasharray: 151;\r\n\t\tstroke-dashoffset: 151;\r\n\t\tstroke-width: 2;\r\n\t\tstroke: hsl(var(--accent-success));\r\n\t\tfill: none;\r\n\t\ttransform-origin: center;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-circle {\r\n\t\tanimation: circle-draw 0.5s ease-out 0.1s forwards;\r\n\t}\r\n\r\n\t@keyframes circle-draw {\r\n\t\tto { stroke-dashoffset: 0; }\r\n\t}\r\n\r\n\t/* Circle fill — fades in after outline completes */\r\n\t.checkmark-fill {\r\n\t\tfill: hsl(var(--accent-success));\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-fill {\r\n\t\tanimation: fill-in 0.25s ease-out 0.5s forwards;\r\n\t}\r\n\r\n\t@keyframes fill-in {\r\n\t\tto { opacity: 1; }\r\n\t}\r\n\r\n\t/* Checkmark stroke — draws after fill */\r\n\t.checkmark-check {\r\n\t\tstroke-dasharray: 36;\r\n\t\tstroke-dashoffset: 36;\r\n\t\tstroke-width: 3;\r\n\t\tstroke: hsl(var(--bg-primary));\r\n\t\tfill: none;\r\n\t\tstroke-linecap: round;\r\n\t\tstroke-linejoin: round;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-check {\r\n\t\tanimation: check-draw 0.3s ease-out 0.6s forwards;\r\n\t}\r\n\r\n\t@keyframes check-draw {\r\n\t\tto { stroke-dashoffset: 0; }\r\n\t}\r\n\r\n\t/* Content section — fades in after checkmark */\r\n\t.content-section {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.content-section.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/* Reduced motion */\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.processing-spinner {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t}\r\n\r\n\t\t.checkmark-svg {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\r\n\t\t.checkmark-svg .checkmark-circle,\r\n\t\t.checkmark-svg .checkmark-fill,\r\n\t\t.checkmark-svg .checkmark-check {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t\tanimation-delay: 0s;\r\n\t\t}\r\n\r\n\t\t.content-section {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { onMount } from 'svelte';\r\n\timport {\r\n\t\tShare,\r\n\t\tHelp,\r\n\t\tArrowLeft,\r\n\t\tApple,\r\n\t\tCalendar,\r\n\t\tChevronDown,\r\n\t\tLocationFilled,\r\n\t} from 'carbon-icons-svelte';\r\n\timport { Button, Card, Text } from '@getmicdrop/svelte-components';\r\n\timport type { EventData } from '$lib/premium-ticket-experience/types';\r\n\timport { formatBrowseDate, formatEventTime } from '$lib/premium-ticket-experience/defaults';\r\n\r\n\tinterface Props {\r\n\t\tevent: EventData;\r\n\t\torderId: string;\r\n\t\teventUrl: string;\r\n\t\tshowContent: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet { event, orderId, eventUrl, showContent, labels = {} }: Props = $props();\r\n\r\n\t// --- Calendar dropdown ---\r\n\tlet calendarOpen = $state(false);\r\n\r\n\tfunction toggleCalendar() {\r\n\t\tcalendarOpen = !calendarOpen;\r\n\t}\r\n\r\n\t// Close calendar dropdown when clicking outside\r\n\tonMount(() => {\r\n\t\tfunction handleClickOutside(e: MouseEvent) {\r\n\t\t\tconst target = e.target as HTMLElement;\r\n\t\t\tif (!target.closest('.calendar-dropdown')) {\r\n\t\t\t\tcalendarOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t\tdocument.addEventListener('click', handleClickOutside);\r\n\t\treturn () => document.removeEventListener('click', handleClickOutside);\r\n\t});\r\n\r\n\t// --- Google Calendar URL ---\r\n\tlet googleCalendarUrl = $derived((() => {\r\n\t\tconst startDate = new Date(event.startDateTime);\r\n\t\tconst endDate = event.endDateTime\r\n\t\t\t? new Date(event.endDateTime)\r\n\t\t\t: new Date(startDate.getTime() + 2 * 60 * 60 * 1000);\r\n\r\n\t\tconst formatForGoogle = (date: Date): string => {\r\n\t\t\treturn date.toISOString().replace(/[-:]/g, '').replace(/\\.\\d{3}/, '');\r\n\t\t};\r\n\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst fullLocation = locationParts.join(', ');\r\n\r\n\t\tconst params = new URLSearchParams({\r\n\t\t\taction: 'TEMPLATE',\r\n\t\t\ttext: event.title,\r\n\t\t\tdates: `${formatForGoogle(startDate)}/${formatForGoogle(endDate)}`,\r\n\t\t\tlocation: fullLocation,\r\n\t\t\tdetails: `Event: ${eventUrl}\\n\\nTicket confirmation #${orderId}`\r\n\t\t});\r\n\r\n\t\treturn `https://calendar.google.com/calendar/render?${params.toString()}`;\r\n\t})());\r\n\r\n\t// --- ICS file download (Apple Calendar) ---\r\n\tfunction downloadICS() {\r\n\t\tconst startDate = new Date(event.startDateTime);\r\n\t\tconst endDate = event.endDateTime\r\n\t\t\t? new Date(event.endDateTime)\r\n\t\t\t: new Date(startDate.getTime() + 2 * 60 * 60 * 1000);\r\n\r\n\t\tconst formatForICS = (date: Date): string => {\r\n\t\t\treturn date.toISOString().replace(/[-:]/g, '').replace(/\\.\\d{3}/, '');\r\n\t\t};\r\n\r\n\t\tconst uid = `order-${orderId}-event-${event.id}@micdrop.com`;\r\n\t\tconst now = formatForICS(new Date());\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst fullLocation = locationParts.join(', ');\r\n\r\n\t\tconst escapeICS = (str: string): string => {\r\n\t\t\tif (!str) return '';\r\n\t\t\treturn str.replace(/\\\\/g, '\\\\\\\\').replace(/;/g, '\\\\;').replace(/,/g, '\\\\,').replace(/\\n/g, '\\\\n');\r\n\t\t};\r\n\r\n\t\tconst icsContent = `BEGIN:VCALENDAR\r\nVERSION:2.0\r\nPRODID:-//MicDrop//Ticket Confirmation//EN\r\nCALSCALE:GREGORIAN\r\nMETHOD:PUBLISH\r\nBEGIN:VEVENT\r\nUID:${uid}\r\nDTSTAMP:${now}\r\nDTSTART:${formatForICS(startDate)}\r\nDTEND:${formatForICS(endDate)}\r\nSUMMARY:${escapeICS(event.title)}\r\nLOCATION:${escapeICS(fullLocation)}\r\nDESCRIPTION:${escapeICS(`Order #${orderId}\\n\\nView event: ${eventUrl}`)}\r\nURL:${eventUrl}\r\nSTATUS:CONFIRMED\r\nEND:VEVENT\r\nEND:VCALENDAR`;\r\n\r\n\t\tconst blob = new Blob([icsContent], { type: 'text/calendar;charset=utf-8' });\r\n\t\tconst url = URL.createObjectURL(blob);\r\n\t\tconst link = document.createElement('a');\r\n\t\tlink.href = url;\r\n\t\tconst safeFilename = (event.title || 'event').replace(/[^a-zA-Z0-9\\s-]/g, '').replace(/\\s+/g, '-');\r\n\t\tlink.download = `${safeFilename}.ics`;\r\n\t\tdocument.body.appendChild(link);\r\n\t\tlink.click();\r\n\t\tdocument.body.removeChild(link);\r\n\t\tURL.revokeObjectURL(url);\r\n\r\n\t\tcalendarOpen = false;\r\n\t}\r\n\r\n\tfunction handleGoogleCalendar() {\r\n\t\tcalendarOpen = false;\r\n\t}\r\n\r\n\t// --- Share event ---\r\n\tasync function shareEvent() {\r\n\t\tconst shareData = { url: eventUrl };\r\n\r\n\t\tif (navigator.share) {\r\n\t\t\ttry {\r\n\t\t\t\tawait navigator.share(shareData);\r\n\t\t\t} catch (err: unknown) {\r\n\t\t\t\tif (err instanceof Error && err.name !== 'AbortError') {\r\n\t\t\t\t\tfallbackShare();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tfallbackShare();\r\n\t\t}\r\n\t}\r\n\r\n\tfunction fallbackShare() {\r\n\t\tnavigator.clipboard.writeText(eventUrl).then(() => {\r\n\t\t\talert(labels.linkCopied || 'Link copied to clipboard!');\r\n\t\t}).catch(() => {\r\n\t\t\tprompt(labels.copyLink || 'Copy this link:', eventUrl);\r\n\t\t});\r\n\t}\r\n\r\n\t// --- Wallet handlers (mock — requires backend in production) ---\r\n\tfunction handleAppleWallet() {\r\n\t\talert('Apple Wallet integration requires backend signing infrastructure.\\nIn production, this would generate a .pkpass file and add it to your Apple Wallet.');\r\n\t}\r\n\r\n\tfunction handleGoogleWallet() {\r\n\t\talert('Google Wallet integration requires backend signing infrastructure.\\nIn production, this would create a Google Wallet pass via the Google Pay API.');\r\n\t}\r\n\r\n\t// --- Directions ---\r\n\tlet directionsUrl = $derived((() => {\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst query = encodeURIComponent(locationParts.join(', '));\r\n\t\treturn `https://www.google.com/maps/search/?api=1&query=${query}`;\r\n\t})());\r\n\r\n\t// --- Navigation ---\r\n\tfunction handleBackToEvent() {\r\n\t\twindow.location.href = eventUrl;\r\n\t}\r\n</script>\r\n\r\n<!--\r\n\tSuccessActions: Sidebar card matching BookingWidget / CheckoutSidebar pattern.\r\n\tSingle Card with event thumbnail, date summary, wallet badges, action buttons, and links.\r\n-->\r\n<div class=\"actions-wrapper\" class:visible={showContent}>\r\n\t<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-secondary\">\r\n\t\t<!-- Event poster (same treatment as HeroImage — object-contain, no crop) -->\r\n\t\t<div class=\"rounded-t-xl overflow-hidden bg-surface-tertiary\">\r\n\t\t\t<img\r\n\t\t\t\tsrc={event.imageUrl}\r\n\t\t\t\talt={event.title}\r\n\t\t\t\tclass=\"sidebar-poster w-full object-contain\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"p-5 space-y-4\">\r\n\t\t\t<!-- Event info -->\r\n\t\t\t<div>\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold block leading-tight\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<div class=\"flex items-center gap-1.5 mt-1.5\">\r\n\t\t\t\t\t<Calendar size={16} class=\"shrink-0 icon-muted\" />\r\n\t\t\t\t\t<Text size=\"xs\" color=\"muted\">\r\n\t\t\t\t\t\t{formatBrowseDate(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{#if event.displayStartTime !== false}\r\n\t\t\t\t\t\t\t&middot; {formatEventTime(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{/if}\r\n\t\t\t\t\t</Text>\r\n\t\t\t\t</div>\r\n\t\t\t\t<Text size=\"xs\" color=\"muted\" class=\"block mt-0.5\">\r\n\t\t\t\t\t{event.venue.name}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Wallet badges (official brand assets) -->\r\n\t\t\t<div class=\"flex flex-col items-center gap-3\">\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleAppleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/apple-wallet.svg\"\r\n\t\t\t\t\t\talt={labels.addToAppleWallet || 'Add to Apple Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleGoogleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-dark.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet || 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-dark\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-light.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet || 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-light\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Divider -->\r\n\t\t\t<div class=\"divider\"></div>\r\n\r\n\t\t\t<!-- Calendar dropdown (full width) -->\r\n\t\t\t<div class=\"calendar-dropdown relative\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\tclass=\"w-full\"\r\n\t\t\t\t\tonclick={toggleCalendar}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Calendar size={16} />\r\n\t\t\t\t\t{labels.addToCalendar || 'Add to Calendar'}\r\n\t\t\t\t\t<ChevronDown size={16} class=\"ml-auto transition-transform {calendarOpen ? 'rotate-180' : ''}\" />\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if calendarOpen}\r\n\t\t\t\t\t<div class=\"dropdown-menu bg-surface-primary border-default\">\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\thref={googleCalendarUrl}\r\n\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\r\n\t\t\t\t\t\t\tclass=\"dropdown-item text-color-primary hover:bg-surface-secondary\"\r\n\t\t\t\t\t\t\tonclick={handleGoogleCalendar}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg class=\"shrink-0\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n\t\t\t\t\t\t\t\t<path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z\" fill=\"#4285F4\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z\" fill=\"#FBBC05\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t{labels.googleCalendar || 'Google Calendar'}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t<button type=\"button\" class=\"dropdown-item text-color-primary hover:bg-surface-secondary\" onclick={downloadICS}>\r\n\t\t\t\t\t\t\t<Apple size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t\t{labels.appleCalendar || 'Apple Calendar (.ics)'}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Share + Directions row -->\r\n\t\t\t<div class=\"flex gap-2\">\r\n\t\t\t\t<Button variant=\"default\" size=\"md\" class=\"flex-1\" onclick={shareEvent}>\r\n\t\t\t\t\t<Share size={16} />\r\n\t\t\t\t\t{labels.share || 'Share'}\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if event.venue.address}\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\t\tclass=\"flex-1\"\r\n\t\t\t\t\t\thref={directionsUrl}\r\n\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<LocationFilled size={16} />\r\n\t\t\t\t\t\t{labels.map || 'Map'}\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Text links -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-4 pt-1\">\r\n\t\t\t\t<button type=\"button\" class=\"text-link text-color-muted hover:text-color-secondary\" onclick={handleBackToEvent}>\r\n\t\t\t\t\t<ArrowLeft size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t{labels.backToEvent || 'Back to event'}\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t{#if event.venue.contactEmail}\r\n\t\t\t\t\t<span class=\"text-color-muted\">·</span>\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\thref=\"mailto:{event.venue.contactEmail}?subject=Help with Order {orderId}\"\r\n\t\t\t\t\t\tclass=\"text-link text-color-muted hover:text-color-secondary\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<Help size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t{labels.needHelp || 'Need help?'}\r\n\t\t\t\t\t</a>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</Card>\r\n</div>\r\n\r\n<style>\r\n\t/* Wrapper — fades in with content */\r\n\t.actions-wrapper {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.actions-wrapper.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/* Sidebar poster — same object-contain treatment as HeroImage */\r\n\t.sidebar-poster {\r\n\t\tmax-height: 15rem;\r\n\t\tmin-height: 6rem;\r\n\t}\r\n\r\n\t/* Wallet badges — official brand assets, no modifications per guidelines */\r\n\t.wallet-badge-btn {\r\n\t\tdisplay: block;\r\n\t\ttransition-property: opacity;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t.wallet-badge-btn:hover {\r\n\t\topacity: 0.85;\r\n\t}\r\n\r\n\t.wallet-badge-btn:active {\r\n\t\topacity: 0.7;\r\n\t}\r\n\r\n\t.wallet-badge-img {\r\n\t\theight: 44px;\r\n\t\twidth: auto;\r\n\t}\r\n\r\n\t/* Google badge: show dark variant in light mode, light variant in dark mode */\r\n\t.google-light {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t/* Calendar dropdown menu */\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tmargin-top: 0.25rem;\r\n\t\tpadding-top: 0.25rem;\r\n\t\tpadding-bottom: 0.25rem;\r\n\t\tborder-radius: 0.5rem;\r\n\t\tbox-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);\r\n\t\tz-index: var(--z-navigation);\r\n\t\tborder-width: 1px;\r\n\t\tborder-style: solid;\r\n\t}\r\n\r\n\t.dropdown-item {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.625rem;\r\n\t\twidth: 100%;\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\t\tfont-size: 0.875rem;\r\n\t\tline-height: 1.25rem;\r\n\t\ttext-align: left;\r\n\t\ttransition-property: color, background-color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/* Text links */\r\n\t.text-link {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.25rem;\r\n\t\tfont-size: 0.75rem;\r\n\t\tline-height: 1rem;\r\n\t\ttransition-property: color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/* Reduced motion */\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.actions-wrapper {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { onMount } from 'svelte';\r\n\timport type { EventData, OrderTotals, OrderLine, SuccessData } from '$lib/premium-ticket-experience/types';\r\n\timport {\r\n\t\tmockEvent,\r\n\t\tmockFreeEvent,\r\n\t\tmockRegistrationEvent,\r\n\t\tmockDonationEvent\r\n\t} from '$lib/premium-ticket-experience/mock-data';\r\n\timport { calculateTax } from '$lib/premium-ticket-experience/defaults';\r\n\r\n\timport SuccessTicket from './SuccessTicket.svelte';\r\n\timport SuccessActions from './SuccessActions.svelte';\r\n\timport { mergeLabels } from '$lib/premium-ticket-experience/i18n/labels.js';\r\n\r\n\t// --- DataToggle ---\r\n\ttype SuccessVariant = 'default' | 'free' | 'registration' | 'donation';\r\n\tlet dataVariant = $state<SuccessVariant>('default');\r\n\r\n\tconst toggleOptions: { value: SuccessVariant; label: string; color: string }[] = [\r\n\t\t{ value: 'default', label: 'Standard', color: 'bg-accent-success' },\r\n\t\t{ value: 'free', label: 'Free', color: 'bg-sky-500' },\r\n\t\t{ value: 'registration', label: 'Registration', color: 'bg-brand-primary' },\r\n\t\t{ value: 'donation', label: 'Donation', color: 'bg-accent-danger' }\r\n\t];\r\n\r\n\t// --- Props (dual-mode: showcase vs production) ---\r\n\tinterface Props {\r\n\t\t/** Pre-built success data for production mode. Absence = showcase. */\r\n\t\tdata?: SuccessData;\r\n\t\t/** Event page URL for production navigation and sharing. */\r\n\t\teventUrl?: string;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tdata: dataProp = undefined,\r\n\t\teventUrl: eventUrlProp = undefined,\r\n\t\tlabels = {},\r\n\t}: Props = $props();\r\n\r\n\tconst mergedLabels = $derived(mergeLabels(labels));\r\n\r\n\tlet isShowcaseMode = $derived(!dataProp);\r\n\r\n\t// --- Mock data per variant ---\r\n\tconst variantData: Record<SuccessVariant, SuccessData> = {\r\n\t\tdefault: {\r\n\t\t\tevent: mockEvent,\r\n\t\t\torderId: '12847',\r\n\t\t\tlines: [\r\n\t\t\t\t{ ticketId: 101, ticketName: 'General Admission', quantity: 2, unitPrice: 25, fee: 2.5, subtotal: 50 },\r\n\t\t\t\t{ ticketId: 102, ticketName: 'VIP Front Row', quantity: 1, unitPrice: 55, fee: 5.5, subtotal: 55 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'customer@example.com'\r\n\t\t},\r\n\t\tfree: {\r\n\t\t\tevent: mockFreeEvent,\r\n\t\t\torderId: '12848',\r\n\t\t\tlines: [\r\n\t\t\t\t{ ticketId: 201, ticketName: 'Free Entry', quantity: 2, unitPrice: 0, fee: 0, subtotal: 0 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'comedy.fan@gmail.com'\r\n\t\t},\r\n\t\tregistration: {\r\n\t\t\tevent: mockRegistrationEvent,\r\n\t\t\torderId: '12849',\r\n\t\t\tlines: [\r\n\t\t\t\t{ ticketId: 301, ticketName: 'Workshop Seat', quantity: 1, unitPrice: 75, fee: 7.5, subtotal: 75 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'learner@example.com'\r\n\t\t},\r\n\t\tdonation: {\r\n\t\t\tevent: mockDonationEvent,\r\n\t\t\torderId: '12850',\r\n\t\t\tlines: [\r\n\t\t\t\t{ ticketId: 401, ticketName: 'Donation', quantity: 1, unitPrice: 25, fee: 0, subtotal: 25 },\r\n\t\t\t\t{ ticketId: 402, ticketName: 'Standard Admission', quantity: 1, unitPrice: 30, fee: 3, subtotal: 30 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'generous@example.com'\r\n\t\t}\r\n\t};\r\n\r\n\tlet current: SuccessData = $derived(isShowcaseMode ? variantData[dataVariant] : dataProp!);\r\n\r\n\t// Build OrderTotals — the server's persisted order is authoritative\r\n\t// (basePrice/tax/surcharge/totalPrice match what Stripe charged).\r\n\t// Fall back to a local sum-of-lines for showcase mode only.\r\n\tlet orderTotals: OrderTotals = $derived((() => {\r\n\t\tconst lines = current.lines;\r\n\t\tif (current.serverTotals) {\r\n\t\t\treturn {\r\n\t\t\t\tlines,\r\n\t\t\t\tsubtotal: current.serverTotals.subtotal,\r\n\t\t\t\tfees: current.serverTotals.fees,\r\n\t\t\t\ttaxes: current.serverTotals.taxes,\r\n\t\t\t\ttotal: current.serverTotals.total,\r\n\t\t\t\tpromoDiscount: current.serverTotals.promoDiscount,\r\n\t\t\t\tgiftCardAmount: current.serverTotals.giftCardAmount\r\n\t\t\t};\r\n\t\t}\r\n\t\tconst subtotal = lines.reduce((sum, l) => sum + l.subtotal, 0);\r\n\t\tconst fees = lines.reduce((sum, l) => sum + l.fee * l.quantity, 0);\r\n\t\tconst taxes = calculateTax(subtotal + fees, current.event.venue.taxPercentage);\r\n\t\treturn {\r\n\t\t\tlines,\r\n\t\t\tsubtotal,\r\n\t\t\tfees,\r\n\t\t\ttaxes,\r\n\t\t\ttotal: subtotal + fees + taxes,\r\n\t\t\tpromoDiscount: 0,\r\n\t\t\tgiftCardAmount: 0\r\n\t\t};\r\n\t})());\r\n\r\n\tlet eventUrl = $derived(\r\n\t\tisShowcaseMode\r\n\t\t\t? (() => {\r\n\t\t\t\tif (typeof window === 'undefined') return '#';\r\n\t\t\t\treturn `${window.location.origin}/e/${current.event.id}-${current.event.slug}`;\r\n\t\t\t})()\r\n\t\t\t: (eventUrlProp || '#')\r\n\t);\r\n\r\n\t// --- Animation ---\r\n\tlet showCheckmark = $state(false);\r\n\tlet showContent = $state(false);\r\n\tlet reducedMotion = $state(false);\r\n\r\n\tfunction runAnimations() {\r\n\t\tif (reducedMotion) {\r\n\t\t\tshowCheckmark = true;\r\n\t\t\tshowContent = true;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tshowCheckmark = false;\r\n\t\tshowContent = false;\r\n\t\tsetTimeout(() => { showCheckmark = true; }, 800);\r\n\t\tsetTimeout(() => { showContent = true; }, 1600);\r\n\t}\r\n\r\n\t$effect(() => {\r\n\t\tif (!isShowcaseMode) return;\r\n\t\tconst _v = dataVariant;\r\n\t\trunAnimations();\r\n\t});\r\n\r\n\tonMount(() => {\r\n\t\treducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\t\trunAnimations();\r\n\t});\r\n</script>\r\n\r\n<div class=\"w-full min-h-screen bg-surface-primary text-color-primary\">\r\n\t<!-- DataToggle (showcase mode only) -->\r\n\t{#if isShowcaseMode}\r\n\t\t<div class=\"toggle-bar bg-surface-primary border-default\">\r\n\t\t\t<span class=\"toggle-label text-color-muted\">Success</span>\r\n\t\t\t{#each toggleOptions as option}\r\n\t\t\t\t{@const isActive = dataVariant === option.value}\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tclass=\"toggle-btn {isActive ? 'active bg-surface-secondary text-color-primary font-medium' : 'text-color-tertiary hover:bg-surface-secondary hover:text-color-secondary'}\"\r\n\t\t\t\t\tonclick={() => { dataVariant = option.value; }}\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"w-1.5 h-1.5 rounded-full {option.color} shrink-0\"></span>\r\n\t\t\t\t\t{option.label}\r\n\t\t\t\t</button>\r\n\t\t\t{/each}\r\n\t\t</div>\r\n\t{/if}\r\n\r\n\t<div class=\"max-w-6xl mx-auto px-4 py-6 md:px-6 md:py-8\">\r\n\r\n\t\t<!-- ============================================== -->\r\n\t\t<!-- DESKTOP: Two-column layout (1fr 360px)         -->\r\n\t\t<!-- ============================================== -->\r\n\t\t<div class=\"hidden md:grid gap-8 items-start\" style=\"grid-template-columns: 1fr 360px;\">\r\n\r\n\t\t\t<!-- LEFT COLUMN: Confirmation card -->\r\n\t\t\t<SuccessTicket\r\n\t\t\t\tevent={current.event}\r\n\t\t\t\torderId={current.orderId}\r\n\t\t\t\t{orderTotals}\r\n\t\t\t\tcustomerEmail={current.customerEmail}\r\n\t\t\t\t{showCheckmark}\r\n\t\t\t\t{showContent}\r\n\t\t\t\tlabels={mergedLabels}\r\n\t\t\t/>\r\n\r\n\t\t\t<!-- RIGHT COLUMN: Sticky sidebar with event info + actions -->\r\n\t\t\t<div class=\"sticky top-6\">\r\n\t\t\t\t<SuccessActions\r\n\t\t\t\t\tevent={current.event}\r\n\t\t\t\t\torderId={current.orderId}\r\n\t\t\t\t\t{eventUrl}\r\n\t\t\t\t\t{showContent}\r\n\t\t\t\t\tlabels={mergedLabels}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- ============================================== -->\r\n\t\t<!-- MOBILE: Single column                          -->\r\n\t\t<!-- ============================================== -->\r\n\t\t<div class=\"md:hidden space-y-6\">\r\n\t\t\t<SuccessTicket\r\n\t\t\t\tevent={current.event}\r\n\t\t\t\torderId={current.orderId}\r\n\t\t\t\t{orderTotals}\r\n\t\t\t\tcustomerEmail={current.customerEmail}\r\n\t\t\t\t{showCheckmark}\r\n\t\t\t\t{showContent}\r\n\t\t\t\tlabels={mergedLabels}\r\n\t\t\t/>\r\n\r\n\t\t\t<SuccessActions\r\n\t\t\t\tevent={current.event}\r\n\t\t\t\torderId={current.orderId}\r\n\t\t\t\t{eventUrl}\r\n\t\t\t\t{showContent}\r\n\t\t\t\tlabels={mergedLabels}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<style>\r\n\t/* DataToggle bar */\r\n\t.toggle-bar {\r\n\t\tposition: sticky;\r\n\t\ttop: 0;\r\n\t\tz-index: var(--z-dropdown);\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.25rem;\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\t\toverflow-x: auto;\r\n\t\tborder-bottom-width: 1px;\r\n\t\tborder-bottom-style: solid;\r\n\t}\r\n\r\n\t.toggle-label {\r\n\t\tpadding-left: 0.375rem;\r\n\t\tpadding-right: 0.375rem;\r\n\t\tflex-shrink: 0;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: 0.05em;\r\n\t\tfont-size: 0.625rem;\r\n\t}\r\n\r\n\t.toggle-btn {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.375rem;\r\n\t\tpadding: 0.25rem 0.5rem;\r\n\t\tborder-radius: 0.375rem;\r\n\t\tfont-size: 0.75rem;\r\n\t\tline-height: 1rem;\r\n\t\twhite-space: nowrap;\r\n\t\ttransition-property: all;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n</style>\r\n","<script module>\r\n\timport { createLogger } from '@getmicdrop/svelte-components';\r\n\tconst logger = createLogger('Success');\r\n</script>\r\n\r\n<script lang=\"ts\">\r\n\timport { onMount } from 'svelte';\r\n\timport { getOrder, clearCheckoutCookies, removeCookie } from '$lib/utils/utils.js';\r\n\timport { transformApiEvent } from '$lib/premium-ticket-experience/transform';\r\n\timport SuccessMain from '$lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessMain.svelte';\r\n\timport type { SuccessData, OrderLine } from '$lib/premium-ticket-experience/types';\r\n\r\n\t// --- Legacy fallback ---\r\n\tlet useLegacy = $state(false);\r\n\tlet LegacyComponent: any = $state(null);\r\n\r\n\tif (typeof window !== 'undefined') {\r\n\t\tconst params = new URLSearchParams(window.location.search);\r\n\t\tif (params.get('legacy') === '1') {\r\n\t\t\tuseLegacy = true;\r\n\t\t}\r\n\t}\r\n\r\n\t$effect(() => {\r\n\t\tif (useLegacy && !LegacyComponent) {\r\n\t\t\tlogger.warn(\r\n\t\t\t\t'[VC] DEPRECATED: ?legacy=1 fallback for Success retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md.'\r\n\t\t\t);\r\n\t\t\timport('./Success.legacy.svelte').then((m) => {\r\n\t\t\t\tLegacyComponent = m.default;\r\n\t\t\t}).catch(() => {\r\n\t\t\t\tuseLegacy = false;\r\n\t\t\t});\r\n\t\t}\r\n\t});\r\n\r\n\t// --- Props ---\r\n\tinterface Props {\r\n\t\tdata?: any;\r\n\t\tbrowseUrl?: string;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tdata = {},\r\n\t\tbrowseUrl = '/',\r\n\t\tlabels = {},\r\n\t}: Props = $props();\r\n\r\n\t// --- State ---\r\n\tlet successData = $state<SuccessData | null>(null);\r\n\tlet eventUrl = $state('');\r\n\tlet loadError = $state<string | null>(null);\r\n\tlet loading = $state(true);\r\n\r\n\tonMount(async () => {\r\n\t\tconst {\r\n\t\t\tid,\r\n\t\t\tslug,\r\n\t\t\tevent: rawEvent,\r\n\t\t\torderId: paramOrderId,\r\n\t\t\torderUuid: paramOrderUuid,\r\n\t\t\tcustomerEmail: paramEmail,\r\n\t\t\tticketCount: paramTicketCount,\r\n\t\t} = data || {};\r\n\r\n\t\t// Build event URL\r\n\t\teventUrl = `${window.location.origin}/e/${id}-${slug}`;\r\n\r\n\t\t// Transform event data\r\n\t\tlet eventData;\r\n\t\ttry {\r\n\t\t\teventData = transformApiEvent(rawEvent);\r\n\t\t} catch (e) {\r\n\t\t\tlogger.warn('Success: transformApiEvent failed:', e);\r\n\t\t\tloadError = labels.failedToLoadEventData || 'Failed to load event data.';\r\n\t\t\tloading = false;\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Fetch order data\r\n\t\tlet resolvedOrderId = paramOrderId || '';\r\n\t\tlet resolvedEmail = paramEmail || '';\r\n\t\tlet orderLines: OrderLine[] = [];\r\n\t\tlet serverTotals: any = null;\r\n\r\n\t\tif (resolvedOrderId) {\r\n\t\t\ttry {\r\n\t\t\t\tconst order = await getOrder(resolvedOrderId);\r\n\t\t\t\tif (order) {\r\n\t\t\t\t\t// Extract email\r\n\t\t\t\t\tresolvedEmail = order.customerEmail || resolvedEmail;\r\n\t\t\t\t\t// Map purchased tickets to OrderLine[] by grouping by ticketTypeId + ticketName\r\n\t\t\t\t\tconst tickets = order.purchasedTickets || order.tickets || [];\r\n\t\t\t\t\tconst grouped = new Map<string, OrderLine>();\r\n\r\n\t\t\t\t\tfor (const ticket of tickets) {\r\n\t\t\t\t\t\tconst key = `${ticket.ticketTypeId || ticket.ticketId || 0}-${ticket.ticketName || ticket.name || ''}`;\r\n\t\t\t\t\t\tconst existing = grouped.get(key);\r\n\t\t\t\t\t\tif (existing) {\r\n\t\t\t\t\t\t\texisting.quantity += 1;\r\n\t\t\t\t\t\t\texisting.subtotal += (ticket.purchasePrice || ticket.price || 0);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tgrouped.set(key, {\r\n\t\t\t\t\t\t\t\tticketId: ticket.ticketTypeId || ticket.ticketId || 0,\r\n\t\t\t\t\t\t\t\tticketName: ticket.ticketName || ticket.name || labels.ticketFallbackName || 'Ticket',\r\n\t\t\t\t\t\t\t\tquantity: 1,\r\n\t\t\t\t\t\t\t\tunitPrice: ticket.purchasePrice || ticket.price || 0,\r\n\t\t\t\t\t\t\t\tfee: 0,\r\n\t\t\t\t\t\t\t\tsubtotal: ticket.purchasePrice || ticket.price || 0,\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\torderLines = Array.from(grouped.values());\r\n\r\n\t\t\t\t\t// Capture the persisted, server-authoritative totals. These\r\n\t\t\t\t\t// match the actual Stripe charge (totalPrice = basePrice +\r\n\t\t\t\t\t// tax + surcharge) — don't let SuccessMain recompute from\r\n\t\t\t\t\t// lines, which would drop the tax + service fee.\r\n\t\t\t\t\tif (typeof order.totalPrice === 'number') {\r\n\t\t\t\t\t\tserverTotals = {\r\n\t\t\t\t\t\t\tsubtotal: order.basePrice ?? 0,\r\n\t\t\t\t\t\t\tfees: order.surcharge ?? 0,\r\n\t\t\t\t\t\t\ttaxes: order.tax ?? 0,\r\n\t\t\t\t\t\t\ttotal: order.totalPrice,\r\n\t\t\t\t\t\t\tpromoDiscount: order.promoCodeStoredDiscountAmount ?? 0,\r\n\t\t\t\t\t\t\tgiftCardAmount: order.giftCardPaymentAmount ?? 0,\r\n\t\t\t\t\t\t\tstripeAmount: order.totalPrice - (order.giftCardPaymentAmount ?? 0),\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} catch (e) {\r\n\t\t\t\tlogger.warn('Success: getOrder failed, using route params:', e);\r\n\t\t\t\t// Graceful degradation -- continue with whatever data we have\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// If no order lines from API, build a placeholder from route params\r\n\t\tif (orderLines.length === 0 && paramTicketCount > 0) {\r\n\t\t\torderLines = [{\r\n\t\t\t\tticketId: 0,\r\n\t\t\t\tticketName: labels.ticketFallbackName || 'Ticket',\r\n\t\t\t\tquantity: paramTicketCount,\r\n\t\t\t\tunitPrice: 0,\r\n\t\t\t\tfee: 0,\r\n\t\t\t\tsubtotal: 0,\r\n\t\t\t}];\r\n\t\t}\r\n\r\n\t\t// Build SuccessData\r\n\t\tsuccessData = {\r\n\t\t\tevent: eventData,\r\n\t\t\torderId: String(resolvedOrderId),\r\n\t\t\tlines: orderLines,\r\n\t\t\tcustomerEmail: resolvedEmail,\r\n\t\t\t...(serverTotals ? { serverTotals } : {}),\r\n\t\t};\r\n\r\n\t\t// Clear checkout cookies AFTER data is loaded (Pitfall 4)\r\n\t\tclearCheckoutCookies(String(id));\r\n\t\tremoveCookie('checkout-cartid');\r\n\r\n\t\tloading = false;\r\n\t});\r\n</script>\r\n\r\n{#if useLegacy && LegacyComponent}\r\n\t<LegacyComponent\r\n\t\t{data}\r\n\t\t{browseUrl}\r\n\t/>\r\n{:else if loadError}\r\n\t<div class=\"flex flex-col items-center justify-center py-24 text-center gap-4 error-container\">\r\n\t\t<p>{loadError}</p>\r\n\t</div>\r\n{:else if loading || !successData}\r\n\t<div class=\"flex items-center justify-center py-24 text-center loading-container\">\r\n\t\t<p>{labels.loadingYourOrder || 'Loading your order'}</p>\r\n\t</div>\r\n{:else}\r\n\t<SuccessMain data={successData} {eventUrl} />\r\n{/if}\r\n\r\n<style>\r\n\t.loading-container {\r\n\t\tcolor: hsl(var(--text-secondary, 215 16% 47%));\r\n\t}\r\n\r\n\t.error-container p {\r\n\t\tcolor: hsl(var(--status-sold-out, 0 72% 51%));\r\n\t}\r\n</style>\r\n"],"names":["labels","$","$$props","ticketCount","sum","l","headingText","Card","$$anchor","div","root_1","div_1","div_2","div_3","svg","div_4","div_5","Heading","node","Text","node_1","node_2","div_6","OrderSummary","node_3","div_7","node_4","div_8","Email","node_6","classes","classes_1","classes_2","calendarOpen","toggleCalendar","onMount","handleClickOutside","e","googleCalendarUrl","startDate","endDate","formatForGoogle","date","fullLocation","downloadICS","formatForICS","uid","now","escapeICS","str","icsContent","blob","url","link","safeFilename","handleGoogleCalendar","shareEvent","shareData","err","fallbackShare","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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"}
+{"version":3,"file":"Success-BkrSlcZJ.js","sources":["../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessTicket.svelte","../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessActions.svelte","../src/lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessMain.svelte","../src/components/Views/Success.svelte"],"sourcesContent":["<script lang=\"ts\">\r\n\timport { Email } from 'carbon-icons-svelte';\r\n\timport { Card, Heading, Text } from '@getmicdrop/svelte-components';\r\n\timport type { EventData, OrderTotals } from '$lib/premium-ticket-experience/types';\r\n\timport OrderSummary from './OrderSummary.svelte';\r\n\r\n\tinterface Props {\r\n\t\tevent: EventData;\r\n\t\torderId: string;\r\n\t\torderTotals: OrderTotals;\r\n\t\tcustomerEmail: string;\r\n\t\tshowCheckmark: boolean;\r\n\t\tshowContent: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tevent, orderId, orderTotals, customerEmail, showCheckmark, showContent, labels = {},\r\n\t}: Props = $props();\r\n\r\n\tlet ticketCount = $derived(orderTotals.lines.reduce((sum, l) => sum + l.quantity, 0));\r\n\r\n\tlet headingText = $derived(\r\n\t\tevent.isRegistrationEvent ? (labels.youreRegistered || \"You're registered!\") : (labels.youreIn || \"You're in!\")\r\n\t);\r\n\r\n</script>\r\n\r\n<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-primary\">\r\n\t<div class=\"p-6 md:p-8\">\r\n\t\t<!-- Spinner → Checkmark animation -->\r\n\t\t<div class=\"flex justify-center mb-6\">\r\n\t\t\t<div class=\"indicator-container\">\r\n\t\t\t\t<!-- Spinner (visible while loading) -->\r\n\t\t\t\t<div class=\"processing-spinner\" class:fade-out={showCheckmark}></div>\r\n\r\n\t\t\t\t<!-- Animated checkmark (appears after spinner) -->\r\n\t\t\t\t<svg class=\"checkmark-svg\" class:active={showCheckmark} viewBox=\"0 0 52 52\" aria-hidden=\"true\">\r\n\t\t\t\t\t<circle cx=\"26\" cy=\"26\" r=\"24\" class=\"checkmark-circle\" />\r\n\t\t\t\t\t<circle cx=\"26\" cy=\"26\" r=\"24\" class=\"checkmark-fill\" />\r\n\t\t\t\t\t<path d=\"M14 27l7 7 17-17\" class=\"checkmark-check\" />\r\n\t\t\t\t</svg>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- Content (fades in after checkmark completes) -->\r\n\t\t<div class=\"content-section\" class:visible={showContent}>\r\n\t\t\t<!-- Heading -->\r\n\t\t\t<div class=\"text-center mb-6\">\r\n\t\t\t\t<Heading level={1} size=\"xl\" weight=\"bold\" class=\"mb-3\">\r\n\t\t\t\t\t{headingText}\r\n\t\t\t\t</Heading>\r\n\t\t\t\t<Text size=\"lg\" class=\"font-semibold block mb-1\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<Text size=\"sm\" color=\"secondary\" class=\"block\">\r\n\t\t\t\t\t{ticketCount} {ticketCount === 1 ? (labels.ticket || 'ticket') : (labels.tickets || 'tickets')} confirmed\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Order summary (same format as checkout) -->\r\n\t\t\t<div class=\"mb-6\">\r\n\t\t\t\t<OrderSummary {orderTotals}\r\n\t\t\t\t{labels} />\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Order info -->\r\n\t\t\t<div class=\"flex justify-between items-center py-3 border-t border-default\">\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold font-mono\">#{orderId}</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Email confirmation -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-2 p-3 rounded-lg bg-surface-secondary mt-4\">\r\n\t\t\t\t<Email size={16} class=\"shrink-0 text-color-muted\" />\r\n\t\t\t\t<Text size=\"xs\" color=\"secondary\">\r\n\t\t\t\t\t{labels.confirmationSentTo || 'Confirmation sent to'} {customerEmail}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t</div>\r\n</Card>\r\n\r\n<style>\r\n\t/* Indicator container — holds spinner and checkmark in same space */\r\n\t.indicator-container {\r\n\t\tposition: relative;\r\n\t\twidth: 64px;\r\n\t\theight: 64px;\r\n\t}\r\n\r\n\t/* Spinner — rotating partial circle */\r\n\t.processing-spinner {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tborder: 3px solid hsl(var(--stroke-primary) / 15%);\r\n\t\tborder-top-color: hsl(var(--accent-success));\r\n\t\tborder-radius: 50%;\r\n\t\tanimation: spin 0.7s linear infinite;\r\n\t\ttransition: opacity 0.2s ease;\r\n\t}\r\n\r\n\t.processing-spinner.fade-out {\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t@keyframes spin {\r\n\t\tto { transform: rotate(360deg); }\r\n\t}\r\n\r\n\t/* Checkmark SVG — scales in when active */\r\n\t.checkmark-svg {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\topacity: 0;\r\n\t\ttransform: scale(0.6);\r\n\t\ttransition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);\r\n\t}\r\n\r\n\t.checkmark-svg.active {\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1);\r\n\t}\r\n\r\n\t/* Circle outline — draws itself */\r\n\t.checkmark-circle {\r\n\t\tstroke-dasharray: 151;\r\n\t\tstroke-dashoffset: 151;\r\n\t\tstroke-width: 2;\r\n\t\tstroke: hsl(var(--accent-success));\r\n\t\tfill: none;\r\n\t\ttransform-origin: center;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-circle {\r\n\t\tanimation: circle-draw 0.5s ease-out 0.1s forwards;\r\n\t}\r\n\r\n\t@keyframes circle-draw {\r\n\t\tto { stroke-dashoffset: 0; }\r\n\t}\r\n\r\n\t/* Circle fill — fades in after outline completes */\r\n\t.checkmark-fill {\r\n\t\tfill: hsl(var(--accent-success));\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-fill {\r\n\t\tanimation: fill-in 0.25s ease-out 0.5s forwards;\r\n\t}\r\n\r\n\t@keyframes fill-in {\r\n\t\tto { opacity: 1; }\r\n\t}\r\n\r\n\t/* Checkmark stroke — draws after fill */\r\n\t.checkmark-check {\r\n\t\tstroke-dasharray: 36;\r\n\t\tstroke-dashoffset: 36;\r\n\t\tstroke-width: 3;\r\n\t\tstroke: hsl(var(--bg-primary));\r\n\t\tfill: none;\r\n\t\tstroke-linecap: round;\r\n\t\tstroke-linejoin: round;\r\n\t}\r\n\r\n\t.checkmark-svg.active .checkmark-check {\r\n\t\tanimation: check-draw 0.3s ease-out 0.6s forwards;\r\n\t}\r\n\r\n\t@keyframes check-draw {\r\n\t\tto { stroke-dashoffset: 0; }\r\n\t}\r\n\r\n\t/* Content section — fades in after checkmark */\r\n\t.content-section {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.content-section.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/* Reduced motion */\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.processing-spinner {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t}\r\n\r\n\t\t.checkmark-svg {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\r\n\t\t.checkmark-svg .checkmark-circle,\r\n\t\t.checkmark-svg .checkmark-fill,\r\n\t\t.checkmark-svg .checkmark-check {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t\tanimation-delay: 0s;\r\n\t\t}\r\n\r\n\t\t.content-section {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { onMount } from 'svelte';\r\n\timport {\r\n\t\tShare,\r\n\t\tHelp,\r\n\t\tArrowLeft,\r\n\t\tApple,\r\n\t\tCalendar,\r\n\t\tChevronDown,\r\n\t\tLocationFilled,\r\n\t} from 'carbon-icons-svelte';\r\n\timport { Button, Card, Text } from '@getmicdrop/svelte-components';\r\n\timport type { EventData } from '$lib/premium-ticket-experience/types';\r\n\timport { formatBrowseDate, formatEventTime } from '$lib/premium-ticket-experience/defaults';\r\n\r\n\tinterface Props {\r\n\t\tevent: EventData;\r\n\t\torderId: string;\r\n\t\teventUrl: string;\r\n\t\tshowContent: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet { event, orderId, eventUrl, showContent, labels = {} }: Props = $props();\r\n\r\n\t// --- Calendar dropdown ---\r\n\tlet calendarOpen = $state(false);\r\n\r\n\tfunction toggleCalendar() {\r\n\t\tcalendarOpen = !calendarOpen;\r\n\t}\r\n\r\n\t// Close calendar dropdown when clicking outside\r\n\tonMount(() => {\r\n\t\tfunction handleClickOutside(e: MouseEvent) {\r\n\t\t\tconst target = e.target as HTMLElement;\r\n\t\t\tif (!target.closest('.calendar-dropdown')) {\r\n\t\t\t\tcalendarOpen = false;\r\n\t\t\t}\r\n\t\t}\r\n\t\tdocument.addEventListener('click', handleClickOutside);\r\n\t\treturn () => document.removeEventListener('click', handleClickOutside);\r\n\t});\r\n\r\n\t// --- Google Calendar URL ---\r\n\tlet googleCalendarUrl = $derived((() => {\r\n\t\tconst startDate = new Date(event.startDateTime);\r\n\t\tconst endDate = event.endDateTime\r\n\t\t\t? new Date(event.endDateTime)\r\n\t\t\t: new Date(startDate.getTime() + 2 * 60 * 60 * 1000);\r\n\r\n\t\tconst formatForGoogle = (date: Date): string => {\r\n\t\t\treturn date.toISOString().replace(/[-:]/g, '').replace(/\\.\\d{3}/, '');\r\n\t\t};\r\n\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst fullLocation = locationParts.join(', ');\r\n\r\n\t\tconst params = new URLSearchParams({\r\n\t\t\taction: 'TEMPLATE',\r\n\t\t\ttext: event.title,\r\n\t\t\tdates: `${formatForGoogle(startDate)}/${formatForGoogle(endDate)}`,\r\n\t\t\tlocation: fullLocation,\r\n\t\t\tdetails: `Event: ${eventUrl}\\n\\nTicket confirmation #${orderId}`\r\n\t\t});\r\n\r\n\t\treturn `https://calendar.google.com/calendar/render?${params.toString()}`;\r\n\t})());\r\n\r\n\t// --- ICS file download (Apple Calendar) ---\r\n\tfunction downloadICS() {\r\n\t\tconst startDate = new Date(event.startDateTime);\r\n\t\tconst endDate = event.endDateTime\r\n\t\t\t? new Date(event.endDateTime)\r\n\t\t\t: new Date(startDate.getTime() + 2 * 60 * 60 * 1000);\r\n\r\n\t\tconst formatForICS = (date: Date): string => {\r\n\t\t\treturn date.toISOString().replace(/[-:]/g, '').replace(/\\.\\d{3}/, '');\r\n\t\t};\r\n\r\n\t\tconst uid = `order-${orderId}-event-${event.id}@micdrop.com`;\r\n\t\tconst now = formatForICS(new Date());\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst fullLocation = locationParts.join(', ');\r\n\r\n\t\tconst escapeICS = (str: string): string => {\r\n\t\t\tif (!str) return '';\r\n\t\t\treturn str.replace(/\\\\/g, '\\\\\\\\').replace(/;/g, '\\\\;').replace(/,/g, '\\\\,').replace(/\\n/g, '\\\\n');\r\n\t\t};\r\n\r\n\t\tconst icsContent = `BEGIN:VCALENDAR\r\nVERSION:2.0\r\nPRODID:-//MicDrop//Ticket Confirmation//EN\r\nCALSCALE:GREGORIAN\r\nMETHOD:PUBLISH\r\nBEGIN:VEVENT\r\nUID:${uid}\r\nDTSTAMP:${now}\r\nDTSTART:${formatForICS(startDate)}\r\nDTEND:${formatForICS(endDate)}\r\nSUMMARY:${escapeICS(event.title)}\r\nLOCATION:${escapeICS(fullLocation)}\r\nDESCRIPTION:${escapeICS(`Order #${orderId}\\n\\nView event: ${eventUrl}`)}\r\nURL:${eventUrl}\r\nSTATUS:CONFIRMED\r\nEND:VEVENT\r\nEND:VCALENDAR`;\r\n\r\n\t\tconst blob = new Blob([icsContent], { type: 'text/calendar;charset=utf-8' });\r\n\t\tconst url = URL.createObjectURL(blob);\r\n\t\tconst link = document.createElement('a');\r\n\t\tlink.href = url;\r\n\t\tconst safeFilename = (event.title || 'event').replace(/[^a-zA-Z0-9\\s-]/g, '').replace(/\\s+/g, '-');\r\n\t\tlink.download = `${safeFilename}.ics`;\r\n\t\tdocument.body.appendChild(link);\r\n\t\tlink.click();\r\n\t\tdocument.body.removeChild(link);\r\n\t\tURL.revokeObjectURL(url);\r\n\r\n\t\tcalendarOpen = false;\r\n\t}\r\n\r\n\tfunction handleGoogleCalendar() {\r\n\t\tcalendarOpen = false;\r\n\t}\r\n\r\n\t// --- Share event ---\r\n\tasync function shareEvent() {\r\n\t\tconst shareData = { url: eventUrl };\r\n\r\n\t\tif (navigator.share) {\r\n\t\t\ttry {\r\n\t\t\t\tawait navigator.share(shareData);\r\n\t\t\t} catch (err: unknown) {\r\n\t\t\t\tif (err instanceof Error && err.name !== 'AbortError') {\r\n\t\t\t\t\tfallbackShare();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tfallbackShare();\r\n\t\t}\r\n\t}\r\n\r\n\tfunction fallbackShare() {\r\n\t\tnavigator.clipboard.writeText(eventUrl).then(() => {\r\n\t\t\talert(labels.linkCopied || 'Link copied to clipboard!');\r\n\t\t}).catch(() => {\r\n\t\t\tprompt(labels.copyLink || 'Copy this link:', eventUrl);\r\n\t\t});\r\n\t}\r\n\r\n\t// --- Wallet handlers (mock — requires backend in production) ---\r\n\tfunction handleAppleWallet() {\r\n\t\talert('Apple Wallet integration requires backend signing infrastructure.\\nIn production, this would generate a .pkpass file and add it to your Apple Wallet.');\r\n\t}\r\n\r\n\tfunction handleGoogleWallet() {\r\n\t\talert('Google Wallet integration requires backend signing infrastructure.\\nIn production, this would create a Google Wallet pass via the Google Pay API.');\r\n\t}\r\n\r\n\t// --- Directions ---\r\n\tlet directionsUrl = $derived((() => {\r\n\t\tconst locationParts = [event.venue.name, event.venue.address].filter(Boolean);\r\n\t\tconst query = encodeURIComponent(locationParts.join(', '));\r\n\t\treturn `https://www.google.com/maps/search/?api=1&query=${query}`;\r\n\t})());\r\n\r\n\t// --- Navigation ---\r\n\tfunction handleBackToEvent() {\r\n\t\twindow.location.href = eventUrl;\r\n\t}\r\n</script>\r\n\r\n<!--\r\n\tSuccessActions: Sidebar card matching BookingWidget / CheckoutSidebar pattern.\r\n\tSingle Card with event thumbnail, date summary, wallet badges, action buttons, and links.\r\n-->\r\n<div class=\"actions-wrapper\" class:visible={showContent}>\r\n\t<Card border padding={false} class=\"rounded-xl shadow-lg overflow-hidden bg-surface-secondary\">\r\n\t\t<!-- Event poster (same treatment as HeroImage — object-contain, no crop) -->\r\n\t\t<div class=\"rounded-t-xl overflow-hidden bg-surface-tertiary\">\r\n\t\t\t<img\r\n\t\t\t\tsrc={event.imageUrl}\r\n\t\t\t\talt={event.title}\r\n\t\t\t\tclass=\"sidebar-poster w-full object-contain\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"p-5 space-y-4\">\r\n\t\t\t<!-- Event info -->\r\n\t\t\t<div>\r\n\t\t\t\t<Text size=\"sm\" class=\"font-semibold block leading-tight\">\r\n\t\t\t\t\t{event.title}\r\n\t\t\t\t</Text>\r\n\t\t\t\t<div class=\"flex items-center gap-1.5 mt-1.5\">\r\n\t\t\t\t\t<Calendar size={16} class=\"shrink-0 icon-muted\" />\r\n\t\t\t\t\t<Text size=\"xs\" color=\"muted\">\r\n\t\t\t\t\t\t{formatBrowseDate(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{#if event.displayStartTime !== false}\r\n\t\t\t\t\t\t\t&middot; {formatEventTime(event.startDateTime, event.timezone)}\r\n\t\t\t\t\t\t{/if}\r\n\t\t\t\t\t</Text>\r\n\t\t\t\t</div>\r\n\t\t\t\t<Text size=\"xs\" color=\"muted\" class=\"block mt-0.5\">\r\n\t\t\t\t\t{event.venue.name}\r\n\t\t\t\t</Text>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Wallet badges (official brand assets) -->\r\n\t\t\t<div class=\"flex flex-col items-center gap-3\">\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleAppleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/apple-wallet.svg\"\r\n\t\t\t\t\t\talt={labels.addToAppleWallet || 'Add to Apple Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button type=\"button\" class=\"wallet-badge-btn\" onclick={handleGoogleWallet}>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-dark.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet || 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-dark\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"/wallet-badges/google-wallet-light.svg\"\r\n\t\t\t\t\t\talt={labels.saveToGoogleWallet || 'Save to Google Wallet'}\r\n\t\t\t\t\t\tclass=\"wallet-badge-img google-light\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Divider -->\r\n\t\t\t<div class=\"divider\"></div>\r\n\r\n\t\t\t<!-- Calendar dropdown (full width) -->\r\n\t\t\t<div class=\"calendar-dropdown relative\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\tclass=\"w-full\"\r\n\t\t\t\t\tonclick={toggleCalendar}\r\n\t\t\t\t>\r\n\t\t\t\t\t<Calendar size={16} />\r\n\t\t\t\t\t{labels.addToCalendar || 'Add to Calendar'}\r\n\t\t\t\t\t<ChevronDown size={16} class=\"ml-auto transition-transform {calendarOpen ? 'rotate-180' : ''}\" />\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if calendarOpen}\r\n\t\t\t\t\t<div class=\"dropdown-menu bg-surface-primary border-default\">\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\thref={googleCalendarUrl}\r\n\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\r\n\t\t\t\t\t\t\tclass=\"dropdown-item text-color-primary hover:bg-surface-secondary\"\r\n\t\t\t\t\t\t\tonclick={handleGoogleCalendar}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg class=\"shrink-0\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n\t\t\t\t\t\t\t\t<path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z\" fill=\"#4285F4\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z\" fill=\"#FBBC05\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t{labels.googleCalendar || 'Google Calendar'}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t<button type=\"button\" class=\"dropdown-item text-color-primary hover:bg-surface-secondary\" onclick={downloadICS}>\r\n\t\t\t\t\t\t\t<Apple size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t\t{labels.appleCalendar || 'Apple Calendar (.ics)'}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Share + Directions row -->\r\n\t\t\t<div class=\"flex gap-2\">\r\n\t\t\t\t<Button variant=\"default\" size=\"md\" class=\"flex-1\" onclick={shareEvent}>\r\n\t\t\t\t\t<Share size={16} />\r\n\t\t\t\t\t{labels.share || 'Share'}\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{#if event.venue.address}\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tvariant=\"default\"\r\n\t\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\t\tclass=\"flex-1\"\r\n\t\t\t\t\t\thref={directionsUrl}\r\n\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<LocationFilled size={16} />\r\n\t\t\t\t\t\t{labels.map || 'Map'}\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- Text links -->\r\n\t\t\t<div class=\"flex items-center justify-center gap-4 pt-1\">\r\n\t\t\t\t<button type=\"button\" class=\"text-link text-color-muted hover:text-color-secondary\" onclick={handleBackToEvent}>\r\n\t\t\t\t\t<ArrowLeft size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t{labels.backToEvent || 'Back to event'}\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t{#if event.venue.contactEmail}\r\n\t\t\t\t\t<span class=\"text-color-muted\">·</span>\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\thref=\"mailto:{event.venue.contactEmail}?subject=Help with Order {orderId}\"\r\n\t\t\t\t\t\tclass=\"text-link text-color-muted hover:text-color-secondary\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<Help size={16} class=\"shrink-0\" />\r\n\t\t\t\t\t\t{labels.needHelp || 'Need help?'}\r\n\t\t\t\t\t</a>\r\n\t\t\t\t{/if}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</Card>\r\n</div>\r\n\r\n<style>\r\n\t/* Wrapper — fades in with content */\r\n\t.actions-wrapper {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(8px);\r\n\t\ttransition: opacity 0.5s ease, transform 0.5s ease;\r\n\t}\r\n\r\n\t.actions-wrapper.visible {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t/* Sidebar poster — same object-contain treatment as HeroImage */\r\n\t.sidebar-poster {\r\n\t\tmax-height: 15rem;\r\n\t\tmin-height: 6rem;\r\n\t}\r\n\r\n\t/* Wallet badges — official brand assets, no modifications per guidelines */\r\n\t.wallet-badge-btn {\r\n\t\tdisplay: block;\r\n\t\ttransition-property: opacity;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t.wallet-badge-btn:hover {\r\n\t\topacity: 0.85;\r\n\t}\r\n\r\n\t.wallet-badge-btn:active {\r\n\t\topacity: 0.7;\r\n\t}\r\n\r\n\t.wallet-badge-img {\r\n\t\theight: 44px;\r\n\t\twidth: auto;\r\n\t}\r\n\r\n\t/* Google badge: show dark variant in light mode, light variant in dark mode */\r\n\t.google-light {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t/* Calendar dropdown menu */\r\n\t.dropdown-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tmargin-top: 0.25rem;\r\n\t\tpadding-top: 0.25rem;\r\n\t\tpadding-bottom: 0.25rem;\r\n\t\tborder-radius: 0.5rem;\r\n\t\tbox-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);\r\n\t\tz-index: var(--z-navigation);\r\n\t\tborder-width: 1px;\r\n\t\tborder-style: solid;\r\n\t}\r\n\r\n\t.dropdown-item {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.625rem;\r\n\t\twidth: 100%;\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\t\tfont-size: 0.875rem;\r\n\t\tline-height: 1.25rem;\r\n\t\ttext-align: left;\r\n\t\ttransition-property: color, background-color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/* Text links */\r\n\t.text-link {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.25rem;\r\n\t\tfont-size: 0.75rem;\r\n\t\tline-height: 1rem;\r\n\t\ttransition-property: color;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n\r\n\t/* Reduced motion */\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t.actions-wrapper {\r\n\t\t\ttransition-duration: 0s;\r\n\t\t}\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport { onMount } from 'svelte';\r\n\timport type { EventData, OrderTotals, OrderLine, SuccessData } from '$lib/premium-ticket-experience/types';\r\n\timport {\r\n\t\tmockEvent,\r\n\t\tmockFreeEvent,\r\n\t\tmockRegistrationEvent,\r\n\t\tmockDonationEvent\r\n\t} from '$lib/premium-ticket-experience/mock-data';\r\n\timport { calculateTax } from '$lib/premium-ticket-experience/defaults';\r\n\r\n\timport SuccessTicket from './SuccessTicket.svelte';\r\n\timport SuccessActions from './SuccessActions.svelte';\r\n\timport { mergeLabels } from '$lib/premium-ticket-experience/i18n/labels.js';\r\n\r\n\t// --- DataToggle ---\r\n\ttype SuccessVariant = 'default' | 'free' | 'registration' | 'donation';\r\n\tlet dataVariant = $state<SuccessVariant>('default');\r\n\r\n\tconst toggleOptions: { value: SuccessVariant; label: string; color: string }[] = [\r\n\t\t{ value: 'default', label: 'Standard', color: 'bg-accent-success' },\r\n\t\t{ value: 'free', label: 'Free', color: 'bg-sky-500' },\r\n\t\t{ value: 'registration', label: 'Registration', color: 'bg-brand-primary' },\r\n\t\t{ value: 'donation', label: 'Donation', color: 'bg-accent-danger' }\r\n\t];\r\n\r\n\t// --- Props (dual-mode: showcase vs production) ---\r\n\tinterface Props {\r\n\t\t/** Pre-built success data for production mode. Absence = showcase. */\r\n\t\tdata?: SuccessData;\r\n\t\t/** Event page URL for production navigation and sharing. */\r\n\t\teventUrl?: string;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tdata: dataProp = undefined,\r\n\t\teventUrl: eventUrlProp = undefined,\r\n\t\tlabels = {},\r\n\t}: Props = $props();\r\n\r\n\tconst mergedLabels = $derived(mergeLabels(labels));\r\n\r\n\tlet isShowcaseMode = $derived(!dataProp);\r\n\r\n\t// --- Mock data per variant ---\r\n\tconst variantData: Record<SuccessVariant, SuccessData> = {\r\n\t\tdefault: {\r\n\t\t\tevent: mockEvent,\r\n\t\t\torderId: '12847',\r\n\t\t\tlines: [\r\n\t\t\t\t{ ticketId: 101, ticketName: 'General Admission', quantity: 2, unitPrice: 25, fee: 2.5, subtotal: 50 },\r\n\t\t\t\t{ ticketId: 102, ticketName: 'VIP Front Row', quantity: 1, unitPrice: 55, fee: 5.5, subtotal: 55 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'customer@example.com'\r\n\t\t},\r\n\t\tfree: {\r\n\t\t\tevent: mockFreeEvent,\r\n\t\t\torderId: '12848',\r\n\t\t\tlines: [\r\n\t\t\t\t{ ticketId: 201, ticketName: 'Free Entry', quantity: 2, unitPrice: 0, fee: 0, subtotal: 0 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'comedy.fan@gmail.com'\r\n\t\t},\r\n\t\tregistration: {\r\n\t\t\tevent: mockRegistrationEvent,\r\n\t\t\torderId: '12849',\r\n\t\t\tlines: [\r\n\t\t\t\t{ ticketId: 301, ticketName: 'Workshop Seat', quantity: 1, unitPrice: 75, fee: 7.5, subtotal: 75 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'learner@example.com'\r\n\t\t},\r\n\t\tdonation: {\r\n\t\t\tevent: mockDonationEvent,\r\n\t\t\torderId: '12850',\r\n\t\t\tlines: [\r\n\t\t\t\t{ ticketId: 401, ticketName: 'Donation', quantity: 1, unitPrice: 25, fee: 0, subtotal: 25 },\r\n\t\t\t\t{ ticketId: 402, ticketName: 'Standard Admission', quantity: 1, unitPrice: 30, fee: 3, subtotal: 30 }\r\n\t\t\t],\r\n\t\t\tcustomerEmail: 'generous@example.com'\r\n\t\t}\r\n\t};\r\n\r\n\tlet current: SuccessData = $derived(isShowcaseMode ? variantData[dataVariant] : dataProp!);\r\n\r\n\t// Build OrderTotals — the server's persisted order is authoritative\r\n\t// (basePrice/tax/surcharge/totalPrice match what Stripe charged).\r\n\t// Fall back to a local sum-of-lines for showcase mode only.\r\n\tlet orderTotals: OrderTotals = $derived((() => {\r\n\t\tconst lines = current.lines;\r\n\t\tif (current.serverTotals) {\r\n\t\t\treturn {\r\n\t\t\t\tlines,\r\n\t\t\t\tsubtotal: current.serverTotals.subtotal,\r\n\t\t\t\tfees: current.serverTotals.fees,\r\n\t\t\t\ttaxes: current.serverTotals.taxes,\r\n\t\t\t\ttotal: current.serverTotals.total,\r\n\t\t\t\tpromoDiscount: current.serverTotals.promoDiscount,\r\n\t\t\t\tgiftCardAmount: current.serverTotals.giftCardAmount\r\n\t\t\t};\r\n\t\t}\r\n\t\tconst subtotal = lines.reduce((sum, l) => sum + l.subtotal, 0);\r\n\t\tconst fees = lines.reduce((sum, l) => sum + l.fee * l.quantity, 0);\r\n\t\tconst taxes = calculateTax(subtotal + fees, current.event.venue.taxPercentage);\r\n\t\treturn {\r\n\t\t\tlines,\r\n\t\t\tsubtotal,\r\n\t\t\tfees,\r\n\t\t\ttaxes,\r\n\t\t\ttotal: subtotal + fees + taxes,\r\n\t\t\tpromoDiscount: 0,\r\n\t\t\tgiftCardAmount: 0\r\n\t\t};\r\n\t})());\r\n\r\n\tlet eventUrl = $derived(\r\n\t\tisShowcaseMode\r\n\t\t\t? (() => {\r\n\t\t\t\tif (typeof window === 'undefined') return '#';\r\n\t\t\t\treturn `${window.location.origin}/e/${current.event.id}-${current.event.slug}`;\r\n\t\t\t})()\r\n\t\t\t: (eventUrlProp || '#')\r\n\t);\r\n\r\n\t// --- Animation ---\r\n\tlet showCheckmark = $state(false);\r\n\tlet showContent = $state(false);\r\n\tlet reducedMotion = $state(false);\r\n\r\n\tfunction runAnimations() {\r\n\t\tif (reducedMotion) {\r\n\t\t\tshowCheckmark = true;\r\n\t\t\tshowContent = true;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tshowCheckmark = false;\r\n\t\tshowContent = false;\r\n\t\tsetTimeout(() => { showCheckmark = true; }, 800);\r\n\t\tsetTimeout(() => { showContent = true; }, 1600);\r\n\t}\r\n\r\n\t$effect(() => {\r\n\t\tif (!isShowcaseMode) return;\r\n\t\tconst _v = dataVariant;\r\n\t\trunAnimations();\r\n\t});\r\n\r\n\tonMount(() => {\r\n\t\treducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\t\trunAnimations();\r\n\t});\r\n</script>\r\n\r\n<div class=\"w-full min-h-screen bg-surface-primary text-color-primary\">\r\n\t<!-- DataToggle (showcase mode only) -->\r\n\t{#if isShowcaseMode}\r\n\t\t<div class=\"toggle-bar bg-surface-primary border-default\">\r\n\t\t\t<span class=\"toggle-label text-color-muted\">Success</span>\r\n\t\t\t{#each toggleOptions as option}\r\n\t\t\t\t{@const isActive = dataVariant === option.value}\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tclass=\"toggle-btn {isActive ? 'active bg-surface-secondary text-color-primary font-medium' : 'text-color-tertiary hover:bg-surface-secondary hover:text-color-secondary'}\"\r\n\t\t\t\t\tonclick={() => { dataVariant = option.value; }}\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"w-1.5 h-1.5 rounded-full {option.color} shrink-0\"></span>\r\n\t\t\t\t\t{option.label}\r\n\t\t\t\t</button>\r\n\t\t\t{/each}\r\n\t\t</div>\r\n\t{/if}\r\n\r\n\t<div class=\"max-w-6xl mx-auto px-4 py-6 md:px-6 md:py-8\">\r\n\r\n\t\t<!-- ============================================== -->\r\n\t\t<!-- DESKTOP: Two-column layout (1fr 360px)         -->\r\n\t\t<!-- ============================================== -->\r\n\t\t<div class=\"hidden md:grid gap-8 items-start\" style=\"grid-template-columns: 1fr 360px;\">\r\n\r\n\t\t\t<!-- LEFT COLUMN: Confirmation card -->\r\n\t\t\t<SuccessTicket\r\n\t\t\t\tevent={current.event}\r\n\t\t\t\torderId={current.orderId}\r\n\t\t\t\t{orderTotals}\r\n\t\t\t\tcustomerEmail={current.customerEmail}\r\n\t\t\t\t{showCheckmark}\r\n\t\t\t\t{showContent}\r\n\t\t\t\tlabels={mergedLabels}\r\n\t\t\t/>\r\n\r\n\t\t\t<!-- RIGHT COLUMN: Sticky sidebar with event info + actions -->\r\n\t\t\t<div class=\"sticky top-6\">\r\n\t\t\t\t<SuccessActions\r\n\t\t\t\t\tevent={current.event}\r\n\t\t\t\t\torderId={current.orderId}\r\n\t\t\t\t\t{eventUrl}\r\n\t\t\t\t\t{showContent}\r\n\t\t\t\t\tlabels={mergedLabels}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- ============================================== -->\r\n\t\t<!-- MOBILE: Single column                          -->\r\n\t\t<!-- ============================================== -->\r\n\t\t<div class=\"md:hidden space-y-6\">\r\n\t\t\t<SuccessTicket\r\n\t\t\t\tevent={current.event}\r\n\t\t\t\torderId={current.orderId}\r\n\t\t\t\t{orderTotals}\r\n\t\t\t\tcustomerEmail={current.customerEmail}\r\n\t\t\t\t{showCheckmark}\r\n\t\t\t\t{showContent}\r\n\t\t\t\tlabels={mergedLabels}\r\n\t\t\t/>\r\n\r\n\t\t\t<SuccessActions\r\n\t\t\t\tevent={current.event}\r\n\t\t\t\torderId={current.orderId}\r\n\t\t\t\t{eventUrl}\r\n\t\t\t\t{showContent}\r\n\t\t\t\tlabels={mergedLabels}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<style>\r\n\t/* DataToggle bar */\r\n\t.toggle-bar {\r\n\t\tposition: sticky;\r\n\t\ttop: 0;\r\n\t\tz-index: var(--z-dropdown);\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.25rem;\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\t\toverflow-x: auto;\r\n\t\tborder-bottom-width: 1px;\r\n\t\tborder-bottom-style: solid;\r\n\t}\r\n\r\n\t.toggle-label {\r\n\t\tpadding-left: 0.375rem;\r\n\t\tpadding-right: 0.375rem;\r\n\t\tflex-shrink: 0;\r\n\t\ttext-transform: uppercase;\r\n\t\tletter-spacing: 0.05em;\r\n\t\tfont-size: 0.625rem;\r\n\t}\r\n\r\n\t.toggle-btn {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 0.375rem;\r\n\t\tpadding: 0.25rem 0.5rem;\r\n\t\tborder-radius: 0.375rem;\r\n\t\tfont-size: 0.75rem;\r\n\t\tline-height: 1rem;\r\n\t\twhite-space: nowrap;\r\n\t\ttransition-property: all;\r\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t\ttransition-duration: 150ms;\r\n\t}\r\n</style>\r\n","<script module>\r\n\timport { createLogger } from '@getmicdrop/svelte-components';\r\n\tconst logger = createLogger('Success');\r\n</script>\r\n\r\n<script lang=\"ts\">\r\n\timport { onMount } from 'svelte';\r\n\timport { getOrder, clearCheckoutCookies, removeCookie } from '$lib/utils/utils.js';\r\n\timport { transformApiEvent } from '$lib/premium-ticket-experience/transform';\r\n\timport SuccessMain from '$lib/premium-ticket-experience/variants/v3-airbnb-split/SuccessMain.svelte';\r\n\timport type { SuccessData, OrderLine } from '$lib/premium-ticket-experience/types';\r\n\r\n\t// --- Legacy fallback ---\r\n\tlet useLegacy = $state(false);\r\n\tlet LegacyComponent: any = $state(null);\r\n\r\n\tif (typeof window !== 'undefined') {\r\n\t\tconst params = new URLSearchParams(window.location.search);\r\n\t\tif (params.get('legacy') === '1') {\r\n\t\t\tuseLegacy = true;\r\n\t\t}\r\n\t}\r\n\r\n\t$effect(() => {\r\n\t\tif (useLegacy && !LegacyComponent) {\r\n\t\t\tlogger.warn(\r\n\t\t\t\t'[VC] DEPRECATED: ?legacy=1 fallback for Success retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md.'\r\n\t\t\t);\r\n\t\t\timport('./Success.legacy.svelte').then((m) => {\r\n\t\t\t\tLegacyComponent = m.default;\r\n\t\t\t}).catch(() => {\r\n\t\t\t\tuseLegacy = false;\r\n\t\t\t});\r\n\t\t}\r\n\t});\r\n\r\n\t// --- Props ---\r\n\tinterface Props {\r\n\t\tdata?: any;\r\n\t\tbrowseUrl?: string;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tdata = {},\r\n\t\tbrowseUrl = '/',\r\n\t\tlabels = {},\r\n\t}: Props = $props();\r\n\r\n\t// --- State ---\r\n\tlet successData = $state<SuccessData | null>(null);\r\n\tlet eventUrl = $state('');\r\n\tlet loadError = $state<string | null>(null);\r\n\tlet loading = $state(true);\r\n\r\n\tonMount(async () => {\r\n\t\tconst {\r\n\t\t\tid,\r\n\t\t\tslug,\r\n\t\t\tevent: rawEvent,\r\n\t\t\torderId: paramOrderId,\r\n\t\t\torderUuid: paramOrderUuid,\r\n\t\t\tcustomerEmail: paramEmail,\r\n\t\t\tticketCount: paramTicketCount,\r\n\t\t} = data || {};\r\n\r\n\t\t// Build event URL\r\n\t\teventUrl = `${window.location.origin}/e/${id}-${slug}`;\r\n\r\n\t\t// Transform event data\r\n\t\tlet eventData;\r\n\t\ttry {\r\n\t\t\teventData = transformApiEvent(rawEvent);\r\n\t\t} catch (e) {\r\n\t\t\tlogger.warn('Success: transformApiEvent failed:', e);\r\n\t\t\tloadError = labels.failedToLoadEventData || 'Failed to load event data.';\r\n\t\t\tloading = false;\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Fetch order data\r\n\t\tlet resolvedOrderId = paramOrderId || '';\r\n\t\tlet resolvedEmail = paramEmail || '';\r\n\t\tlet orderLines: OrderLine[] = [];\r\n\t\tlet serverTotals: any = null;\r\n\r\n\t\tif (resolvedOrderId) {\r\n\t\t\ttry {\r\n\t\t\t\tconst order = await getOrder(resolvedOrderId);\r\n\t\t\t\tif (order) {\r\n\t\t\t\t\t// Extract email\r\n\t\t\t\t\tresolvedEmail = order.customerEmail || resolvedEmail;\r\n\t\t\t\t\t// Map purchased tickets to OrderLine[] by grouping by ticketTypeId + ticketName\r\n\t\t\t\t\tconst tickets = order.purchasedTickets || order.tickets || [];\r\n\t\t\t\t\tconst grouped = new Map<string, OrderLine>();\r\n\r\n\t\t\t\t\tfor (const ticket of tickets) {\r\n\t\t\t\t\t\tconst key = `${ticket.ticketTypeId || ticket.ticketId || 0}-${ticket.ticketName || ticket.name || ''}`;\r\n\t\t\t\t\t\tconst existing = grouped.get(key);\r\n\t\t\t\t\t\tif (existing) {\r\n\t\t\t\t\t\t\texisting.quantity += 1;\r\n\t\t\t\t\t\t\texisting.subtotal += (ticket.purchasePrice || ticket.price || 0);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tgrouped.set(key, {\r\n\t\t\t\t\t\t\t\tticketId: ticket.ticketTypeId || ticket.ticketId || 0,\r\n\t\t\t\t\t\t\t\tticketName: ticket.ticketName || ticket.name || labels.ticketFallbackName || 'Ticket',\r\n\t\t\t\t\t\t\t\tquantity: 1,\r\n\t\t\t\t\t\t\t\tunitPrice: ticket.purchasePrice || ticket.price || 0,\r\n\t\t\t\t\t\t\t\tfee: 0,\r\n\t\t\t\t\t\t\t\tsubtotal: ticket.purchasePrice || ticket.price || 0,\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\torderLines = Array.from(grouped.values());\r\n\r\n\t\t\t\t\t// Capture the persisted, server-authoritative totals. These\r\n\t\t\t\t\t// match the actual Stripe charge (totalPrice = basePrice +\r\n\t\t\t\t\t// tax + surcharge) — don't let SuccessMain recompute from\r\n\t\t\t\t\t// lines, which would drop the tax + service fee.\r\n\t\t\t\t\tif (typeof order.totalPrice === 'number') {\r\n\t\t\t\t\t\tserverTotals = {\r\n\t\t\t\t\t\t\tsubtotal: order.basePrice ?? 0,\r\n\t\t\t\t\t\t\tfees: order.surcharge ?? 0,\r\n\t\t\t\t\t\t\ttaxes: order.tax ?? 0,\r\n\t\t\t\t\t\t\ttotal: order.totalPrice,\r\n\t\t\t\t\t\t\tpromoDiscount: order.promoCodeStoredDiscountAmount ?? 0,\r\n\t\t\t\t\t\t\tgiftCardAmount: order.giftCardPaymentAmount ?? 0,\r\n\t\t\t\t\t\t\tstripeAmount: order.totalPrice - (order.giftCardPaymentAmount ?? 0),\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} catch (e) {\r\n\t\t\t\tlogger.warn('Success: getOrder failed, using route params:', e);\r\n\t\t\t\t// Graceful degradation -- continue with whatever data we have\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// If no order lines from API, build a placeholder from route params\r\n\t\tif (orderLines.length === 0 && paramTicketCount > 0) {\r\n\t\t\torderLines = [{\r\n\t\t\t\tticketId: 0,\r\n\t\t\t\tticketName: labels.ticketFallbackName || 'Ticket',\r\n\t\t\t\tquantity: paramTicketCount,\r\n\t\t\t\tunitPrice: 0,\r\n\t\t\t\tfee: 0,\r\n\t\t\t\tsubtotal: 0,\r\n\t\t\t}];\r\n\t\t}\r\n\r\n\t\t// Build SuccessData\r\n\t\tsuccessData = {\r\n\t\t\tevent: eventData,\r\n\t\t\torderId: String(resolvedOrderId),\r\n\t\t\tlines: orderLines,\r\n\t\t\tcustomerEmail: resolvedEmail,\r\n\t\t\t...(serverTotals ? { serverTotals } : {}),\r\n\t\t};\r\n\r\n\t\t// Clear checkout cookies AFTER data is loaded (Pitfall 4)\r\n\t\tclearCheckoutCookies(String(id));\r\n\t\tremoveCookie('checkout-cartid');\r\n\r\n\t\tloading = false;\r\n\t});\r\n</script>\r\n\r\n{#if useLegacy && LegacyComponent}\r\n\t<LegacyComponent\r\n\t\t{data}\r\n\t\t{browseUrl}\r\n\t/>\r\n{:else if loadError}\r\n\t<div class=\"flex flex-col items-center justify-center py-24 text-center gap-4 error-container\">\r\n\t\t<p>{loadError}</p>\r\n\t</div>\r\n{:else if loading || !successData}\r\n\t<div class=\"flex items-center justify-center py-24 text-center loading-container\">\r\n\t\t<p>{labels.loadingYourOrder || 'Loading your order'}</p>\r\n\t</div>\r\n{:else}\r\n\t<SuccessMain data={successData} {eventUrl} />\r\n{/if}\r\n\r\n<style>\r\n\t.loading-container {\r\n\t\tcolor: hsl(var(--text-secondary, 215 16% 47%));\r\n\t}\r\n\r\n\t.error-container p {\r\n\t\tcolor: hsl(var(--status-sold-out, 0 72% 51%));\r\n\t}\r\n</style>\r\n"],"names":["labels","$","$$props","ticketCount","sum","l","headingText","Card","$$anchor","div","root_1","div_1","div_2","div_3","svg","div_4","div_5","Heading","node","Text","node_1","node_2","div_6","OrderSummary","node_3","div_7","node_4","div_8","Email","node_6","classes","classes_1","classes_2","calendarOpen","toggleCalendar","onMount","handleClickOutside","e","googleCalendarUrl","startDate","endDate","formatForGoogle","date","fullLocation","downloadICS","formatForICS","uid","now","escapeICS","str","icsContent","blob","url","link","safeFilename","handleGoogleCalendar","shareEvent","shareData","err","fallbackShare","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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"}

package/dist/{Success.legacy-CrvK6Him.js → Success.legacy-6_EgTF8T.js}

@@ -1,5 +1,5 @@
 import "svelte/internal/disclose-version";
-import { t as ce, R as G, C as me, X as ge, h as pe } from "./VenueCalendar-DDQiula0.js";
+import { t as ce, R as G, C as me, X as ge, h as pe } from "./VenueCalendar-BjvqDumC.js";
 import * as e from "svelte/internal/client";
 import "svelte/internal/flags/legacy";
 import "svelte/transition";
@@ -192,4 +192,4 @@ function Ae(H, f) {
 export {
   Ae as default
 };
-//# sourceMappingURL=Success.legacy-CrvK6Him.js.map
+//# sourceMappingURL=Success.legacy-6_EgTF8T.js.map

package/dist/{Success.legacy-CrvK6Him.js.map → Success.legacy-6_EgTF8T.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Success.legacy-CrvK6Him.js","sources":["../src/components/Views/Success.legacy.svelte"],"sourcesContent":["<script module>\r\n\timport { createLogger } from '@getmicdrop/svelte-components';\r\n\tconst logger = createLogger('Success.legacy');\r\n</script>\r\n\r\n<script>\r\n  import { onMount } from 'svelte';\r\n  import { transformEvent, getOrder } from '$lib/utils/utils.js';\r\n  import { formatDateTime } from '@getmicdrop/svelte-components';\r\n  import { CheckmarkFilled } from 'carbon-icons-svelte';\r\n  import { ACCENT, DARK } from '$lib/constants/colors.ts';\r\n\r\n  let { data = {}, eventUrl = '', browseUrl = '/' } = $props();\r\n\r\n  const {\r\n    organizationID,\r\n    orgSlug,\r\n    slug,\r\n    event: rawEvent,\r\n    orderId: providedOrderId,\r\n    customerEmail: providedCustomerEmail,\r\n    eventName: providedEventName,\r\n    eventDateTime: providedEventDateTime,\r\n    eventLocation: providedEventLocation,\r\n  } = data || {};\r\n\r\n  let event = null;\r\n  if (rawEvent) {\r\n    try {\r\n      event = transformEvent(rawEvent);\r\n    } catch (e) {\r\n      logger.warn('transformEvent failed in Success component:', e);\r\n      event = rawEvent;\r\n    }\r\n  }\r\n\r\n  let order = null;\r\n  let error = null;\r\n  let Email = $state('');\r\n  let id = $state('');\r\n  let name = $state('');\r\n  let time = $state('');\r\n  let Location = $state('');\r\n  let orderId = providedOrderId || data?.orderId || '';\r\n\r\n  // Animation states\r\n  let showConfetti = $state(false);\r\n  let showTicket = $state(false);\r\n  let showDetails = $state(false);\r\n\r\n  function formatEventDateTime(dateTimeString) {\r\n    if (!dateTimeString) return '';\r\n    // Use event timezone if available, otherwise fall back to UTC\r\n    const tz = event?.timeZone || 'UTC';\r\n    return formatDateTime(dateTimeString, {\r\n      weekday: 'short',\r\n      hour12: true,\r\n      timeZone: tz,\r\n    });\r\n  }\r\n\r\n  // Generate confetti particles\r\n  const confettiColors = [\r\n    ACCENT.coral,\r\n    ACCENT.sky.light,\r\n    ACCENT.sky[400],\r\n    ACCENT.mint[600],\r\n    ACCENT.yellow[300],\r\n    ACCENT.plum,\r\n    ACCENT.mint[500],\r\n    ACCENT.yellow[500],\r\n  ];\r\n  const confettiParticles = Array.from({ length: 50 }, (_, i) => ({\r\n    id: i,\r\n    color: confettiColors[Math.floor(Math.random() * confettiColors.length)],\r\n    left: Math.random() * 100,\r\n    delay: Math.random() * 0.5,\r\n    duration: 2 + Math.random() * 2,\r\n    size: 6 + Math.random() * 8,\r\n    rotation: Math.random() * 360,\r\n  }));\r\n\r\n  onMount(async () => {\r\n    // Start animations\r\n    setTimeout(() => {\r\n      showConfetti = true;\r\n    }, 100);\r\n\r\n    setTimeout(() => {\r\n      showTicket = true;\r\n    }, 300);\r\n\r\n    setTimeout(() => {\r\n      showDetails = true;\r\n    }, 800);\r\n\r\n    try {\r\n      let orderData = null;\r\n      try {\r\n        if (typeof getOrder === 'function' && orderId) {\r\n          orderData = await getOrder(orderId);\r\n        }\r\n      } catch (e) {\r\n        logger.warn(\r\n          'getOrder failed in Success component, falling back to provided data:',\r\n          e\r\n        );\r\n      }\r\n\r\n      if (orderData) {\r\n        order = orderData;\r\n        Email = orderData.customerEmail || providedCustomerEmail || '';\r\n        id = orderData.id || orderId;\r\n        name = orderData.eventName || event?.name || providedEventName || '';\r\n        time = formatEventDateTime(\r\n          orderData.eventDateTime ||\r\n            event?.startDateTime ||\r\n            providedEventDateTime\r\n        );\r\n        Location =\r\n          orderData.eventLocation ||\r\n          event?.location ||\r\n          providedEventLocation ||\r\n          '';\r\n      } else {\r\n        Email = providedCustomerEmail || '';\r\n        id = orderId;\r\n        name = providedEventName || event?.name || '';\r\n        time = formatEventDateTime(\r\n          providedEventDateTime || event?.startDateTime\r\n        );\r\n        Location = providedEventLocation || event?.location || '';\r\n      }\r\n    } catch (err) {\r\n      logger.error('Error fetching order data:', err);\r\n      error = err.message;\r\n      Email = providedCustomerEmail || 'your-email@example.com';\r\n      id = orderId;\r\n      name = event?.name || providedEventName || '';\r\n      time = formatEventDateTime(event?.startDateTime || providedEventDateTime);\r\n      Location = event?.location || providedEventLocation || '';\r\n    }\r\n  });\r\n</script>\r\n\r\n<div class=\"success-container\" role=\"main\" aria-labelledby=\"success-title\">\r\n  <!-- Confetti -->\r\n  {#if showConfetti}\r\n    <div class=\"confetti-container\" aria-hidden=\"true\">\r\n      {#each confettiParticles as particle (particle.id)}\r\n        <div\r\n          class=\"confetti\"\r\n          style=\"\r\n            left: {particle.left}%;\r\n            background-color: {particle.color};\r\n            animation-delay: {particle.delay}s;\r\n            animation-duration: {particle.duration}s;\r\n            width: {particle.size}px;\r\n            height: {particle.size}px;\r\n            transform: rotate({particle.rotation}deg);\r\n          \"\r\n        ></div>\r\n      {/each}\r\n    </div>\r\n  {/if}\r\n\r\n  <div class=\"content-wrapper\">\r\n    <!-- Ticket Machine Animation -->\r\n    <div class=\"ticket-machine\" class:animate={showTicket}>\r\n      <!-- Machine slot -->\r\n      <div class=\"machine-slot\">\r\n        <div class=\"slot-inner\"></div>\r\n      </div>\r\n\r\n      <!-- Ticket coming out -->\r\n      <div class=\"ticket\" class:slide-out={showTicket}>\r\n        <div class=\"ticket-content\">\r\n          <div class=\"ticket-header\">\r\n            <div class=\"success-badge\" aria-hidden=\"true\">\r\n              <CheckmarkFilled class=\"check-icon\" />\r\n            </div>\r\n            <h1 id=\"success-title\" class=\"success-title\">You're all set!</h1>\r\n            <p class=\"success-subtitle\">Your tickets have been confirmed</p>\r\n          </div>\r\n\r\n          <div class=\"ticket-divider\">\r\n            <div class=\"divider-notch left\"></div>\r\n            <div class=\"divider-line\"></div>\r\n            <div class=\"divider-notch right\"></div>\r\n          </div>\r\n\r\n          <dl\r\n            class=\"ticket-details\"\r\n            class:fade-in={showDetails}\r\n            aria-label=\"Order details\"\r\n          >\r\n            <div class=\"detail-row\">\r\n              <dt class=\"detail-label\">Email</dt>\r\n              <dd class=\"detail-value\">{Email || 'Loading...'}</dd>\r\n            </div>\r\n\r\n            {#if id}\r\n              <div class=\"detail-row\">\r\n                <dt class=\"detail-label\">Order ID</dt>\r\n                <dd class=\"detail-value order-id\">#{id}</dd>\r\n              </div>\r\n            {/if}\r\n\r\n            {#if name}\r\n              <div class=\"detail-row\">\r\n                <dt class=\"detail-label\">Event</dt>\r\n                <dd class=\"detail-value event-name\">{name}</dd>\r\n              </div>\r\n            {/if}\r\n\r\n            {#if time}\r\n              <div class=\"detail-row\">\r\n                <dt class=\"detail-label\">When</dt>\r\n                <dd class=\"detail-value\"><time>{time}</time></dd>\r\n              </div>\r\n            {/if}\r\n\r\n            {#if Location}\r\n              <div class=\"detail-row\">\r\n                <dt class=\"detail-label\">Where</dt>\r\n                <dd class=\"detail-value\">{Location}</dd>\r\n              </div>\r\n            {/if}\r\n          </dl>\r\n\r\n          <div class=\"ticket-footer\">\r\n            <p class=\"footer-text\">Check your email for your tickets</p>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Ticket stub pattern -->\r\n        <div class=\"ticket-stub\"></div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Navigation CTAs -->\r\n    {#if eventUrl || browseUrl}\r\n      <nav class=\"nav-ctas\" class:fade-in={showDetails} aria-label=\"Next steps\">\r\n        {#if eventUrl}\r\n          <a href={eventUrl} class=\"nav-link secondary\">Back to event</a>\r\n        {/if}\r\n        {#if browseUrl}\r\n          <a href={browseUrl} class=\"nav-link primary\">Browse more events</a>\r\n        {/if}\r\n      </nav>\r\n    {/if}\r\n  </div>\r\n</div>\r\n\r\n<style>\r\n  .success-container {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 1.25rem;\r\n    background: linear-gradient(\r\n      180deg,\r\n      hsl(var(--bg-primary)) 0%,\r\n      hsl(var(--bg-secondary)) 100%\r\n    );\r\n\r\n    &:is([data-theme=\"dark\"], [data-theme=\"dark\"] *) {\r\n      background: linear-gradient(\r\n        180deg,\r\n        hsl(var(--bg-primary)) 0%,\r\n        hsl(var(--bg-primary)) 100%\r\n      );\r\n    }\r\n  }\r\n\r\n  /* Confetti */\r\n  .confetti-container {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .confetti {\r\n    position: absolute;\r\n    top: -20px;\r\n    border-radius: 2px;\r\n    animation: confetti-fall linear forwards;\r\n  }\r\n\r\n  @keyframes confetti-fall {\r\n    0% {\r\n      transform: translateY(0) rotate(0deg);\r\n      opacity: 1;\r\n    }\r\n\r\n    100% {\r\n      transform: translateY(100vh) rotate(720deg);\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  /* Content wrapper */\r\n  .content-wrapper {\r\n    position: relative;\r\n    z-index: var(--z-sticky);\r\n    width: 100%;\r\n    max-width: 380px;\r\n  }\r\n\r\n  /* Ticket machine */\r\n  .ticket-machine {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .machine-slot {\r\n    width: 100%;\r\n    height: 16px;\r\n    background: linear-gradient(\r\n      180deg,\r\n      hsl(var(--muted)) 0%,\r\n      hsl(var(--bg-primary)) 100%\r\n    );\r\n    border-radius: 8px 8px 0 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 12px color-mix(in srgb, black 20%, transparent);\r\n    position: relative;\r\n    z-index: var(--z-base);\r\n  }\r\n\r\n  .slot-inner {\r\n    width: 80%;\r\n    height: 4px;\r\n    background: hsl(var(--bg-primary));\r\n    border-radius: 2px;\r\n  }\r\n\r\n  /* Ticket */\r\n  .ticket {\r\n    width: 100%;\r\n    background: hsl(var(--bg-primary));\r\n    border-radius: 0 0 16px 16px;\r\n    box-shadow: 0 8px 32px color-mix(in srgb, black 12%, transparent);\r\n    overflow: hidden;\r\n    transform: translateY(-100%);\r\n    opacity: 0;\r\n    transition:\r\n      transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),\r\n      opacity 0.3s ease;\r\n  }\r\n\r\n  .ticket.slide-out {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n\r\n  .ticket-content {\r\n    padding: 32px 24px 24px;\r\n  }\r\n\r\n  .ticket-header {\r\n    text-align: center;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .success-badge {\r\n    width: 64px;\r\n    height: 64px;\r\n    background: linear-gradient(\r\n      135deg,\r\n      hsl(var(--accent-success)) 0%,\r\n      hsl(var(--accent-success)) 100%\r\n    );\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 16px;\r\n    animation: badge-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s both;\r\n  }\r\n\r\n  @keyframes badge-pop {\r\n    0% {\r\n      transform: scale(0);\r\n    }\r\n\r\n    100% {\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  .success-badge :global(.check-icon) {\r\n    width: 32px;\r\n    height: 32px;\r\n    color: hsl(var(--bg-primary));\r\n  }\r\n\r\n  .success-title {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem;\r\n    font-weight: 600;\r\n    color: hsl(var(--text-primary));\r\n    margin-bottom: 0.5rem;\r\n  }\r\n\r\n  .success-subtitle {\r\n    font-size: 0.875rem;\r\n    line-height: 1.25rem;\r\n    color: hsl(var(--text-secondary));\r\n    margin: 0;\r\n  }\r\n\r\n  /* Ticket divider */\r\n  .ticket-divider {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 0 -24px 24px;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .divider-notch {\r\n    width: 1rem;\r\n    height: 1rem;\r\n    border-radius: 9999px;\r\n    position: absolute;\r\n    background-color: hsl(var(--bg-primary));\r\n  }\r\n\r\n  .divider-notch.left {\r\n    left: -8px;\r\n  }\r\n\r\n  .divider-notch.right {\r\n    right: -8px;\r\n  }\r\n\r\n  .divider-line {\r\n    flex: 1 1 0%;\r\n    height: 0.125rem;\r\n    background: repeating-linear-gradient(\r\n      90deg,\r\n      hsl(var(--stroke-primary)) 0,\r\n      hsl(var(--stroke-primary)) 8px,\r\n      transparent 8px,\r\n      transparent 16px\r\n    );\r\n\r\n    &:is([data-theme=\"dark\"], [data-theme=\"dark\"] *) {\r\n      background: repeating-linear-gradient(\r\n        90deg,\r\n        hsl(var(--text-secondary)) 0,\r\n        hsl(var(--text-secondary)) 8px,\r\n        transparent 8px,\r\n        transparent 16px\r\n      );\r\n    }\r\n  }\r\n\r\n  /* Ticket details */\r\n  .ticket-details {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition:\r\n      opacity 0.4s ease,\r\n      transform 0.4s ease;\r\n  }\r\n\r\n  .ticket-details.fade-in {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .detail-row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.25rem;\r\n    padding-top: 0.75rem;\r\n    padding-bottom: 0.75rem;\r\n    border-bottom: 1px solid hsl(var(--stroke-primary) / 50%);\r\n  }\r\n\r\n  .detail-row:last-child {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .detail-label {\r\n    font-size: 0.75rem;\r\n    line-height: 1rem;\r\n    font-weight: 600;\r\n    color: hsl(var(--text-tertiary));\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.025em;\r\n  }\r\n\r\n  .detail-value {\r\n    font-size: 0.875rem;\r\n    line-height: 1.25rem;\r\n    font-weight: 500;\r\n    color: hsl(var(--text-primary));\r\n    overflow-wrap: break-word;\r\n  }\r\n\r\n  .detail-value.order-id {\r\n    color: hsl(var(--brand-primary));\r\n    font-family: 'SF Mono', Consolas, monospace;\r\n  }\r\n\r\n  .detail-value.event-name {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  /* Ticket footer */\r\n  .ticket-footer {\r\n    margin-top: 1.5rem;\r\n    padding: 1rem;\r\n    border-radius: 0.5rem;\r\n    text-align: center;\r\n    background-color: hsl(var(--bg-secondary) / 50%);\r\n  }\r\n\r\n  .footer-text {\r\n    font-size: 0.875rem;\r\n    line-height: 1.25rem;\r\n    color: hsl(var(--text-secondary));\r\n    margin: 0;\r\n  }\r\n\r\n  /* Ticket stub pattern */\r\n  .ticket-stub {\r\n    height: 1.5rem;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent 0,\r\n      transparent 8px,\r\n      hsl(var(--stroke-primary) / 30%) 8px,\r\n      hsl(var(--stroke-primary) / 30%) 16px\r\n    );\r\n    background-size: 16px 100%;\r\n  }\r\n\r\n  /* Navigation CTAs */\r\n  .nav-ctas {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.75rem;\r\n    margin-top: 1.5rem;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition:\r\n      opacity 0.4s ease 0.2s,\r\n      transform 0.4s ease 0.2s;\r\n  }\r\n\r\n  .nav-ctas.fade-in {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .nav-link {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0.75rem 1rem;\r\n    border-radius: 0.5rem;\r\n    font-size: 0.875rem;\r\n    line-height: 1.25rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition:\r\n      background-color 0.15s,\r\n      color 0.15s;\r\n  }\r\n\r\n  .nav-link.primary {\r\n    background: hsl(var(--brand-primary, 220 90% 56%));\r\n    color: hsl(var(--text-on-primary, 0 0% 100%));\r\n  }\r\n\r\n  .nav-link.primary:hover {\r\n    filter: brightness(0.95);\r\n  }\r\n\r\n  .nav-link.secondary {\r\n    background-color: hsl(var(--bg-tertiary));\r\n    color: hsl(var(--text-secondary));\r\n  }\r\n\r\n  .nav-link.secondary:hover {\r\n    background-color: hsl(var(--bg-quaternary));\r\n  }\r\n\r\n  /* Responsive */\r\n  @media (width <= 480px) {\r\n    .success-container {\r\n      padding: 16px;\r\n    }\r\n\r\n    .ticket-content {\r\n      padding: 24px 20px 20px;\r\n    }\r\n\r\n    .success-title {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .success-badge {\r\n      width: 56px;\r\n      height: 56px;\r\n    }\r\n\r\n    .success-badge :global(.check-icon) {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n  }\r\n</style>\r\n"],"names":["logger","createLogger","data","$","$$props","eventUrl","browseUrl","organizationID","orgSlug","slug","rawEvent","providedOrderId","providedCustomerEmail","providedEventName","providedEventDateTime","providedEventLocation","event","transformEvent","e","order","Email","id","name","time","Location","orderId","showConfetti","showTicket","showDetails","formatEventDateTime","dateTimeString","tz","formatDateTime","confettiColors","ACCENT","confettiParticles","_","i","onMount","orderData","getOrder","err","div","root","div_1","root_1","particle","$$anchor","div_2","root_2","$$render","consequent","div_3","node","div_4","div_5","div_6","div_7","div_8","CheckmarkFilled","node_1","dl","div_9","dd","div_10","root_3","dd_1","consequent_1","div_11","root_4","dd_2","consequent_2","div_12","root_5","dd_3","time_1","consequent_3","div_13","root_6","dd_4","consequent_4","nav","root_7","a","root_8","consequent_5","a_1","root_9","consequent_6","classes_3","consequent_7","classes","classes_1","classes_2","text"],"mappings":";;;;;;;;MAEOA,IAASC,GAAa,gBAAgB;;kBAG7C;;MAOQC,IAAIC,EAAA,KAAAC,GAAA,QAAA,IAAA,OAAA,CAAA,EAAA,GAAOC,6BAAW,EAAE,GAAEC,8BAAY,GAAG;;IAG7C,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAOC;AAAA,IACP,SAASC;AAAA,IACT,eAAeC;AAAA,IACf,WAAWC;AAAA,IACX,eAAeC;AAAA,IACf,eAAeC;AAAA,MACbb,EAAI,KAAA,CAAA;AAEJ,MAAAc,IAAQ;AACR,MAAAN;QACE;AACF,MAAAM,IAAQC,GAAeP,CAAQ;AAAA,IACjC,SAASQ,GAAG;AACV,MAAAlB,EAAO,KAAK,+CAA+CkB,CAAC,GAC5DF,IAAQN;AAAA,IACV;AAGE,MAAAS,IAAQ,MAERC,IAAQjB,EAAA,MAAO,EAAE,GACjBkB,IAAKlB,EAAA,MAAO,EAAE,GACdmB,IAAOnB,EAAA,MAAO,EAAE,GAChBoB,IAAOpB,EAAA,MAAO,EAAE,GAChBqB,IAAWrB,EAAA,MAAO,EAAE,GACpBsB,IAAUd,KAAmBT,EAAI,GAAE,WAAW,IAG9CwB,IAAevB,EAAA,MAAO,EAAK,GAC3BwB,IAAaxB,EAAA,MAAO,EAAK,GACzByB,IAAczB,EAAA,MAAO,EAAK;WAErB0B,EAAoBC,GAAgB;AACtC,QAAA,CAAAA,UAAuB;AAEtB,UAAAC,IAAKf,GAAO,YAAY;AACvB,WAAAgB,GAAeF,GAAc,EAClC,SAAS,SACT,QAAQ,IACR,UAAUC,GAAE;AAAA,EAEhB;QAGME,IAAc;AAAA,IAClBC,EAAO;AAAA,IACPA,EAAO,IAAI;AAAA,IACXA,EAAO,IAAI,GAAG;AAAA,IACdA,EAAO,KAAK,GAAG;AAAA,IACfA,EAAO,OAAO,GAAG;AAAA,IACjBA,EAAO;AAAA,IACPA,EAAO,KAAK,GAAG;AAAA,IACfA,EAAO,OAAO,GAAG;AAAA,KAEbC,IAAoB,MAAM,KAAI,EAAG,QAAQ,GAAE,GAAA,CAAKC,GAAGC,OAAC;AAAA,IACxD,IAAIA;AAAA,IACJ,OAAOJ,EAAe,KAAK,MAAM,KAAK,OAAM,IAAKA,EAAe,MAAM,CAAA;AAAA,IACtE,MAAM,KAAK,OAAM,IAAK;AAAA,IACtB,OAAO,KAAK,OAAM,IAAK;AAAA,IACvB,UAAU,IAAI,KAAK,OAAM,IAAK;AAAA,IAC9B,MAAM,IAAI,KAAK,OAAM,IAAK;AAAA,IAC1B,UAAU,KAAK,WAAW;AAAA;AAG5B,EAAAK,eAAoB;AAElB;AAAA,YAAiB;AACf,QAAAnC,EAAA,IAAAuB,GAAe,EAAI;AAAA,MACrB;AAAA,MAAG;AAAA,OAEH;AAAA,YAAiB;AACf,QAAAvB,EAAA,IAAAwB,GAAa,EAAI;AAAA,MACnB;AAAA,MAAG;AAAA,OAEH;AAAA,YAAiB;AACf,QAAAxB,EAAA,IAAAyB,GAAc,EAAI;AAAA,MACpB;AAAA,MAAG;AAAA;QAEC;AACE,UAAAW,IAAY;UACZ;AACS,QAAA,OAAAC,KAAa,cAAcf,MACpCc,IAAS,MAASC,EAASf,CAAO;AAAA,MAEtC,SAASP,GAAG;AACV,QAAAlB,EAAO,KACL,wEACAkB,CAAC;AAAA,MAEL;AAEI,MAAAqB,KACFpB,IAAQoB,GACRpC,EAAA,IAAAiB,GAAQmB,EAAU,iBAAiB3B,KAAyB,IAAE,EAAA,GAC9DT,EAAA,IAAAkB,GAAKkB,EAAU,MAAMd,GAAO,EAAA,SAC5BH,GAAOiB,EAAU,aAAavB,GAAO,QAAQH,KAAqB,IAAE,EAAA,SACpEU,GAAOM,EACLU,EAAU,iBACRvB,GAAO,iBACPF,CAAqB,GAAA,EAAA,SAEzBU,GACEe,EAAU,iBACVvB,GAAO,YACPD,KACA,IAAE,EAAA,YAEJK,GAAQR,KAAyB,IAAE,EAAA,GACnCT,EAAA,IAAAkB,GAAKI,GAAO,EAAA,GACZtB,EAAA,IAAAmB,GAAOT,KAAqBG,GAAO,QAAQ,IAAE,EAAA,GAC7Cb,EAAA,IAAAoB,GAAOM,EACLf,KAAyBE,GAAO,aAAa,GAAA,EAAA,GAE/Cb,EAAA,IAAAqB,GAAWT,KAAyBC,GAAO,YAAY,IAAE,EAAA;AAAA,IAE7D,SAASyB,GAAK;AACZ,MAAAzC,EAAO,MAAM,8BAA8ByC,CAAG,GACtCA,EAAI,eACZrB,GAAQR,KAAyB,0BAAwB,EAAA,GACzDT,EAAA,IAAAkB,GAAKI,GAAO,EAAA,GACZtB,EAAA,IAAAmB,GAAON,GAAO,QAAQH,KAAqB,IAAE,EAAA,GAC7CV,EAAA,IAAAoB,GAAOM,EAAoBb,GAAO,iBAAiBF,CAAqB,GAAA,EAAA,GACxEX,EAAA,IAAAqB,GAAWR,GAAO,YAAYD,KAAyB,IAAE,EAAA;AAAA,IAC3D;AAAA,EACF,CAAC;MAGF2B,IAAGC,GAAA,eAAHD,CAAG;;;UAGCE,IAAGC,GAAA;aAAHD,GAAG,IAAA,MACKT,GAAiB,CAAIW,MAAUA,EAAS,IAAE,CAAAC,GAArBD,MAAQ;YACjCE,IAAGC,GAAA;4CAAHD,GAAG;AAAA,oBAGO7C,EAAA,IAAA2C,CAAQ,EAAC,QAAI,EAAA;AAAA,gCACD3C,EAAA,IAAA2C,CAAQ,EAAC,SAAK,EAAA;AAAA,+BACf3C,EAAA,IAAA2C,CAAQ,EAAC,SAAK,EAAA;AAAA,kCACX3C,EAAA,IAAA2C,CAAQ,EAAC,YAAQ,EAAA;AAAA,qBAC9B3C,EAAA,IAAA2C,CAAQ,EAAC,QAAI,EAAA;AAAA,sBACZ3C,EAAA,IAAA2C,CAAQ,EAAC,QAAI,EAAA;AAAA,gCACH3C,EAAA,IAAA2C,CAAQ,EAAC,YAAQ,EAAA;AAAA,2BATvCE,CAAG;AAAA,kBAFPJ,CAAG,eAAHA,CAAG;AAAA;;YADDlB,CAAY,KAAAwB,EAAAC,CAAA;AAAA;;MAmBhBC,IAAGjD,EAAA,QAAAkD,GAAA,CAAA,GAEDC,YAFFF,CAAG;;AASC,MAAAG,sBAPFD,CAAG,GAAA,CAAA;;AAQC,MAAAE,YADFD,CAAG,GAECE,YADFD,CAAG,GAECE,YADFD,CAAG,gBACDC,CAAG;AACD,EAAAC,GAAeC,IAAA,EAAA,OAAA,aAAA,CAAA,WADjBF,CAAG,sBADLD,CAAG;AAcH,MAAAI,cAdAJ,GAAG,CAAA;;AAmBD,MAAAK,YALFD,CAAE,GAOEE,sBAFFD,CAAG,GAAA,CAAA,gBAEDC,GAAE,EAAA;UAAFA,CAAE,WAFJD,CAAG;oBAAHA,GAAG,CAAA;;;UAMDE,IAAGC,GAAA,GAEDC,sBAFFF,CAAG,GAAA,CAAA,eAEDE,CAAE;cAAFA,CAAE,WAFJF,CAAG,mDAEkC3C,CAAE,KAAA,EAAA,EAAA,CAAA,eAFvC2C,CAAG;AAAA;;YADD3C,CAAE,KAAA6B,EAAAiB,EAAA;AAAA;;;;;UAQJC,IAAGC,GAAA,GAEDC,sBAFFF,CAAG,GAAA,CAAA,eAEDE,GAAE,EAAA;cAAFA,CAAE,WAFJF,CAAG,+CAEmC9C,CAAI,CAAA,CAAA,eAF1C8C,CAAG;AAAA;;YADD9C,CAAI,KAAA4B,EAAAqB,EAAA;AAAA;;;;;UAQNC,IAAGC,GAAA,GAEDC,sBAFFF,CAAG,GAAA,CAAA,GAEwBG,YAAzBD,CAAE,eAAuBC,GAAI,EAAA;cAAJA,CAAI,WAA7BD,CAAE,WAFJF,CAAG,+CAE8BjD,CAAI,CAAA,CAAA,eAFrCiD,CAAG;AAAA;;YADDjD,CAAI,KAAA2B,EAAA0B,EAAA;AAAA;;;;;UAQNC,IAAGC,GAAA,GAEDC,sBAFFF,CAAG,GAAA,CAAA,eAEDE,GAAE,EAAA;cAAFA,CAAE,WAFJF,CAAG,+CAEwBrD,CAAQ,CAAA,CAAA,eAFnCqD,CAAG;AAAA;;YADDrD,CAAQ,KAAA0B,EAAA8B,EAAA;AAAA;;UA/BdnB,CAAE,sBAfJL,CAAG,sBADLD,CAAG,WAPLD,CAAG;qBAAHA,GAAG,CAAA;;;UA0ED2B,IAAGC,GAAA;;sBAAHD,CAAG;;;cAECE,IAACC,GAAA;AAAD,UAAAjF,EAAA,gBAAA,MAAAA,EAAA,cAAAgF,WAAQ9E,EAAQ,CAAA,CAAA,eAAhB8E,CAAC;AAAA;;UADC9E,EAAQ,KAAA6C,EAAAmC,CAAA;AAAA;;;;;cAIVC,IAACC,GAAA;AAAD,UAAApF,EAAA,gBAAA,MAAAA,EAAA,cAAAmF,WAAQhF,EAAS,CAAA,CAAA,eAAjBgF,CAAC;AAAA;;UADChF,EAAS,KAAA4C,EAAAsC,EAAA;AAAA;;cAJfP,CAAG,GAAH9E,EAAA,gBAAA,MAAAsF,IAAAtF,EAAA,UAAA8E,4DAAoCrD,CAAW,EAAA,CAAA,CAAA,eAA/CqD,CAAG;AAAA;;AADD,OAAA5E,EAAQ,KAAIC,QAAS4C,EAAAwC,EAAA;AAAA;;UA3E3BtC,CAAG,WArBLV,CAAG;AAuBC,IAAAiD,IAAAxF,EAAA,UAAAmD,gEAA0C3B,CAAU,EAAA,CAAA,GAOlDiE,IAAAzF,EAAA,UAAAoD,4DAAoC5B,CAAU,EAAA,CAAA,GAgB1CkE,IAAA1F,EAAA,UAAA0D,kEAEgBjC,CAAW,EAAA,CAAA,GAKEzB,EAAA,SAAA2F,IAAA3F,EAAA,IAAAiB,CAAK,KAAI,YAAY;AAAA,kBArD5DsB,CAAG;AAFI;"}
+{"version":3,"file":"Success.legacy-6_EgTF8T.js","sources":["../src/components/Views/Success.legacy.svelte"],"sourcesContent":["<script module>\r\n\timport { createLogger } from '@getmicdrop/svelte-components';\r\n\tconst logger = createLogger('Success.legacy');\r\n</script>\r\n\r\n<script>\r\n  import { onMount } from 'svelte';\r\n  import { transformEvent, getOrder } from '$lib/utils/utils.js';\r\n  import { formatDateTime } from '@getmicdrop/svelte-components';\r\n  import { CheckmarkFilled } from 'carbon-icons-svelte';\r\n  import { ACCENT, DARK } from '$lib/constants/colors.ts';\r\n\r\n  let { data = {}, eventUrl = '', browseUrl = '/' } = $props();\r\n\r\n  const {\r\n    organizationID,\r\n    orgSlug,\r\n    slug,\r\n    event: rawEvent,\r\n    orderId: providedOrderId,\r\n    customerEmail: providedCustomerEmail,\r\n    eventName: providedEventName,\r\n    eventDateTime: providedEventDateTime,\r\n    eventLocation: providedEventLocation,\r\n  } = data || {};\r\n\r\n  let event = null;\r\n  if (rawEvent) {\r\n    try {\r\n      event = transformEvent(rawEvent);\r\n    } catch (e) {\r\n      logger.warn('transformEvent failed in Success component:', e);\r\n      event = rawEvent;\r\n    }\r\n  }\r\n\r\n  let order = null;\r\n  let error = null;\r\n  let Email = $state('');\r\n  let id = $state('');\r\n  let name = $state('');\r\n  let time = $state('');\r\n  let Location = $state('');\r\n  let orderId = providedOrderId || data?.orderId || '';\r\n\r\n  // Animation states\r\n  let showConfetti = $state(false);\r\n  let showTicket = $state(false);\r\n  let showDetails = $state(false);\r\n\r\n  function formatEventDateTime(dateTimeString) {\r\n    if (!dateTimeString) return '';\r\n    // Use event timezone if available, otherwise fall back to UTC\r\n    const tz = event?.timeZone || 'UTC';\r\n    return formatDateTime(dateTimeString, {\r\n      weekday: 'short',\r\n      hour12: true,\r\n      timeZone: tz,\r\n    });\r\n  }\r\n\r\n  // Generate confetti particles\r\n  const confettiColors = [\r\n    ACCENT.coral,\r\n    ACCENT.sky.light,\r\n    ACCENT.sky[400],\r\n    ACCENT.mint[600],\r\n    ACCENT.yellow[300],\r\n    ACCENT.plum,\r\n    ACCENT.mint[500],\r\n    ACCENT.yellow[500],\r\n  ];\r\n  const confettiParticles = Array.from({ length: 50 }, (_, i) => ({\r\n    id: i,\r\n    color: confettiColors[Math.floor(Math.random() * confettiColors.length)],\r\n    left: Math.random() * 100,\r\n    delay: Math.random() * 0.5,\r\n    duration: 2 + Math.random() * 2,\r\n    size: 6 + Math.random() * 8,\r\n    rotation: Math.random() * 360,\r\n  }));\r\n\r\n  onMount(async () => {\r\n    // Start animations\r\n    setTimeout(() => {\r\n      showConfetti = true;\r\n    }, 100);\r\n\r\n    setTimeout(() => {\r\n      showTicket = true;\r\n    }, 300);\r\n\r\n    setTimeout(() => {\r\n      showDetails = true;\r\n    }, 800);\r\n\r\n    try {\r\n      let orderData = null;\r\n      try {\r\n        if (typeof getOrder === 'function' && orderId) {\r\n          orderData = await getOrder(orderId);\r\n        }\r\n      } catch (e) {\r\n        logger.warn(\r\n          'getOrder failed in Success component, falling back to provided data:',\r\n          e\r\n        );\r\n      }\r\n\r\n      if (orderData) {\r\n        order = orderData;\r\n        Email = orderData.customerEmail || providedCustomerEmail || '';\r\n        id = orderData.id || orderId;\r\n        name = orderData.eventName || event?.name || providedEventName || '';\r\n        time = formatEventDateTime(\r\n          orderData.eventDateTime ||\r\n            event?.startDateTime ||\r\n            providedEventDateTime\r\n        );\r\n        Location =\r\n          orderData.eventLocation ||\r\n          event?.location ||\r\n          providedEventLocation ||\r\n          '';\r\n      } else {\r\n        Email = providedCustomerEmail || '';\r\n        id = orderId;\r\n        name = providedEventName || event?.name || '';\r\n        time = formatEventDateTime(\r\n          providedEventDateTime || event?.startDateTime\r\n        );\r\n        Location = providedEventLocation || event?.location || '';\r\n      }\r\n    } catch (err) {\r\n      logger.error('Error fetching order data:', err);\r\n      error = err.message;\r\n      Email = providedCustomerEmail || 'your-email@example.com';\r\n      id = orderId;\r\n      name = event?.name || providedEventName || '';\r\n      time = formatEventDateTime(event?.startDateTime || providedEventDateTime);\r\n      Location = event?.location || providedEventLocation || '';\r\n    }\r\n  });\r\n</script>\r\n\r\n<div class=\"success-container\" role=\"main\" aria-labelledby=\"success-title\">\r\n  <!-- Confetti -->\r\n  {#if showConfetti}\r\n    <div class=\"confetti-container\" aria-hidden=\"true\">\r\n      {#each confettiParticles as particle (particle.id)}\r\n        <div\r\n          class=\"confetti\"\r\n          style=\"\r\n            left: {particle.left}%;\r\n            background-color: {particle.color};\r\n            animation-delay: {particle.delay}s;\r\n            animation-duration: {particle.duration}s;\r\n            width: {particle.size}px;\r\n            height: {particle.size}px;\r\n            transform: rotate({particle.rotation}deg);\r\n          \"\r\n        ></div>\r\n      {/each}\r\n    </div>\r\n  {/if}\r\n\r\n  <div class=\"content-wrapper\">\r\n    <!-- Ticket Machine Animation -->\r\n    <div class=\"ticket-machine\" class:animate={showTicket}>\r\n      <!-- Machine slot -->\r\n      <div class=\"machine-slot\">\r\n        <div class=\"slot-inner\"></div>\r\n      </div>\r\n\r\n      <!-- Ticket coming out -->\r\n      <div class=\"ticket\" class:slide-out={showTicket}>\r\n        <div class=\"ticket-content\">\r\n          <div class=\"ticket-header\">\r\n            <div class=\"success-badge\" aria-hidden=\"true\">\r\n              <CheckmarkFilled class=\"check-icon\" />\r\n            </div>\r\n            <h1 id=\"success-title\" class=\"success-title\">You're all set!</h1>\r\n            <p class=\"success-subtitle\">Your tickets have been confirmed</p>\r\n          </div>\r\n\r\n          <div class=\"ticket-divider\">\r\n            <div class=\"divider-notch left\"></div>\r\n            <div class=\"divider-line\"></div>\r\n            <div class=\"divider-notch right\"></div>\r\n          </div>\r\n\r\n          <dl\r\n            class=\"ticket-details\"\r\n            class:fade-in={showDetails}\r\n            aria-label=\"Order details\"\r\n          >\r\n            <div class=\"detail-row\">\r\n              <dt class=\"detail-label\">Email</dt>\r\n              <dd class=\"detail-value\">{Email || 'Loading...'}</dd>\r\n            </div>\r\n\r\n            {#if id}\r\n              <div class=\"detail-row\">\r\n                <dt class=\"detail-label\">Order ID</dt>\r\n                <dd class=\"detail-value order-id\">#{id}</dd>\r\n              </div>\r\n            {/if}\r\n\r\n            {#if name}\r\n              <div class=\"detail-row\">\r\n                <dt class=\"detail-label\">Event</dt>\r\n                <dd class=\"detail-value event-name\">{name}</dd>\r\n              </div>\r\n            {/if}\r\n\r\n            {#if time}\r\n              <div class=\"detail-row\">\r\n                <dt class=\"detail-label\">When</dt>\r\n                <dd class=\"detail-value\"><time>{time}</time></dd>\r\n              </div>\r\n            {/if}\r\n\r\n            {#if Location}\r\n              <div class=\"detail-row\">\r\n                <dt class=\"detail-label\">Where</dt>\r\n                <dd class=\"detail-value\">{Location}</dd>\r\n              </div>\r\n            {/if}\r\n          </dl>\r\n\r\n          <div class=\"ticket-footer\">\r\n            <p class=\"footer-text\">Check your email for your tickets</p>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Ticket stub pattern -->\r\n        <div class=\"ticket-stub\"></div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Navigation CTAs -->\r\n    {#if eventUrl || browseUrl}\r\n      <nav class=\"nav-ctas\" class:fade-in={showDetails} aria-label=\"Next steps\">\r\n        {#if eventUrl}\r\n          <a href={eventUrl} class=\"nav-link secondary\">Back to event</a>\r\n        {/if}\r\n        {#if browseUrl}\r\n          <a href={browseUrl} class=\"nav-link primary\">Browse more events</a>\r\n        {/if}\r\n      </nav>\r\n    {/if}\r\n  </div>\r\n</div>\r\n\r\n<style>\r\n  .success-container {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 1.25rem;\r\n    background: linear-gradient(\r\n      180deg,\r\n      hsl(var(--bg-primary)) 0%,\r\n      hsl(var(--bg-secondary)) 100%\r\n    );\r\n\r\n    &:is([data-theme=\"dark\"], [data-theme=\"dark\"] *) {\r\n      background: linear-gradient(\r\n        180deg,\r\n        hsl(var(--bg-primary)) 0%,\r\n        hsl(var(--bg-primary)) 100%\r\n      );\r\n    }\r\n  }\r\n\r\n  /* Confetti */\r\n  .confetti-container {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .confetti {\r\n    position: absolute;\r\n    top: -20px;\r\n    border-radius: 2px;\r\n    animation: confetti-fall linear forwards;\r\n  }\r\n\r\n  @keyframes confetti-fall {\r\n    0% {\r\n      transform: translateY(0) rotate(0deg);\r\n      opacity: 1;\r\n    }\r\n\r\n    100% {\r\n      transform: translateY(100vh) rotate(720deg);\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  /* Content wrapper */\r\n  .content-wrapper {\r\n    position: relative;\r\n    z-index: var(--z-sticky);\r\n    width: 100%;\r\n    max-width: 380px;\r\n  }\r\n\r\n  /* Ticket machine */\r\n  .ticket-machine {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .machine-slot {\r\n    width: 100%;\r\n    height: 16px;\r\n    background: linear-gradient(\r\n      180deg,\r\n      hsl(var(--muted)) 0%,\r\n      hsl(var(--bg-primary)) 100%\r\n    );\r\n    border-radius: 8px 8px 0 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 12px color-mix(in srgb, black 20%, transparent);\r\n    position: relative;\r\n    z-index: var(--z-base);\r\n  }\r\n\r\n  .slot-inner {\r\n    width: 80%;\r\n    height: 4px;\r\n    background: hsl(var(--bg-primary));\r\n    border-radius: 2px;\r\n  }\r\n\r\n  /* Ticket */\r\n  .ticket {\r\n    width: 100%;\r\n    background: hsl(var(--bg-primary));\r\n    border-radius: 0 0 16px 16px;\r\n    box-shadow: 0 8px 32px color-mix(in srgb, black 12%, transparent);\r\n    overflow: hidden;\r\n    transform: translateY(-100%);\r\n    opacity: 0;\r\n    transition:\r\n      transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),\r\n      opacity 0.3s ease;\r\n  }\r\n\r\n  .ticket.slide-out {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n\r\n  .ticket-content {\r\n    padding: 32px 24px 24px;\r\n  }\r\n\r\n  .ticket-header {\r\n    text-align: center;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .success-badge {\r\n    width: 64px;\r\n    height: 64px;\r\n    background: linear-gradient(\r\n      135deg,\r\n      hsl(var(--accent-success)) 0%,\r\n      hsl(var(--accent-success)) 100%\r\n    );\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 16px;\r\n    animation: badge-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s both;\r\n  }\r\n\r\n  @keyframes badge-pop {\r\n    0% {\r\n      transform: scale(0);\r\n    }\r\n\r\n    100% {\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  .success-badge :global(.check-icon) {\r\n    width: 32px;\r\n    height: 32px;\r\n    color: hsl(var(--bg-primary));\r\n  }\r\n\r\n  .success-title {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem;\r\n    font-weight: 600;\r\n    color: hsl(var(--text-primary));\r\n    margin-bottom: 0.5rem;\r\n  }\r\n\r\n  .success-subtitle {\r\n    font-size: 0.875rem;\r\n    line-height: 1.25rem;\r\n    color: hsl(var(--text-secondary));\r\n    margin: 0;\r\n  }\r\n\r\n  /* Ticket divider */\r\n  .ticket-divider {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 0 -24px 24px;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .divider-notch {\r\n    width: 1rem;\r\n    height: 1rem;\r\n    border-radius: 9999px;\r\n    position: absolute;\r\n    background-color: hsl(var(--bg-primary));\r\n  }\r\n\r\n  .divider-notch.left {\r\n    left: -8px;\r\n  }\r\n\r\n  .divider-notch.right {\r\n    right: -8px;\r\n  }\r\n\r\n  .divider-line {\r\n    flex: 1 1 0%;\r\n    height: 0.125rem;\r\n    background: repeating-linear-gradient(\r\n      90deg,\r\n      hsl(var(--stroke-primary)) 0,\r\n      hsl(var(--stroke-primary)) 8px,\r\n      transparent 8px,\r\n      transparent 16px\r\n    );\r\n\r\n    &:is([data-theme=\"dark\"], [data-theme=\"dark\"] *) {\r\n      background: repeating-linear-gradient(\r\n        90deg,\r\n        hsl(var(--text-secondary)) 0,\r\n        hsl(var(--text-secondary)) 8px,\r\n        transparent 8px,\r\n        transparent 16px\r\n      );\r\n    }\r\n  }\r\n\r\n  /* Ticket details */\r\n  .ticket-details {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition:\r\n      opacity 0.4s ease,\r\n      transform 0.4s ease;\r\n  }\r\n\r\n  .ticket-details.fade-in {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .detail-row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.25rem;\r\n    padding-top: 0.75rem;\r\n    padding-bottom: 0.75rem;\r\n    border-bottom: 1px solid hsl(var(--stroke-primary) / 50%);\r\n  }\r\n\r\n  .detail-row:last-child {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .detail-label {\r\n    font-size: 0.75rem;\r\n    line-height: 1rem;\r\n    font-weight: 600;\r\n    color: hsl(var(--text-tertiary));\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.025em;\r\n  }\r\n\r\n  .detail-value {\r\n    font-size: 0.875rem;\r\n    line-height: 1.25rem;\r\n    font-weight: 500;\r\n    color: hsl(var(--text-primary));\r\n    overflow-wrap: break-word;\r\n  }\r\n\r\n  .detail-value.order-id {\r\n    color: hsl(var(--brand-primary));\r\n    font-family: 'SF Mono', Consolas, monospace;\r\n  }\r\n\r\n  .detail-value.event-name {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  /* Ticket footer */\r\n  .ticket-footer {\r\n    margin-top: 1.5rem;\r\n    padding: 1rem;\r\n    border-radius: 0.5rem;\r\n    text-align: center;\r\n    background-color: hsl(var(--bg-secondary) / 50%);\r\n  }\r\n\r\n  .footer-text {\r\n    font-size: 0.875rem;\r\n    line-height: 1.25rem;\r\n    color: hsl(var(--text-secondary));\r\n    margin: 0;\r\n  }\r\n\r\n  /* Ticket stub pattern */\r\n  .ticket-stub {\r\n    height: 1.5rem;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent 0,\r\n      transparent 8px,\r\n      hsl(var(--stroke-primary) / 30%) 8px,\r\n      hsl(var(--stroke-primary) / 30%) 16px\r\n    );\r\n    background-size: 16px 100%;\r\n  }\r\n\r\n  /* Navigation CTAs */\r\n  .nav-ctas {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.75rem;\r\n    margin-top: 1.5rem;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition:\r\n      opacity 0.4s ease 0.2s,\r\n      transform 0.4s ease 0.2s;\r\n  }\r\n\r\n  .nav-ctas.fade-in {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .nav-link {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0.75rem 1rem;\r\n    border-radius: 0.5rem;\r\n    font-size: 0.875rem;\r\n    line-height: 1.25rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition:\r\n      background-color 0.15s,\r\n      color 0.15s;\r\n  }\r\n\r\n  .nav-link.primary {\r\n    background: hsl(var(--brand-primary, 220 90% 56%));\r\n    color: hsl(var(--text-on-primary, 0 0% 100%));\r\n  }\r\n\r\n  .nav-link.primary:hover {\r\n    filter: brightness(0.95);\r\n  }\r\n\r\n  .nav-link.secondary {\r\n    background-color: hsl(var(--bg-tertiary));\r\n    color: hsl(var(--text-secondary));\r\n  }\r\n\r\n  .nav-link.secondary:hover {\r\n    background-color: hsl(var(--bg-quaternary));\r\n  }\r\n\r\n  /* Responsive */\r\n  @media (width <= 480px) {\r\n    .success-container {\r\n      padding: 16px;\r\n    }\r\n\r\n    .ticket-content {\r\n      padding: 24px 20px 20px;\r\n    }\r\n\r\n    .success-title {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .success-badge {\r\n      width: 56px;\r\n      height: 56px;\r\n    }\r\n\r\n    .success-badge :global(.check-icon) {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n  }\r\n</style>\r\n"],"names":["logger","createLogger","data","$","$$props","eventUrl","browseUrl","organizationID","orgSlug","slug","rawEvent","providedOrderId","providedCustomerEmail","providedEventName","providedEventDateTime","providedEventLocation","event","transformEvent","e","order","Email","id","name","time","Location","orderId","showConfetti","showTicket","showDetails","formatEventDateTime","dateTimeString","tz","formatDateTime","confettiColors","ACCENT","confettiParticles","_","i","onMount","orderData","getOrder","err","div","root","div_1","root_1","particle","$$anchor","div_2","root_2","$$render","consequent","div_3","node","div_4","div_5","div_6","div_7","div_8","CheckmarkFilled","node_1","dl","div_9","dd","div_10","root_3","dd_1","consequent_1","div_11","root_4","dd_2","consequent_2","div_12","root_5","dd_3","time_1","consequent_3","div_13","root_6","dd_4","consequent_4","nav","root_7","a","root_8","consequent_5","a_1","root_9","consequent_6","classes_3","consequent_7","classes","classes_1","classes_2","text"],"mappings":"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"}