@getmicdrop/venue-calendar 4.3.135 → 4.3.138

package/dist/ViewTicketsEmbed-DzUCgtA3.js

@@ -0,0 +1,641 @@
+import { t as e } from "./labels-CjSrA6gx.js";
+import { i as t } from "./typography-CKwYSv07.js";
+import { t as n } from "./Image-dhbgrhG-.js";
+import { x as r } from "./instant-BkZCSGDm.js";
+import { n as i, s as a } from "./widget-key-context-BrWW0fyM.js";
+import { t as o } from "./Badge-CmYqIClC.js";
+import { t as s } from "./Button-B_gbGd63.js";
+import { n as c, t as l } from "./Heading-WcF3Rh3o.js";
+import { n as u } from "./client-BIN_q-of.js";
+import { t as d } from "./Textarea-BDcuBI13.js";
+import { t as f } from "./Spinner-Bj4dr9kO.js";
+import { n as p, t as m } from "./constants-DrFV2oht.js";
+import { n as h, t as g } from "./defaultLabels-CybwJCNn.js";
+import { t as _ } from "./i18n-CSaUFnlD.js";
+import { c as v, d as y, i as b, l as x, n as S, o as ee, r as te, s as ne, t as re } from "./defaults-B5wyre5O.js";
+import "svelte/internal/disclose-version";
+import * as C from "svelte/internal/client";
+import { SvelteMap as ie } from "svelte/reactivity";
+// node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/ChevronLeft.svelte
+var w = C.from_svg("<svg aria-hidden=\"true\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.2847 25.7735C17.6953 25.7734 17.1301 25.5202 16.7134 25.0697L7.82356 15.4612C7.40691 15.0107 7.17285 14.3998 7.17285 13.7628C7.17285 13.1259 7.40691 12.515 7.82356 12.0645L16.7134 2.456C16.9184 2.22657 17.1636 2.04357 17.4348 1.91768C17.7059 1.79178 17.9976 1.72552 18.2927 1.72275C18.5878 1.71998 18.8804 1.78075 19.1536 1.90153C19.4267 2.02232 19.6748 2.20068 19.8835 2.42622C20.0922 2.65177 20.2572 2.91997 20.3689 3.21518C20.4807 3.5104 20.5369 3.82671 20.5344 4.14566C20.5318 4.46462 20.4705 4.77983 20.354 5.0729C20.2375 5.36597 20.0682 5.63103 19.8559 5.85262L12.5374 13.7628L19.8559 21.6731C20.1667 22.009 20.3783 22.437 20.464 22.9029C20.5497 23.3688 20.5057 23.8517 20.3375 24.2906C20.1693 24.7294 19.8845 25.1046 19.5192 25.3685C19.1538 25.6325 18.7242 25.7734 18.2847 25.7735Z\"></path></svg>");
+function ae(e, t) {
+	let n = C.prop(t, "size", 3, "24"), r = C.prop(t, "color", 3, "currentColor"), i = C.prop(t, "class", 3, "");
+	var a = w(), o = C.only_child(a);
+	C.template_effect(() => {
+		C.set_class(a, 0, C.clsx(i())), C.set_attribute(a, "width", n()), C.set_attribute(a, "height", n()), C.set_attribute(o, "fill", r());
+	}), C.append(e, a);
+}
+// node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/ChevronRight.svelte
+var T = C.from_svg("<svg aria-hidden=\"true\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.26149 25.7735C8.822 25.7734 8.3924 25.6325 8.02701 25.3685C7.66161 25.1046 7.37682 24.7294 7.20865 24.2906C7.04048 23.8517 6.99647 23.3688 7.08218 22.9029C7.1679 22.437 7.37949 22.009 7.69021 21.6731L15.0088 13.7628L7.69021 5.85262C7.47794 5.63103 7.30863 5.36597 7.19215 5.0729C7.07568 4.77983 7.01437 4.46462 7.0118 4.14566C7.00924 3.82671 7.06547 3.5104 7.17722 3.21518C7.28897 2.91997 7.45399 2.65177 7.66266 2.42622C7.87134 2.20068 8.11948 2.02232 8.39261 1.90153C8.66574 1.78075 8.95839 1.71998 9.25349 1.72275C9.54859 1.72552 9.84022 1.79178 10.1114 1.91768C10.3825 2.04357 10.6278 2.22657 10.8328 2.456L19.7226 12.0645C20.1392 12.515 20.3733 13.1259 20.3733 13.7628C20.3733 14.3998 20.1392 15.0107 19.7226 15.4612L10.8328 25.0697C10.4161 25.5202 9.85087 25.7734 9.26149 25.7735Z\"></path></svg>");
+function oe(e, t) {
+	let n = C.prop(t, "size", 3, "24"), r = C.prop(t, "color", 3, "currentColor"), i = C.prop(t, "class", 3, "");
+	var a = T(), o = C.only_child(a);
+	C.template_effect(() => {
+		C.set_class(a, 0, C.clsx(i())), C.set_attribute(a, "width", n()), C.set_attribute(a, "height", n()), C.set_attribute(o, "fill", r());
+	}), C.append(e, a);
+}
+// node_modules/@getmicdrop/svelte-components/dist/primitives/Pagination/DotIndicator.svelte
+var se = C.from_html("<button type=\"button\" role=\"tab\"></button>"), E = C.from_html("<div role=\"tablist\"></div>");
+function ce(t, n) {
+	C.push(n, !0);
+	let r = {
+		itemSelector: "Item selector",
+		itemOf: (e, t) => `Item ${e} of ${t}`
+	}, i = C.prop(n, "activeIndex", 3, 0), a = C.prop(n, "size", 3, "md"), o = C.prop(n, "variant", 3, "dark"), s = C.prop(n, "class", 3, ""), c = C.prop(n, "labels", 19, () => ({})), l = C.derived(() => e(r, c())), u = {
+		sm: {
+			dot: "h-1.5 w-1.5",
+			active: "scale-125"
+		},
+		md: {
+			dot: "h-2.5 w-2.5",
+			active: "scale-125"
+		},
+		lg: {
+			dot: "h-3 w-3",
+			active: "scale-125"
+		}
+	}, d = {
+		light: {
+			active: "bg-card",
+			inactive: "bg-card/30",
+			hover: "hover:bg-card/50"
+		},
+		dark: {
+			active: "bg-text-primary",
+			inactive: "bg-stroke-primary",
+			hover: "hover:bg-muted-foreground"
+		}
+	}, f = C.derived(() => u[a()] || u.md), p = C.derived(() => d[o()] || d.dark);
+	var m = E();
+	C.each(m, 21, () => ({ length: n.count }), C.index, (e, t, r) => {
+		var a = se();
+		C.template_effect((e) => {
+			C.set_class(a, 1, `rounded-full transition-all ${C.get(f).dot ?? ""} ${r === i() ? `${C.get(f).active} ${C.get(p).active}` : `${C.get(p).inactive} ${C.get(p).hover}`}`), C.set_attribute(a, "aria-selected", r === i()), C.set_attribute(a, "aria-label", e);
+		}, [() => C.get(l).itemOf(r + 1, n.count)]), C.delegated("click", a, () => n.onselect?.(r)), C.append(e, a);
+	}), C.reset(m), C.template_effect(() => {
+		C.set_class(m, 1, `flex items-center gap-2 ${s() ?? ""}`), C.set_attribute(m, "aria-label", C.get(l).itemSelector);
+	}), C.append(t, m), C.pop();
+}
+C.delegate(["click"]);
+// src/lib/view-tickets/mock-data.ts
+var le = {
+	event: {
+		id: 123,
+		title: "Friday Night Comedy",
+		startDateTime: "2026-03-20T20:00:00-07:00",
+		endDateTime: "2026-03-20T22:00:00-07:00",
+		timezone: h(),
+		imageUrl: "/mock/view-tickets/event-poster.webp",
+		doorsOpenTime: "7:30 PM"
+	},
+	tickets: [
+		{
+			id: 1001,
+			ticketNumber: "TKT-A8F3K2",
+			attendeeName: "Alex Johnson",
+			ticketType: "General Admission",
+			qrCodeData: "MICDROP:TKT:1001:a8f3k2m9x7",
+			refunded: !1,
+			checkedIn: !1
+		},
+		{
+			id: 1002,
+			ticketNumber: "TKT-B7G4L3",
+			attendeeName: "Alex Johnson",
+			ticketType: "General Admission",
+			qrCodeData: "MICDROP:TKT:1002:b7g4l3n8y6",
+			refunded: !1,
+			checkedIn: !1
+		},
+		{
+			id: 1003,
+			ticketNumber: "TKT-C6H5M4",
+			attendeeName: "Sam Rivera",
+			ticketType: "VIP",
+			qrCodeData: "MICDROP:TKT:1003:c6h5m4p9z5",
+			refunded: !1,
+			checkedIn: !1
+		}
+	],
+	order: {
+		orderNumber: "#12847",
+		orderUUID: "a8f3k2m9-x7p4-q2w5-e6r8-t1y3u0i9o7",
+		purchaseDate: "2026-03-10T14:30:00-07:00"
+	},
+	venue: {
+		name: "The Comedy Store",
+		address: "8433 Sunset Blvd, Los Angeles, CA 90069",
+		contactEmail: "info@thecomedystore.com",
+		logoUrl: null
+	}
+}, ue = C.from_html("<span class=\"mx-1 text-white/30\">&middot;</span>"), de = C.from_html("<!> ", 1), fe = C.from_html(" <!>", 1), pe = C.from_html("<div class=\"flex h-52 w-52 items-center justify-center bg-bg-secondary\"><!></div>"), me = C.from_html("<div class=\"pointer-events-none absolute inset-0 flex items-center justify-center\" aria-hidden=\"true\"><span class=\"rounded-md border border-status-error-border bg-card/90 px-3 py-1 type-label uppercase tracking-widest text-status-error-text\"> </span></div>"), he = C.from_html("<div class=\"mt-3 flex flex-col items-center gap-1.5\"><!> <p class=\"type-caption text-center tone-muted\"> </p></div>"), ge = C.from_html("<div class=\"relative flex justify-center\"><!> <!></div> <div class=\"mt-4 flex flex-col items-center gap-0.5\"><p> </p> <p class=\"type-label tone-secondary\"> </p> <p class=\"type-caption font-mono tone-muted\"> </p></div> <!>", 1), _e = C.from_html("<div class=\"mt-5 flex items-center justify-center gap-4\"><!> <!> <!></div> <div class=\"mt-2 text-center\"><!></div>", 1), ve = C.from_html("<a rel=\"external\" class=\"transition-opacity hover:opacity-80\"><!></a>"), ye = C.from_html("<a target=\"_blank\" rel=\"external noopener noreferrer\" class=\"transition-opacity hover:opacity-80\"><!></a>"), be = C.from_html("<div class=\"flex items-center justify-center gap-3\"><!> <!></div>"), xe = C.from_svg("<svg aria-hidden=\"true\" class=\"h-3.5 w-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3\"></path></svg> ", 1), Se = C.from_html("<p aria-live=\"polite\"> </p>"), Ce = C.from_html("<p class=\"type-caption text-status-error-text\" aria-live=\"polite\"> </p>"), we = C.from_html("<div class=\"w-full space-y-2\"><label for=\"refund-reason\"> </label> <!> <!> <div class=\"flex items-center justify-center gap-3\"><!> <!></div></div>"), Te = C.from_html("<div class=\"fixed inset-0 z-base bg-black\"><!></div> <div class=\"relative z-sticky flex min-h-screen flex-col\"><header class=\"px-6 pb-4 pt-12 text-center\"><!> <div class=\"mt-1\"><!></div> <!> <div class=\"mt-1\"><!></div></header> <div class=\"flex flex-1 flex-col items-center justify-center px-4 py-4\"><div class=\"w-full max-w-xs overflow-hidden\" role=\"region\" aria-roledescription=\"carousel\"><!> <!></div></div> <div class=\"mt-auto bg-black/90 px-6 pb-10 pt-6 backdrop-blur-md\"><div class=\"mx-auto max-w-md space-y-5\"><!> <div class=\"flex flex-col items-center gap-3\"><!> <p> <a rel=\"external\" class=\"tone-muted underline underline-offset-2 transition-colors hover:text-white\">Apple</a> <span class=\"mx-1 tone-secondary\">&middot;</span> <a class=\"tone-muted underline underline-offset-2 transition-colors hover:text-white\" target=\"_blank\" rel=\"external noopener noreferrer\">Google</a> <span class=\"mx-1 tone-secondary\">&middot;</span> <a class=\"tone-muted underline underline-offset-2 transition-colors hover:text-white\" target=\"_blank\" rel=\"external noopener noreferrer\">Outlook</a></p></div> <div class=\"flex flex-col items-center gap-1\"><p> </p> <!></div> <div class=\"flex flex-col items-center gap-2 border-t border-white/10 pt-5\"><!></div> <div class=\"flex flex-col items-center gap-1\"><p> </p> <p> <a class=\"tone-muted underline underline-offset-2 transition-colors hover:tone-muted\"> </a></p></div></div></div></div>", 1);
+function D(e, u) {
+	C.push(u, !0);
+	let h = i(), _ = C.prop(u, "data", 3, le), b = C.prop(u, "labels", 3, g), w = C.state(0), T = C.derived(() => _().tickets[C.get(w)]), se = C.state(0), E = C.state(0), D = C.state(0), O = C.state(!1), k = C.state(!1), A = C.state(""), j = C.state(!1), M = C.derived(() => re(_().event, _().venue, _().order.orderNumber)), Ee = C.derived(() => S(_().venue)), De = C.derived(() => te(_().order.orderUUID)), Oe = C.derived(() => ne(_().event.startDateTime, _().event.timezone)), ke = C.derived(() => v(_().event.startDateTime, _().event.timezone)), N = C.derived(() => _().tickets.length), P = C.derived(() => C.get(N) > 1), Ae = C.derived(() => _().event.imageUrl), F = C.derived(() => C.get(T).refunded === !0), je = C.derived(() => !C.get(F) && C.get(T).checkedIn === !0), Me = C.derived(() => C.get(F) ? ` — ${b().qrRefundedSuffix || "refunded, not valid for entry"}` : C.get(je) ? ` — ${b().qrCheckedInSuffix || "already checked in"}` : ""), I = C.state(C.proxy(/* @__PURE__ */ new Map()));
+	C.user_effect(() => {
+		for (let e of _().tickets) C.get(I).has(e.id) || x(e.qrCodeData, 220).then((t) => {
+			C.get(I).set(e.id, t), C.set(I, new ie(C.get(I)), !0);
+		}, () => {});
+	}), C.user_effect(() => {
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)");
+		C.set(k, e.matches, !0);
+		let t = (e) => {
+			C.set(k, e.matches, !0);
+		};
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	});
+	function L(e) {
+		if (e === C.get(w) || e < 0 || e >= C.get(N) || C.get(j)) return;
+		let t = e > C.get(w);
+		C.set(j, !0), C.get(k) ? (C.set(w, e, !0), C.set(j, !1)) : (C.set(A, t ? "slide-out-left" : "slide-out-right", !0), setTimeout(() => {
+			C.set(w, e, !0), C.set(A, t ? "slide-in-right" : "slide-in-left", !0), setTimeout(() => {
+				C.set(A, ""), C.set(j, !1);
+			}, 250);
+		}, 200));
+	}
+	function Ne(e) {
+		C.get(P) && !C.get(j) && (C.set(se, e.touches[0].clientX, !0), C.set(E, e.touches[0].clientY, !0), C.set(D, 0), C.set(O, !1));
+	}
+	function Pe(e) {
+		if (!C.get(P) || C.get(j)) return;
+		let t = e.touches[0].clientX - C.get(se), n = e.touches[0].clientY - C.get(E);
+		!C.get(O) && Math.abs(t) > 10 && Math.abs(t) > Math.abs(n) * 1.5 && C.set(O, !0), C.get(O) && (e.preventDefault(), C.set(D, t));
+	}
+	function Fe() {
+		if (!C.get(P) || !C.get(O)) {
+			C.set(D, 0), C.set(O, !1);
+			return;
+		}
+		let e = C.get(w);
+		if (C.get(D) < -50 && C.get(w) < C.get(N) - 1 ? e = C.get(w) + 1 : C.get(D) > 50 && C.get(w) > 0 && (e = C.get(w) - 1), C.set(D, 0), C.set(O, !1), e !== C.get(w)) {
+			let t = e > C.get(w);
+			if (C.set(j, !0), C.get(k)) {
+				C.set(w, e, !0), C.set(j, !1);
+				return;
+			}
+			C.set(w, e, !0), C.set(A, t ? "slide-in-right" : "slide-in-left", !0), setTimeout(() => {
+				C.set(A, ""), C.set(j, !1);
+			}, 250);
+		}
+	}
+	function Ie(e) {
+		L(e);
+	}
+	function Le() {
+		L(C.get(w) - 1);
+	}
+	function Re() {
+		L(C.get(w) + 1);
+	}
+	let R = new ie(), z = C.derived(() => C.get(T) ? R.get(C.get(T).id) : void 0);
+	C.user_effect(() => {
+		let e = C.get(T)?.id;
+		e && !R.has(e) && (R.set(e, {
+			apple: null,
+			google: null
+		}), ee(r(e), h).then((t) => R.set(e, t)));
+	});
+	let B = C.state(!1), V = C.state(""), H = C.state(!1), ze = C.state(!1), U = C.state("");
+	async function Be() {
+		if (C.get(H)) return;
+		C.set(H, !0), C.set(U, "");
+		let e = await a(_().order.orderUUID, C.get(V).trim(), { widgetKey: h });
+		C.set(H, !1), e.success ? (C.set(ze, !0), C.set(B, !1)) : C.set(U, e.error || b().somethingWentWrong || "Something went wrong. Please try again in a moment", !0);
+	}
+	var Ve = Te(), W = C.first_child(Ve), He = C.child(W), Ue = (e) => {
+		{
+			let t = C.derived(m);
+			n(e, {
+				get src() {
+					return C.get(Ae);
+				},
+				alt: "",
+				get fallback() {
+					return C.get(t);
+				},
+				branded: !1,
+				class: "h-full w-full opacity-20 blur-sm",
+				fit: "cover"
+			});
+		}
+	};
+	C.if(He, (e) => {
+		C.get(Ae) && e(Ue);
+	}), C.reset(W);
+	var We = C.sibling(W, 2), G = C.child(We), Ge = C.child(G);
+	l(Ge, {
+		level: 1,
+		size: "2xl",
+		weight: "bold",
+		color: "none",
+		class: "tracking-tight text-white",
+		children: (e, t) => {
+			C.next();
+			var n = C.text();
+			C.template_effect(() => C.set_text(n, _().event.title)), C.append(e, n);
+		},
+		$$slots: { default: !0 }
+	});
+	var K = C.sibling(Ge, 2), Ke = C.child(K);
+	p(Ke, {
+		as: "p",
+		size: "base",
+		color: "none",
+		class: "text-white/70",
+		children: (e, t) => {
+			C.next();
+			var n = C.text();
+			C.template_effect(() => C.set_text(n, C.get(Oe))), C.append(e, n);
+		},
+		$$slots: { default: !0 }
+	}), C.reset(K);
+	var qe = C.sibling(K, 2);
+	p(qe, {
+		as: "p",
+		size: "sm",
+		color: "none",
+		class: "text-white/50",
+		children: (e, t) => {
+			C.next();
+			var n = fe(), r = C.first_child(n), i = C.sibling(r), a = (e) => {
+				var t = de(), n = C.first_child(t), r = (e) => {
+					var t = ue();
+					C.append(e, t);
+				};
+				C.if(n, (e) => {
+					C.get(ke) && e(r);
+				});
+				var i = C.sibling(n);
+				C.template_effect((e) => C.set_text(i, ` ${e ?? ""}`), [() => (b().doorsAtTime || "Doors {time}").replace("{time}", _().event.doorsOpenTime)]), C.append(e, t);
+			};
+			C.if(i, (e) => {
+				_().event.doorsOpenTime && e(a);
+			}), C.template_effect(() => C.set_text(r, `${C.get(ke) ?? ""} `)), C.append(e, n);
+		},
+		$$slots: { default: !0 }
+	});
+	var Je = C.sibling(qe, 2), Ye = C.child(Je);
+	p(Ye, {
+		as: "p",
+		size: "sm",
+		color: "none",
+		weight: "medium",
+		class: "text-white/60",
+		children: (e, t) => {
+			C.next();
+			var n = C.text();
+			C.template_effect(() => C.set_text(n, _().venue.name)), C.append(e, n);
+		},
+		$$slots: { default: !0 }
+	}), C.reset(Je), C.reset(G);
+	var q = C.sibling(G, 2), J = C.child(q), Xe = C.child(J);
+	c(Xe, {
+		get class() {
+			return `qr-card !bg-card rounded-2xl shadow-2xl ${C.get(A) ?? ""}`;
+		},
+		children: (e, r) => {
+			var i = ge(), a = C.first_child(i), s = C.child(a), c = (e) => {
+				{
+					let t = C.derived(() => C.get(I).get(C.get(T).id)), r = C.derived(() => (b().qrCodeForTicket || "QR code for ticket {number}").replace("{number}", String(C.get(T).ticketNumber))), i = C.derived(() => C.get(Me)), a = C.derived(() => C.get(F) ? "opacity-20 grayscale" : "");
+					n(e, {
+						get src() {
+							return C.get(t);
+						},
+						get alt() {
+							return `${C.get(r) ?? ""}${C.get(i) ?? ""}`;
+						},
+						get class() {
+							return `h-52 w-52 ${C.get(a) ?? ""}`;
+						}
+					});
+				}
+			}, l = C.derived(() => C.get(I).get(C.get(T).id)), u = (e) => {
+				var t = pe(), n = C.child(t);
+				f(n, { size: "lg" }), C.reset(t), C.append(e, t);
+			};
+			C.if(s, (e) => {
+				C.get(l) ? e(c) : e(u, -1);
+			});
+			var d = C.sibling(s, 2), p = (e) => {
+				var t = me(), n = C.child(t), r = C.only_child(n, !0);
+				C.reset(t), C.template_effect(() => C.set_text(r, b().refunded || "Refunded")), C.append(e, t);
+			};
+			C.if(d, (e) => {
+				C.get(F) && e(p);
+			}), C.reset(a);
+			var m = C.sibling(a, 2), h = C.child(m), g = C.only_child(h, !0), _ = C.sibling(h, 2), v = C.only_child(_, !0), y = C.sibling(_, 2), x = C.only_child(y, !0);
+			C.reset(m);
+			var S = C.sibling(m, 2), ee = (e) => {
+				var t = he(), n = C.child(t);
+				{
+					let e = C.derived(() => C.get(F) ? "error" : "neutral");
+					o(n, {
+						get variant() {
+							return C.get(e);
+						},
+						tone: "outlined",
+						size: "sm",
+						shape: "pill",
+						children: (e, t) => {
+							C.next();
+							var n = C.text();
+							C.template_effect(() => C.set_text(n, C.get(F) ? b().refunded || "Refunded" : b().checkedIn || "Checked in")), C.append(e, n);
+						},
+						$$slots: { default: !0 }
+					});
+				}
+				var r = C.sibling(n, 2), i = C.only_child(r, !0);
+				C.reset(t), C.template_effect(() => C.set_text(i, C.get(F) ? b().ticketRefundedNote || "This ticket was refunded and will not be accepted at the door" : b().ticketCheckedInNote || "This ticket has already been scanned — it cannot be used again")), C.append(e, t);
+			};
+			C.if(S, (e) => {
+				(C.get(F) || C.get(je)) && e(ee);
+			}), C.template_effect(() => {
+				C.set_class(h, 1, C.clsx(t.h3), "svelte-zcgkvv"), C.set_text(g, C.get(T).attendeeName), C.set_text(v, C.get(T).ticketType), C.set_text(x, C.get(T).ticketNumber);
+			}), C.append(e, i);
+		},
+		$$slots: { default: !0 }
+	});
+	var Ze = C.sibling(Xe, 2), Qe = (e) => {
+		var t = _e(), n = C.first_child(t), r = C.child(n);
+		{
+			let e = C.derived(() => C.get(w) === 0), t = C.derived(() => b().previousTicket || "Previous ticket");
+			s(r, {
+				variant: "icon",
+				size: "sm",
+				onclick: Le,
+				get disabled() {
+					return C.get(e);
+				},
+				class: "!text-white/60 hover:!text-white hover:!bg-transparent disabled:!text-white/20 disabled:!bg-transparent",
+				get "aria-label"() {
+					return C.get(t);
+				},
+				children: (e, t) => {
+					ae(e, {
+						size: "20",
+						color: "currentColor"
+					});
+				},
+				$$slots: { default: !0 }
+			});
+		}
+		var i = C.sibling(r, 2);
+		ce(i, {
+			get count() {
+				return C.get(N);
+			},
+			get activeIndex() {
+				return C.get(w);
+			},
+			variant: "light",
+			onselect: Ie
+		});
+		var a = C.sibling(i, 2);
+		{
+			let e = C.derived(() => C.get(w) === C.get(N) - 1), t = C.derived(() => b().nextTicket || "Next ticket");
+			s(a, {
+				variant: "icon",
+				size: "sm",
+				onclick: Re,
+				get disabled() {
+					return C.get(e);
+				},
+				class: "!text-white/60 hover:!text-white hover:!bg-transparent disabled:!text-white/20 disabled:!bg-transparent",
+				get "aria-label"() {
+					return C.get(t);
+				},
+				children: (e, t) => {
+					oe(e, {
+						size: "20",
+						color: "currentColor"
+					});
+				},
+				$$slots: { default: !0 }
+			});
+		}
+		C.reset(n);
+		var o = C.sibling(n, 2), c = C.child(o);
+		p(c, {
+			size: "xs",
+			color: "none",
+			class: "text-white/40",
+			children: (e, t) => {
+				C.next();
+				var n = C.text();
+				C.template_effect((e) => C.set_text(n, e), [() => (b().ticketCountOfTotal || "{current} of {total}").replace("{current}", String(C.get(w) + 1)).replace("{total}", String(C.get(N)))]), C.append(e, n);
+			},
+			$$slots: { default: !0 }
+		}), C.reset(o), C.append(e, t);
+	};
+	C.if(Ze, (e) => {
+		C.get(P) && e(Qe);
+	}), C.reset(J), C.reset(q);
+	var $e = C.sibling(q, 2), et = C.child($e), tt = C.child(et), nt = (e) => {
+		var t = be(), r = C.child(t), i = (e) => {
+			var t = ve(), r = C.child(t);
+			{
+				let e = C.derived(() => b().addToAppleWallet || "Add to Apple Wallet");
+				n(r, {
+					src: "/mock/view-tickets/add-to-apple-wallet.svg",
+					get alt() {
+						return C.get(e);
+					},
+					class: "h-11"
+				});
+			}
+			C.reset(t), C.template_effect(() => C.set_attribute(t, "href", C.get(z).apple)), C.append(e, t);
+		};
+		C.if(r, (e) => {
+			C.get(z).apple && e(i);
+		});
+		var a = C.sibling(r, 2), o = (e) => {
+			var t = ye(), r = C.child(t);
+			{
+				let e = C.derived(() => b().addToGoogleWallet || "Add to Google Wallet");
+				n(r, {
+					src: "/mock/view-tickets/add-to-google-wallet.svg",
+					get alt() {
+						return C.get(e);
+					},
+					class: "h-11"
+				});
+			}
+			C.reset(t), C.template_effect(() => C.set_attribute(t, "href", C.get(z).google)), C.append(e, t);
+		};
+		C.if(a, (e) => {
+			C.get(z).google && e(o);
+		}), C.reset(t), C.append(e, t);
+	};
+	C.if(tt, (e) => {
+		(C.get(z)?.apple || C.get(z)?.google) && e(nt);
+	});
+	var Y = C.sibling(tt, 2), rt = C.child(Y);
+	s(rt, {
+		get href() {
+			return C.get(De);
+		},
+		variant: "alternative",
+		size: "xs",
+		children: (e, t) => {
+			var n = xe(), r = C.sibling(C.first_child(n), 1, !0);
+			C.template_effect(() => C.set_text(r, b().downloadPdf || "Download PDF")), C.append(e, n);
+		},
+		$$slots: { default: !0 }
+	});
+	var X = C.sibling(rt, 2), it = C.child(X), Z = C.sibling(it), at = C.sibling(Z, 4), ot = C.sibling(at, 4);
+	C.reset(X), C.reset(Y);
+	var Q = C.sibling(Y, 2), st = C.child(Q), ct = C.only_child(st, !0), lt = C.sibling(st, 2);
+	s(lt, {
+		get href() {
+			return C.get(Ee);
+		},
+		variant: "link",
+		size: "xs",
+		class: "!text-brand-primary hover:!text-brand-primary",
+		children: (e, t) => {
+			C.next();
+			var n = C.text();
+			C.template_effect(() => C.set_text(n, b().getDirections || "Get directions")), C.append(e, n);
+		},
+		$$slots: { default: !0 }
+	}), C.reset(Q);
+	var ut = C.sibling(Q, 2), dt = C.child(ut), ft = (e) => {
+		var n = Se(), r = C.only_child(n, !0);
+		C.template_effect((e) => {
+			C.set_class(n, 1, `${t.smMuted ?? ""} text-center`, "svelte-zcgkvv"), C.set_text(r, e);
+		}, [() => (b().refundRequestSent || "Your refund request has been sent to {venue}. They'll follow up about your order").replace("{venue}", _().venue.name)]), C.append(e, n);
+	}, pt = (e) => {
+		var n = we(), r = C.child(n), i = C.only_child(r, !0), a = C.sibling(r, 2);
+		{
+			let e = C.derived(() => b().refundNotePlaceholder || "Add a note for the venue…");
+			d(a, {
+				id: "refund-reason",
+				name: "refund-reason",
+				rows: 3,
+				get disabled() {
+					return C.get(H);
+				},
+				get placeholder() {
+					return C.get(e);
+				},
+				class: "border-white/15! bg-white/5! text-white placeholder-white/40! focus:border-white/40!",
+				get value() {
+					return C.get(V);
+				},
+				set value(e) {
+					C.set(V, e, !0);
+				}
+			});
+		}
+		var o = C.sibling(a, 2), c = (e) => {
+			var t = Ce(), n = C.only_child(t, !0);
+			C.template_effect(() => C.set_text(n, C.get(U))), C.append(e, t);
+		};
+		C.if(o, (e) => {
+			C.get(U) && e(c);
+		});
+		var l = C.sibling(o, 2), u = C.child(l);
+		s(u, {
+			variant: "alternative",
+			size: "xs",
+			onclick: Be,
+			get disabled() {
+				return C.get(H);
+			},
+			children: (e, t) => {
+				C.next();
+				var n = C.text();
+				C.template_effect(() => C.set_text(n, C.get(H) ? b().sending || "Sending…" : b().submitRefundRequest || "Submit refund request")), C.append(e, n);
+			},
+			$$slots: { default: !0 }
+		});
+		var f = C.sibling(u, 2);
+		s(f, {
+			variant: "link",
+			size: "xs",
+			onclick: () => C.set(B, !1),
+			get disabled() {
+				return C.get(H);
+			},
+			class: "!text-white/50 hover:!text-white",
+			children: (e, t) => {
+				C.next();
+				var n = C.text();
+				C.template_effect(() => C.set_text(n, b().cancel || "Cancel")), C.append(e, n);
+			},
+			$$slots: { default: !0 }
+		}), C.reset(l), C.reset(n), C.template_effect((e) => {
+			C.set_class(r, 1, `${t.xsMuted ?? ""} block`, "svelte-zcgkvv"), C.set_text(i, e);
+		}, [() => (b().refundReasonPrompt || "Tell {venue} why you're requesting a refund (optional)").replace("{venue}", _().venue.name)]), C.append(e, n);
+	}, mt = (e) => {
+		s(e, {
+			variant: "link",
+			size: "xs",
+			onclick: () => C.set(B, !0),
+			class: "!text-white/60 hover:!text-white",
+			children: (e, t) => {
+				C.next();
+				var n = C.text();
+				C.template_effect(() => C.set_text(n, b().requestARefund || "Request a refund")), C.append(e, n);
+			},
+			$$slots: { default: !0 }
+		});
+	};
+	C.if(dt, (e) => {
+		C.get(ze) ? e(ft) : C.get(B) ? e(pt, 1) : e(mt, -1);
+	}), C.reset(ut);
+	var ht = C.sibling(ut, 2), gt = C.child(ht), _t = C.only_child(gt, !0), $ = C.sibling(gt, 2), vt = C.child($), yt = C.sibling(vt), bt = C.only_child(yt, !0);
+	C.reset($), C.reset(ht), C.reset(et), C.reset($e), C.reset(We), C.template_effect((e, n) => {
+		C.set_attribute(J, "aria-label", b().ticketCarousel || "Ticket carousel"), C.set_class(X, 1, C.clsx(t.smMuted), "svelte-zcgkvv"), C.set_text(it, `${(b().addToCalendarPrefix || "Add to calendar:") ?? ""} `), C.set_attribute(Z, "href", C.get(M).apple), C.set_attribute(Z, "download", e), C.set_attribute(at, "href", C.get(M).google), C.set_attribute(ot, "href", C.get(M).outlook), C.set_class(st, 1, C.clsx(t.smMuted), "svelte-zcgkvv"), C.set_text(ct, _().venue.address), C.set_class(gt, 1, C.clsx(t.xsMuted), "svelte-zcgkvv"), C.set_text(_t, n), C.set_class($, 1, C.clsx(t.xsMuted), "svelte-zcgkvv"), C.set_text(vt, `${(b().questionsPrompt || "Questions?") ?? ""} `), C.set_attribute(yt, "href", `mailto:${_().venue.contactEmail ?? ""}`), C.set_text(bt, _().venue.contactEmail);
+	}, [() => y(_().event.title), () => (b().orderNumberLine || "Order {orderNumber}").replace("{orderNumber}", String(_().order.orderNumber))]), C.delegated("touchstart", J, Ne, void 0, !0), C.delegated("touchmove", J, Pe, void 0, !0), C.delegated("touchend", J, Fe), C.append(e, Ve), C.pop();
+}
+C.delegate([
+	"touchstart",
+	"touchmove",
+	"touchend"
+]);
+// src/components/Views/ViewTicketsEmbed.svelte
+var O = C.from_html("<div class=\"flex min-h-screen items-center justify-center bg-bg-quaternary\"><!></div>"), k = C.from_html("<div class=\"flex min-h-screen flex-col items-center justify-center bg-bg-quaternary px-6 text-center\"><p class=\"type-subheading text-white\"> </p> <button type=\"button\" class=\"mt-4 rounded-lg bg-card/10 px-4 py-2 type-body text-white/80 transition-colors hover:bg-card/20\"> </button></div>");
+function A(e, t) {
+	C.push(t, !0);
+	let n = i(), r = C.prop(t, "locale", 3, void 0), a = C.prop(t, "labels", 19, () => ({})), o = C.derived(() => _(r(), a())), s = C.state(null), c = C.state(null), l = C.state(null), d = C.derived(() => C.get(c) === "notFound" ? C.get(o).viewTicketsOrderNotFound || "Order not found. Please check the link in your email" : C.get(c) === "loadFailed" ? C.get(l) ?? (C.get(o).viewTicketsLoadFailed || "Unable to load your tickets. Please try again") : null), p = C.state(!0), m = 0;
+	C.user_effect(() => {
+		h(t.orderUUID);
+	});
+	async function h(e) {
+		let t = ++m;
+		if (e === "mock-uuid" && le) {
+			C.set(s, le, !0), C.set(p, !1);
+			return;
+		}
+		C.set(p, !0), C.set(c, null), C.set(l, null);
+		let r = await u(b(e), { widgetKey: n });
+		t === m && (r.success ? C.set(s, r.data ?? null, !0) : r.statusCode === 404 ? C.set(c, "notFound") : (C.set(c, "loadFailed"), C.set(l, r.error ?? null, !0)), C.set(p, !1));
+	}
+	var g = C.comment(), v = C.first_child(g), y = (e) => {
+		var t = O(), n = C.child(t);
+		f(n, {
+			size: "xl",
+			color: "white"
+		}), C.reset(t), C.append(e, t);
+	}, x = (e) => {
+		var n = k(), r = C.child(n), i = C.only_child(r, !0), a = C.sibling(r, 2), s = C.only_child(a, !0);
+		C.reset(n), C.template_effect(() => {
+			C.set_text(i, C.get(d)), C.set_text(s, C.get(o).networkErrorRetry || "Try again");
+		}), C.delegated("click", a, () => h(t.orderUUID)), C.append(e, n);
+	}, S = (e) => {
+		D(e, {
+			get data() {
+				return C.get(s);
+			},
+			get labels() {
+				return C.get(o);
+			}
+		});
+	};
+	C.if(v, (e) => {
+		C.get(p) ? e(y) : C.get(d) ? e(x, 1) : C.get(s) && e(S, 2);
+	}), C.append(e, g), C.pop();
+}
+C.delegate(["click"]);
+export { A as default };