@getmicdrop/venue-calendar 4.0.82 → 4.0.83

package/dist/Success.legacy-BWAmPmZz.js

@@ -1,192 +0,0 @@
-import "svelte/internal/disclose-version";
-import * as e from "svelte/internal/client";
-import { onMount as ce } from "svelte";
-import { q as me, $ as J, aL as ge, a_ as pe, a2 as fe, h as ue } from "./VenueCalendar-DMSeDRSN.js";
-import { A as r } from "./colors-CmP-sSZD.js";
-const O = ue("Success.legacy");
-var _e = e.from_html('<div class="confetti svelte-g1e40p"></div>'), he = e.from_html('<div class="confetti-container svelte-g1e40p" aria-hidden="true"></div>'), be = e.from_html('<div class="detail-row svelte-g1e40p"><dt class="detail-label svelte-g1e40p">Order ID</dt> <dd class="detail-value order-id svelte-g1e40p"> </dd></div>'), ke = e.from_html('<div class="detail-row svelte-g1e40p"><dt class="detail-label svelte-g1e40p">Event</dt> <dd class="detail-value event-name svelte-g1e40p"> </dd></div>'), ye = e.from_html('<div class="detail-row svelte-g1e40p"><dt class="detail-label svelte-g1e40p">When</dt> <dd class="detail-value svelte-g1e40p"><time class="svelte-g1e40p"> </time></dd></div>'), we = e.from_html('<div class="detail-row svelte-g1e40p"><dt class="detail-label svelte-g1e40p">Where</dt> <dd class="detail-value svelte-g1e40p"> </dd></div>'), xe = e.from_html('<a class="nav-link secondary svelte-g1e40p">Back to event</a>'), Ee = e.from_html('<a class="nav-link primary svelte-g1e40p">Browse more events</a>'), Te = e.from_html('<nav aria-label="Next steps"><!> <!></nav>'), De = e.from_html(`<div class="success-container svelte-g1e40p" role="main" aria-labelledby="success-title"><!> <div class="content-wrapper svelte-g1e40p"><div><div class="machine-slot svelte-g1e40p"><div class="slot-inner svelte-g1e40p"></div></div> <div><div class="ticket-content svelte-g1e40p"><div class="ticket-header svelte-g1e40p"><div class="success-badge svelte-g1e40p" aria-hidden="true"><!></div> <h1 id="success-title" class="success-title svelte-g1e40p">You're all set!</h1> <p class="success-subtitle svelte-g1e40p">Your tickets have been confirmed</p></div> <div class="ticket-divider svelte-g1e40p"><div class="divider-notch left svelte-g1e40p"></div> <div class="divider-line svelte-g1e40p"></div> <div class="divider-notch right svelte-g1e40p"></div></div> <dl aria-label="Order details"><div class="detail-row svelte-g1e40p"><dt class="detail-label svelte-g1e40p">Email</dt> <dd class="detail-value svelte-g1e40p"> </dd></div> <!> <!> <!> <!></dl> <div class="ticket-footer svelte-g1e40p"><p class="footer-text svelte-g1e40p">Check your email for your tickets</p></div></div> <div class="ticket-stub svelte-g1e40p"></div></div></div> <!></div></div>`);
-function Se(K, f) {
-  e.push(f, !0);
-  let S = e.prop(f, "data", 19, () => ({})), h = e.prop(f, "eventUrl", 3, ""), b = e.prop(f, "browseUrl", 3, "/");
-  const {
-    organizationID: Me,
-    orgSlug: Ce,
-    slug: Le,
-    event: k,
-    orderId: Q,
-    customerEmail: y,
-    eventName: w,
-    eventDateTime: x,
-    eventLocation: E
-  } = S() || {};
-  let i = null;
-  if (k)
-    try {
-      i = me(k);
-    } catch (t) {
-      O.warn("transformEvent failed in Success component:", t), i = k;
-    }
-  let R = null, u = e.state(""), o = e.state(""), n = e.state(""), c = e.state(""), m = e.state(""), g = Q || S()?.orderId || "", U = e.state(!1), T = e.state(!1), D = e.state(!1);
-  function M(t) {
-    if (!t) return "";
-    const a = pe(i);
-    return fe(t, { weekday: "short", hour12: !0, timeZone: a });
-  }
-  const $ = [
-    r.coral,
-    r.sky.light,
-    r.sky[400],
-    r.mint[600],
-    r.yellow[300],
-    r.plum,
-    r.mint[500],
-    r.yellow[500]
-  ], V = Array.from({ length: 50 }, (t, a) => ({
-    id: a,
-    color: $[Math.floor(Math.random() * $.length)],
-    left: Math.random() * 100,
-    delay: Math.random() * 0.5,
-    duration: 2 + Math.random() * 2,
-    size: 6 + Math.random() * 8,
-    rotation: Math.random() * 360
-  }));
-  ce(async () => {
-    setTimeout(
-      () => {
-        e.set(U, !0);
-      },
-      100
-    ), setTimeout(
-      () => {
-        e.set(T, !0);
-      },
-      300
-    ), setTimeout(
-      () => {
-        e.set(D, !0);
-      },
-      800
-    );
-    try {
-      let t = null;
-      try {
-        typeof J == "function" && g && (t = await J(g));
-      } catch (a) {
-        O.warn("getOrder failed in Success component, falling back to provided data:", a);
-      }
-      t ? (R = t, e.set(u, t.customerEmail || y || "", !0), e.set(o, t.id || g, !0), e.set(n, t.eventName || i?.name || w || "", !0), e.set(c, M(t.eventDateTime || i?.startDateTime || x), !0), e.set(m, t.eventLocation || i?.location || E || "", !0)) : (e.set(u, y || "", !0), e.set(o, g, !0), e.set(n, w || i?.name || "", !0), e.set(c, M(x || i?.startDateTime), !0), e.set(m, E || i?.location || "", !0));
-    } catch (t) {
-      O.error("Error fetching order data:", t), t.message, e.set(u, y || "your-email@example.com", !0), e.set(o, g, !0), e.set(n, i?.name || w || "", !0), e.set(c, M(i?.startDateTime || x), !0), e.set(m, i?.location || E || "", !0);
-    }
-  });
-  var C = De(), A = e.child(C);
-  {
-    var X = (t) => {
-      var a = he();
-      e.each(a, 21, () => V, (l) => l.id, (l, s) => {
-        var v = _e();
-        e.template_effect(() => e.set_style(v, `
-            left: ${e.get(s).left ?? ""}%;
-            background-color: ${e.get(s).color ?? ""};
-            animation-delay: ${e.get(s).delay ?? ""}s;
-            animation-duration: ${e.get(s).duration ?? ""}s;
-            width: ${e.get(s).size ?? ""}px;
-            height: ${e.get(s).size ?? ""}px;
-            transform: rotate(${e.get(s).rotation ?? ""}deg);
-          `)), e.append(l, v);
-      }), e.reset(a), e.append(t, a);
-    };
-    e.if(A, (t) => {
-      e.get(U) && t(X);
-    });
-  }
-  var B = e.sibling(A, 2), _ = e.child(B);
-  let W;
-  var L = e.sibling(e.child(_), 2);
-  let Y;
-  var Z = e.child(L), I = e.child(Z), q = e.child(I), ee = e.child(q);
-  ge(ee, { class: "check-icon" }), e.reset(q), e.next(4), e.reset(I);
-  var z = e.sibling(I, 4);
-  let F;
-  var N = e.child(z), P = e.sibling(e.child(N), 2), te = e.child(P, !0);
-  e.reset(P), e.reset(N);
-  var j = e.sibling(N, 2);
-  {
-    var ae = (t) => {
-      var a = be(), l = e.sibling(e.child(a), 2), s = e.child(l);
-      e.reset(l), e.reset(a), e.template_effect(() => e.set_text(s, `#${e.get(o) ?? ""}`)), e.append(t, a);
-    };
-    e.if(j, (t) => {
-      e.get(o) && t(ae);
-    });
-  }
-  var G = e.sibling(j, 2);
-  {
-    var se = (t) => {
-      var a = ke(), l = e.sibling(e.child(a), 2), s = e.child(l, !0);
-      e.reset(l), e.reset(a), e.template_effect(() => e.set_text(s, e.get(n))), e.append(t, a);
-    };
-    e.if(G, (t) => {
-      e.get(n) && t(se);
-    });
-  }
-  var H = e.sibling(G, 2);
-  {
-    var le = (t) => {
-      var a = ye(), l = e.sibling(e.child(a), 2), s = e.child(l), v = e.child(s, !0);
-      e.reset(s), e.reset(l), e.reset(a), e.template_effect(() => e.set_text(v, e.get(c))), e.append(t, a);
-    };
-    e.if(H, (t) => {
-      e.get(c) && t(le);
-    });
-  }
-  var ie = e.sibling(H, 2);
-  {
-    var re = (t) => {
-      var a = we(), l = e.sibling(e.child(a), 2), s = e.child(l, !0);
-      e.reset(l), e.reset(a), e.template_effect(() => e.set_text(s, e.get(m))), e.append(t, a);
-    };
-    e.if(ie, (t) => {
-      e.get(m) && t(re);
-    });
-  }
-  e.reset(z), e.next(2), e.reset(Z), e.next(2), e.reset(L), e.reset(_);
-  var de = e.sibling(_, 2);
-  {
-    var ve = (t) => {
-      var a = Te();
-      let l;
-      var s = e.child(a);
-      {
-        var v = (d) => {
-          var p = xe();
-          e.template_effect(() => e.set_attribute(p, "href", h())), e.append(d, p);
-        };
-        e.if(s, (d) => {
-          h() && d(v);
-        });
-      }
-      var oe = e.sibling(s, 2);
-      {
-        var ne = (d) => {
-          var p = Ee();
-          e.template_effect(() => e.set_attribute(p, "href", b())), e.append(d, p);
-        };
-        e.if(oe, (d) => {
-          b() && d(ne);
-        });
-      }
-      e.reset(a), e.template_effect(() => l = e.set_class(a, 1, "nav-ctas svelte-g1e40p", null, l, { "fade-in": e.get(D) })), e.append(t, a);
-    };
-    e.if(de, (t) => {
-      (h() || b()) && t(ve);
-    });
-  }
-  e.reset(B), e.reset(C), e.template_effect(() => {
-    W = e.set_class(_, 1, "ticket-machine svelte-g1e40p", null, W, { animate: e.get(T) }), Y = e.set_class(L, 1, "ticket svelte-g1e40p", null, Y, { "slide-out": e.get(T) }), F = e.set_class(z, 1, "ticket-details svelte-g1e40p", null, F, { "fade-in": e.get(D) }), e.set_text(te, e.get(u) || "Loading...");
-  }), e.append(K, C), e.pop();
-}
-export {
-  Se as default
-};
-//# sourceMappingURL=Success.legacy-BWAmPmZz.js.map

package/dist/Success.legacy-BWAmPmZz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Success.legacy-BWAmPmZz.js","sources":["../src/components/Views/Success.legacy.svelte"],"sourcesContent":["<script module>\r\n  // @ts-nocheck legacy fallback (legacy=1 path), slated for deletion after VC finalization — not type-maintained\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  // @ts-nocheck legacy fallback (legacy=1 path), slated for deletion after VC finalization — not type-maintained\r\n  import { onMount } from 'svelte';\r\n  import { transformEvent, getOrder } from '$lib/utils/utils.js';\r\n  import { formatDateTime, venueTimeZone } from '@getmicdrop/svelte-components';\r\n  import { CheckmarkFilled } from 'carbon-icons-svelte';\r\n  // @constant-color-escape: confetti colors (coral, sky, mint, yellow, plum) are custom\r\n  // brand-palette values with no SC token equivalent; they feed inline background-color\r\n  // on absolutely-positioned confetti particles that are not SC-themeable by design.\r\n  import { ACCENT } from '$lib/constants/colors.ts';\r\n\r\n  let { data = {}, eventUrl = '', browseUrl = '/' } = $props();\r\n\r\n  const {\r\n    organizationID,\r\n    orgSlug,\r\n    slug,\r\n    event: rawEvent,\r\n    orderId: providedOrderId,\r\n    customerEmail: providedCustomerEmail,\r\n    eventName: providedEventName,\r\n    eventDateTime: providedEventDateTime,\r\n    eventLocation: providedEventLocation,\r\n  } = data || {};\r\n\r\n  let event = null;\r\n  if (rawEvent) {\r\n    try {\r\n      event = transformEvent(rawEvent);\r\n    } catch (e) {\r\n      logger.warn('transformEvent failed in Success component:', e);\r\n      event = rawEvent;\r\n    }\r\n  }\r\n\r\n  let order = null;\r\n  let error = null;\r\n  let Email = $state('');\r\n  let id = $state('');\r\n  let name = $state('');\r\n  let time = $state('');\r\n  let Location = $state('');\r\n  let orderId = providedOrderId || data?.orderId || '';\r\n\r\n  // Animation states\r\n  let showConfetti = $state(false);\r\n  let showTicket = $state(false);\r\n  let showDetails = $state(false);\r\n\r\n  function formatEventDateTime(dateTimeString) {\r\n    if (!dateTimeString) return '';\r\n    // Canonical SC tz reader: casing-defensive, never-empty, defaults to\r\n    // America/Los_Angeles (not UTC) so missing/invalid tz no longer renders\r\n    // wrong-zone times. `event` may be transformed or raw.\r\n    const tz = venueTimeZone(event);\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","venueTimeZone","formatDateTime","confettiColors","ACCENT","confettiParticles","_","i","onMount","orderData","getOrder","err","div","root_9","div_1","root_1","particle","$$anchor","div_2","root","$$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_2","dd_1","consequent_1","div_11","root_3","dd_2","consequent_2","div_12","root_4","dd_3","time_1","consequent_3","div_13","root_5","dd_4","consequent_4","nav","root_8","a","root_6","consequent_5","a_1","root_7","consequent_6","classes_3","consequent_7","classes","classes_1","classes_2","text"],"mappings":"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"}