@getmicdrop/venue-calendar 3.5.3 → 3.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +661 -661
- package/dist/CarouselView.legacy-DeWfW7JT.js +64 -0
- package/dist/CarouselView.legacy-DeWfW7JT.js.map +1 -0
- package/dist/{Checkout.legacy-Btt0uT61.js → Checkout.legacy-CJPThT4I.js} +180 -183
- package/dist/Checkout.legacy-CJPThT4I.js.map +1 -0
- package/dist/{CollectionView.legacy-Bxih-dA-.js → CollectionView.legacy-BG3g7XbI.js} +128 -127
- package/dist/CollectionView.legacy-BG3g7XbI.js.map +1 -0
- package/dist/FeaturedView.legacy-CALzP8EW.js +128 -0
- package/dist/FeaturedView.legacy-CALzP8EW.js.map +1 -0
- package/dist/GalleryView.legacy-DIhYvOQU.js +51 -0
- package/dist/GalleryView.legacy-DIhYvOQU.js.map +1 -0
- package/dist/GroupedListView.legacy-C9dQ_v_d.js +144 -0
- package/dist/GroupedListView.legacy-C9dQ_v_d.js.map +1 -0
- package/dist/{SeriesPage.legacy-Ka81Mn73.js → SeriesPage.legacy-hSI5Sm8W.js} +2 -2
- package/dist/SeriesPage.legacy-hSI5Sm8W.js.map +1 -0
- package/dist/Success.legacy-DEjngxhO.js +191 -0
- package/dist/Success.legacy-DEjngxhO.js.map +1 -0
- package/dist/{VenueCalendar-B5Y29ZJD.js → VenueCalendar-DvT1UOq-.js} +13786 -13474
- package/dist/VenueCalendar-DvT1UOq-.js.map +1 -0
- package/dist/api/api.cjs +1 -1
- package/dist/api/api.cjs.map +1 -1
- package/dist/api/api.mjs +278 -266
- package/dist/api/api.mjs.map +1 -1
- package/dist/api/types.d.ts +349 -349
- package/dist/colors-BZoMuXdh.js.map +1 -1
- package/dist/seo/seo.cjs +1 -1
- package/dist/seo/seo.cjs.map +1 -1
- package/dist/seo/seo.mjs +52 -40
- package/dist/seo/seo.mjs.map +1 -1
- package/dist/seo/types.d.ts +136 -135
- package/dist/types/index.d.ts +387 -387
- package/dist/venue-calendar.css +1 -1
- package/dist/venue-calendar.es.js +2 -2
- package/dist/venue-calendar.iife.js +42 -42
- package/dist/venue-calendar.iife.js.map +1 -1
- package/dist/venue-calendar.umd.js +42 -42
- package/dist/venue-calendar.umd.js.map +1 -1
- package/package.json +121 -112
- package/src/lib/theme.js +213 -209
- package/dist/CarouselView.legacy-CRHakGOL.js +0 -64
- package/dist/CarouselView.legacy-CRHakGOL.js.map +0 -1
- package/dist/Checkout.legacy-Btt0uT61.js.map +0 -1
- package/dist/CollectionView.legacy-Bxih-dA-.js.map +0 -1
- package/dist/FeaturedView.legacy-CVEXHJBx.js +0 -128
- package/dist/FeaturedView.legacy-CVEXHJBx.js.map +0 -1
- package/dist/GalleryView.legacy-Ci-IHtAe.js +0 -51
- package/dist/GalleryView.legacy-Ci-IHtAe.js.map +0 -1
- package/dist/GroupedListView.legacy-qisy7BOS.js +0 -144
- package/dist/GroupedListView.legacy-qisy7BOS.js.map +0 -1
- package/dist/SeriesPage.legacy-Ka81Mn73.js.map +0 -1
- package/dist/Success.legacy-D72O08IB.js +0 -191
- package/dist/Success.legacy-D72O08IB.js.map +0 -1
- package/dist/VenueCalendar-B5Y29ZJD.js.map +0 -1
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import "svelte/internal/disclose-version";
|
|
2
|
-
import * as e from "svelte/internal/client";
|
|
3
|
-
import { onMount as x } from "svelte";
|
|
4
|
-
import { f as _, G as C } from "./VenueCalendar-B5Y29ZJD.js";
|
|
5
|
-
var S = e.from_html('<button class="carousel-arrow absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full flex items-center justify-center bg-white/90 dark:bg-gray-800/90 border border-gray-200 dark:border-gray-600 shadow-lg cursor-pointer transition-opacity duration-200 hover:bg-white hover:dark:bg-gray-700 focus-visible:outline-2 focus-visible:outline-blue-700 dark:focus-visible:outline-blue-500 focus-visible:outline-offset-2 svelte-1lcnwer" style="left: 8px" aria-label="Scroll left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 text-gray-700 dark:text-gray-200"><polyline points="15 18 9 12 15 6"></polyline></svg></button>'), j = e.from_html('<div class="carousel-item svelte-1lcnwer" role="listitem"><!></div>'), B = e.from_html('<button class="carousel-arrow absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full flex items-center justify-center bg-white/90 dark:bg-gray-800/90 border border-gray-200 dark:border-gray-600 shadow-lg cursor-pointer transition-opacity duration-200 hover:bg-white hover:dark:bg-gray-700 focus-visible:outline-2 focus-visible:outline-blue-700 dark:focus-visible:outline-blue-500 focus-visible:outline-offset-2 svelte-1lcnwer" style="right: 8px" aria-label="Scroll right"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 text-gray-700 dark:text-gray-200"><polyline points="9 18 15 12 9 6"></polyline></svg></button>'), W = e.from_html('<section class="w-full" aria-label="Events carousel"><h2 class="sr-only svelte-1lcnwer">Upcoming events</h2> <div class="relative"><!> <div class="carousel-scroll flex gap-4 overflow-x-auto p-2 sm:p-3 lg:p-4 svelte-1lcnwer" role="list"></div> <!></div></section>');
|
|
6
|
-
function G(b, i) {
|
|
7
|
-
e.push(i, !0);
|
|
8
|
-
let h = e.prop(i, "events", 19, () => []), o, u = e.state(!1), d = e.state(!1), a = e.state(!1), p = e.derived(() => _(h()));
|
|
9
|
-
function n() {
|
|
10
|
-
if (!o) return;
|
|
11
|
-
const { scrollLeft: t, scrollWidth: r, clientWidth: l } = o;
|
|
12
|
-
e.set(u, t > 1), e.set(d, t + l < r - 1), e.set(a, r > l + 1);
|
|
13
|
-
}
|
|
14
|
-
function v(t) {
|
|
15
|
-
if (!o) return;
|
|
16
|
-
const r = o.querySelector(".carousel-item");
|
|
17
|
-
if (!r) return;
|
|
18
|
-
const l = r.offsetWidth + 16;
|
|
19
|
-
o.scrollBy({ left: t * l, behavior: "smooth" });
|
|
20
|
-
}
|
|
21
|
-
x(() => {
|
|
22
|
-
n();
|
|
23
|
-
const t = new ResizeObserver(() => n());
|
|
24
|
-
return o && t.observe(o), () => t.disconnect();
|
|
25
|
-
});
|
|
26
|
-
var c = W(), f = e.sibling(e.child(c), 2), g = e.child(f);
|
|
27
|
-
{
|
|
28
|
-
var w = (t) => {
|
|
29
|
-
var r = S();
|
|
30
|
-
e.delegated("click", r, () => v(-1)), e.append(t, r);
|
|
31
|
-
};
|
|
32
|
-
e.if(g, (t) => {
|
|
33
|
-
e.get(a) && e.get(u) && t(w);
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
var s = e.sibling(g, 2);
|
|
37
|
-
e.each(s, 21, () => e.get(p), e.index, (t, r) => {
|
|
38
|
-
var l = j(), k = e.child(l);
|
|
39
|
-
C(k, {
|
|
40
|
-
get event() {
|
|
41
|
-
return e.get(r);
|
|
42
|
-
},
|
|
43
|
-
get oneventClick() {
|
|
44
|
-
return i.oneventClick;
|
|
45
|
-
}
|
|
46
|
-
}), e.reset(l), e.append(t, l);
|
|
47
|
-
}), e.reset(s), e.bind_this(s, (t) => o = t, () => o);
|
|
48
|
-
var y = e.sibling(s, 2);
|
|
49
|
-
{
|
|
50
|
-
var m = (t) => {
|
|
51
|
-
var r = B();
|
|
52
|
-
e.delegated("click", r, () => v(1)), e.append(t, r);
|
|
53
|
-
};
|
|
54
|
-
e.if(y, (t) => {
|
|
55
|
-
e.get(a) && e.get(d) && t(m);
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
e.reset(f), e.reset(c), e.event("scroll", s, n), e.append(b, c), e.pop();
|
|
59
|
-
}
|
|
60
|
-
e.delegate(["click"]);
|
|
61
|
-
export {
|
|
62
|
-
G as default
|
|
63
|
-
};
|
|
64
|
-
//# sourceMappingURL=CarouselView.legacy-CRHakGOL.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselView.legacy-CRHakGOL.js","sources":["../src/components/Calendar/CarouselView.legacy.svelte"],"sourcesContent":["<script>\r\n import { onMount } from \"svelte\";\r\n import GalleryCard from \"./GalleryCard.svelte\";\r\n import { filterTodayAndFuture } from \"$lib/utils/browse-status.js\";\r\n\r\n let { events = [], oneventClick } = $props();\r\n\r\n let scrollContainer;\r\n let canScrollLeft = $state(false);\r\n let canScrollRight = $state(false);\r\n let showArrows = $state(false);\r\n\r\n // Filter to today and future, sorted chronologically\r\n let futureEvents = $derived(filterTodayAndFuture(events));\r\n\r\n function updateScrollState() {\r\n if (!scrollContainer) return;\r\n const { scrollLeft, scrollWidth, clientWidth } = scrollContainer;\r\n canScrollLeft = scrollLeft > 1;\r\n canScrollRight = scrollLeft + clientWidth < scrollWidth - 1;\r\n showArrows = scrollWidth > clientWidth + 1;\r\n }\r\n\r\n function scrollByCard(direction) {\r\n if (!scrollContainer) return;\r\n // Get the width of the first card item\r\n const firstCard = scrollContainer.querySelector('.carousel-item');\r\n if (!firstCard) return;\r\n const cardWidth = firstCard.offsetWidth + 16; // card width + gap\r\n scrollContainer.scrollBy({ left: direction * cardWidth, behavior: 'smooth' });\r\n }\r\n\r\n onMount(() => {\r\n updateScrollState();\r\n // Use ResizeObserver to update on container resize\r\n const observer = new ResizeObserver(() => updateScrollState());\r\n if (scrollContainer) {\r\n observer.observe(scrollContainer);\r\n }\r\n return () => observer.disconnect();\r\n });\r\n</script>\r\n\r\n<section class=\"w-full\" aria-label=\"Events carousel\">\r\n <h2 class=\"sr-only\">Upcoming events</h2>\r\n\r\n <div class=\"relative\">\r\n <!-- Left arrow -->\r\n {#if showArrows && canScrollLeft}\r\n <button\r\n class=\"carousel-arrow absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full flex items-center justify-center bg-white/90 dark:bg-gray-800/90 border border-gray-200 dark:border-gray-600 shadow-lg cursor-pointer transition-opacity duration-200 hover:bg-white hover:dark:bg-gray-700 focus-visible:outline-2 focus-visible:outline-blue-700 dark:focus-visible:outline-blue-500 focus-visible:outline-offset-2\"\r\n style=\"left: 8px\"\r\n onclick={() => scrollByCard(-1)}\r\n aria-label=\"Scroll left\"\r\n >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-gray-700 dark:text-gray-200\"><polyline points=\"15 18 9 12 15 6\"></polyline></svg>\r\n </button>\r\n {/if}\r\n\r\n <!-- Scroll container -->\r\n <div\r\n class=\"carousel-scroll flex gap-4 overflow-x-auto p-2 sm:p-3 lg:p-4\"\r\n bind:this={scrollContainer}\r\n onscroll={updateScrollState}\r\n role=\"list\"\r\n >\r\n {#each futureEvents as event}\r\n <div class=\"carousel-item\" role=\"listitem\">\r\n <GalleryCard {event} {oneventClick} />\r\n </div>\r\n {/each}\r\n </div>\r\n\r\n <!-- Right arrow -->\r\n {#if showArrows && canScrollRight}\r\n <button\r\n class=\"carousel-arrow absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full flex items-center justify-center bg-white/90 dark:bg-gray-800/90 border border-gray-200 dark:border-gray-600 shadow-lg cursor-pointer transition-opacity duration-200 hover:bg-white hover:dark:bg-gray-700 focus-visible:outline-2 focus-visible:outline-blue-700 dark:focus-visible:outline-blue-500 focus-visible:outline-offset-2\"\r\n style=\"right: 8px\"\r\n onclick={() => scrollByCard(1)}\r\n aria-label=\"Scroll right\"\r\n >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-gray-700 dark:text-gray-200\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\r\n </button>\r\n {/if}\r\n </div>\r\n</section>\r\n\r\n<style>\r\n .carousel-scroll {\r\n scroll-snap-type: x mandatory;\r\n -webkit-overflow-scrolling: touch;\r\n scrollbar-width: none;\r\n }\r\n\r\n .carousel-scroll::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n .carousel-item {\r\n scroll-snap-align: start;\r\n flex: 0 0 85%;\r\n }\r\n\r\n /* Tablet: 2 visible cards with peek */\r\n @media (min-width: 640px) {\r\n .carousel-item {\r\n flex: 0 0 calc(50% - 8px);\r\n }\r\n }\r\n\r\n /* Desktop: 3 visible cards with peek */\r\n @media (min-width: 1024px) {\r\n .carousel-item {\r\n flex: 0 0 calc(33.333% - 11px);\r\n }\r\n }\r\n\r\n /* Hide arrows on mobile -- touch scrolling is natural */\r\n @media (max-width: 639px) {\r\n .carousel-arrow {\r\n display: none;\r\n }\r\n }\r\n\r\n /* Reduced motion */\r\n @media (prefers-reduced-motion: reduce) {\r\n .carousel-scroll {\r\n scroll-behavior: auto;\r\n }\r\n }\r\n\r\n /* Screen reader only text */\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border-width: 0;\r\n }\r\n</style>\r\n"],"names":["events","$","$$props","scrollContainer","canScrollLeft","canScrollRight","showArrows","futureEvents","filterTodayAndFuture","updateScrollState","scrollLeft","scrollWidth","clientWidth","scrollByCard","direction","firstCard","cardWidth","onMount","observer","section","root","div","button","root_1","$$render","consequent","div_1","node","$$anchor","event","div_2","root_2","GalleryCard","node_1","$$value","button_1","root_3","consequent_1"],"mappings":";;;;;iBAAA;;MAKQA,IAAMC,EAAA,KAAAC,GAAA,UAAA,IAAA,MAAA,EAAA,GAERC,GACAC,IAAgBH,EAAA,MAAO,EAAK,GAC5BI,IAAiBJ,EAAA,MAAO,EAAK,GAC7BK,IAAaL,EAAA,MAAO,EAAK,GAGzBM,IAAYN,EAAA,QAAA,MAAYO,EAAqBR,EAAM,CAAA,CAAA;AAE9C,WAAAS,IAAoB;SACtBN,EAAe;AACZ,UAAA,EAAA,YAAAO,GAAY,aAAAC,GAAa,aAAAC,EAAW,IAAKT;UACjDC,GAAgBM,IAAa,CAAC,GAC9BT,EAAA,IAAAI,GAAiBK,IAAaE,IAAcD,IAAc,CAAC,GAC3DV,EAAA,IAAAK,GAAaK,IAAcC,IAAc,CAAC;AAAA,EAC5C;WAESC,EAAaC,GAAW;SAC1BX,EAAe;AAEd,UAAAY,IAAYZ,EAAgB,cAAc,gBAAgB;SAC3DY,EAAS;AACR,UAAAC,IAAYD,EAAU,cAAc;AAC1C,IAAAZ,EAAgB,SAAQ,EAAG,MAAMW,IAAYE,GAAW,UAAU,UAAQ;AAAA,EAC5E;AAEA,EAAAC,QAAc;AACZ,IAAAR,EAAiB;UAEXS,IAAQ,IAAO,eAAc,MAAOT,EAAiB,CAAA;AACvD,WAAAN,KACFe,EAAS,QAAQf,CAAe,GAErB,MAAAe,EAAS,WAAU;AAAA,EAClC,CAAC;MAGFC,IAAOC,EAAA,GAGLC,sBAHFF,CAAO,GAAA,CAAA,eAGLE,CAAG;;;UAGCC,IAAMC,EAAA;2BAAND,GAAM,MAGUT,EAAY,EAAG,CAAA,eAH/BS,CAAM;AAAA;;AADJ,MAAArB,EAAA,IAAAK,CAAU,WAAIF,CAAa,KAAAoB,EAAAC,CAAA;AAAA;;MAY/BC,IAAGzB,EAAA,QAAA0B,GAAA,CAAA;SAAHD,GAAG,IAAA,MAAAzB,EAAA,IAMKM,CAAY,GAAAN,EAAA,OAAA,CAAA2B,GAAIC,MAAK;QACzBC,IAAGC,EAAA,eAAHD,CAAG;AACD,IAAAE,EAAWC,GAAA;AAAA;qBAAEJ,CAAK;AAAA;;;;gBADpBC,CAAG,eAAHA,CAAG;AAAA,cAPPJ,CAAG,eAAHA,GAAG,CAAAQ,MAES/B,IAAe+B,GAAA,MAAf/B,CAAe;oBAF3BuB,GAAG,CAAA;;;UAeDS,IAAMC,EAAA;2BAAND,GAAM,MAGUtB,EAAa,CAAC,CAAA,eAH9BsB,CAAM;AAAA;;AADJ,MAAAlC,EAAA,IAAAK,CAAU,WAAID,CAAc,KAAAmB,EAAAa,CAAA;AAAA;;UA5BlChB,CAAG,WAHLF,CAAO,GAiBHlB,EAAA,MAAA,UAAAyB,GAGWjB,CAAiB,eApBhCU,CAAO;AAFA;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkout.legacy-Btt0uT61.js","sources":["../src/components/Events/Checkout/PersonalDetails.svelte","../src/components/Events/Checkout/TermsAndConditions.svelte","../src/components/Events/Checkout/PaymentSection.svelte","../src/components/Views/Checkout.legacy.svelte"],"sourcesContent":["<script>\r\n import { Input, Checkbox } from '@getmicdrop/svelte-components';\r\n\r\n let {\r\n firstName = $bindable(''),\r\n lastName = $bindable(''),\r\n email = $bindable(''),\r\n phoneNumber = $bindable(''),\r\n keepMeUpdated = $bindable(false),\r\n termsAgreed = $bindable(false),\r\n ticketsInfo = [],\r\n ticketType = 0,\r\n updateTicketDetails,\r\n updateTicketField,\r\n firstNameError = $bindable(''),\r\n lastNameError = $bindable(''),\r\n emailError = $bindable(''),\r\n phoneError = $bindable(''),\r\n termsError = $bindable(''),\r\n firstNameTouched = $bindable(false),\r\n lastNameTouched = $bindable(false),\r\n emailTouched = $bindable(false),\r\n phoneTouched = $bindable(false),\r\n labels = {},\r\n } = $props();\r\n</script>\r\n\r\n<form aria-label={labels.checkoutFormLabel || \"Checkout form\"}>\r\n <section class=\"p-4 md:p-5\" aria-labelledby=\"billing-section-title\">\r\n <div class=\"space-y-4\">\r\n <h2 id=\"billing-section-title\" class=\"section-title text-lg font-semibold text-gray-900 dark:text-white mb-4\">\r\n {labels.billingInformation || 'Billing information'}\r\n </h2>\r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <Input\r\n label={labels.firstName || \"First name\"}\r\n size=\"full\"\r\n type=\"text\"\r\n required\r\n autocomplete=\"given-name\"\r\n bind:value={firstName}\r\n bind:displayErrorText={firstNameError}\r\n bind:touched={firstNameTouched}\r\n />\r\n <Input\r\n label={labels.lastName || \"Last name\"}\r\n size=\"full\"\r\n type=\"text\"\r\n required\r\n autocomplete=\"family-name\"\r\n bind:value={lastName}\r\n bind:displayErrorText={lastNameError}\r\n bind:touched={lastNameTouched}\r\n />\r\n <div class=\"col-span-2\">\r\n <Input\r\n label={labels.emailAddress || \"Email address\"}\r\n size=\"full\"\r\n type=\"email\"\r\n required\r\n autocomplete=\"email\"\r\n bind:value={email}\r\n bind:displayErrorText={emailError}\r\n bind:touched={emailTouched}\r\n />\r\n </div>\r\n <div class=\"col-span-2\">\r\n <Input\r\n label={labels.phoneNumber || \"Phone number\"}\r\n size=\"full\"\r\n type=\"phoneNumber\"\r\n autocomplete=\"tel\"\r\n bind:value={phoneNumber}\r\n bind:displayErrorText={phoneError}\r\n bind:touched={phoneTouched}\r\n />\r\n </div>\r\n </div>\r\n <Checkbox bind:checked={keepMeUpdated} class=\"mailing-list-checkbox\" aria-describedby=\"mailing-list-description\">\r\n {labels.keepMeUpdated || 'Keep me updated on more events and news'}\r\n </Checkbox>\r\n <span id=\"mailing-list-description\" class=\"sr-only\">{labels.subscribeToUpdates || 'Subscribe to event updates and news'}</span>\r\n </div>\r\n </section>\r\n\r\n <!-- Ticket-wise Attendee Details (Only if ticketType === 1) -->\r\n {#if ticketType === 1}\r\n {#each ticketsInfo as ticket, index (ticket.ticketId + '-' + index)}\r\n <section class=\"p-4 md:p-5\" aria-labelledby=\"ticket-section-{index}\">\r\n <div class=\"grid grid-row-3 gap-3\">\r\n <h2 id=\"ticket-section-{index}\" class=\"text-base font-medium leading-6 text-gray-900 dark:text-white mb-4\">\r\n {(labels.ticketN || 'Ticket {index} - {name}').replace('{index}', String(index + 1)).replace('{name}', ticket.ticketName)}\r\n </h2>\r\n <Checkbox\r\n checked={ticket.sameAsPersonal}\r\n onchange={e => updateTicketDetails(index, e.detail.checked)}\r\n class=\"same-as-personal-checkbox\"\r\n >\r\n {labels.sameAsPersonalDetails || 'Same as personal details'}\r\n </Checkbox>\r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <Input\r\n label={labels.firstName || \"First name\"}\r\n size=\"full\"\r\n type=\"text\"\r\n value={ticket.firstName}\r\n oninput={e => updateTicketField(index, 'firstName', e.target.value)}\r\n displayErrorText={ticket.touched && ticket.errors.firstName ? ticket.errors.firstName : ''}\r\n touched={ticket.touched}\r\n />\r\n <Input\r\n label={labels.lastName || \"Last name\"}\r\n size=\"full\"\r\n type=\"text\"\r\n value={ticket.lastName}\r\n oninput={e => updateTicketField(index, 'lastName', e.target.value)}\r\n displayErrorText={ticket.touched && ticket.errors.lastName ? ticket.errors.lastName : ''}\r\n touched={ticket.touched}\r\n />\r\n <div class=\"col-span-2\">\r\n <Input\r\n label={labels.emailAddress || \"Email address\"}\r\n size=\"full\"\r\n type=\"email\"\r\n value={ticket.email}\r\n oninput={e => updateTicketField(index, 'email', e.target.value)}\r\n displayErrorText={ticket.touched && ticket.errors.email ? ticket.errors.email : ''}\r\n touched={ticket.touched}\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n {/each}\r\n {/if}\r\n</form>\r\n\r\n<style>\r\n /* Checkbox label styling for shared component */\r\n :global(.mailing-list-checkbox .checkbox__label),\r\n :global(.same-as-personal-checkbox .checkbox__label) {\r\n color: rgb(107 114 128); /* gray-500 */\r\n font-weight: 400; /* normal */\r\n font-size: 0.875rem; /* text-sm */\r\n line-height: 1.25rem;\r\n }\r\n :global(.dark .mailing-list-checkbox .checkbox__label),\r\n :global(.dark .same-as-personal-checkbox .checkbox__label) {\r\n color: rgb(156 163 175); /* gray-400 */\r\n }\r\n\r\n /* Screen reader only text */\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n }\r\n</style>\r\n","<script>\r\n import { Checkbox } from '@getmicdrop/svelte-components';\r\n\r\n let {\r\n InputValue = $bindable(false),\r\n terms = [],\r\n showScrollbar = false,\r\n scrollContainer,\r\n handleScroll = () => {},\r\n checkScrollable = () => {},\r\n termsError = '',\r\n labels = {},\r\n } = $props();\r\n</script>\r\n\r\n<section class=\"space-y-4\" aria-labelledby=\"terms-section-title\">\r\n <h2 id=\"terms-section-title\" class=\"heading-md text-color-primary\">\r\n {labels.termsAndConditions || 'Terms and conditions'}\r\n </h2>\r\n\r\n <Checkbox\r\n bind:checked={InputValue}\r\n class=\"terms-checkbox\"\r\n aria-required=\"true\"\r\n aria-describedby={termsError ? 'terms-error' : undefined}\r\n >\r\n {labels.agreeToTerms || 'I agree to the'} <a href=\"https://get-micdrop.com/tos\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-blue-700 dark:text-blue-500 underline hover:opacity-80\">{labels.termsAndConditionsLink || 'terms and conditions'}<span class=\"sr-only\"> (opens in new tab)</span></a>\r\n </Checkbox>\r\n\r\n {#if termsError}\r\n <p id=\"terms-error\" class=\"body-sm mt-1 text-error\" role=\"alert\" aria-live=\"assertive\">{termsError}</p>\r\n {/if}\r\n</section>\r\n\r\n<style>\r\n :global(.terms-checkbox .checkbox__label) {\r\n color: rgb(75 85 99); /* gray-600 */\r\n }\r\n :global(.dark .terms-checkbox .checkbox__label) {\r\n color: rgb(209 213 219); /* gray-300 */\r\n }\r\n\r\n /* Screen reader only text */\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n }\r\n</style>\r\n","<script>\r\n import { onMount } from 'svelte';\r\n import { slide } from 'svelte/transition';\r\n import { browser } from '$app/environment';\r\n import { useStripeTheme } from '@getmicdrop/svelte-components/stripe';\r\n import { GOOGLE_PAY } from '$lib/constants/colors.ts';\r\n\r\n let {\r\n selectedPayment = $bindable(), // Start with nothing selected\r\n stripe,\r\n paymentIntent,\r\n error = '',\r\n processing = false,\r\n executePurchase = () => {},\r\n elements = $bindable(),\r\n labels = {},\r\n } = $props();\r\n\r\n // Dynamic imports for Stripe components\r\n let StripeElementsComp = $state(null);\r\n let PaymentElementComp = $state(null);\r\n\r\n // Reactive Stripe theme - automatically updates on dark mode changes\r\n const stripeTheme = useStripeTheme({\r\n containerSelector: '.light, .dark, .micdrop, [data-theme]',\r\n });\r\n\r\n onMount(async () => {\r\n try {\r\n const mod = await import('svelte-stripe');\r\n StripeElementsComp = mod.Elements;\r\n PaymentElementComp = mod.PaymentElement;\r\n } catch (err) {\r\n console.error('Failed to load Stripe components:', err);\r\n }\r\n });\r\n\r\n function selectPayment(method) {\r\n selectedPayment = method;\r\n }\r\n</script>\r\n\r\n<section class=\"pay-with-section pt-2\" aria-labelledby=\"payment-section-title\">\r\n <h2 id=\"payment-section-title\" class=\"section-title text-lg font-semibold text-gray-900 dark:text-white mb-4\">{labels.payWith || 'Pay with'}</h2>\r\n\r\n <div class=\"payment-options flex flex-col gap-3\" role=\"radiogroup\" aria-label={labels.paymentMethodSelection || \"Payment method selection\"}>\r\n <!-- Credit or Debit Card -->\r\n <div class=\"payment-option-wrapper flex flex-col dark:bg-gray-900 dark:border-gray-700\">\r\n <button\r\n type=\"button\"\r\n class=\"payment-option dark:bg-gray-900 dark:border-gray-700\"\r\n class:selected={selectedPayment === 'card'}\r\n onclick={() => selectPayment('card')}\r\n role=\"radio\"\r\n aria-checked={selectedPayment === 'card'}\r\n aria-label={labels.payWithCard || \"Pay with credit or debit card\"}\r\n >\r\n <div class=\"flex items-center gap-3\">\r\n <svg class=\"payment-icon w-6 h-6 shrink-0 text-gray-900 dark:text-white\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"/>\r\n <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"/>\r\n </svg>\r\n <span class=\"payment-label dark:text-white\">{labels.creditOrDebitCard || 'Credit or debit card'}</span>\r\n <img src=\"/stripe-logo.png\" alt=\"\" class=\"stripe-logo h-9 w-auto ml-auto opacity-60\" aria-hidden=\"true\" />\r\n </div>\r\n </button>\r\n\r\n {#if selectedPayment === 'card'}\r\n <div class=\"card-form dark:bg-gray-900\" transition:slide={{ duration: 200 }} role=\"region\" aria-label={labels.cardPaymentForm || \"Card payment form\"}>\r\n {#if browser && stripe && paymentIntent}\r\n {#if StripeElementsComp && PaymentElementComp}\r\n <StripeElementsComp\r\n appearance={{ theme: stripeTheme.current }}\r\n {stripe}\r\n clientSecret={paymentIntent}\r\n bind:elements\r\n >\r\n <PaymentElementComp />\r\n </StripeElementsComp>\r\n {:else}\r\n <p class=\"text-sm text-gray-500 dark:text-gray-400 py-2\" role=\"status\" aria-live=\"polite\">Loading secure payment form...</p>\r\n {/if}\r\n {:else}\r\n <p class=\"text-sm text-gray-500 dark:text-gray-400 py-2\" role=\"status\" aria-live=\"polite\">Loading secure payment form...</p>\r\n {/if}\r\n\r\n {#if error}\r\n <p class=\"error-text text-sm text-red-600 dark:text-red-500 mt-2\" role=\"alert\" aria-live=\"assertive\">{error}</p>\r\n {/if}\r\n </div>\r\n {/if}\r\n </div>\r\n\r\n <!-- Apple Pay -->\r\n <button\r\n type=\"button\"\r\n class=\"payment-option standalone rounded-lg dark:bg-gray-900 dark:border-gray-700\"\r\n class:selected={selectedPayment === 'apple'}\r\n onclick={() => selectPayment('apple')}\r\n role=\"radio\"\r\n aria-checked={selectedPayment === 'apple'}\r\n aria-label={labels.payWithApplePay || \"Pay with Apple Pay\"}\r\n >\r\n <div class=\"flex items-center gap-3\">\r\n <svg class=\"apple-icon w-6 h-6 shrink-0 text-gray-900 dark:text-white\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"/>\r\n </svg>\r\n <span class=\"payment-label dark:text-white\">{labels.applePay || 'Apple Pay'}</span>\r\n </div>\r\n </button>\r\n\r\n <!-- Google Pay -->\r\n <button\r\n type=\"button\"\r\n class=\"payment-option standalone rounded-lg dark:bg-gray-900 dark:border-gray-700\"\r\n class:selected={selectedPayment === 'google'}\r\n onclick={() => selectPayment('google')}\r\n role=\"radio\"\r\n aria-checked={selectedPayment === 'google'}\r\n aria-label={labels.payWithGooglePay || \"Pay with Google Pay\"}\r\n >\r\n <div class=\"flex items-center gap-3\">\r\n <svg class=\"google-icon w-6 h-6 shrink-0\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path fill={GOOGLE_PAY.blue} d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"/>\r\n <path fill={GOOGLE_PAY.green} 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\"/>\r\n <path fill={GOOGLE_PAY.yellow} d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"/>\r\n <path fill={GOOGLE_PAY.red} 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\"/>\r\n </svg>\r\n <span class=\"payment-label dark:text-white\">{labels.googlePay || 'Google Pay'}</span>\r\n </div>\r\n </button>\r\n\r\n </div>\r\n</section>\r\n\r\n<style>\r\n .payment-option {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n padding: 1rem;\r\n border-radius: 0.5rem;\r\n cursor: pointer;\r\n text-align: left;\r\n background-color: rgb(255 255 255);\r\n border: 1px solid rgb(229 231 235);\r\n transition: all 0.15s ease;\r\n }\r\n\r\n .payment-option.selected {\r\n z-index: 10;\r\n position: relative;\r\n border-color: hsl(var(--brand-primary, 224 76% 48%));\r\n border-radius: 8px 8px 0 0;\r\n\r\n &:where(.dark, .dark *) {\r\n background-color: rgb(17 24 39);\r\n }\r\n }\r\n\r\n .payment-option:not(.selected):hover {\r\n background-color: rgb(249 250 251);\r\n\r\n &:where(.dark, .dark *) {\r\n background-color: rgb(31 41 55);\r\n }\r\n }\r\n\r\n .payment-label {\r\n font-size: 1rem;\r\n line-height: 1.5rem;\r\n font-weight: 400;\r\n color: rgb(17 24 39);\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n }\r\n\r\n /* Card form styling */\r\n .card-form {\r\n padding: 1rem;\r\n background-color: rgb(255 255 255);\r\n border: 1px solid hsl(var(--brand-primary, 224 76% 48%));\r\n border-top: 0;\r\n border-radius: 0 0 8px 8px;\r\n }\r\n</style>\r\n","<script>\r\n import Cookies from 'js-cookie';\r\n import { onMount } from 'svelte';\r\n import { goto } from '$app/navigation';\r\n import { Close, WarningFilled, ErrorFilled, Renew } from 'carbon-icons-svelte';\r\n import { transformEvent, loadCheckoutStateFromCookies, getVenueDetails, createPaymentIntent, validatePaymentIntent } from '$lib/utils/utils.js';\r\n import { completeGiftCardPayment } from '$lib/utils/api.js';\r\n import OrderSummarySkeleton from \"../Events/Tickets/OrderSummarySkeleton.svelte\";\r\n import PersonalDetails from \"../Events/Checkout/PersonalDetails.svelte\";\r\n import TermsAndConditions from \"../Events/Checkout/TermsAndConditions.svelte\";\r\n import PaymentSection from \"../Events/Checkout/PaymentSection.svelte\";\r\n import GiftCardInput from \"../Events/Checkout/GiftCardInput.svelte\";\r\n import { OrderSummary, Button } from '@getmicdrop/svelte-components';\r\n import { loadStripe } from '@stripe/stripe-js';\r\n import { ACCENT } from '$lib/constants/colors.ts';\r\n\r\n let {\r\n data,\r\n availableTickets = [],\r\n value = '',\r\n venueId = '',\r\n organizationId = '',\r\n onNavigateToSuccess,\r\n initialError = undefined,\r\n labels = {},\r\n } = $props();\r\n\r\n const { id, orgSlug, slug, event: rawEvent } = data || {};\r\n let event = $derived(\r\n rawEvent\r\n ? transformEvent(rawEvent)\r\n : data && (data.id || id)\r\n ? {\r\n id: data.id || id,\r\n eventID: data.id || id,\r\n venueID: data.venueID ?? data.venueId ?? null,\r\n venueId: data.venueId ?? data.venueID ?? null,\r\n eventTicketingType: 0,\r\n ticketType: 0,\r\n availableTickets: [],\r\n }\r\n : null\r\n );\r\n \r\n let venueFeesReady = $state(false);\r\n\r\n let quantities = $state({});\r\n let promocode = $state('');\r\n let promoDiscountAmount = $state(0);\r\n let tickets = $state([]);\r\n\r\n let ticketsInfo = $state([]);\r\n\r\n let firstNameTouched = $state(false);\r\n let lastNameTouched = $state(false);\r\n let emailTouched = $state(false);\r\n let confirmEmailTouched = $state(false);\r\n\r\n let InputValue = $state(false);\r\n let selectedPayment = $state('card');\r\n let firstName = $state('');\r\n let lastName = $state('');\r\n let email = $state('');\r\n let confirmEmail = $state('');\r\n let phoneNumber = $state('');\r\n let keepMeUpdated = $state(false);\r\n let scrollContainer = $state();\r\n let showScrollbar = $state(false);\r\n let heading = $derived(' ' + (labels.checkout || 'Checkout'));\r\n let timerDuration = $state(15 * 60);\r\n let Timing = $state(`${labels.timeLeft || 'Time left'} ${formatTime(15 * 60)}`);\r\n let feePerTicket = 4.48;\r\n\r\n // Session extension popup state\r\n let showExtendSessionPopup = $state(false);\r\n let sessionExtensionOffered = false;\r\n const SESSION_WARNING_THRESHOLD = 2 * 60; // 2 minutes\r\n const SESSION_EXTENSION_AMOUNT = 5 * 60; // 5 minutes extension\r\n \r\n let inputValue = value;\r\n \r\n const terms = [\r\n 'All ticket sales are final and non-refundable unless the event is canceled or rescheduled by the organizer.',\r\n 'Tickets are valid only for the event, date, time, and venue specified. Unauthorized resale of tickets is prohibited.',\r\n 'The event organizer reserves the right to refuse entry or remove any individual from the venue without refund.',\r\n 'Attendees must comply with all venue rules and regulations, including any age restrictions or dress codes.',\r\n 'Photography and recording policies may vary; please check the event details for specific guidelines.',\r\n ];\r\n \r\n let error = $state(null);\r\n\r\n let isMobile = $state(false);\r\n let containerRef = $state();\r\n let stickyRef = $state();\r\n let isSticky = $state(false);\r\n let stickyTop = $state(0);\r\n let sidebarLeft = $state(0);\r\n let cartId = $state('');\r\n let isScrollable = $state(false);\r\n\r\n // Gift card state\r\n let giftCardApplied = $state(null); // { code, giftCardAmount, giftCardBalance, paymentType, stripeAmount, requiresStripe }\r\n \r\n let elements = $state();\r\n\r\n let stripe = $state(null);\r\n let calculatedTax = $state(0);\r\n let calculatedServiceFee = $state(0);\r\n let calculatedTotal = $state(0);\r\n let processing = $state(false);\r\n let paymentIntent = $state('');\r\n let isCompleteOrder = $state(false);\r\n let isInCompleteOrder = $state(false);\r\n\r\n async function initializeStripePayment() {\r\n if (!cartId) {\r\n console.error('Missing cartId!');\r\n return;\r\n }\r\n\r\n const filteredQuantities = Object.fromEntries(\r\n Object.entries(quantities).filter(([_, val]) => val > 0)\r\n );\r\n\r\n try {\r\n const paymentData = await createPaymentIntent(cartId, filteredQuantities);\r\n\r\n if (paymentData && paymentData.client_secret) {\r\n stripe = await loadStripe(\r\n 'pk_test_51RJLygPlXDynGkUGKI0vaVT0DXCDdf2wLp3BVNGtdulddY8jG5qBlDUuQuArbTW1dPh19wfZngGeABvH35XIjjMz00NwnD7ydB'\r\n );\r\n \r\n if (stripe) {\r\n paymentIntent = paymentData.client_secret;\r\n \r\n elements = stripe.elements({\r\n appearance: {\r\n theme: 'stripe',\r\n variables: {\r\n colorDanger: ACCENT.red[600],\r\n fontSizeBase: '16px',\r\n },\r\n },\r\n clientSecret: paymentData.client_secret,\r\n });\r\n\r\n calculatedTax = (paymentData.tax_amount_exclusive || 0) / 100;\r\n calculatedServiceFee = (paymentData.service_fee || 0) / 100;\r\n calculatedTotal = (paymentData.amount_total || 0) / 100;\r\n }\r\n } else {\r\n stripeError = labels.failedToCreatePaymentIntent || 'Failed to create payment intent. Please try again.';\r\n }\r\n } catch (err) {\r\n console.error('Failed to initialize Stripe payment:', err);\r\n stripeError = err.message || labels.failedToInitPayment || 'Failed to initialize payment. Please check your connection and try again.';\r\n }\r\n }\r\n\r\n let venueServiceCharge = $state({\r\n serviceFeeCents: 0,\r\n serviceFeePercentage: 0,\r\n serviceFeeChargeType: 'both',\r\n maxServiceFeeCents: 0,\r\n taxPercentage: 0,\r\n });\r\n\r\n // Gift card event handlers\r\n function handleGiftCardApplied(appliedCard) {\r\n giftCardApplied = appliedCard;\r\n // If gift card covers full amount, no need for Stripe\r\n if (!appliedCard.requiresStripe) {\r\n // Clear Stripe elements if they exist\r\n elements = null;\r\n stripe = null;\r\n }\r\n }\r\n\r\n function handleGiftCardRemoved() {\r\n giftCardApplied = null;\r\n // Re-initialize Stripe payment if needed\r\n if (cartId && Object.keys(quantities).length > 0) {\r\n initializeStripePayment();\r\n }\r\n }\r\n\r\n function formatTime(seconds) {\r\n const minutes = Math.floor(seconds / 60);\r\n const remainingSeconds = seconds % 60;\r\n return `${String(minutes).padStart(2, '0')}:${String(remainingSeconds).padStart(2, '0')}`;\r\n }\r\n\r\n function extendSession() {\r\n timerDuration += SESSION_EXTENSION_AMOUNT;\r\n Timing = `${labels.timeLeft || 'Time left'} ${formatTime(timerDuration)}`;\r\n showExtendSessionPopup = false;\r\n // Allow extending again if time runs low again\r\n sessionExtensionOffered = false;\r\n }\r\n\r\n function dismissExtendPopup() {\r\n showExtendSessionPopup = false;\r\n // Don't offer again for this session\r\n sessionExtensionOffered = true;\r\n }\r\n\r\n function checkScrollable() {\r\n if (scrollContainer) {\r\n isScrollable =\r\n scrollContainer.scrollHeight > scrollContainer.clientHeight;\r\n showScrollbar = isScrollable;\r\n }\r\n }\r\n \r\n let firstNameError = $state('');\r\n let lastNameError = $state('');\r\n let emailError = $state('');\r\n let confirmEmailError = $state('');\r\n let termsError = $state('');\r\n let attendeeError = $state('');\r\n let stripeError = $state('');\r\n\r\n // Enhanced error state for better UX\r\n let paymentErrorType = $state(''); // 'card_declined', 'network', 'validation', 'general'\r\n let paymentErrorDetails = $state({\r\n title: '',\r\n message: '',\r\n suggestion: '',\r\n retryable: true\r\n });\r\n\r\n // Map Stripe error codes to user-friendly messages\r\n function getPaymentErrorDetails(error) {\r\n const errorCode = error?.code || error?.decline_code || '';\r\n const errorType = error?.type || '';\r\n const errorMessage = error?.message || '';\r\n\r\n // Card declined errors\r\n if (errorCode === 'card_declined' || errorType === 'card_error') {\r\n const declineCode = error?.decline_code || '';\r\n\r\n if (declineCode === 'insufficient_funds') {\r\n return {\r\n type: 'card_declined',\r\n title: 'Insufficient funds',\r\n message: 'Your card has insufficient funds to complete this purchase.',\r\n suggestion: 'Please try a different payment method or contact your bank.',\r\n retryable: true\r\n };\r\n }\r\n\r\n if (declineCode === 'lost_card' || declineCode === 'stolen_card') {\r\n return {\r\n type: 'card_declined',\r\n title: 'Card cannot be used',\r\n message: 'This card cannot be used for this transaction.',\r\n suggestion: 'Please use a different payment method.',\r\n retryable: true\r\n };\r\n }\r\n\r\n if (declineCode === 'expired_card') {\r\n return {\r\n type: 'card_declined',\r\n title: 'Card expired',\r\n message: 'Your card has expired.',\r\n suggestion: 'Please use a different card or update your card details.',\r\n retryable: true\r\n };\r\n }\r\n\r\n return {\r\n type: 'card_declined',\r\n title: 'Card declined',\r\n message: 'Your card was declined by your bank.',\r\n suggestion: 'Please try a different card or contact your bank for more information.',\r\n retryable: true\r\n };\r\n }\r\n\r\n // Network/connection errors\r\n if (errorType === 'api_connection_error' || errorMessage.includes('network') || errorMessage.includes('connection')) {\r\n return {\r\n type: 'network',\r\n title: 'Connection error',\r\n message: 'We couldn\\'t connect to the payment server.',\r\n suggestion: 'Please check your internet connection and try again.',\r\n retryable: true\r\n };\r\n }\r\n\r\n // Rate limiting\r\n if (errorCode === 'rate_limit') {\r\n return {\r\n type: 'rate_limit',\r\n title: 'Too many attempts',\r\n message: 'Too many payment attempts. Please wait a moment.',\r\n suggestion: 'Wait 30 seconds before trying again.',\r\n retryable: true\r\n };\r\n }\r\n\r\n // Invalid card details\r\n if (errorCode === 'incorrect_number' || errorCode === 'invalid_number') {\r\n return {\r\n type: 'validation',\r\n title: 'Invalid card number',\r\n message: 'The card number you entered is invalid.',\r\n suggestion: 'Please check your card number and try again.',\r\n retryable: true\r\n };\r\n }\r\n\r\n if (errorCode === 'incorrect_cvc' || errorCode === 'invalid_cvc') {\r\n return {\r\n type: 'validation',\r\n title: 'Invalid security code',\r\n message: 'The security code (CVC) is incorrect.',\r\n suggestion: 'Please check the 3-digit code on the back of your card.',\r\n retryable: true\r\n };\r\n }\r\n\r\n if (errorCode === 'invalid_expiry_month' || errorCode === 'invalid_expiry_year') {\r\n return {\r\n type: 'validation',\r\n title: 'Invalid expiration date',\r\n message: 'The expiration date is invalid.',\r\n suggestion: 'Please check your card\\'s expiration date.',\r\n retryable: true\r\n };\r\n }\r\n\r\n // Default error\r\n return {\r\n type: 'general',\r\n title: 'Payment failed',\r\n message: errorMessage || 'Something went wrong with your payment.',\r\n suggestion: 'Please try again or use a different payment method.',\r\n retryable: true\r\n };\r\n }\r\n\r\n function clearPaymentError() {\r\n stripeError = '';\r\n paymentErrorType = '';\r\n paymentErrorDetails = {\r\n title: '',\r\n message: '',\r\n suggestion: '',\r\n retryable: true\r\n };\r\n }\r\n\r\n function setPaymentError(error) {\r\n const details = getPaymentErrorDetails(error);\r\n paymentErrorType = details.type;\r\n paymentErrorDetails = details;\r\n stripeError = details.message;\r\n }\r\n \r\n function validateBeforeSubmit() {\r\n let hasError = false;\r\n \r\n firstNameTouched =\r\n lastNameTouched =\r\n emailTouched =\r\n confirmEmailTouched =\r\n true;\r\n firstNameError =\r\n lastNameError =\r\n emailError =\r\n confirmEmailError =\r\n termsError =\r\n attendeeError =\r\n '';\r\n \r\n if (!firstName.trim()) {\r\n firstNameError = 'First name is required.';\r\n hasError = true;\r\n }\r\n \r\n if (!lastName.trim()) {\r\n lastNameError = 'Last name is required.';\r\n hasError = true;\r\n }\r\n \r\n if (!email.trim()) {\r\n emailError = 'Email is required.';\r\n hasError = true;\r\n }\r\n \r\n if (!confirmEmail.trim()) {\r\n confirmEmailError = 'Confirm email is required.';\r\n hasError = true;\r\n } else if (\r\n email.trim() &&\r\n confirmEmail.trim() &&\r\n email.trim() !== confirmEmail.trim()\r\n ) {\r\n confirmEmailError = 'Email addresses do not match.';\r\n hasError = true;\r\n }\r\n \r\n if (!isAgreed) {\r\n termsError = 'You must agree to the terms and conditions above.';\r\n hasError = true;\r\n }\r\n \r\n if (event.ticketType === 1) {\r\n let ticketErrorCount = 0;\r\n \r\n ticketsInfo = ticketsInfo.map((t, index) => {\r\n const errors = {\r\n firstName: '',\r\n lastName: '',\r\n email: '',\r\n };\r\n \r\n if (!t.sameAsPersonal) {\r\n if (!t.firstName.trim()) {\r\n errors.firstName = 'First name is required.';\r\n ticketErrorCount++;\r\n }\r\n if (!t.lastName.trim()) {\r\n errors.lastName = 'Last name is required.';\r\n ticketErrorCount++;\r\n }\r\n if (!t.email.trim()) {\r\n errors.email = 'Email is required.';\r\n ticketErrorCount++;\r\n }\r\n }\r\n \r\n return {\r\n ...t,\r\n errors,\r\n qtouched: true,\r\n };\r\n });\r\n \r\n if (ticketErrorCount > 0) {\r\n attendeeError = 'Please fill in all attendee details.';\r\n hasError = true;\r\n }\r\n }\r\n \r\n return !hasError;\r\n }\r\n \r\n async function executePurchase(elementsParam) {\r\n if (processing) return;\r\n\r\n // Clear any previous errors before attempting\r\n clearPaymentError();\r\n\r\n const elementsToUse = elementsParam || elements;\r\n\r\n if (!elementsToUse) {\r\n setPaymentError({\r\n type: 'validation',\r\n message: labels.paymentFormNotReady || 'Payment form is not ready. Please wait a moment and try again.'\r\n });\r\n return;\r\n }\r\n\r\n if (!stripe) {\r\n setPaymentError({\r\n type: 'general',\r\n message: labels.paymentSystemNotInitialized || 'Payment system is not initialized. Please refresh the page.'\r\n });\r\n return;\r\n }\r\n\r\n processing = true;\r\n\r\n const isValid = validateBeforeSubmit();\r\n\r\n if (!isValid) {\r\n processing = false;\r\n return;\r\n }\r\n\r\n try {\r\n const { error: validationError } = await elementsToUse.submit();\r\n if (validationError) {\r\n setPaymentError(validationError);\r\n processing = false;\r\n return;\r\n }\r\n\r\n const result = await stripe.confirmPayment({\r\n elements: elementsToUse,\r\n redirect: 'if_required',\r\n });\r\n\r\n if (result.error) {\r\n setPaymentError(result.error);\r\n processing = false;\r\n return;\r\n }\r\n\r\n const paymentPayload = {\r\n id: cartId,\r\n paymentIntentId: result.paymentIntent.id,\r\n tickets: quantities,\r\n firstName,\r\n lastName,\r\n email: confirmEmail,\r\n phoneNumber: phoneNumber || null,\r\n paymentMethod: 'credit-card',\r\n mailingList: keepMeUpdated,\r\n saleType: 'online',\r\n };\r\n\r\n const response = await validatePaymentIntent(cartId, paymentPayload);\r\n\r\n if (response?.status === 'Payment succeeded') {\r\n isCompleteOrder = true;\r\n\r\n try {\r\n const successData = {\r\n orderId: cartId,\r\n eventId: event?.id || event?.eventID || null,\r\n event: event || null,\r\n venueId: venueId || event?.venueId || null,\r\n organizationId: organizationId || event?.organizationId || null\r\n };\r\n dispatch('success', successData);\r\n\r\n if (onNavigateToSuccess) {\r\n onNavigateToSuccess(successData);\r\n }\r\n } catch(e) {\r\n console.warn('Failed to dispatch success event', e);\r\n }\r\n } else if (\r\n response?.status === 'Payment amount does not match the total price'\r\n ) {\r\n isInCompleteOrder = true;\r\n setPaymentError({\r\n type: 'general',\r\n message: labels.paymentAmountMismatch || 'Payment amount mismatch. Please refresh and try again.'\r\n });\r\n }\r\n } catch (err) {\r\n console.error('Payment execution error:', err);\r\n setPaymentError(err);\r\n } finally {\r\n processing = false;\r\n }\r\n }\r\n\r\n async function executeGiftCardOnlyPurchase() {\r\n if (processing) return;\r\n\r\n processing = true;\r\n clearPaymentError();\r\n\r\n const isValid = validateBeforeSubmit();\r\n if (!isValid) {\r\n processing = false;\r\n return;\r\n }\r\n\r\n try {\r\n const result = await completeGiftCardPayment(cartId, {\r\n firstName,\r\n lastName,\r\n email: confirmEmail,\r\n phoneNumber: phoneNumber || null,\r\n mailingList: keepMeUpdated,\r\n });\r\n\r\n if (result?.success) {\r\n isCompleteOrder = true;\r\n\r\n const successData = {\r\n orderId: result.orderId || cartId,\r\n eventId: event?.id || event?.eventID || null,\r\n event: event || null,\r\n venueId: venueId || event?.venueId || null,\r\n organizationId: organizationId || event?.organizationId || null,\r\n paymentType: 'gift_card_only',\r\n };\r\n\r\n if (onNavigateToSuccess) {\r\n onNavigateToSuccess(successData);\r\n }\r\n } else {\r\n setPaymentError({\r\n type: 'general',\r\n message: result?.error || labels.failedToCompleteOrder || 'Failed to complete order. Please try again.',\r\n });\r\n }\r\n } catch (err) {\r\n console.error('Gift card payment error:', err);\r\n setPaymentError(err);\r\n } finally {\r\n processing = false;\r\n }\r\n }\r\n\r\n function goBack() {\r\n const params = new URLSearchParams(window.location.search);\r\n params.set(\"subroute\", \"cart\");\r\n const url = `/?${params.toString()}`;\r\n goto(url, { noScroll: false });\r\n }\r\n \r\n function updateScreenSize() {\r\n isMobile = window.innerWidth < 640;\r\n }\r\n \r\n function handleScroll() {\r\n if (isMobile) {\r\n isSticky = false;\r\n return;\r\n }\r\n \r\n const rect = stickyRef?.getBoundingClientRect();\r\n if (!rect) return;\r\n \r\n isSticky = rect.top <= 20;\r\n \r\n if (isSticky && containerRef) {\r\n const containerBounding = containerRef.getBoundingClientRect();\r\n sidebarLeft =\r\n containerBounding.left + containerRef.clientWidth - 340 - 40;\r\n }\r\n }\r\n \r\n function updateTicketField(index, field, value) {\r\n ticketsInfo = ticketsInfo.map((ticket, i) => {\r\n if (i === index) {\r\n if (field === 'touched') {\r\n return { ...ticket, touched: true };\r\n }\r\n const updatedTicket = {\r\n ...ticket,\r\n [field]: value,\r\n sameAsPersonal: false,\r\n errors: {\r\n ...ticket.errors,\r\n [field]: value.trim()\r\n ? ''\r\n : `${field[0].toUpperCase() + field.slice(1)} is required.`,\r\n },\r\n };\r\n \r\n return updatedTicket;\r\n }\r\n return ticket;\r\n });\r\n }\r\n \r\n function updateTicketDetails(index, checked) {\r\n ticketsInfo = ticketsInfo.map((ticket, i) => {\r\n if (i === index) {\r\n return {\r\n ...ticket,\r\n sameAsPersonal: checked,\r\n firstName: checked ? firstName : ticket.firstName,\r\n lastName: checked ? lastName : ticket.lastName,\r\n email: checked ? email : ticket.email,\r\n };\r\n }\r\n return ticket;\r\n });\r\n }\r\n \r\n function syncSameAsPersonalAttendees() {\r\n ticketsInfo = ticketsInfo.map(t =>\r\n t.sameAsPersonal ? { ...t, firstName, lastName, email } : t\r\n );\r\n }\r\n\r\n let normalizedEmail = $derived(email?.trim().toLowerCase());\r\n let normalizedConfirmEmail = $derived(confirmEmail?.trim().toLowerCase());\r\n\r\n let emailMatchError = $derived(\r\n normalizedEmail !== normalizedConfirmEmail && confirmEmail !== ''\r\n );\r\n\r\n let isAgreed = $derived(InputValue);\r\n\r\n $effect(() => {\r\n email = email?.trim();\r\n confirmEmail = confirmEmail?.trim();\r\n });\r\n\r\n $effect(() => {\r\n inputValue = value;\r\n });\r\n\r\n $effect(() => {\r\n processing = false;\r\n });\r\n\r\n $effect(() => {\r\n paymentIntent = '';\r\n });\r\n\r\n $effect(() => {\r\n if (tickets?.length > 0) {\r\n if (event) {\r\n event.availableTickets = tickets;\r\n }\r\n }\r\n });\r\n\r\n $effect(() => {\r\n isCompleteOrder = false;\r\n isInCompleteOrder = false;\r\n });\r\n \r\n $effect(() => {\r\n if (Object.keys(quantities).length > 0 && tickets.length > 0) {\r\n const info = [];\r\n let idx = 0;\r\n\r\n for (const [ticketId, quantity] of Object.entries(quantities)) {\r\n const ticketMeta = tickets.find(t => String(t.ID) === ticketId);\r\n for (let i = 0; i < quantity; i++) {\r\n info.push({\r\n name: `Ticket ${idx + 1}`,\r\n sameAsPersonal: false,\r\n firstName: '',\r\n lastName: '',\r\n email: '',\r\n ticketId: ticketMeta?.ID || null,\r\n ticketName: ticketMeta?.name || '',\r\n touched: false,\r\n errors: {\r\n firstName: '',\r\n lastName: '',\r\n email: '',\r\n },\r\n });\r\n idx++;\r\n }\r\n }\r\n\r\n ticketsInfo = info;\r\n }\r\n });\r\n\r\n $effect(() => {\r\n if (firstName || lastName || email) {\r\n syncSameAsPersonalAttendees();\r\n }\r\n });\r\n \r\n onMount(async () => {\r\n updateScreenSize();\r\n cartId = Cookies.get('checkout-cartid');\r\n \r\n try {\r\n const checkoutState = loadCheckoutStateFromCookies(event?.eventID || event?.id);\r\n quantities = checkoutState.quantities || {};\r\n promocode = checkoutState.promocode || '';\r\n promoDiscountAmount = checkoutState.promoDiscountAmount || 0;\r\n tickets = checkoutState.tickets || [];\r\n } catch (err) {\r\n console.error('Error loading checkout state:', err);\r\n quantities = {};\r\n tickets = [];\r\n }\r\n \r\n if (tickets.length > 0) {\r\n if (event) event.availableTickets = tickets;\r\n availableTickets = tickets;\r\n }\r\n \r\n if (cartId && Object.keys(quantities).length > 0) {\r\n initializeStripePayment();\r\n }\r\n \r\n const interval = setInterval(() => {\r\n if (timerDuration > 0) {\r\n timerDuration -= 1;\r\n Timing = `${labels.timeLeft || 'Time left'} ${formatTime(timerDuration)}`;\r\n\r\n // Show extension popup when time is running low\r\n if (timerDuration <= SESSION_WARNING_THRESHOLD && timerDuration > 0 && !sessionExtensionOffered && !showExtendSessionPopup) {\r\n showExtendSessionPopup = true;\r\n }\r\n } else {\r\n clearInterval(interval);\r\n goto('/', { noScroll: false });\r\n }\r\n }, 1000);\r\n \r\n try {\r\n const venueData = await getVenueDetails(event?.venueID || event?.venueId);\r\n venueServiceCharge = {\r\n serviceFeeCents: venueData?.serviceFeeCents ?? 0,\r\n serviceFeePercentage: venueData?.serviceFeePercentage ?? 0,\r\n serviceFeeChargeType: venueData?.serviceFeeChargeType ?? 'both',\r\n maxServiceFeeCents: venueData?.maxServiceFeeCents ?? 0,\r\n taxPercentage: venueData?.taxPercentage ?? 0,\r\n };\r\n venueFeesReady = true;\r\n } catch (err) {\r\n console.error('Error fetching venue data:', err);\r\n venueServiceCharge = {\r\n serviceFeeCents: 0,\r\n serviceFeePercentage: 0,\r\n serviceFeeChargeType: 'both',\r\n maxServiceFeeCents: 0,\r\n taxPercentage: 0,\r\n };\r\n venueFeesReady = true;\r\n }\r\n \r\n // Apply initial error state for showcase/preview rendering\r\n if (initialError) {\r\n setPaymentError(\r\n typeof initialError === 'object'\r\n ? initialError\r\n : { code: 'card_declined', message: 'Your card was declined. Please try a different payment method.' }\r\n );\r\n }\r\n\r\n window.addEventListener('resize', updateScreenSize);\r\n window.addEventListener('scroll', handleScroll);\r\n\r\n stickyTop = stickyRef?.getBoundingClientRect().top || 0;\r\n\r\n return () => {\r\n clearInterval(interval);\r\n window.removeEventListener('resize', updateScreenSize);\r\n window.removeEventListener('scroll', handleScroll);\r\n };\r\n });\r\n </script>\r\n \r\n <div class=\"px-5 md:px-10 pt-12 bg-white\" bind:this={containerRef}>\r\n <div class=\"w-full flex md:gap-5 flex-wrap\" bind:this={stickyRef}>\r\n <div class=\"flex-1 pb-16 md:pb-0\">\r\n <div class=\"checkout-card rounded-lg md:shadow md:border dark:bg-gray-900 dark:border-gray-700\">\r\n <header class=\"checkout-header flex justify-between py-5 md:p-5 border-b dark:border-gray-700\" role=\"banner\">\r\n <div class=\"gap-1\">\r\n <h1 class=\"checkout-title text-lg font-semibold leading-relaxed dark:text-white\">\r\n {heading}\r\n </h1>\r\n <p class=\"timer-text pt-1 text-xs font-normal leading-normal dark:text-red-400\" role=\"timer\" aria-live=\"polite\" aria-atomic=\"true\">\r\n {Timing}\r\n </p>\r\n </div>\r\n <button\r\n onclick={goBack}\r\n class=\"close-btn p-2 rounded-lg transition-colors dark:hover:bg-gray-800\"\r\n aria-label={labels.goBackToTicketSelection || \"Go back to cart\"}\r\n >\r\n <Close size={24} class=\"close-icon dark:text-gray-300\" aria-hidden=\"true\" />\r\n </button>\r\n </header>\r\n\r\n <!-- Payment Error Banner -->\r\n {#if paymentErrorType}\r\n <div class=\"error-banner p-4 md:p-5 border-b dark:bg-red-900/20 dark:text-red-400 dark:border-red-800\" role=\"alert\" aria-live=\"assertive\">\r\n <div class=\"error-banner-content flex items-start gap-3 dark:bg-red-900/20 dark:text-red-400 dark:border-red-800\">\r\n <div class=\"error-icon-wrapper shrink-0 dark:text-red-400\" aria-hidden=\"true\">\r\n {#if paymentErrorType === 'card_declined'}\r\n <ErrorFilled size={24} class=\"error-icon dark:text-red-400\" />\r\n {:else if paymentErrorType === 'network'}\r\n <WarningFilled size={24} class=\"warning-icon dark:text-amber-400\" />\r\n {:else}\r\n <WarningFilled size={24} class=\"warning-icon dark:text-amber-400\" />\r\n {/if}\r\n </div>\r\n <div class=\"error-details flex-1\">\r\n <h2 class=\"error-title text-sm font-semibold mb-1 dark:text-red-400\">\r\n {paymentErrorDetails.title}\r\n </h2>\r\n <p class=\"error-message text-sm mb-2 dark:text-red-300\">\r\n {paymentErrorDetails.message}\r\n </p>\r\n {#if paymentErrorDetails.suggestion}\r\n <p class=\"error-suggestion text-xs dark:text-red-400\">\r\n {paymentErrorDetails.suggestion}\r\n </p>\r\n {/if}\r\n </div>\r\n <button\r\n onclick={clearPaymentError}\r\n class=\"error-dismiss p-1 rounded transition-colors dark:text-red-400 dark:hover:bg-red-800/30\"\r\n aria-label={labels.close || \"Dismiss payment error\"}\r\n >\r\n <Close size={18} aria-hidden=\"true\" />\r\n </button>\r\n </div>\r\n {#if paymentErrorDetails.retryable}\r\n <div class=\"error-actions mt-3 flex gap-2\">\r\n <button\r\n onclick={() => { clearPaymentError(); initializeStripePayment(); }}\r\n class=\"retry-btn flex items-center gap-2 px-3 py-1.5 rounded-lg text-sm font-medium transition-colors\"\r\n aria-label={labels.networkErrorRetry || \"Retry payment\"}\r\n >\r\n <Renew size={16} aria-hidden=\"true\" />\r\n {labels.networkErrorRetry || 'Try again'}\r\n </button>\r\n </div>\r\n {/if}\r\n </div>\r\n {/if}\r\n\r\n <PersonalDetails\r\n bind:firstName\r\n bind:lastName\r\n bind:email\r\n bind:confirmEmail\r\n bind:phoneNumber\r\n bind:keepMeUpdated\r\n bind:ticketsInfo\r\n {emailMatchError}\r\n {updateTicketDetails}\r\n ticketType={event?.eventTicketingType ?? event?.ticketType ?? 0}\r\n {firstNameError}\r\n {lastNameError}\r\n {emailError}\r\n {confirmEmailError}\r\n {attendeeError}\r\n {updateTicketField}\r\n bind:firstNameTouched\r\n bind:lastNameTouched\r\n bind:emailTouched\r\n bind:confirmEmailTouched\r\n />\r\n \r\n <div class=\"py-5 md:p-5\">\r\n <TermsAndConditions\r\n bind:InputValue\r\n {terms}\r\n bind:showScrollbar\r\n bind:scrollContainer\r\n {handleScroll}\r\n {checkScrollable}\r\n {termsError}\r\n />\r\n </div>\r\n\r\n <div class=\"py-5 md:p-5\">\r\n <GiftCardInput\r\n {cartId}\r\n onApplied={handleGiftCardApplied}\r\n onRemoved={handleGiftCardRemoved}\r\n disabled={processing}\r\n />\r\n </div>\r\n\r\n {#if !giftCardApplied || giftCardApplied.requiresStripe}\r\n <div class=\"py-5 md:p-5\">\r\n <PaymentSection\r\n bind:selectedPayment\r\n {stripe}\r\n {paymentIntent}\r\n {processing}\r\n {executePurchase}\r\n bind:elements\r\n error={stripeError}\r\n />\r\n </div>\r\n {:else}\r\n <!-- Zero-payment: Gift card covers full amount -->\r\n <div class=\"py-5 md:p-5\">\r\n <div class=\"gift-card-complete-section p-4 bg-green-50 dark:bg-green-900/20 rounded-lg border border-green-200 dark:border-green-800\">\r\n <div class=\"flex items-center gap-3 mb-3\">\r\n <div class=\"w-10 h-10 rounded-full bg-green-100 dark:bg-green-900/50 flex items-center justify-center\">\r\n <svg class=\"w-5 h-5 text-green-600 dark:text-green-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n </svg>\r\n </div>\r\n <div>\r\n <p class=\"text-sm font-semibold text-green-800 dark:text-green-300\">{labels.giftCardNoPaymentRequired || 'No payment required'}</p>\r\n <p class=\"text-xs text-green-600 dark:text-green-400\">{labels.fullyCoveredByGiftCard || 'Your gift card covers the full order'}</p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n {/if}\r\n </div>\r\n </div>\r\n \r\n {#if isSticky}\r\n <!-- svelte-ignore element_invalid_self_closing_tag -->\r\n <div class=\"w-full sm:w-80 flex flex-col\" />\r\n {/if}\r\n\r\n <div\r\n class=\"w-full sm:w-80 sm:flex flex-col transition-all {isSticky ? 'fixed top-5' : 'static'}\"\r\n class:is-sticky={isSticky}\r\n style:left={isSticky ? `${sidebarLeft}px` : 'auto'}\r\n >\r\n {#if !venueFeesReady}\r\n <OrderSummarySkeleton />\r\n {:else}\r\n <OrderSummary\r\n btnText={giftCardApplied?.paymentType === 'gift_card_only' ? (labels.giftCardCompleteOrder || 'Complete Order') : (labels.placeOrder || 'Place order')}\r\n eventTickets={availableTickets}\r\n {quantities}\r\n {venueServiceCharge}\r\n {isAgreed}\r\n {feePerTicket}\r\n promoApplied={!!promocode}\r\n promoDiscount={promoDiscountAmount}\r\n loading={processing}\r\n executePurchase={giftCardApplied?.paymentType === 'gift_card_only' ? executeGiftCardOnlyPurchase : executePurchase}\r\n {elements}\r\n {giftCardApplied}\r\n />\r\n {/if}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Session Extension Popup -->\r\n {#if showExtendSessionPopup}\r\n <div\r\n class=\"session-popup-overlay dark:bg-gray-800\"\r\n role=\"dialog\"\r\n aria-modal=\"true\"\r\n aria-labelledby=\"extend-session-title\"\r\n aria-describedby=\"extend-session-description\"\r\n data-testid=\"session-extension-popup\"\r\n >\r\n <div class=\"session-popup dark:bg-gray-800\">\r\n <div class=\"session-popup-icon dark:bg-gray-800\" aria-hidden=\"true\">\r\n <WarningFilled size={32} class=\"warning-icon-large dark:text-amber-400\" />\r\n </div>\r\n <h2 id=\"extend-session-title\" class=\"session-popup-title dark:bg-gray-800 dark:text-white\">\r\n {labels.sessionExpiringSoon || 'Session Expiring Soon'}\r\n </h2>\r\n <p id=\"extend-session-description\" class=\"session-popup-message dark:bg-gray-800 dark:text-gray-300\">\r\n {labels.sessionExpireMessage || 'Your session will expire in'} <span class=\"time-remaining dark:text-red-400\">{formatTime(timerDuration)}</span>.\r\n {labels.sessionExtendQuestion || 'Would you like to extend your time to complete your purchase?'}\r\n </p>\r\n <div class=\"session-popup-actions dark:bg-gray-800\" data-testid=\"session-popup-actions\">\r\n <Button\r\n variant=\"default\"\r\n onclick={extendSession}\r\n data-testid=\"extend-session-btn\"\r\n aria-label={labels.sessionExtendAria || \"Extend session by 5 minutes\"}\r\n fullWidth\r\n >\r\n {labels.sessionExtendButton || 'Extend Time (+5 min)'}\r\n </Button>\r\n <Button\r\n variant=\"alternative\"\r\n onclick={dismissExtendPopup}\r\n data-testid=\"dismiss-session-popup-btn\"\r\n aria-label={labels.sessionDismissAria || \"Dismiss and continue without extending\"}\r\n fullWidth\r\n >\r\n {labels.sessionNoThanks || 'No Thanks'}\r\n </Button>\r\n </div>\r\n </div>\r\n </div>\r\n {/if}\r\n\r\n<style>\r\n /* Theme-responsive checkout styles */\r\n .checkout-card {\r\n background-color: rgb(255 255 255);\r\n border-color: rgb(229 231 235);\r\n }\r\n\r\n .checkout-header {\r\n border-color: rgb(229 231 235);\r\n }\r\n\r\n .checkout-title {\r\n color: rgb(17 24 39);\r\n }\r\n\r\n .timer-text {\r\n color: rgb(220 38 38);\r\n }\r\n\r\n .close-btn:hover {\r\n background-color: rgb(243 244 246);\r\n }\r\n\r\n .close-icon {\r\n color: rgb(75 85 99);\r\n }\r\n\r\n /* Error Banner Styles */\r\n .error-banner {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.75rem;\r\n border-radius: 0.5rem;\r\n background-color: rgb(254 242 242);\r\n color: rgb(220 38 38);\r\n border-color: rgb(254 202 202);\r\n }\r\n\r\n .error-icon-wrapper {\r\n margin-top: 0.125rem;\r\n }\r\n\r\n .error-icon {\r\n color: rgb(220 38 38);\r\n }\r\n\r\n .warning-icon {\r\n color: rgb(245 158 11);\r\n }\r\n\r\n .error-title {\r\n font-size: 1.125rem;\r\n line-height: 1.75rem;\r\n font-weight: 600;\r\n color: rgb(185 28 28);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .error-message {\r\n font-size: 0.875rem;\r\n line-height: 1.625;\r\n color: rgb(220 38 38);\r\n }\r\n\r\n .error-suggestion {\r\n color: rgb(239 68 68);\r\n font-style: italic;\r\n }\r\n\r\n .error-dismiss {\r\n color: rgb(220 38 38);\r\n }\r\n\r\n .error-dismiss:hover {\r\n background-color: rgb(254 226 226);\r\n }\r\n\r\n .retry-btn {\r\n color: white;\r\n background-color: hsl(var(--brand-primary, 224 76% 48%));\r\n }\r\n\r\n .retry-btn:hover {\r\n filter: brightness(0.9);\r\n }\r\n\r\n /* Gift card complete section */\r\n .gift-card-complete-section {\r\n text-align: center;\r\n }\r\n\r\n /* Network error uses amber/warning colors */\r\n .error-banner:has(.warning-icon) {\r\n background-color: rgb(255 251 235);\r\n border-color: rgb(253 230 138);\r\n \r\n &:where(.dark, .dark *) {\r\n background-color: rgb(120 53 15 / 0.2);\r\n border-color: rgb(146 64 14);\r\n }\r\n }\r\n\r\n .error-banner:has(.warning-icon) .error-title {\r\n color: rgb(180 83 9);\r\n \r\n &:where(.dark, .dark *) {\r\n color: rgb(251 191 36);\r\n }\r\n }\r\n\r\n .error-banner:has(.warning-icon) .error-message {\r\n color: rgb(217 119 6);\r\n \r\n &:where(.dark, .dark *) {\r\n color: rgb(252 211 77);\r\n }\r\n }\r\n\r\n .error-banner:has(.warning-icon) .error-suggestion {\r\n color: rgb(245 158 11);\r\n \r\n &:where(.dark, .dark *) {\r\n color: rgb(251 191 36);\r\n }\r\n }\r\n\r\n .error-banner:has(.warning-icon) .error-dismiss {\r\n color: rgb(217 119 6);\r\n \r\n &:where(.dark, .dark *) {\r\n color: rgb(251 191 36);\r\n }\r\n }\r\n\r\n .error-banner:has(.warning-icon) .error-dismiss:hover {\r\n background-color: rgb(254 243 199);\r\n \r\n &:where(.dark, .dark *) {\r\n background-color: rgb(146 64 14 / 0.3);\r\n }\r\n }\r\n\r\n /* Session Extension Popup Styles */\r\n .session-popup-overlay {\r\n position: fixed;\r\n inset: 0;\r\n background-color: rgb(0 0 0 / 0.5);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 50;\r\n padding: 1rem;\r\n animation: fadeIn 0.2s ease-out;\r\n \r\n &:where(.dark, .dark *) {\r\n background-color: rgb(0 0 0 / 0.7);\r\n }\r\n }\r\n\r\n .session-popup {\r\n background-color: rgb(255 255 255);\r\n border-radius: 0.75rem;\r\n box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\r\n padding: 1.5rem;\r\n max-width: 24rem;\r\n width: 100%;\r\n text-align: center;\r\n animation: slideUp 0.3s ease-out;\r\n }\r\n\r\n .session-popup-icon {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .warning-icon-large {\r\n color: rgb(245 158 11);\r\n margin-left: auto;\r\n margin-right: auto;\r\n \r\n &:where(.dark, .dark *) {\r\n color: rgb(251 191 36);\r\n }\r\n }\r\n\r\n .session-popup-title {\r\n font-size: 1.125rem;\r\n line-height: 1.75rem;\r\n font-weight: 600;\r\n color: rgb(17 24 39);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .session-popup-message {\r\n font-size: 0.875rem;\r\n line-height: 1.625;\r\n color: rgb(75 85 99);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .time-remaining {\r\n font-weight: 600;\r\n color: rgb(220 38 38);\r\n }\r\n\r\n .session-popup-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.75rem;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px) scale(0.95);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n }\r\n</style>\r\n"],"names":["firstName","lastName","email","phoneNumber","keepMeUpdated","ticketsInfo","$","$$props","ticketType","firstNameError","lastNameError","emailError","phoneError","firstNameTouched","lastNameTouched","emailTouched","phoneTouched","labels","form","root","section","div","h2","div_1","Input","node","$$value","node_1","div_2","node_2","div_3","node_3","Checkbox","node_4","span","ticket","index","$$anchor","section_1","root_3","div_4","h2_1","node_7","e","div_5","$1","node_8","node_9","div_6","node_10","$$render","consequent","InputValue","termsError","a","text_1","p","root_2","selectedPayment","error","elements","StripeElementsComp","PaymentElementComp","stripeTheme","useStripeTheme","onMount","mod","err","selectPayment","method","button","root_1","StripeElementsComp_1","PaymentElementComp_1","root_5","alternate","p_1","root_6","browser","consequent_1","alternate_1","p_2","root_7","consequent_2","slide","consequent_3","button_1","span_1","button_2","svg","path","path_1","path_2","path_3","span_2","classes","classes_1","classes_2","GOOGLE_PAY","availableTickets","value","venueId","organizationId","initialError","id","orgSlug","slug","rawEvent","event","transformEvent","venueFeesReady","quantities","promocode","promoDiscountAmount","tickets","confirmEmailTouched","confirmEmail","scrollContainer","showScrollbar","heading","timerDuration","Timing","formatTime","feePerTicket","showExtendSessionPopup","sessionExtensionOffered","SESSION_WARNING_THRESHOLD","SESSION_EXTENSION_AMOUNT","terms","isMobile","containerRef","stickyRef","isSticky","stickyTop","sidebarLeft","cartId","isScrollable","giftCardApplied","stripe","calculatedTax","calculatedServiceFee","calculatedTotal","processing","paymentIntent","isCompleteOrder","isInCompleteOrder","initializeStripePayment","filteredQuantities","_","val","paymentData","createPaymentIntent","loadStripe","ACCENT","stripeError","venueServiceCharge","handleGiftCardApplied","appliedCard","handleGiftCardRemoved","seconds","minutes","remainingSeconds","extendSession","dismissExtendPopup","checkScrollable","confirmEmailError","attendeeError","paymentErrorType","paymentErrorDetails","getPaymentErrorDetails","errorCode","errorType","errorMessage","declineCode","clearPaymentError","setPaymentError","details","validateBeforeSubmit","hasError","isAgreed","ticketErrorCount","t","errors","executePurchase","elementsParam","elementsToUse","validationError","result","paymentPayload","response","validatePaymentIntent","successData","executeGiftCardOnlyPurchase","completeGiftCardPayment","goBack","params","url","goto","updateScreenSize","handleScroll","rect","containerBounding","updateTicketField","field","i","updateTicketDetails","checked","syncSameAsPersonalAttendees","normalizedEmail","normalizedConfirmEmail","emailMatchError","info","idx","ticketId","quantity","ticketMeta","Cookies","checkoutState","loadCheckoutStateFromCookies","interval","venueData","getVenueDetails","fragment","header","h1","Close","div_7","ErrorFilled","WarningFilled","div_8","text_4","div_9","Renew","text_2","text_3","consequent_4","$0","PersonalDetails","div_10","TermsAndConditions","div_11","GiftCardInput","div_12","PaymentSection","node_11","div_13","root_8","div_14","div_15","div_16","p_3","p_4","consequent_5","div_17","root_9","consequent_6","div_18","node_12","OrderSummarySkeleton","$2","OrderSummary","alternate_2","consequent_7","div_19","root_12","div_20","div_21","p_5","text_9","div_22","Button","node_16","node_17","consequent_8","styles"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CollectionView.legacy-Bxih-dA-.js","sources":["../src/components/Calendar/GroupedListView.svelte","../src/components/Views/CollectionView.legacy.svelte"],"sourcesContent":["<script>\r\n import { onMount, onDestroy } from \"svelte\";\r\n import { PLACEHOLDER_IMAGE } from \"$lib/utils/constants.js\";\r\n import { getDateParts, formatFullDate, formatEventTime } from \"$lib/utils/datetime.js\";\r\n import { getBrowseStatus, isEventUnavailable, filterTodayAndFuture } from \"$lib/utils/browse-status.js\";\r\n import ScarcityBadge from \"../ScarcityBadge.svelte\";\r\n\r\n let {\r\n events = [],\r\n initialCount = 10,\r\n loadMoreCount = 10,\r\n showDateColumn = true,\r\n filterFutureOnly = true,\r\n oneventClick,\r\n labels = {},\r\n } = $props();\r\n\r\n let displayedCount = $state(initialCount);\r\n let loadMoreTrigger = $state();\r\n let observer;\r\n\r\n // Filter to today and future (if enabled), then group by date\r\n let filteredEvents = $derived(filterFutureOnly ? filterTodayAndFuture(events) : events);\r\n let groupedEvents = $derived(groupEventsByDate(filteredEvents.slice(0, displayedCount)));\r\n let hasMore = $derived(displayedCount < filteredEvents.length);\r\n\r\n function loadMore() {\r\n displayedCount += loadMoreCount;\r\n }\r\n\r\n onMount(() => {\r\n observer = new IntersectionObserver(\r\n (entries) => {\r\n if (entries[0].isIntersecting && hasMore) {\r\n loadMore();\r\n }\r\n },\r\n { rootMargin: '100px' }\r\n );\r\n\r\n if (loadMoreTrigger) {\r\n observer.observe(loadMoreTrigger);\r\n }\r\n });\r\n\r\n onDestroy(() => {\r\n if (observer) {\r\n observer.disconnect();\r\n }\r\n });\r\n\r\n // Re-observe when trigger element changes\r\n $effect(() => {\r\n if (observer && loadMoreTrigger) {\r\n observer.disconnect();\r\n observer.observe(loadMoreTrigger);\r\n }\r\n });\r\n\r\n function groupEventsByDate(eventList) {\r\n const groups = {};\r\n\r\n for (const event of eventList) {\r\n const dateKey = event.date; // YYYY-MM-DD format\r\n if (!groups[dateKey]) {\r\n groups[dateKey] = [];\r\n }\r\n groups[dateKey].push(event);\r\n }\r\n\r\n // Convert to array sorted by date\r\n return Object.entries(groups)\r\n .sort(([a], [b]) => new Date(a) - new Date(b))\r\n .map(([date, events]) => ({\r\n date,\r\n events,\r\n formattedDate: formatGroupDate(events),\r\n }));\r\n }\r\n\r\n function formatGroupDate(events) {\r\n // Use the first event in the group to get timezone-aware date parts\r\n const firstEvent = events[0];\r\n if (!firstEvent?.startDateTime) return { month: '', day: '', weekday: '' };\r\n const parts = getDateParts(firstEvent.startDateTime, firstEvent.timeZone);\r\n return {\r\n month: parts.month.toUpperCase(),\r\n day: String(parts.date).padStart(2, '0'),\r\n weekday: parts.day.toUpperCase(),\r\n };\r\n }\r\n\r\n function handleEventClick(event) {\r\n oneventClick?.(event);\r\n }\r\n\r\n function handleKeydown(e, event) {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n handleEventClick(event);\r\n }\r\n }\r\n</script>\r\n\r\n<section class=\"flex flex-col gap-0\" class:no-date-column={!showDateColumn} aria-label={labels.eventListings || 'Event listings'}>\r\n <h2 class=\"sr-only\">{labels.eventListGroupedByDate || 'Event list grouped by date'}</h2>\r\n {#each groupedEvents as group}\r\n <div class=\"date-group flex border-b border-gray-200 dark:border-gray-700 last:border-b-0\" role=\"group\" aria-label=\"Events on {group.events[0]?.startDateTime ? formatFullDate(group.events[0].startDateTime, group.events[0].timeZone) : group.date}\">\r\n <!-- Date Column -->\r\n {#if showDateColumn}\r\n <div class=\"w-16 min-w-16 py-4 px-2.5 flex flex-col items-center justify-start bg-gray-50 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-700 max-sm:w-12 max-sm:min-w-12 max-sm:py-2.5 max-sm:px-1.5\" aria-hidden=\"true\">\r\n <span class=\"text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase tracking-tight\">{group.formattedDate.month}</span>\r\n <span class=\"text-2xl max-sm:text-lg font-bold text-gray-900 dark:text-white leading-tight\">{group.formattedDate.day}</span>\r\n <span class=\"text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase tracking-tight\">{group.formattedDate.weekday}</span>\r\n </div>\r\n {/if}\r\n\r\n <!-- Events Column -->\r\n <ul class=\"events-column flex-1 flex flex-col list-none p-0 m-0\">\r\n {#each group.events as event, eventIndex}\r\n {@const eventStatus = getBrowseStatus(event)}\r\n {@const isUnavailable = isEventUnavailable(eventStatus)}\r\n <li class=\"list-none\">\r\n <div\r\n class=\"event-row flex gap-4 max-sm:gap-2.5 p-5 max-sm:p-3 cursor-pointer transition-colors duration-150 bg-white dark:bg-gray-800 border-b border-gray-200/50 dark:border-gray-700/50 last:border-b-0 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-2 focus:outline-blue-700 dark:focus:outline-blue-400 focus:-outline-offset-2 focus-visible:outline-2 focus-visible:outline-blue-700 dark:focus-visible:outline-blue-400 focus-visible:-outline-offset-2\"\r\n class:row-unavailable={isUnavailable}\r\n onclick={() => handleEventClick(event)}\r\n onkeydown={(e) => handleKeydown(e, event)}\r\n tabindex=\"0\"\r\n role=\"button\"\r\n aria-label={`${event.name} on ${event.startDateTime ? formatFullDate(event.startDateTime, event.timeZone) : group.date} at ${event.startDateTime ? formatEventTime(event.startDateTime, event.timeZone) : ''}, ${eventStatus?.text || event.status || labels.statusOnSale || 'On Sale'}. ${labels.pressEnterToView || 'Press Enter to view details'}`}\r\n >\r\n <!-- Event Image -->\r\n <div class=\"w-36 h-24 min-w-36 max-sm:w-20 max-sm:h-16 max-sm:min-w-20 rounded-lg overflow-hidden bg-gray-50 dark:bg-gray-900 flex items-center justify-center\" aria-hidden=\"true\">\r\n <img\r\n src={event.image || PLACEHOLDER_IMAGE}\r\n alt=\"\"\r\n class=\"w-full h-full object-contain\"\r\n loading=\"lazy\"\r\n />\r\n </div>\r\n\r\n <!-- Event Details (visually shown but also in aria-label, so hide from SR) -->\r\n <div class=\"flex-1 flex flex-col gap-1.5 min-w-0\" aria-hidden=\"true\">\r\n <h3 class=\"text-lg max-sm:text-sm font-semibold text-gray-900 dark:text-white m-0 leading-snug\">{event.name}</h3>\r\n <time class=\"text-sm max-sm:text-xs font-medium text-gray-600 dark:text-gray-300\" datetime={event.startDateTime || group.date}>{event.startDateTime ? formatEventTime(event.startDateTime, event.timeZone) : ''}</time>\r\n {#if event.description}\r\n <p class=\"event-description text-sm text-gray-600 dark:text-gray-300 mt-1.5 mb-0 line-clamp-2 max-sm:hidden\">{event.description}</p>\r\n {/if}\r\n </div>\r\n\r\n <!-- Status / Scarcity Badge -->\r\n <div class=\"flex items-start pt-0.5\" aria-hidden=\"true\">\r\n {#if eventStatus}\r\n <span class=\"status-badge status-{eventStatus.type}\">{eventStatus.text}</span>\r\n {:else if event.ticketsTotal > 0 || event.ticketsRemaining === 0}\r\n <ScarcityBadge\r\n remaining={event.ticketsRemaining ?? 0}\r\n total={event.ticketsTotal ?? 0}\r\n context=\"browse\"\r\n {labels}\r\n />\r\n {/if}\r\n </div>\r\n </div>\r\n </li>\r\n {/each}\r\n </ul>\r\n </div>\r\n {/each}\r\n\r\n <!-- Infinite scroll trigger -->\r\n {#if hasMore}\r\n <div bind:this={loadMoreTrigger} class=\"flex justify-center items-center p-6 text-gray-600 dark:text-gray-300\" role=\"status\" aria-live=\"polite\">\r\n <span class=\"text-sm\">{labels.loadingMoreEvents || 'Loading more events...'}</span>\r\n </div>\r\n {/if}\r\n</section>\r\n\r\n<style>\r\n /* When no date column, remove left border styling */\r\n .no-date-column .date-group {\r\n border-bottom: 0;\r\n }\r\n\r\n .no-date-column .events-column {\r\n border-left: 0;\r\n }\r\n\r\n .event-description {\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n /* Unavailable row dimming */\r\n .row-unavailable {\r\n opacity: 0.6;\r\n }\r\n\r\n .row-unavailable img {\r\n filter: grayscale(0.5);\r\n }\r\n\r\n /* Status badges -- distinct visual treatments matching gallery cards */\r\n .status-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n font-weight: 700;\r\n padding: 0.25rem 0.625rem;\r\n border-radius: 0.25rem;\r\n white-space: nowrap;\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n .status-cancelled {\r\n background-color: rgb(254 226 226);\r\n color: rgb(153 27 27);\r\n text-decoration: line-through;\r\n text-decoration-thickness: 1.5px;\r\n\r\n :global(.dark) & {\r\n background-color: rgb(127 29 29 / 0.4);\r\n color: rgb(252 165 165);\r\n }\r\n }\r\n\r\n .status-past {\r\n background-color: rgb(243 244 246);\r\n color: rgb(107 114 128);\r\n\r\n :global(.dark) & {\r\n background-color: rgb(31 41 55);\r\n color: rgb(156 163 175);\r\n }\r\n }\r\n\r\n .status-sold_out {\r\n background-color: rgb(254 226 226);\r\n color: rgb(185 28 28);\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n font-size: 0.65rem;\r\n\r\n :global(.dark) & {\r\n background-color: rgb(127 29 29 / 0.4);\r\n color: rgb(248 113 113);\r\n }\r\n }\r\n\r\n .status-sales_ended {\r\n background-color: rgb(243 244 246);\r\n color: rgb(107 114 128);\r\n border: 1px solid rgb(209 213 219);\r\n\r\n :global(.dark) & {\r\n background-color: rgb(31 41 55);\r\n color: rgb(156 163 175);\r\n border-color: rgb(75 85 99);\r\n }\r\n }\r\n\r\n .status-coming_soon {\r\n background-color: rgb(224 231 255);\r\n color: rgb(67 56 202);\r\n\r\n :global(.dark) & {\r\n background-color: rgb(49 46 129 / 0.4);\r\n color: rgb(165 180 252);\r\n }\r\n }\r\n\r\n /* Reduced motion */\r\n @media (prefers-reduced-motion: reduce) {\r\n .event-row {\r\n transition: none;\r\n }\r\n }\r\n\r\n /* Screen reader only text */\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border-width: 0;\r\n }\r\n</style>\r\n","<script>\r\n import { onMount, onDestroy } from 'svelte';\r\n import { fetchPublicCollection } from '../../lib/api/events.ts';\r\n import { getImageUrl } from '$lib/utils/utils.js';\r\n import { EmptyState } from '@getmicdrop/svelte-components';\r\n import GalleryCard from '../Calendar/GalleryCard.svelte';\r\n import GroupedListView from '../Calendar/GroupedListView.svelte';\r\n import SkeletonLoader from '../SkeletonLoader/SkeletonLoader.svelte';\r\n\r\n let {\r\n collectionId,\r\n organizationId = '',\r\n onNavigateToEvent,\r\n password: initialPassword = undefined,\r\n displayMode: initialDisplayMode = 'gallery',\r\n showViewSwitcher = true,\r\n labels = {},\r\n } = $props();\r\n\r\n let collection = $state(null);\r\n let isLoading = $state(true);\r\n let error = $state(null);\r\n let isMounted = $state(false);\r\n let passwordRequired = $state(false);\r\n let passwordInput = $state('');\r\n let passwordError = $state(false);\r\n let activeDisplayMode = $state(initialDisplayMode);\r\n\r\n // Transform collection events into the shape GalleryCard expects\r\n function toGalleryEvent(event) {\r\n return {\r\n id: event.id,\r\n name: event.title || event.name || '',\r\n date: event.startDateTime ? event.startDateTime.split('T')[0] : '',\r\n image: event.image ? getImageUrl(event.image) : '',\r\n timeline: event.startDateTime ? formatTimeline(event.startDateTime) : '',\r\n status: event.status || 'on_sale',\r\n slug: event.slug || '',\r\n ticketsRemaining: event.ticketsRemaining ?? event.ticketsAvailable,\r\n ticketsTotal: event.ticketsTotal ?? event.capacity,\r\n };\r\n }\r\n\r\n // Transform collection events into the shape GroupedListView expects\r\n function toListEvent(event) {\r\n return {\r\n id: event.id,\r\n name: event.title || event.name || '',\r\n date: event.startDateTime ? event.startDateTime.split('T')[0] : '',\r\n startDateTime: event.startDateTime || '',\r\n image: event.image ? getImageUrl(event.image) : '',\r\n status: event.status || 'on_sale',\r\n slug: event.slug || '',\r\n description: event.description || '',\r\n ticketsRemaining: event.ticketsRemaining ?? event.ticketsAvailable,\r\n ticketsTotal: event.ticketsTotal ?? event.capacity,\r\n };\r\n }\r\n\r\n function formatTimeline(iso) {\r\n if (!iso) return '';\r\n const date = new Date(iso);\r\n return date.toLocaleTimeString('en-US', {\r\n hour: 'numeric',\r\n minute: '2-digit',\r\n hour12: true,\r\n });\r\n }\r\n\r\n let displayEvents = $derived(\r\n collection ? sortByStartTime(collection.events || []) : []\r\n );\r\n\r\n let galleryEvents = $derived(displayEvents.map(toGalleryEvent));\r\n let listEvents = $derived(displayEvents.map(toListEvent));\r\n\r\n // Only show view switcher when there are 2+ events\r\n let canShowSwitcher = $derived(showViewSwitcher && displayEvents.length >= 2);\r\n\r\n function sortByStartTime(events) {\r\n return [...events].sort((a, b) => {\r\n if (!a.startDateTime && !b.startDateTime) return 0;\r\n if (!a.startDateTime) return 1;\r\n if (!b.startDateTime) return -1;\r\n return new Date(a.startDateTime).getTime() - new Date(b.startDateTime).getTime();\r\n });\r\n }\r\n\r\n function handleEventClick(galleryEvent) {\r\n if (onNavigateToEvent) {\r\n const eventData = galleryEvent.detail || galleryEvent;\r\n onNavigateToEvent(eventData.id, eventData.slug || '');\r\n }\r\n }\r\n\r\n async function loadCollection(pwd) {\r\n if (!isMounted) return;\r\n if (!collectionId) {\r\n error = labels.noCollectionIdProvided || 'No collection ID provided';\r\n isLoading = false;\r\n return;\r\n }\r\n\r\n isLoading = true;\r\n error = null;\r\n passwordError = false;\r\n\r\n try {\r\n const data = await fetchPublicCollection(collectionId, pwd);\r\n if (!isMounted) return;\r\n\r\n if (data) {\r\n // Check if the response indicates password is required\r\n if (data.passwordRequired || data.error?.code === 'PASSWORD_REQUIRED') {\r\n passwordRequired = true;\r\n isLoading = false;\r\n return;\r\n }\r\n collection = data;\r\n passwordRequired = false;\r\n } else {\r\n // A null response after providing a password likely means wrong password\r\n if (pwd) {\r\n passwordRequired = true;\r\n passwordError = true;\r\n isLoading = false;\r\n return;\r\n }\r\n error = labels.failedToLoadCollection || 'Failed to load collection';\r\n }\r\n } catch (err) {\r\n if (isMounted) {\r\n // Check for password-related error responses\r\n const msg = err.message || '';\r\n if (msg.includes('401') || msg.includes('403') || msg.includes('password')) {\r\n passwordRequired = true;\r\n } else {\r\n error = msg || 'Failed to load collection';\r\n }\r\n }\r\n } finally {\r\n if (isMounted) {\r\n isLoading = false;\r\n }\r\n }\r\n }\r\n\r\n function handlePasswordSubmit(e) {\r\n e.preventDefault();\r\n if (!passwordInput.trim()) return;\r\n loadCollection(passwordInput);\r\n }\r\n\r\n onMount(async () => {\r\n isMounted = true;\r\n await loadCollection(initialPassword);\r\n });\r\n\r\n onDestroy(() => {\r\n isMounted = false;\r\n });\r\n</script>\r\n\r\n<div class=\"collection-view\">\r\n {#if isLoading}\r\n <SkeletonLoader type=\"gallery\" />\r\n {:else if passwordRequired}\r\n <div class=\"password-container\">\r\n <div class=\"password-card\">\r\n <h2 class=\"password-title\">{labels.collectionPrivateTitle || 'This collection is private'}</h2>\r\n <p class=\"password-description\">{labels.collectionPrivateDescription || 'Please enter the password to view this collection.'}</p>\r\n <form onsubmit={handlePasswordSubmit} class=\"password-form\">\r\n <input\r\n type=\"password\"\r\n bind:value={passwordInput}\r\n placeholder={labels.enterPassword || \"Enter password\"}\r\n class=\"password-input\"\r\n class:password-input-error={passwordError}\r\n />\r\n {#if passwordError}\r\n <p class=\"password-error-text\">{labels.incorrectPassword || 'Incorrect password. Please try again.'}</p>\r\n {/if}\r\n <button type=\"submit\" class=\"password-submit\">{labels.viewCollection || 'View Collection'}</button>\r\n </form>\r\n </div>\r\n </div>\r\n {:else if error}\r\n <div class=\"error-container\">\r\n <p class=\"error-text\">{labels.errorPrefix || 'Error:'} {error}</p>\r\n </div>\r\n {:else if collection}\r\n <!-- Cover Image with Blur -->\r\n {#if collection.coverImage}\r\n {@const imageUrl = getImageUrl(collection.coverImage)}\r\n <div class=\"cover-image\">\r\n <div class=\"cover-blur\" style=\"background-image: url({imageUrl})\"></div>\r\n <img src={imageUrl} alt={collection.collectionTitle} />\r\n </div>\r\n {/if}\r\n\r\n <!-- Collection Header -->\r\n <div class=\"collection-header\">\r\n <h1 class=\"collection-title\">{collection.collectionTitle}</h1>\r\n {#if collection.summary}\r\n <p class=\"collection-summary\">{collection.summary}</p>\r\n {/if}\r\n {#if collection.description}\r\n <div class=\"collection-description\">{collection.description}</div>\r\n {/if}\r\n </div>\r\n\r\n <!-- Events Section -->\r\n <div class=\"events-section\">\r\n <div class=\"events-section-header\">\r\n <h2 class=\"events-heading\">Events ({displayEvents.length})</h2>\r\n\r\n {#if canShowSwitcher}\r\n <div class=\"view-switcher\" role=\"group\" aria-label={labels.viewOptions || \"Display mode\"}>\r\n <button\r\n type=\"button\"\r\n class=\"view-switcher-btn\"\r\n class:view-switcher-btn-active={activeDisplayMode === 'gallery'}\r\n onclick={() => activeDisplayMode = 'gallery'}\r\n aria-label={labels.galleryView || \"Gallery view\"}\r\n aria-pressed={activeDisplayMode === 'gallery'}\r\n >\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"></rect>\r\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"></rect>\r\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"></rect>\r\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"></rect>\r\n </svg>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"view-switcher-btn\"\r\n class:view-switcher-btn-active={activeDisplayMode === 'list'}\r\n onclick={() => activeDisplayMode = 'list'}\r\n aria-label={labels.listView || \"List view\"}\r\n aria-pressed={activeDisplayMode === 'list'}\r\n >\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"></line>\r\n <line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"></line>\r\n <line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"></line>\r\n <line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"></line>\r\n <line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"></line>\r\n <line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"></line>\r\n </svg>\r\n </button>\r\n </div>\r\n {/if}\r\n </div>\r\n\r\n {#if displayEvents.length === 0}\r\n <EmptyState\r\n message={labels.noUpcomingEvents || \"No upcoming events\"}\r\n subtext={labels.noUpcomingEventsSubtext || \"There are no events in this collection right now. Check back soon!\"}\r\n />\r\n {:else if activeDisplayMode === 'list'}\r\n <GroupedListView\r\n events={listEvents}\r\n filterFutureOnly={false}\r\n oneventClick={handleEventClick}\r\n />\r\n {:else}\r\n <div class=\"events-grid\">\r\n {#each galleryEvents as event (event.id)}\r\n <GalleryCard {event} oneventClick={handleEventClick} />\r\n {/each}\r\n </div>\r\n {/if}\r\n </div>\r\n {/if}\r\n</div>\r\n\r\n<style>\r\n .collection-view {\r\n width: 100%;\r\n max-width: 64rem;\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding-left: 1rem;\r\n padding-right: 1rem;\r\n color: hsl(var(--text-primary, 0 0% 10%));\r\n }\r\n\r\n .error-container,\r\n .password-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 50vh;\r\n text-align: center;\r\n }\r\n\r\n .error-text {\r\n color: hsl(var(--status-sold-out, 0 72% 51%));\r\n }\r\n\r\n /* Password gate */\r\n .password-card {\r\n border-radius: 0.5rem;\r\n padding: 2rem;\r\n max-width: 24rem;\r\n width: 100%;\r\n background: hsl(var(--surface-primary, 0 0% 100%));\r\n box-shadow: 0 2px 10px color-mix(in srgb, black 10%, transparent);\r\n }\r\n\r\n .password-title {\r\n font-size: 1.25rem;\r\n line-height: 1.75rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n color: hsl(var(--text-primary, 0 0% 10%));\r\n }\r\n\r\n .password-description {\r\n font-size: 0.875rem;\r\n line-height: 1.25rem;\r\n margin-bottom: 1.5rem;\r\n color: hsl(var(--text-secondary, 0 0% 45%));\r\n }\r\n\r\n .password-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.75rem;\r\n }\r\n\r\n .password-input {\r\n width: 100%;\r\n padding: 0.5rem 0.75rem;\r\n border-radius: 0.5rem;\r\n font-size: 0.875rem;\r\n line-height: 1.25rem;\r\n border: 1px solid hsl(var(--stroke-secondary, 0 0% 85%));\r\n color: hsl(var(--text-primary, 0 0% 10%));\r\n background: hsl(var(--surface-primary, 0 0% 100%));\r\n }\r\n\r\n .password-input:focus {\r\n outline: none;\r\n border-color: hsl(var(--brand-primary, 220 90% 56%));\r\n box-shadow: 0 0 0 2px hsl(var(--brand-primary, 220 90% 56%) / 0.2);\r\n }\r\n\r\n .password-input-error {\r\n border-color: hsl(var(--status-sold-out, 0 72% 51%));\r\n }\r\n\r\n .password-error-text {\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n color: hsl(var(--status-sold-out, 0 72% 51%));\r\n }\r\n\r\n .password-submit {\r\n padding: 0.5rem 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 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 .password-submit:hover {\r\n filter: brightness(0.95);\r\n }\r\n\r\n /* Cover Image with blur background */\r\n .cover-image {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n border-radius: 0.5rem;\r\n margin-bottom: 2rem;\r\n height: 350px;\r\n }\r\n\r\n .cover-blur {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n filter: blur(24px) saturate(1.2);\r\n transform: scale(1.15);\r\n }\r\n\r\n .cover-image img {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n /* Header */\r\n .collection-header {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .collection-title {\r\n font-size: 1.875rem;\r\n line-height: 2.25rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n color: hsl(var(--text-primary, 0 0% 10%));\r\n }\r\n\r\n .collection-summary {\r\n font-size: 1.125rem;\r\n line-height: 1.75rem;\r\n margin-bottom: 1rem;\r\n color: hsl(var(--text-secondary, 0 0% 45%));\r\n }\r\n\r\n .collection-description {\r\n line-height: 1.625;\r\n color: hsl(var(--text-secondary, 0 0% 35%));\r\n }\r\n\r\n /* Events Section */\r\n .events-section {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .events-section-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .events-heading {\r\n font-size: 1.5rem;\r\n line-height: 2rem;\r\n font-weight: 700;\r\n color: hsl(var(--text-primary, 0 0% 10%));\r\n }\r\n\r\n /* View Switcher */\r\n .view-switcher {\r\n display: flex;\r\n gap: 0.25rem;\r\n padding: 0.25rem;\r\n border-radius: 0.5rem;\r\n background: hsl(var(--surface-secondary, 0 0% 96%));\r\n }\r\n\r\n .view-switcher-btn {\r\n padding: 0.375rem;\r\n border-radius: 0.375rem;\r\n transition: color 0.15s;\r\n color: hsl(var(--text-secondary, 0 0% 45%));\r\n }\r\n\r\n .view-switcher-btn:hover {\r\n color: hsl(var(--text-primary, 0 0% 10%));\r\n }\r\n\r\n .view-switcher-btn-active {\r\n color: hsl(var(--text-primary, 0 0% 10%));\r\n background: hsl(var(--surface-primary, 0 0% 100%));\r\n box-shadow: 0 1px 2px color-mix(in srgb, black 8%, transparent);\r\n }\r\n\r\n .events-grid {\r\n display: grid;\r\n gap: 1.5rem;\r\n grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\r\n }\r\n\r\n /* Responsive */\r\n @media (max-width: 640px) {\r\n .cover-image {\r\n height: 250px;\r\n }\r\n\r\n .collection-title {\r\n font-size: 1.5rem;\r\n line-height: 2rem;\r\n }\r\n\r\n .events-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 400px) {\r\n .events-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n</style>\r\n"],"names":["events","$","$$props","initialCount","loadMoreCount","showDateColumn","filterFutureOnly","labels","displayedCount","loadMoreTrigger","observer","filteredEvents","filterTodayAndFuture","groupedEvents","groupEventsByDate","hasMore","loadMore","onMount","entries","onDestroy","eventList","groups","event","dateKey","a","b","date","formatGroupDate","firstEvent","parts","getDateParts","handleEventClick","handleKeydown","e","section","root","h2","node","group","div","root_1","div_1","root_2","span","span_1","span_2","$$render","consequent","ul","node_1","eventStatus","getBrowseStatus","isUnavailable","isEventUnavailable","li","root_3","div_2","div_3","img","div_4","h3","time","p","root_4","text_6","consequent_1","div_5","span_3","root_5","text_7","ScarcityBadge","$$anchor","consequent_2","consequent_3","classes_1","$0","PLACEHOLDER_IMAGE","text_4","formatFullDate","formatEventTime","div_6","root_7","span_4","$$value","consequent_4","classes","initialPassword","initialDisplayMode","showViewSwitcher","collection","isLoading","error","isMounted","passwordRequired","passwordInput","passwordError","activeDisplayMode","toGalleryEvent","getImageUrl","formatTimeline","toListEvent","iso","displayEvents","sortByStartTime","galleryEvents","listEvents","canShowSwitcher","galleryEvent","eventData","loadCollection","pwd","data","fetchPublicCollection","err","msg","handlePasswordSubmit","SkeletonLoader","form","input","p_1","button","p_2","imageUrl","root_6","node_2","h1","p_3","consequent_5","div_7","root_8","consequent_6","div_8","div_9","h2_1","div_10","root_9","button_1","button_2","classes_2","consequent_7","EmptyState","GroupedListView","div_11","root_12","GalleryCard","consequent_8","consequent_9","alternate","text_5","text_8","consequent_10"],"mappings":"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"}
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
import "svelte/internal/disclose-version";
|
|
2
|
-
import * as e from "svelte/internal/client";
|
|
3
|
-
import { f as H, P as M, b as D, c as Z } from "./VenueCalendar-B5Y29ZJD.js";
|
|
4
|
-
var O = e.from_html('<div class="hero-image-container relative w-full bg-gray-100 dark:bg-gray-700 overflow-hidden svelte-ndk2q7"><img alt="" class="hero-image svelte-ndk2q7" aria-hidden="true"/></div>'), R = e.from_html('<div class="hero-image-container relative w-full bg-gray-100 dark:bg-gray-700 overflow-hidden flex items-center justify-center svelte-ndk2q7"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-16 h-16 text-gray-300 dark:text-gray-600"><rect x="2" y="2" width="20" height="20" rx="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><path d="m21 15-5-5L5 21"></path></svg></div>'), S = e.from_html('<span class="w-1.5 h-1.5 rounded-full bg-blue-600 dark:bg-blue-400"></span> Series', 1), V = e.from_html('<span class="w-1.5 h-1.5 rounded-full bg-blue-600 dark:bg-blue-400"></span> Collection', 1), z = e.from_html('<span class="text-gray-400 dark:text-gray-500">·</span> ', 1), J = e.from_html('<p class="text-base text-gray-600 dark:text-gray-300 font-medium"> <!></p>'), K = e.from_html('<div class="featured-hero rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-hidden"><!> <div class="p-4 sm:p-5"><div class="inline-flex items-center gap-1.5 text-xs font-semibold text-blue-700 dark:text-blue-400 uppercase tracking-wide mb-2"><!> <!></div> <h2 class="hero-title text-xl sm:text-2xl font-bold text-gray-900 dark:text-white mb-2 svelte-ndk2q7"> </h2> <!></div></div>'), Q = e.from_html('<span class="text-gray-400 dark:text-gray-500 mx-1">·</span> ', 1), U = e.from_html('<p class="hero-description text-sm text-gray-600 dark:text-gray-400 mt-2 svelte-ndk2q7"> </p>'), W = e.from_html('<div class="featured-hero featured-hero-clickable rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-hidden cursor-pointer hover:border-gray-300 dark:hover:border-gray-600 focus-visible:outline-2 focus-visible:outline-blue-700 dark:focus-visible:outline-blue-500 focus-visible:outline-offset-2 svelte-ndk2q7" tabindex="0" role="button"><div class="hero-image-container relative w-full bg-gray-100 dark:bg-gray-700 overflow-hidden svelte-ndk2q7"><img alt="" class="hero-image svelte-ndk2q7" aria-hidden="true"/></div> <div class="p-4 sm:p-5" aria-hidden="true"><h2 class="hero-title text-xl sm:text-2xl font-bold text-gray-900 dark:text-white mb-2 svelte-ndk2q7"> </h2> <p class="text-base text-gray-600 dark:text-gray-300 font-medium"> <!></p> <!></div></div>'), X = e.from_html('<div class="flex items-center justify-center py-12 rounded-lg border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900"><p class="text-sm text-gray-500 dark:text-gray-400">No upcoming events to feature</p></div>'), Y = e.from_html('<section class="w-full" aria-label="Featured event"><!></section>');
|
|
5
|
-
function te(F, h) {
|
|
6
|
-
e.push(h, !0);
|
|
7
|
-
let A = e.prop(h, "events", 19, () => []), o = e.prop(h, "featuredItem", 3, null), T = e.derived(() => H(A())), r = e.derived(() => e.get(T).length > 0 ? e.get(T)[0] : null);
|
|
8
|
-
function E() {
|
|
9
|
-
e.get(r) && h.oneventClick?.(e.get(r));
|
|
10
|
-
}
|
|
11
|
-
var x = Y(), I = e.child(x);
|
|
12
|
-
{
|
|
13
|
-
var L = (d) => {
|
|
14
|
-
var l = K(), n = e.child(l);
|
|
15
|
-
{
|
|
16
|
-
var y = (t) => {
|
|
17
|
-
var a = O(), f = e.child(a);
|
|
18
|
-
e.reset(a), e.template_effect(() => e.set_attribute(f, "src", o().image)), e.append(t, a);
|
|
19
|
-
}, b = (t) => {
|
|
20
|
-
var a = R();
|
|
21
|
-
e.append(t, a);
|
|
22
|
-
};
|
|
23
|
-
e.if(n, (t) => {
|
|
24
|
-
o().image ? t(y) : t(b, !1);
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
var v = e.sibling(n, 2), m = e.child(v), g = e.child(m);
|
|
28
|
-
{
|
|
29
|
-
var u = (t) => {
|
|
30
|
-
var a = S();
|
|
31
|
-
e.next(), e.append(t, a);
|
|
32
|
-
}, k = (t) => {
|
|
33
|
-
var a = V();
|
|
34
|
-
e.next(), e.append(t, a);
|
|
35
|
-
};
|
|
36
|
-
e.if(g, (t) => {
|
|
37
|
-
o().type === "series" ? t(u) : t(k, !1);
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
var w = e.sibling(g, 2);
|
|
41
|
-
{
|
|
42
|
-
var q = (t) => {
|
|
43
|
-
var a = z(), f = e.sibling(e.first_child(a));
|
|
44
|
-
e.template_effect(() => e.set_text(f, ` ${o().subtitle ?? ""}`)), e.append(t, a);
|
|
45
|
-
};
|
|
46
|
-
e.if(w, (t) => {
|
|
47
|
-
o().subtitle && t(q);
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
e.reset(m);
|
|
51
|
-
var c = e.sibling(m, 2), i = e.child(c, !0);
|
|
52
|
-
e.reset(c);
|
|
53
|
-
var s = e.sibling(c, 2);
|
|
54
|
-
{
|
|
55
|
-
var p = (t) => {
|
|
56
|
-
var a = J(), f = e.child(a), N = e.sibling(f);
|
|
57
|
-
{
|
|
58
|
-
var B = (_) => {
|
|
59
|
-
var C = e.text();
|
|
60
|
-
e.template_effect((G) => e.set_text(C, `at ${G ?? ""}`), [
|
|
61
|
-
() => Z(e.get(r).startDateTime, e.get(r).timeZone)
|
|
62
|
-
]), e.append(_, C);
|
|
63
|
-
};
|
|
64
|
-
e.if(N, (_) => {
|
|
65
|
-
e.get(r).startDateTime && _(B);
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
e.reset(a), e.template_effect((_) => e.set_text(f, `Next: ${_ ?? ""} `), [
|
|
69
|
-
() => D(e.get(r).startDateTime, e.get(r).timeZone)
|
|
70
|
-
]), e.append(t, a);
|
|
71
|
-
};
|
|
72
|
-
e.if(s, (t) => {
|
|
73
|
-
e.get(r) && t(p);
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
e.reset(v), e.reset(l), e.template_effect(() => e.set_text(i, o().title)), e.append(d, l);
|
|
77
|
-
}, P = (d) => {
|
|
78
|
-
var l = W(), n = e.child(l), y = e.child(n);
|
|
79
|
-
e.reset(n);
|
|
80
|
-
var b = e.sibling(n, 2), v = e.child(b), m = e.child(v, !0);
|
|
81
|
-
e.reset(v);
|
|
82
|
-
var g = e.sibling(v, 2), u = e.child(g), k = e.sibling(u);
|
|
83
|
-
{
|
|
84
|
-
var w = (i) => {
|
|
85
|
-
var s = Q(), p = e.sibling(e.first_child(s));
|
|
86
|
-
e.template_effect((t) => e.set_text(p, ` ${t ?? ""}`), [
|
|
87
|
-
() => Z(e.get(r).startDateTime, e.get(r).timeZone)
|
|
88
|
-
]), e.append(i, s);
|
|
89
|
-
};
|
|
90
|
-
e.if(k, (i) => {
|
|
91
|
-
e.get(r).startDateTime && i(w);
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
e.reset(g);
|
|
95
|
-
var q = e.sibling(g, 2);
|
|
96
|
-
{
|
|
97
|
-
var c = (i) => {
|
|
98
|
-
var s = U(), p = e.child(s, !0);
|
|
99
|
-
e.reset(s), e.template_effect(() => e.set_text(p, e.get(r).description)), e.append(i, s);
|
|
100
|
-
};
|
|
101
|
-
e.if(q, (i) => {
|
|
102
|
-
e.get(r).description && i(c);
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
e.reset(b), e.reset(l), e.template_effect(
|
|
106
|
-
(i, s) => {
|
|
107
|
-
e.set_attribute(l, "aria-label", `${e.get(r).name ?? ""}, ${i ?? ""}. Press Enter to view details.`), e.set_attribute(y, "src", e.get(r).image || M), e.set_text(m, e.get(r).name), e.set_text(u, `${s ?? ""} `);
|
|
108
|
-
},
|
|
109
|
-
[
|
|
110
|
-
() => D(e.get(r).startDateTime, e.get(r).timeZone),
|
|
111
|
-
() => D(e.get(r).startDateTime, e.get(r).timeZone)
|
|
112
|
-
]
|
|
113
|
-
), e.delegated("click", l, E), e.delegated("keydown", l, (i) => (i.key === "Enter" || i.key === " ") && E()), e.append(d, l);
|
|
114
|
-
}, j = (d) => {
|
|
115
|
-
var l = X();
|
|
116
|
-
e.append(d, l);
|
|
117
|
-
};
|
|
118
|
-
e.if(I, (d) => {
|
|
119
|
-
o() ? d(L) : e.get(r) ? d(P, 1) : d(j, !1);
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
e.reset(x), e.append(F, x), e.pop();
|
|
123
|
-
}
|
|
124
|
-
e.delegate(["click", "keydown"]);
|
|
125
|
-
export {
|
|
126
|
-
te as default
|
|
127
|
-
};
|
|
128
|
-
//# sourceMappingURL=FeaturedView.legacy-CVEXHJBx.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FeaturedView.legacy-CVEXHJBx.js","sources":["../src/components/Calendar/FeaturedView.legacy.svelte"],"sourcesContent":["<script>\r\n import { formatFullDate, formatEventTime } from \"$lib/utils/datetime.js\";\r\n import { PLACEHOLDER_IMAGE } from \"$lib/utils/constants.js\";\r\n import { filterTodayAndFuture } from \"$lib/utils/browse-status.js\";\r\n\r\n let {\r\n events = [],\r\n featuredItem = null,\r\n oneventClick,\r\n } = $props();\r\n\r\n // Filter to today and future, sorted chronologically\r\n let futureEvents = $derived(filterTodayAndFuture(events));\r\n\r\n let heroEvent = $derived(futureEvents.length > 0 ? futureEvents[0] : null);\r\n\r\n function handleClick() {\r\n if (heroEvent) {\r\n oneventClick?.(heroEvent);\r\n }\r\n }\r\n</script>\r\n\r\n<section class=\"w-full\" aria-label=\"Featured event\">\r\n {#if featuredItem}\r\n <!-- Series or Collection hero -->\r\n <div class=\"featured-hero rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-hidden\">\r\n {#if featuredItem.image}\r\n <div class=\"hero-image-container relative w-full bg-gray-100 dark:bg-gray-700 overflow-hidden\">\r\n <img\r\n src={featuredItem.image}\r\n alt=\"\"\r\n class=\"hero-image\"\r\n aria-hidden=\"true\"\r\n />\r\n </div>\r\n {:else}\r\n <div class=\"hero-image-container relative w-full bg-gray-100 dark:bg-gray-700 overflow-hidden flex items-center justify-center\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" class=\"w-16 h-16 text-gray-300 dark:text-gray-600\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\"/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/><path d=\"m21 15-5-5L5 21\"/></svg>\r\n </div>\r\n {/if}\r\n\r\n <div class=\"p-4 sm:p-5\">\r\n <div class=\"inline-flex items-center gap-1.5 text-xs font-semibold text-blue-700 dark:text-blue-400 uppercase tracking-wide mb-2\">\r\n {#if featuredItem.type === 'series'}\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-blue-600 dark:bg-blue-400\"></span>\r\n Series\r\n {:else}\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-blue-600 dark:bg-blue-400\"></span>\r\n Collection\r\n {/if}\r\n {#if featuredItem.subtitle}\r\n <span class=\"text-gray-400 dark:text-gray-500\">·</span>\r\n {featuredItem.subtitle}\r\n {/if}\r\n </div>\r\n\r\n <h2 class=\"hero-title text-xl sm:text-2xl font-bold text-gray-900 dark:text-white mb-2\">{featuredItem.title}</h2>\r\n\r\n {#if heroEvent}\r\n <p class=\"text-base text-gray-600 dark:text-gray-300 font-medium\">\r\n Next: {formatFullDate(heroEvent.startDateTime, heroEvent.timeZone)}\r\n {#if heroEvent.startDateTime}\r\n at {formatEventTime(heroEvent.startDateTime, heroEvent.timeZone)}\r\n {/if}\r\n </p>\r\n {/if}\r\n </div>\r\n </div>\r\n {:else if heroEvent}\r\n <!-- Single event hero -->\r\n <div\r\n class=\"featured-hero featured-hero-clickable rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-hidden cursor-pointer hover:border-gray-300 dark:hover:border-gray-600 focus-visible:outline-2 focus-visible:outline-blue-700 dark:focus-visible:outline-blue-500 focus-visible:outline-offset-2\"\r\n onclick={handleClick}\r\n onkeydown={(e) => (e.key === 'Enter' || e.key === ' ') && handleClick()}\r\n tabindex=\"0\"\r\n role=\"button\"\r\n aria-label=\"{heroEvent.name}, {formatFullDate(heroEvent.startDateTime, heroEvent.timeZone)}. Press Enter to view details.\"\r\n >\r\n <div class=\"hero-image-container relative w-full bg-gray-100 dark:bg-gray-700 overflow-hidden\">\r\n <img\r\n src={heroEvent.image || PLACEHOLDER_IMAGE}\r\n alt=\"\"\r\n class=\"hero-image\"\r\n aria-hidden=\"true\"\r\n />\r\n </div>\r\n\r\n <div class=\"p-4 sm:p-5\" aria-hidden=\"true\">\r\n <h2 class=\"hero-title text-xl sm:text-2xl font-bold text-gray-900 dark:text-white mb-2\">{heroEvent.name}</h2>\r\n\r\n <p class=\"text-base text-gray-600 dark:text-gray-300 font-medium\">\r\n {formatFullDate(heroEvent.startDateTime, heroEvent.timeZone)}\r\n {#if heroEvent.startDateTime}\r\n <span class=\"text-gray-400 dark:text-gray-500 mx-1\">·</span>\r\n {formatEventTime(heroEvent.startDateTime, heroEvent.timeZone)}\r\n {/if}\r\n </p>\r\n\r\n {#if heroEvent.description}\r\n <p class=\"hero-description text-sm text-gray-600 dark:text-gray-400 mt-2\">{heroEvent.description}</p>\r\n {/if}\r\n </div>\r\n </div>\r\n {:else}\r\n <!-- Empty state -->\r\n <div class=\"flex items-center justify-center py-12 rounded-lg border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900\">\r\n <p class=\"text-sm text-gray-500 dark:text-gray-400\">No upcoming events to feature</p>\r\n </div>\r\n {/if}\r\n</section>\r\n\r\n<style>\r\n .hero-image-container {\r\n aspect-ratio: 16 / 9;\r\n }\r\n\r\n .hero-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n .hero-title {\r\n line-height: 1.3;\r\n }\r\n\r\n .featured-hero-clickable {\r\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n\r\n .featured-hero-clickable:hover {\r\n box-shadow: 0 4px 12px color-mix(in srgb, black 10%, transparent);\r\n }\r\n\r\n .featured-hero-clickable:focus {\r\n outline: none;\r\n }\r\n\r\n .hero-description {\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n /* Reduced motion */\r\n @media (prefers-reduced-motion: reduce) {\r\n .featured-hero-clickable {\r\n transition: none;\r\n }\r\n }\r\n</style>\r\n"],"names":["events","$","$$props","featuredItem","futureEvents","filterTodayAndFuture","heroEvent","handleClick","section","root","div","root_1","div_1","root_2","img","div_2","root_3","$$render","consequent","alternate","div_3","node_1","div_4","consequent_1","alternate_1","text","consequent_2","h2","p","root_7","formatEventTime","consequent_3","formatFullDate","consequent_4","text_1","div_5","root_9","div_6","img_1","div_7","h2_1","p_1","consequent_6","p_2","root_11","text_7","consequent_7","$0","PLACEHOLDER_IMAGE","text_4","e","div_8","root_12","consequent_8","alternate_2"],"mappings":"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"}
|