@getmicdrop/venue-calendar 4.0.3 → 4.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{AirbnbSplitMain-BfddFqOQ.js → AirbnbSplitMain-CmX4EMJ2.js} +4 -4
- package/dist/{AirbnbSplitMain-BfddFqOQ.js.map → AirbnbSplitMain-CmX4EMJ2.js.map} +1 -1
- package/dist/{CarouselView.legacy-BKXwmB2P.js → CarouselView.legacy-B4T9YnUY.js} +3 -3
- package/dist/{CarouselView.legacy-BKXwmB2P.js.map → CarouselView.legacy-B4T9YnUY.js.map} +1 -1
- package/dist/{CartView-iIEjDwFN.js → CartView-C0wKcLTe.js} +8 -8
- package/dist/CartView-C0wKcLTe.js.map +1 -0
- package/dist/{Checkout-Cu0D8mFn.js → Checkout-DAH2LEv7.js} +4 -4
- package/dist/{Checkout-Cu0D8mFn.js.map → Checkout-DAH2LEv7.js.map} +1 -1
- package/dist/{Checkout.legacy-C6V9HmUZ.js → Checkout.legacy-CsJlr7ac.js} +4 -4
- package/dist/{Checkout.legacy-C6V9HmUZ.js.map → Checkout.legacy-CsJlr7ac.js.map} +1 -1
- package/dist/{CheckoutMain-B17znLe0.js → CheckoutMain-CIfRFv_0.js} +4 -4
- package/dist/{CheckoutMain-B17znLe0.js.map → CheckoutMain-CIfRFv_0.js.map} +1 -1
- package/dist/{CheckoutTimer-BsI1r6lY.js → CheckoutTimer-DQFe_RCq.js} +2 -2
- package/dist/{CheckoutTimer-BsI1r6lY.js.map → CheckoutTimer-DQFe_RCq.js.map} +1 -1
- package/dist/{CollectionView-CQgKWQHT.js → CollectionView-RKiSB7Gj.js} +5 -5
- package/dist/{CollectionView-CQgKWQHT.js.map → CollectionView-RKiSB7Gj.js.map} +1 -1
- package/dist/{CollectionView.legacy-B8SDspBL.js → CollectionView.legacy-CHiKdISC.js} +3 -3
- package/dist/{CollectionView.legacy-B8SDspBL.js.map → CollectionView.legacy-CHiKdISC.js.map} +1 -1
- package/dist/{EventDetailsView-XXl8aQJ9.js → EventDetailsView-BFXXDR_5.js} +2 -2
- package/dist/{EventDetailsView-XXl8aQJ9.js.map → EventDetailsView-BFXXDR_5.js.map} +1 -1
- package/dist/{FeaturedView.legacy-Dse2jnrt.js → FeaturedView.legacy-Bx8r9VRn.js} +2 -2
- package/dist/{FeaturedView.legacy-Dse2jnrt.js.map → FeaturedView.legacy-Bx8r9VRn.js.map} +1 -1
- package/dist/{GalleryCard-CDaYD8XI.js → GalleryCard-UVhZwNEr.js} +2 -2
- package/dist/{GalleryCard-CDaYD8XI.js.map → GalleryCard-UVhZwNEr.js.map} +1 -1
- package/dist/{GalleryView.legacy-U_ripo22.js → GalleryView.legacy-CYYCS-Ik.js} +3 -3
- package/dist/{GalleryView.legacy-U_ripo22.js.map → GalleryView.legacy-CYYCS-Ik.js.map} +1 -1
- package/dist/{GroupedListView.legacy-BrickaeB.js → GroupedListView.legacy-_lpo2UrM.js} +2 -2
- package/dist/{GroupedListView.legacy-BrickaeB.js.map → GroupedListView.legacy-_lpo2UrM.js.map} +1 -1
- package/dist/{SeriesPage-CNoI4R4M.js → SeriesPage-CFQLBhkC.js} +5 -5
- package/dist/{SeriesPage-CNoI4R4M.js.map → SeriesPage-CFQLBhkC.js.map} +1 -1
- package/dist/{SeriesPage.legacy-Cugebbf0.js → SeriesPage.legacy-C-hADRCm.js} +2 -2
- package/dist/{SeriesPage.legacy-Cugebbf0.js.map → SeriesPage.legacy-C-hADRCm.js.map} +1 -1
- package/dist/{Success-BQAu7uZn.js → Success-B_q1DLLZ.js} +5 -5
- package/dist/{Success-BQAu7uZn.js.map → Success-B_q1DLLZ.js.map} +1 -1
- package/dist/{Success.legacy-DSmTsdB_.js → Success.legacy-DU4ReWah.js} +2 -2
- package/dist/{Success.legacy-DSmTsdB_.js.map → Success.legacy-DU4ReWah.js.map} +1 -1
- package/dist/{VenueCalendar-DzTrcN8J.js → VenueCalendar-BkiDPwSu.js} +14 -14
- package/dist/{VenueCalendar-DzTrcN8J.js.map → VenueCalendar-BkiDPwSu.js.map} +1 -1
- package/dist/{ViewTicketsEmbed-DOTq6kSz.js → ViewTicketsEmbed-Lh-WqskW.js} +2 -2
- package/dist/{ViewTicketsEmbed-DOTq6kSz.js.map → ViewTicketsEmbed-Lh-WqskW.js.map} +1 -1
- package/dist/{labels-BPzDu-3y.js → labels-BJ37eSuH.js} +2 -2
- package/dist/{labels-BPzDu-3y.js.map → labels-BJ37eSuH.js.map} +1 -1
- package/dist/{transform-CZI_M7Wk.js → transform-C3MxXi4m.js} +2 -2
- package/dist/{transform-CZI_M7Wk.js.map → transform-C3MxXi4m.js.map} +1 -1
- package/dist/venue-calendar.es.js +1 -1
- package/dist/venue-calendar.iife.js +2 -2
- package/dist/venue-calendar.iife.js.map +1 -1
- package/dist/venue-calendar.umd.js +2 -2
- package/dist/venue-calendar.umd.js.map +1 -1
- package/package.json +1 -1
- package/dist/CartView-iIEjDwFN.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Success.legacy-DSmTsdB_.js","sources":["../src/components/Views/Success.legacy.svelte"],"sourcesContent":["<script module>\n\timport { createLogger } from '@getmicdrop/svelte-components';\n\tconst logger = createLogger('Success.legacy');\n</script>\n\n<script>\n import { onMount } from 'svelte';\n import { transformEvent, getOrder } from '$lib/utils/utils.js';\n import { formatDateTime } from '@getmicdrop/svelte-components';\n import { CheckmarkFilled } from 'carbon-icons-svelte';\n import { ACCENT, DARK } from '$lib/constants/colors.ts';\n\n let { data = {}, eventUrl = '', browseUrl = '/' } = $props();\n\n const {\n organizationID,\n orgSlug,\n slug,\n event: rawEvent,\n orderId: providedOrderId,\n customerEmail: providedCustomerEmail,\n eventName: providedEventName,\n eventDateTime: providedEventDateTime,\n eventLocation: providedEventLocation,\n } = data || {};\n\n let event = null;\n if (rawEvent) {\n try {\n event = transformEvent(rawEvent);\n } catch (e) {\n logger.warn('transformEvent failed in Success component:', e);\n event = rawEvent;\n }\n }\n\n let order = null;\n let error = null;\n let Email = $state('');\n let id = $state('');\n let name = $state('');\n let time = $state('');\n let Location = $state('');\n let orderId = providedOrderId || data?.orderId || '';\n\n // Animation states\n let showConfetti = $state(false);\n let showTicket = $state(false);\n let showDetails = $state(false);\n\n function formatEventDateTime(dateTimeString) {\n if (!dateTimeString) return '';\n // Use event timezone if available, otherwise fall back to UTC\n const tz = event?.timeZone || 'UTC';\n return formatDateTime(dateTimeString, {\n weekday: 'short',\n hour12: true,\n timeZone: tz,\n });\n }\n\n // Generate confetti particles\n const confettiColors = [\n ACCENT.coral,\n ACCENT.sky.light,\n ACCENT.sky[400],\n ACCENT.mint[600],\n ACCENT.yellow[300],\n ACCENT.plum,\n ACCENT.mint[500],\n ACCENT.yellow[500],\n ];\n const confettiParticles = Array.from({ length: 50 }, (_, i) => ({\n id: i,\n color: confettiColors[Math.floor(Math.random() * confettiColors.length)],\n left: Math.random() * 100,\n delay: Math.random() * 0.5,\n duration: 2 + Math.random() * 2,\n size: 6 + Math.random() * 8,\n rotation: Math.random() * 360,\n }));\n\n onMount(async () => {\n // Start animations\n setTimeout(() => {\n showConfetti = true;\n }, 100);\n\n setTimeout(() => {\n showTicket = true;\n }, 300);\n\n setTimeout(() => {\n showDetails = true;\n }, 800);\n\n try {\n let orderData = null;\n try {\n if (typeof getOrder === 'function' && orderId) {\n orderData = await getOrder(orderId);\n }\n } catch (e) {\n logger.warn(\n 'getOrder failed in Success component, falling back to provided data:',\n e\n );\n }\n\n if (orderData) {\n order = orderData;\n Email = orderData.customerEmail || providedCustomerEmail || '';\n id = orderData.id || orderId;\n name = orderData.eventName || event?.name || providedEventName || '';\n time = formatEventDateTime(\n orderData.eventDateTime ||\n event?.startDateTime ||\n providedEventDateTime\n );\n Location =\n orderData.eventLocation ||\n event?.location ||\n providedEventLocation ||\n '';\n } else {\n Email = providedCustomerEmail || '';\n id = orderId;\n name = providedEventName || event?.name || '';\n time = formatEventDateTime(\n providedEventDateTime || event?.startDateTime\n );\n Location = providedEventLocation || event?.location || '';\n }\n } catch (err) {\n logger.error('Error fetching order data:', err);\n error = err.message;\n Email = providedCustomerEmail || 'your-email@example.com';\n id = orderId;\n name = event?.name || providedEventName || '';\n time = formatEventDateTime(event?.startDateTime || providedEventDateTime);\n Location = event?.location || providedEventLocation || '';\n }\n });\n</script>\n\n<div class=\"success-container\" role=\"main\" aria-labelledby=\"success-title\">\n <!-- Confetti -->\n {#if showConfetti}\n <div class=\"confetti-container\" aria-hidden=\"true\">\n {#each confettiParticles as particle (particle.id)}\n <div\n class=\"confetti\"\n style=\"\n left: {particle.left}%;\n background-color: {particle.color};\n animation-delay: {particle.delay}s;\n animation-duration: {particle.duration}s;\n width: {particle.size}px;\n height: {particle.size}px;\n transform: rotate({particle.rotation}deg);\n \"\n ></div>\n {/each}\n </div>\n {/if}\n\n <div class=\"content-wrapper\">\n <!-- Ticket Machine Animation -->\n <div class=\"ticket-machine\" class:animate={showTicket}>\n <!-- Machine slot -->\n <div class=\"machine-slot\">\n <div class=\"slot-inner\"></div>\n </div>\n\n <!-- Ticket coming out -->\n <div class=\"ticket\" class:slide-out={showTicket}>\n <div class=\"ticket-content\">\n <div class=\"ticket-header\">\n <div class=\"success-badge\" aria-hidden=\"true\">\n <CheckmarkFilled class=\"check-icon\" />\n </div>\n <h1 id=\"success-title\" class=\"success-title\">You're all set!</h1>\n <p class=\"success-subtitle\">Your tickets have been confirmed</p>\n </div>\n\n <div class=\"ticket-divider\">\n <div class=\"divider-notch left\"></div>\n <div class=\"divider-line\"></div>\n <div class=\"divider-notch right\"></div>\n </div>\n\n <dl\n class=\"ticket-details\"\n class:fade-in={showDetails}\n aria-label=\"Order details\"\n >\n <div class=\"detail-row\">\n <dt class=\"detail-label\">Email</dt>\n <dd class=\"detail-value\">{Email || 'Loading...'}</dd>\n </div>\n\n {#if id}\n <div class=\"detail-row\">\n <dt class=\"detail-label\">Order ID</dt>\n <dd class=\"detail-value order-id\">#{id}</dd>\n </div>\n {/if}\n\n {#if name}\n <div class=\"detail-row\">\n <dt class=\"detail-label\">Event</dt>\n <dd class=\"detail-value event-name\">{name}</dd>\n </div>\n {/if}\n\n {#if time}\n <div class=\"detail-row\">\n <dt class=\"detail-label\">When</dt>\n <dd class=\"detail-value\"><time>{time}</time></dd>\n </div>\n {/if}\n\n {#if Location}\n <div class=\"detail-row\">\n <dt class=\"detail-label\">Where</dt>\n <dd class=\"detail-value\">{Location}</dd>\n </div>\n {/if}\n </dl>\n\n <div class=\"ticket-footer\">\n <p class=\"footer-text\">Check your email for your tickets</p>\n </div>\n </div>\n\n <!-- Ticket stub pattern -->\n <div class=\"ticket-stub\"></div>\n </div>\n </div>\n\n <!-- Navigation CTAs -->\n {#if eventUrl || browseUrl}\n <nav class=\"nav-ctas\" class:fade-in={showDetails} aria-label=\"Next steps\">\n {#if eventUrl}\n <a href={eventUrl} class=\"nav-link secondary\">Back to event</a>\n {/if}\n {#if browseUrl}\n <a href={browseUrl} class=\"nav-link primary\">Browse more events</a>\n {/if}\n </nav>\n {/if}\n </div>\n</div>\n\n<style>\n .success-container {\n position: relative;\n min-height: 100vh;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1.25rem;\n background: linear-gradient(\n 180deg,\n hsl(var(--bg-primary)) 0%,\n hsl(var(--bg-secondary)) 100%\n );\n\n &:is([data-theme=\"dark\"], [data-theme=\"dark\"] *) {\n background: linear-gradient(\n 180deg,\n hsl(var(--bg-primary)) 0%,\n hsl(var(--bg-primary)) 100%\n );\n }\n }\n\n /* Confetti */\n .confetti-container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n }\n\n .confetti {\n position: absolute;\n top: -20px;\n border-radius: 2px;\n animation: confetti-fall linear forwards;\n }\n\n @keyframes confetti-fall {\n 0% {\n transform: translateY(0) rotate(0deg);\n opacity: 1;\n }\n\n 100% {\n transform: translateY(100vh) rotate(720deg);\n opacity: 0;\n }\n }\n\n /* Content wrapper */\n .content-wrapper {\n position: relative;\n z-index: var(--z-sticky);\n width: 100%;\n max-width: 380px;\n }\n\n /* Ticket machine */\n .ticket-machine {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .machine-slot {\n width: 100%;\n height: 16px;\n background: linear-gradient(\n 180deg,\n hsl(var(--muted)) 0%,\n hsl(var(--bg-primary)) 100%\n );\n border-radius: 8px 8px 0 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px color-mix(in srgb, black 20%, transparent);\n position: relative;\n z-index: var(--z-base);\n }\n\n .slot-inner {\n width: 80%;\n height: 4px;\n background: hsl(var(--bg-primary));\n border-radius: 2px;\n }\n\n /* Ticket */\n .ticket {\n width: 100%;\n background: hsl(var(--bg-primary));\n border-radius: 0 0 16px 16px;\n box-shadow: 0 8px 32px color-mix(in srgb, black 12%, transparent);\n overflow: hidden;\n transform: translateY(-100%);\n opacity: 0;\n transition:\n transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),\n opacity 0.3s ease;\n }\n\n .ticket.slide-out {\n transform: translateY(0);\n opacity: 1;\n }\n\n .ticket-content {\n padding: 32px 24px 24px;\n }\n\n .ticket-header {\n text-align: center;\n margin-bottom: 24px;\n }\n\n .success-badge {\n width: 64px;\n height: 64px;\n background: linear-gradient(\n 135deg,\n hsl(var(--accent-success)) 0%,\n hsl(var(--accent-success)) 100%\n );\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 16px;\n animation: badge-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s both;\n }\n\n @keyframes badge-pop {\n 0% {\n transform: scale(0);\n }\n\n 100% {\n transform: scale(1);\n }\n }\n\n .success-badge :global(.check-icon) {\n width: 32px;\n height: 32px;\n color: hsl(var(--bg-primary));\n }\n\n .success-title {\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 600;\n color: hsl(var(--text-primary));\n margin-bottom: 0.5rem;\n }\n\n .success-subtitle {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: hsl(var(--text-secondary));\n margin: 0;\n }\n\n /* Ticket divider */\n .ticket-divider {\n position: relative;\n display: flex;\n align-items: center;\n margin: 0 -24px 24px;\n padding: 0 24px;\n }\n\n .divider-notch {\n width: 1rem;\n height: 1rem;\n border-radius: 9999px;\n position: absolute;\n background-color: hsl(var(--bg-primary));\n }\n\n .divider-notch.left {\n left: -8px;\n }\n\n .divider-notch.right {\n right: -8px;\n }\n\n .divider-line {\n flex: 1 1 0%;\n height: 0.125rem;\n background: repeating-linear-gradient(\n 90deg,\n hsl(var(--stroke-primary)) 0,\n hsl(var(--stroke-primary)) 8px,\n transparent 8px,\n transparent 16px\n );\n\n &:is([data-theme=\"dark\"], [data-theme=\"dark\"] *) {\n background: repeating-linear-gradient(\n 90deg,\n hsl(var(--text-secondary)) 0,\n hsl(var(--text-secondary)) 8px,\n transparent 8px,\n transparent 16px\n );\n }\n }\n\n /* Ticket details */\n .ticket-details {\n opacity: 0;\n transform: translateY(10px);\n transition:\n opacity 0.4s ease,\n transform 0.4s ease;\n }\n\n .ticket-details.fade-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n .detail-row {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n border-bottom: 1px solid hsl(var(--stroke-primary) / 50%);\n }\n\n .detail-row:last-child {\n border-bottom: 0;\n }\n\n .detail-label {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: 600;\n color: hsl(var(--text-tertiary));\n text-transform: uppercase;\n letter-spacing: 0.025em;\n }\n\n .detail-value {\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 500;\n color: hsl(var(--text-primary));\n overflow-wrap: break-word;\n }\n\n .detail-value.order-id {\n color: hsl(var(--brand-primary));\n font-family: 'SF Mono', Consolas, monospace;\n }\n\n .detail-value.event-name {\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n }\n\n /* Ticket footer */\n .ticket-footer {\n margin-top: 1.5rem;\n padding: 1rem;\n border-radius: 0.5rem;\n text-align: center;\n background-color: hsl(var(--bg-secondary) / 50%);\n }\n\n .footer-text {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: hsl(var(--text-secondary));\n margin: 0;\n }\n\n /* Ticket stub pattern */\n .ticket-stub {\n height: 1.5rem;\n background: linear-gradient(\n 90deg,\n transparent 0,\n transparent 8px,\n hsl(var(--stroke-primary) / 30%) 8px,\n hsl(var(--stroke-primary) / 30%) 16px\n );\n background-size: 16px 100%;\n }\n\n /* Navigation CTAs */\n .nav-ctas {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-top: 1.5rem;\n opacity: 0;\n transform: translateY(10px);\n transition:\n opacity 0.4s ease 0.2s,\n transform 0.4s ease 0.2s;\n }\n\n .nav-ctas.fade-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n .nav-link {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0.75rem 1rem;\n border-radius: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 600;\n text-decoration: none;\n transition:\n background-color 0.15s,\n color 0.15s;\n }\n\n .nav-link.primary {\n background: hsl(var(--brand-primary, 220 90% 56%));\n color: hsl(var(--text-on-primary, 0 0% 100%));\n }\n\n .nav-link.primary:hover {\n filter: brightness(0.95);\n }\n\n .nav-link.secondary {\n background-color: hsl(var(--bg-tertiary));\n color: hsl(var(--text-secondary));\n }\n\n .nav-link.secondary:hover {\n background-color: hsl(var(--bg-quaternary));\n }\n\n /* Responsive */\n @media (width <= 480px) {\n .success-container {\n padding: 16px;\n }\n\n .ticket-content {\n padding: 24px 20px 20px;\n }\n\n .success-title {\n font-size: 20px;\n }\n\n .success-badge {\n width: 56px;\n height: 56px;\n }\n\n .success-badge :global(.check-icon) {\n width: 28px;\n height: 28px;\n }\n }\n</style>\n"],"names":["logger","createLogger","data","$","$$props","eventUrl","browseUrl","organizationID","orgSlug","slug","rawEvent","providedOrderId","providedCustomerEmail","providedEventName","providedEventDateTime","providedEventLocation","event","transformEvent","e","order","Email","id","name","time","Location","orderId","showConfetti","showTicket","showDetails","formatEventDateTime","dateTimeString","tz","formatDateTime","confettiColors","ACCENT","confettiParticles","_","i","onMount","orderData","getOrder","err","div","root","div_1","root_1","particle","$$anchor","div_2","root_2","$$render","consequent","div_3","node","div_4","div_5","div_6","div_7","div_8","CheckmarkFilled","node_1","dl","div_9","dd","div_10","root_3","dd_1","consequent_1","div_11","root_4","dd_2","consequent_2","div_12","root_5","dd_3","time_1","consequent_3","div_13","root_6","dd_4","consequent_4","nav","root_7","a","root_8","consequent_5","a_1","root_9","consequent_6","classes_3","consequent_7","classes","classes_1","classes_2","text"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Success.legacy-DU4ReWah.js","sources":["../src/components/Views/Success.legacy.svelte"],"sourcesContent":["<script module>\n\timport { createLogger } from '@getmicdrop/svelte-components';\n\tconst logger = createLogger('Success.legacy');\n</script>\n\n<script>\n import { onMount } from 'svelte';\n import { transformEvent, getOrder } from '$lib/utils/utils.js';\n import { formatDateTime } from '@getmicdrop/svelte-components';\n import { CheckmarkFilled } from 'carbon-icons-svelte';\n import { ACCENT, DARK } from '$lib/constants/colors.ts';\n\n let { data = {}, eventUrl = '', browseUrl = '/' } = $props();\n\n const {\n organizationID,\n orgSlug,\n slug,\n event: rawEvent,\n orderId: providedOrderId,\n customerEmail: providedCustomerEmail,\n eventName: providedEventName,\n eventDateTime: providedEventDateTime,\n eventLocation: providedEventLocation,\n } = data || {};\n\n let event = null;\n if (rawEvent) {\n try {\n event = transformEvent(rawEvent);\n } catch (e) {\n logger.warn('transformEvent failed in Success component:', e);\n event = rawEvent;\n }\n }\n\n let order = null;\n let error = null;\n let Email = $state('');\n let id = $state('');\n let name = $state('');\n let time = $state('');\n let Location = $state('');\n let orderId = providedOrderId || data?.orderId || '';\n\n // Animation states\n let showConfetti = $state(false);\n let showTicket = $state(false);\n let showDetails = $state(false);\n\n function formatEventDateTime(dateTimeString) {\n if (!dateTimeString) return '';\n // Use event timezone if available, otherwise fall back to UTC\n const tz = event?.timeZone || 'UTC';\n return formatDateTime(dateTimeString, {\n weekday: 'short',\n hour12: true,\n timeZone: tz,\n });\n }\n\n // Generate confetti particles\n const confettiColors = [\n ACCENT.coral,\n ACCENT.sky.light,\n ACCENT.sky[400],\n ACCENT.mint[600],\n ACCENT.yellow[300],\n ACCENT.plum,\n ACCENT.mint[500],\n ACCENT.yellow[500],\n ];\n const confettiParticles = Array.from({ length: 50 }, (_, i) => ({\n id: i,\n color: confettiColors[Math.floor(Math.random() * confettiColors.length)],\n left: Math.random() * 100,\n delay: Math.random() * 0.5,\n duration: 2 + Math.random() * 2,\n size: 6 + Math.random() * 8,\n rotation: Math.random() * 360,\n }));\n\n onMount(async () => {\n // Start animations\n setTimeout(() => {\n showConfetti = true;\n }, 100);\n\n setTimeout(() => {\n showTicket = true;\n }, 300);\n\n setTimeout(() => {\n showDetails = true;\n }, 800);\n\n try {\n let orderData = null;\n try {\n if (typeof getOrder === 'function' && orderId) {\n orderData = await getOrder(orderId);\n }\n } catch (e) {\n logger.warn(\n 'getOrder failed in Success component, falling back to provided data:',\n e\n );\n }\n\n if (orderData) {\n order = orderData;\n Email = orderData.customerEmail || providedCustomerEmail || '';\n id = orderData.id || orderId;\n name = orderData.eventName || event?.name || providedEventName || '';\n time = formatEventDateTime(\n orderData.eventDateTime ||\n event?.startDateTime ||\n providedEventDateTime\n );\n Location =\n orderData.eventLocation ||\n event?.location ||\n providedEventLocation ||\n '';\n } else {\n Email = providedCustomerEmail || '';\n id = orderId;\n name = providedEventName || event?.name || '';\n time = formatEventDateTime(\n providedEventDateTime || event?.startDateTime\n );\n Location = providedEventLocation || event?.location || '';\n }\n } catch (err) {\n logger.error('Error fetching order data:', err);\n error = err.message;\n Email = providedCustomerEmail || 'your-email@example.com';\n id = orderId;\n name = event?.name || providedEventName || '';\n time = formatEventDateTime(event?.startDateTime || providedEventDateTime);\n Location = event?.location || providedEventLocation || '';\n }\n });\n</script>\n\n<div class=\"success-container\" role=\"main\" aria-labelledby=\"success-title\">\n <!-- Confetti -->\n {#if showConfetti}\n <div class=\"confetti-container\" aria-hidden=\"true\">\n {#each confettiParticles as particle (particle.id)}\n <div\n class=\"confetti\"\n style=\"\n left: {particle.left}%;\n background-color: {particle.color};\n animation-delay: {particle.delay}s;\n animation-duration: {particle.duration}s;\n width: {particle.size}px;\n height: {particle.size}px;\n transform: rotate({particle.rotation}deg);\n \"\n ></div>\n {/each}\n </div>\n {/if}\n\n <div class=\"content-wrapper\">\n <!-- Ticket Machine Animation -->\n <div class=\"ticket-machine\" class:animate={showTicket}>\n <!-- Machine slot -->\n <div class=\"machine-slot\">\n <div class=\"slot-inner\"></div>\n </div>\n\n <!-- Ticket coming out -->\n <div class=\"ticket\" class:slide-out={showTicket}>\n <div class=\"ticket-content\">\n <div class=\"ticket-header\">\n <div class=\"success-badge\" aria-hidden=\"true\">\n <CheckmarkFilled class=\"check-icon\" />\n </div>\n <h1 id=\"success-title\" class=\"success-title\">You're all set!</h1>\n <p class=\"success-subtitle\">Your tickets have been confirmed</p>\n </div>\n\n <div class=\"ticket-divider\">\n <div class=\"divider-notch left\"></div>\n <div class=\"divider-line\"></div>\n <div class=\"divider-notch right\"></div>\n </div>\n\n <dl\n class=\"ticket-details\"\n class:fade-in={showDetails}\n aria-label=\"Order details\"\n >\n <div class=\"detail-row\">\n <dt class=\"detail-label\">Email</dt>\n <dd class=\"detail-value\">{Email || 'Loading...'}</dd>\n </div>\n\n {#if id}\n <div class=\"detail-row\">\n <dt class=\"detail-label\">Order ID</dt>\n <dd class=\"detail-value order-id\">#{id}</dd>\n </div>\n {/if}\n\n {#if name}\n <div class=\"detail-row\">\n <dt class=\"detail-label\">Event</dt>\n <dd class=\"detail-value event-name\">{name}</dd>\n </div>\n {/if}\n\n {#if time}\n <div class=\"detail-row\">\n <dt class=\"detail-label\">When</dt>\n <dd class=\"detail-value\"><time>{time}</time></dd>\n </div>\n {/if}\n\n {#if Location}\n <div class=\"detail-row\">\n <dt class=\"detail-label\">Where</dt>\n <dd class=\"detail-value\">{Location}</dd>\n </div>\n {/if}\n </dl>\n\n <div class=\"ticket-footer\">\n <p class=\"footer-text\">Check your email for your tickets</p>\n </div>\n </div>\n\n <!-- Ticket stub pattern -->\n <div class=\"ticket-stub\"></div>\n </div>\n </div>\n\n <!-- Navigation CTAs -->\n {#if eventUrl || browseUrl}\n <nav class=\"nav-ctas\" class:fade-in={showDetails} aria-label=\"Next steps\">\n {#if eventUrl}\n <a href={eventUrl} class=\"nav-link secondary\">Back to event</a>\n {/if}\n {#if browseUrl}\n <a href={browseUrl} class=\"nav-link primary\">Browse more events</a>\n {/if}\n </nav>\n {/if}\n </div>\n</div>\n\n<style>\n .success-container {\n position: relative;\n min-height: 100vh;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1.25rem;\n background: linear-gradient(\n 180deg,\n hsl(var(--bg-primary)) 0%,\n hsl(var(--bg-secondary)) 100%\n );\n\n &:is([data-theme=\"dark\"], [data-theme=\"dark\"] *) {\n background: linear-gradient(\n 180deg,\n hsl(var(--bg-primary)) 0%,\n hsl(var(--bg-primary)) 100%\n );\n }\n }\n\n /* Confetti */\n .confetti-container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n }\n\n .confetti {\n position: absolute;\n top: -20px;\n border-radius: 2px;\n animation: confetti-fall linear forwards;\n }\n\n @keyframes confetti-fall {\n 0% {\n transform: translateY(0) rotate(0deg);\n opacity: 1;\n }\n\n 100% {\n transform: translateY(100vh) rotate(720deg);\n opacity: 0;\n }\n }\n\n /* Content wrapper */\n .content-wrapper {\n position: relative;\n z-index: var(--z-sticky);\n width: 100%;\n max-width: 380px;\n }\n\n /* Ticket machine */\n .ticket-machine {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .machine-slot {\n width: 100%;\n height: 16px;\n background: linear-gradient(\n 180deg,\n hsl(var(--muted)) 0%,\n hsl(var(--bg-primary)) 100%\n );\n border-radius: 8px 8px 0 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px color-mix(in srgb, black 20%, transparent);\n position: relative;\n z-index: var(--z-base);\n }\n\n .slot-inner {\n width: 80%;\n height: 4px;\n background: hsl(var(--bg-primary));\n border-radius: 2px;\n }\n\n /* Ticket */\n .ticket {\n width: 100%;\n background: hsl(var(--bg-primary));\n border-radius: 0 0 16px 16px;\n box-shadow: 0 8px 32px color-mix(in srgb, black 12%, transparent);\n overflow: hidden;\n transform: translateY(-100%);\n opacity: 0;\n transition:\n transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),\n opacity 0.3s ease;\n }\n\n .ticket.slide-out {\n transform: translateY(0);\n opacity: 1;\n }\n\n .ticket-content {\n padding: 32px 24px 24px;\n }\n\n .ticket-header {\n text-align: center;\n margin-bottom: 24px;\n }\n\n .success-badge {\n width: 64px;\n height: 64px;\n background: linear-gradient(\n 135deg,\n hsl(var(--accent-success)) 0%,\n hsl(var(--accent-success)) 100%\n );\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 16px;\n animation: badge-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s both;\n }\n\n @keyframes badge-pop {\n 0% {\n transform: scale(0);\n }\n\n 100% {\n transform: scale(1);\n }\n }\n\n .success-badge :global(.check-icon) {\n width: 32px;\n height: 32px;\n color: hsl(var(--bg-primary));\n }\n\n .success-title {\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 600;\n color: hsl(var(--text-primary));\n margin-bottom: 0.5rem;\n }\n\n .success-subtitle {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: hsl(var(--text-secondary));\n margin: 0;\n }\n\n /* Ticket divider */\n .ticket-divider {\n position: relative;\n display: flex;\n align-items: center;\n margin: 0 -24px 24px;\n padding: 0 24px;\n }\n\n .divider-notch {\n width: 1rem;\n height: 1rem;\n border-radius: 9999px;\n position: absolute;\n background-color: hsl(var(--bg-primary));\n }\n\n .divider-notch.left {\n left: -8px;\n }\n\n .divider-notch.right {\n right: -8px;\n }\n\n .divider-line {\n flex: 1 1 0%;\n height: 0.125rem;\n background: repeating-linear-gradient(\n 90deg,\n hsl(var(--stroke-primary)) 0,\n hsl(var(--stroke-primary)) 8px,\n transparent 8px,\n transparent 16px\n );\n\n &:is([data-theme=\"dark\"], [data-theme=\"dark\"] *) {\n background: repeating-linear-gradient(\n 90deg,\n hsl(var(--text-secondary)) 0,\n hsl(var(--text-secondary)) 8px,\n transparent 8px,\n transparent 16px\n );\n }\n }\n\n /* Ticket details */\n .ticket-details {\n opacity: 0;\n transform: translateY(10px);\n transition:\n opacity 0.4s ease,\n transform 0.4s ease;\n }\n\n .ticket-details.fade-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n .detail-row {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n border-bottom: 1px solid hsl(var(--stroke-primary) / 50%);\n }\n\n .detail-row:last-child {\n border-bottom: 0;\n }\n\n .detail-label {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: 600;\n color: hsl(var(--text-tertiary));\n text-transform: uppercase;\n letter-spacing: 0.025em;\n }\n\n .detail-value {\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 500;\n color: hsl(var(--text-primary));\n overflow-wrap: break-word;\n }\n\n .detail-value.order-id {\n color: hsl(var(--brand-primary));\n font-family: 'SF Mono', Consolas, monospace;\n }\n\n .detail-value.event-name {\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n }\n\n /* Ticket footer */\n .ticket-footer {\n margin-top: 1.5rem;\n padding: 1rem;\n border-radius: 0.5rem;\n text-align: center;\n background-color: hsl(var(--bg-secondary) / 50%);\n }\n\n .footer-text {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: hsl(var(--text-secondary));\n margin: 0;\n }\n\n /* Ticket stub pattern */\n .ticket-stub {\n height: 1.5rem;\n background: linear-gradient(\n 90deg,\n transparent 0,\n transparent 8px,\n hsl(var(--stroke-primary) / 30%) 8px,\n hsl(var(--stroke-primary) / 30%) 16px\n );\n background-size: 16px 100%;\n }\n\n /* Navigation CTAs */\n .nav-ctas {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-top: 1.5rem;\n opacity: 0;\n transform: translateY(10px);\n transition:\n opacity 0.4s ease 0.2s,\n transform 0.4s ease 0.2s;\n }\n\n .nav-ctas.fade-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n .nav-link {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0.75rem 1rem;\n border-radius: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 600;\n text-decoration: none;\n transition:\n background-color 0.15s,\n color 0.15s;\n }\n\n .nav-link.primary {\n background: hsl(var(--brand-primary, 220 90% 56%));\n color: hsl(var(--text-on-primary, 0 0% 100%));\n }\n\n .nav-link.primary:hover {\n filter: brightness(0.95);\n }\n\n .nav-link.secondary {\n background-color: hsl(var(--bg-tertiary));\n color: hsl(var(--text-secondary));\n }\n\n .nav-link.secondary:hover {\n background-color: hsl(var(--bg-quaternary));\n }\n\n /* Responsive */\n @media (width <= 480px) {\n .success-container {\n padding: 16px;\n }\n\n .ticket-content {\n padding: 24px 20px 20px;\n }\n\n .success-title {\n font-size: 20px;\n }\n\n .success-badge {\n width: 56px;\n height: 56px;\n }\n\n .success-badge :global(.check-icon) {\n width: 28px;\n height: 28px;\n }\n }\n</style>\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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"}
|
|
@@ -25221,13 +25221,13 @@ function q5(e, a) {
|
|
|
25221
25221
|
}), t.user_effect(() => {
|
|
25222
25222
|
t.get(o1) && (w1 && clearTimeout(w1), t.set(t1, !1));
|
|
25223
25223
|
}), t.user_effect(() => {
|
|
25224
|
-
t.get(H) && (N8.warn("[VC] DEPRECATED: ?legacy=1 fallback for CalendarContainer views retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./GalleryView.legacy-
|
|
25224
|
+
t.get(H) && (N8.warn("[VC] DEPRECATED: ?legacy=1 fallback for CalendarContainer views retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./GalleryView.legacy-CYYCS-Ik.js").then((G) => {
|
|
25225
25225
|
t.set(z, G.default, !0);
|
|
25226
|
-
}), import("./GroupedListView.legacy-
|
|
25226
|
+
}), import("./GroupedListView.legacy-_lpo2UrM.js").then((G) => {
|
|
25227
25227
|
t.set(x, G.default, !0);
|
|
25228
|
-
}), import("./CarouselView.legacy-
|
|
25228
|
+
}), import("./CarouselView.legacy-B4T9YnUY.js").then((G) => {
|
|
25229
25229
|
t.set(M, G.default, !0);
|
|
25230
|
-
}), import("./FeaturedView.legacy-
|
|
25230
|
+
}), import("./FeaturedView.legacy-Bx8r9VRn.js").then((G) => {
|
|
25231
25231
|
t.set(u, G.default, !0);
|
|
25232
25232
|
}));
|
|
25233
25233
|
}), q0(() => {
|
|
@@ -26443,7 +26443,7 @@ if (typeof window < "u" && typeof HTMLElement < "u") {
|
|
|
26443
26443
|
}
|
|
26444
26444
|
}, customElements.get("micdrop-calendar") || customElements.define("micdrop-calendar", G8);
|
|
26445
26445
|
}
|
|
26446
|
-
const _f = "4.0.
|
|
26446
|
+
const _f = "4.0.4", f4 = O2("VenueCalendar");
|
|
26447
26447
|
let M5 = null;
|
|
26448
26448
|
function q9(e = {}) {
|
|
26449
26449
|
typeof e.onError == "function" && (M5 = e.onError, Ct({
|
|
@@ -26476,35 +26476,35 @@ function O0(e, a) {
|
|
|
26476
26476
|
const g2 = {
|
|
26477
26477
|
EventDetailsView: () => O0(
|
|
26478
26478
|
"EventDetailsView",
|
|
26479
|
-
() => import("./EventDetailsView-
|
|
26479
|
+
() => import("./EventDetailsView-BFXXDR_5.js").then((e) => e.default)
|
|
26480
26480
|
),
|
|
26481
26481
|
Checkout: () => O0(
|
|
26482
26482
|
"Checkout",
|
|
26483
|
-
() => import("./Checkout-
|
|
26483
|
+
() => import("./Checkout-DAH2LEv7.js").then((e) => e.C).then((e) => e.default)
|
|
26484
26484
|
),
|
|
26485
26485
|
Success: () => O0(
|
|
26486
26486
|
"Success",
|
|
26487
|
-
() => import("./Success-
|
|
26487
|
+
() => import("./Success-B_q1DLLZ.js").then((e) => e.default)
|
|
26488
26488
|
),
|
|
26489
26489
|
CartView: () => O0(
|
|
26490
26490
|
"CartView",
|
|
26491
|
-
() => import("./CartView-
|
|
26491
|
+
() => import("./CartView-C0wKcLTe.js").then((e) => e.default)
|
|
26492
26492
|
),
|
|
26493
26493
|
ViewTicketsEmbed: () => O0(
|
|
26494
26494
|
"ViewTicketsEmbed",
|
|
26495
|
-
() => import("./ViewTicketsEmbed-
|
|
26495
|
+
() => import("./ViewTicketsEmbed-Lh-WqskW.js").then((e) => e.default)
|
|
26496
26496
|
),
|
|
26497
26497
|
CheckoutMain: () => O0(
|
|
26498
26498
|
"CheckoutMain",
|
|
26499
|
-
() => import("./CheckoutMain-
|
|
26499
|
+
() => import("./CheckoutMain-CIfRFv_0.js").then((e) => e.a).then((e) => e.default)
|
|
26500
26500
|
),
|
|
26501
26501
|
SeriesPage: () => O0(
|
|
26502
26502
|
"SeriesPage",
|
|
26503
|
-
() => import("./SeriesPage-
|
|
26503
|
+
() => import("./SeriesPage-CFQLBhkC.js").then((e) => e.default)
|
|
26504
26504
|
),
|
|
26505
26505
|
CollectionView: () => O0(
|
|
26506
26506
|
"CollectionView",
|
|
26507
|
-
() => import("./CollectionView-
|
|
26507
|
+
() => import("./CollectionView-RKiSB7Gj.js").then((e) => e.default)
|
|
26508
26508
|
)
|
|
26509
26509
|
};
|
|
26510
26510
|
function dt(e, a) {
|
|
@@ -26930,4 +26930,4 @@ export {
|
|
|
26930
26930
|
eM as y,
|
|
26931
26931
|
Wf as z
|
|
26932
26932
|
};
|
|
26933
|
-
//# sourceMappingURL=VenueCalendar-
|
|
26933
|
+
//# sourceMappingURL=VenueCalendar-BkiDPwSu.js.map
|