@agg-build/ui 4.26.1 → 4.27.0

package/dist/event-trading-state.utils-B3my25Re.mjs

@@ -0,0 +1,789 @@
+"use client";
+import { B as Skeleton, Fn as cn, P as VenueLogo, V as skeletonViews, Wn as resolveResolvedOutcomeLabel, mt as Card, zn as formatUsd } from "./primitives-Dz5aF8ma.mjs";
+import { Fragment, useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { resolveAggUiLabels, useEventTradingContext as useEventTradingContext$1, useLabels } from "@agg-build/hooks";
+import dayjs from "dayjs";
+import { hasShape, safeParse } from "@agg-build/sdk";
+//#region src/events/orderbook/orderbook.utils.ts
+const isOrderBookLevel = (v) => hasShape(v, {
+	price: (p) => typeof p === "number" && p >= 0 && p <= 1,
+	size: (s) => typeof s === "number" && s >= 0
+});
+const isOrderBookRow = (v) => hasShape(v, {
+	id: (x) => typeof x === "string",
+	venue: (x) => typeof x === "string" && x.length > 0,
+	price: (p) => typeof p === "number" && p >= 0 && p <= 1,
+	size: (s) => typeof s === "number" && s >= 0,
+	total: (t) => typeof t === "number" && t >= 0,
+	tone: (x) => x === "positive" || x === "negative"
+});
+const formatProbabilityCents = (value, formatPrice) => {
+	if (value == null) return "-";
+	if (formatPrice) return formatPrice(value);
+	return `${(value * 100).toFixed(1).replace(/\.0$/, "")}\u00A2`;
+};
+const resolveOrderBookRows = ({ data, side }) => {
+	if (!data?.length) return [];
+	const tone = side === "asks" ? "negative" : "positive";
+	const sortedRows = [...data.flatMap((result) => {
+		return (result.orderbook[side] ?? []).flatMap((level, index) => {
+			const parsedLevel = safeParse(level, isOrderBookLevel);
+			if (!parsedLevel.success) return [];
+			const parsedRow = safeParse({
+				id: `${result.market.id}-${side}-${index}-${parsedLevel.data.price}`,
+				venue: result.market.venue,
+				price: parsedLevel.data.price,
+				size: parsedLevel.data.size,
+				total: parsedLevel.data.price * parsedLevel.data.size,
+				tone
+			}, isOrderBookRow);
+			if (!parsedRow.success) return [];
+			return [parsedRow.data];
+		});
+	})].sort((left, right) => {
+		if (side === "asks") return left.price - right.price;
+		return right.price - left.price;
+	});
+	const maxTotal = sortedRows.reduce((currentMax, row) => Math.max(currentMax, row.total), 0) || 1;
+	return sortedRows.map((row) => ({
+		...row,
+		barScale: row.total / maxTotal
+	}));
+};
+const resolveUnifiedOrderBookEntries = ({ askRows, bidRows, midPrice, spread }) => {
+	const asksDescending = [...askRows].reverse();
+	const askCumulativeDepths = new Array(asksDescending.length);
+	let cumulative = 0;
+	for (let i = asksDescending.length - 1; i >= 0; i--) {
+		cumulative += asksDescending[i].total;
+		askCumulativeDepths[i] = cumulative;
+	}
+	const bidCumulativeDepths = new Array(bidRows.length);
+	cumulative = 0;
+	for (let i = 0; i < bidRows.length; i++) {
+		cumulative += bidRows[i].total;
+		bidCumulativeDepths[i] = cumulative;
+	}
+	const maxAskCumulative = askCumulativeDepths.length > 0 ? askCumulativeDepths[0] : 0;
+	const maxBidCumulative = bidCumulativeDepths.length > 0 ? bidCumulativeDepths[bidCumulativeDepths.length - 1] : 0;
+	const askMax = maxAskCumulative || 1;
+	const bidMax = maxBidCumulative || 1;
+	const askEntries = asksDescending.map((row, index) => ({
+		kind: "ask",
+		row,
+		cumulativeDepth: askCumulativeDepths[index],
+		unifiedBarScale: askCumulativeDepths[index] / askMax
+	}));
+	const bidEntries = bidRows.map((row, index) => ({
+		kind: "bid",
+		row,
+		cumulativeDepth: bidCumulativeDepths[index],
+		unifiedBarScale: bidCumulativeDepths[index] / bidMax
+	}));
+	const spreadEntry = {
+		kind: "spread",
+		midPrice,
+		spread
+	};
+	return [
+		...askEntries,
+		spreadEntry,
+		...bidEntries
+	];
+};
+//#endregion
+//#region src/events/shared/display-reference-price.ts
+const getDisplayReferencePrice = ({ bestMidpoint, fallbackPrice }) => {
+	return bestMidpoint ?? fallbackPrice ?? void 0;
+};
+//#endregion
+//#region src/events/shared/select-outcome-price.ts
+const selectOutcomePrice = ({ outcomeId, selection, bestPrices, bestMidpointsByOutcomeId, livePrices, fallbackPrice }) => {
+	if (!outcomeId) return void 0;
+	if (selection === "buy") {
+		const bestAsk = bestPrices?.get(outcomeId)?.bestAsk;
+		if (bestAsk != null) return bestAsk;
+	} else if (selection === "sell") {
+		const bestBid = bestPrices?.get(outcomeId)?.bestBid;
+		if (bestBid != null) return bestBid;
+	}
+	const livePrice = livePrices?.get(outcomeId);
+	if (livePrice != null) return livePrice;
+	const midpointPrice = bestMidpointsByOutcomeId?.get(outcomeId);
+	if (midpointPrice != null) return midpointPrice;
+	return fallbackPrice ?? void 0;
+};
+//#endregion
+//#region src/events/shared/display-outcome-price.ts
+const normalizeOutcomeLabel = (label) => {
+	return typeof label === "string" ? label.trim().toLowerCase() : "";
+};
+const getDisplayOutcomePrice = ({ outcomeId, outcomeLabel, selection, bestPrices, bestMidpoint, bestMidpointsByOutcomeId, livePrices, fallbackPrice }) => {
+	if (selection && outcomeId) return selectOutcomePrice({
+		outcomeId,
+		selection,
+		bestPrices,
+		bestMidpointsByOutcomeId,
+		livePrices,
+		fallbackPrice
+	});
+	const livePrice = outcomeId ? livePrices?.get(outcomeId) : void 0;
+	if (livePrice != null) return livePrice;
+	const resolvedFallbackPrice = (outcomeId ? bestMidpointsByOutcomeId?.get(outcomeId) : void 0) ?? fallbackPrice ?? void 0;
+	if (normalizeOutcomeLabel(outcomeLabel) === "yes") return getDisplayReferencePrice({
+		bestMidpoint,
+		fallbackPrice: resolvedFallbackPrice
+	});
+	return resolvedFallbackPrice;
+};
+//#endregion
+//#region src/trading/utils.ts
+const defaultLabels = resolveAggUiLabels("en-US");
+const defaultSettlementSectionLabel = defaultLabels.trading.settlementSection;
+const defaultTradingDisclaimer = defaultLabels.trading.disclaimer;
+const getTradingDateLabel = (value) => {
+	const parsedValue = dayjs(value);
+	if (!parsedValue.isValid()) return typeof value === "string" ? value : "";
+	return parsedValue.format("MMM D, YYYY");
+};
+const getTradingVenueLabel = (venue, label) => {
+	if (label) return label;
+	if (!venue) return "Unknown";
+	return defaultLabels.venues[venue] ?? venue;
+};
+const getTradingValueLabel = ({ amount, minimumFractionDigits = 0, maximumFractionDigits = 2 }) => {
+	return amount.toLocaleString("en-US", {
+		style: "currency",
+		currency: "USD",
+		minimumFractionDigits,
+		maximumFractionDigits
+	});
+};
+const getTradingPriceLabel = (value) => {
+	return `${Math.round(value * 100)}¢`;
+};
+const getTradingAveragePriceLabel = (value) => {
+	return defaultLabels.trading.averagePrice(value);
+};
+const getTradingBalanceLabel = (value) => {
+	return defaultLabels.trading.balance(formatUsd(value));
+};
+const getTradingSharesLabel = (value) => {
+	return defaultLabels.trading.shares(value);
+};
+const getTradingSlippageLabel = (value) => {
+	return defaultLabels.trading.slippage(value);
+};
+//#endregion
+//#region src/trading/settlement/settlement-text.utils.ts
+const stripHtmlFragments = (text) => {
+	return text.replace(/<\s*p\s*>/gi, "").replace(/<\s*\/\s*p\s*>/gi, "\n\n").replace(/<\s*br\s*\/?\s*>/gi, "\n").replace(/\r\n/g, "\n");
+};
+const isListLine = (line) => /^\s*[-*]\s+/.test(line);
+const stripBullet = (line) => line.replace(/^\s*[-*]\s+/, "").trim();
+const parseSettlementBlocks = (input) => {
+	const normalized = stripHtmlFragments(input).trim();
+	if (!normalized) return [];
+	const paragraphs = normalized.split(/\n{2,}/);
+	const blocks = [];
+	for (const rawParagraph of paragraphs) {
+		const lines = rawParagraph.split("\n").map((line) => line.replace(/\s+$/, "")).filter((line) => line.trim().length > 0);
+		if (lines.length === 0) continue;
+		if (lines.every(isListLine)) {
+			blocks.push({
+				kind: "list",
+				items: lines.map(stripBullet)
+			});
+			continue;
+		}
+		blocks.push({
+			kind: "paragraph",
+			lines: lines.map((line) => line.trim())
+		});
+	}
+	return blocks;
+};
+/** Lower-cased, whitespace-collapsed form used for dedup comparisons. */
+const normalizeSettlementForCompare = (input) => {
+	return stripHtmlFragments(input).replace(/\s+/g, " ").trim().toLowerCase();
+};
+/**
+* Produces the ordered list of non-empty settlement blocks for the Settlement
+* section, dropping any source whose normalized text is contained within
+* another source's — keeping the superset. Containment (not just equality) is
+* required because some venues (e.g. predict) store the same rules text on both
+* the event and its markets, with the market copy adding only a trailing
+* "Created At: ..." line, so the two are a prefix relationship, not identical.
+*/
+const dedupeSettlementSources = (sources) => {
+	const order = [
+		"eventDescription",
+		"marketDescription",
+		"primaryRules"
+	];
+	const result = [];
+	for (const key of order) {
+		const value = sources[key];
+		if (typeof value !== "string") continue;
+		const trimmed = value.trim();
+		if (!trimmed) continue;
+		const fingerprint = normalizeSettlementForCompare(trimmed);
+		if (!fingerprint) continue;
+		if (result.some((block) => block.fingerprint.includes(fingerprint))) continue;
+		for (let i = result.length - 1; i >= 0; i -= 1) if (fingerprint.includes(result[i].fingerprint)) result.splice(i, 1);
+		result.push({
+			key,
+			content: trimmed,
+			fingerprint
+		});
+	}
+	return result.map(({ key, content }) => ({
+		key,
+		content
+	}));
+};
+//#endregion
+//#region src/trading/settlement/settlement-text-renderer.tsx
+const inlineTokenRegex = new RegExp([
+	/\[([^\]\n]+)\]\(([^)\s]+)\)/.source,
+	/\*\*([^*\n]+?)\*\*/.source,
+	/`([^`\n]+?)`/.source,
+	/(https?:\/\/[^\s<>"'`]+)/.source
+].join("|"), "g");
+const trailingUrlPunctuationRegex = /[.,;:!?)\]]+$/;
+const isLinkMatch = (match) => match[1] !== void 0 && match[2] !== void 0;
+const linkClassName = "agg-settlement-text-link text-agg-primary underline hover:opacity-80";
+const renderInlineSegment = (text, baseKey) => {
+	const nodes = [];
+	let lastIndex = 0;
+	let segmentIndex = 0;
+	inlineTokenRegex.lastIndex = 0;
+	let match;
+	while ((match = inlineTokenRegex.exec(text)) !== null) {
+		let matchEnd = match.index + match[0].length;
+		let bareUrl = match[5];
+		if (bareUrl !== void 0) {
+			const trailing = trailingUrlPunctuationRegex.exec(bareUrl);
+			if (trailing) {
+				const trimmed = bareUrl.slice(0, bareUrl.length - trailing[0].length);
+				if (trimmed.length > 8) {
+					bareUrl = trimmed;
+					matchEnd -= trailing[0].length;
+					inlineTokenRegex.lastIndex = matchEnd;
+				}
+			}
+		}
+		if (match.index > lastIndex) nodes.push(/* @__PURE__ */ jsx(Fragment, { children: text.slice(lastIndex, match.index) }, `${baseKey}-text-${segmentIndex++}`));
+		if (isLinkMatch(match)) nodes.push(/* @__PURE__ */ jsx("a", {
+			href: match[2],
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: linkClassName,
+			children: match[1]
+		}, `${baseKey}-link-${segmentIndex++}`));
+		else if (match[3] !== void 0) nodes.push(/* @__PURE__ */ jsx("strong", {
+			className: "agg-settlement-text-bold font-agg-bold",
+			children: match[3]
+		}, `${baseKey}-bold-${segmentIndex++}`));
+		else if (match[4] !== void 0) nodes.push(/* @__PURE__ */ jsx("code", {
+			className: "agg-settlement-text-code rounded-agg-sm bg-agg-secondary-hover px-1 py-0.5 font-mono text-[0.875em]",
+			children: match[4]
+		}, `${baseKey}-code-${segmentIndex++}`));
+		else if (bareUrl !== void 0) nodes.push(/* @__PURE__ */ jsx("a", {
+			href: bareUrl,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: linkClassName,
+			children: bareUrl
+		}, `${baseKey}-url-${segmentIndex++}`));
+		lastIndex = matchEnd;
+	}
+	if (lastIndex < text.length) nodes.push(/* @__PURE__ */ jsx(Fragment, { children: text.slice(lastIndex) }, `${baseKey}-text-${segmentIndex++}`));
+	return nodes;
+};
+const renderBlock = (block, blockIndex) => {
+	if (block.kind === "list") return /* @__PURE__ */ jsx("ul", {
+		className: "agg-settlement-text-list list-disc pl-5 text-agg-sm leading-agg-5 text-agg-foreground",
+		children: block.items.map((item, itemIndex) => /* @__PURE__ */ jsx("li", {
+			className: "agg-settlement-text-list-item",
+			children: renderInlineSegment(item, `block-${blockIndex}-item-${itemIndex}`)
+		}, `block-${blockIndex}-item-${itemIndex}`))
+	}, `block-${blockIndex}`);
+	return /* @__PURE__ */ jsx("p", {
+		className: "agg-settlement-text-paragraph text-agg-sm leading-agg-5 text-agg-foreground break-words [overflow-wrap:anywhere]",
+		children: block.lines.map((line, lineIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [lineIndex > 0 ? /* @__PURE__ */ jsx("br", {}) : null, renderInlineSegment(line, `block-${blockIndex}-line-${lineIndex}`)] }, `block-${blockIndex}-line-${lineIndex}`))
+	}, `block-${blockIndex}`);
+};
+const SettlementTextRenderer = ({ content, className }) => {
+	const blocks = parseSettlementBlocks(content);
+	if (blocks.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("agg-settlement-text flex flex-col gap-2", className),
+		children: blocks.map((block, blockIndex) => renderBlock(block, blockIndex))
+	});
+};
+SettlementTextRenderer.displayName = "SettlementTextRenderer";
+//#endregion
+//#region src/trading/settlement/index.tsx
+const SETTLEMENT_SECTION_ID = "agg-settlement-section";
+const getSettlementDifferenceId = (sectionId, canonicalKey) => {
+	return `${sectionId}-difference-${canonicalKey}`;
+};
+const dateOnlyRegex = /^(\d{4})-(\d{2})-(\d{2})$/;
+const isoTimestampWithTimezoneRegex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(?::\d{2}(?:\.\d{1,9})?)?(?:Z|[+-]\d{2}:?\d{2})$/i;
+const normalizeDifferenceText = (value) => {
+	return value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+};
+const resolveCanonicalDifferenceKey = (difference) => {
+	const normalizedType = normalizeDifferenceText(difference.type);
+	const combined = normalizeDifferenceText(`${difference.type} ${difference.title}`);
+	if (combined.includes("start_date") || combined.includes("open_date")) return "start_date";
+	if (combined.includes("end_date") || combined.includes("close_date") || combined.includes("closing_date") || combined.includes("expiration_date") || combined.includes("expiry_date")) return "end_date";
+	if (combined.includes("resolution_timing") || combined.includes("resolution_date") || combined.includes("resolution_deadline") || combined.includes("settlement_date") || combined.includes("settlement_deadline") || combined.includes("settlement_timing")) return "resolution_timing";
+	return normalizedType || "other";
+};
+const parseSettlementDateMs = (value) => {
+	const trimmed = value.trim();
+	const dateOnlyMatch = dateOnlyRegex.exec(trimmed);
+	if (dateOnlyMatch) {
+		const [, year, month, day] = dateOnlyMatch;
+		return Date.UTC(Number(year), Number(month) - 1, Number(day));
+	}
+	if (!isoTimestampWithTimezoneRegex.test(trimmed)) return null;
+	const ms = Date.parse(trimmed);
+	return Number.isNaN(ms) ? null : ms;
+};
+const isDateLikeDifference = (canonicalKey) => {
+	return canonicalKey === "resolution_timing" || canonicalKey === "start_date" || canonicalKey === "end_date";
+};
+/**
+* A row every venue answers the same way is not a difference, whatever its
+* type. Dates are compared as instants so "2026-03-31" and
+* "2026-03-31T00:00:00Z" count as agreeing; everything else is compared as
+* normalized text. Venues the aggregator produced no value for are ignored —
+* the venues that did answer are what decides it.
+*/
+const hasEqualValuesAcrossVenues = (difference) => {
+	const values = Object.values(difference.perVenue);
+	if (values.length < 2) return false;
+	const timestamps = values.map(parseSettlementDateMs);
+	if (timestamps.every((timestamp) => timestamp !== null)) return new Set(timestamps).size === 1;
+	return new Set(values.map(normalizeSettlementForCompare)).size === 1;
+};
+const resolveDifferenceSeverity = (difference, canonicalKey) => {
+	const combined = normalizeDifferenceText(`${difference.type} ${difference.title} ${difference.summary ?? ""}`);
+	if (isDateLikeDifference(canonicalKey)) return "critical";
+	if (canonicalKey === "scope" || canonicalKey === "threshold" || canonicalKey === "edge_cases") return "critical";
+	if (combined.includes("conflict") || combined.includes("void") || combined.includes("cancel") || combined.includes("postpone") || combined.includes("recount") || combined.includes("overtime") || combined.includes("extra_time")) return "critical";
+	return "informational";
+};
+const mergePerVenueValues = (current, next) => {
+	return Object.entries(next).reduce((merged, [venue, value]) => {
+		if (merged[venue] === void 0) merged[venue] = value;
+		return merged;
+	}, { ...current });
+};
+const prepareSettlementDifferences = (differences) => {
+	const byCanonicalKey = /* @__PURE__ */ new Map();
+	for (const [originalIndex, rawDifference] of (differences ?? []).entries()) {
+		const title = rawDifference.title.trim();
+		const perVenue = Object.fromEntries(Object.entries(rawDifference.perVenue).map(([venue, value]) => [venue.trim(), value.trim()]).filter(([venue, value]) => venue.length > 0 && value.length > 0));
+		if (!title || Object.keys(perVenue).length === 0) continue;
+		const difference = {
+			...rawDifference,
+			title,
+			perVenue
+		};
+		const canonicalKey = resolveCanonicalDifferenceKey(difference);
+		if (hasEqualValuesAcrossVenues(difference)) continue;
+		const existing = byCanonicalKey.get(canonicalKey);
+		if (existing) {
+			byCanonicalKey.set(canonicalKey, {
+				...existing,
+				perVenue: mergePerVenueValues(existing.perVenue, difference.perVenue)
+			});
+			continue;
+		}
+		byCanonicalKey.set(canonicalKey, {
+			...difference,
+			canonicalKey,
+			severity: resolveDifferenceSeverity(difference, canonicalKey),
+			originalIndex
+		});
+	}
+	return Array.from(byCanonicalKey.values()).filter((difference) => !hasEqualValuesAcrossVenues(difference)).sort((left, right) => {
+		const severityDelta = Number(right.severity === "critical") - Number(left.severity === "critical");
+		if (severityDelta !== 0) return severityDelta;
+		return left.originalIndex - right.originalIndex;
+	});
+};
+const formatVenueFallbackLabel = (venue) => {
+	return venue.split(/[-_\s]+/).filter(Boolean).map((part) => `${part.slice(0, 1).toUpperCase()}${part.slice(1)}`).join(" ");
+};
+const resolveSettlementVenueLabel = (venue, labels) => {
+	return labels.venues[venue] ?? formatVenueFallbackLabel(venue);
+};
+/**
+* Every row lists every venue in the cluster, not just the ones the aggregator
+* had a value for — a venue missing from a row reads as "this venue is not
+* involved" rather than "we don't know", which is what it actually means.
+*/
+const resolveDifferenceVenueKeys = (difference, settlementVenues) => {
+	const allVenues = [...settlementVenues ?? [], ...Object.keys(difference.perVenue)];
+	return Array.from(new Set(allVenues.filter((venue) => venue.trim().length > 0)));
+};
+const resolveDifferenceIconClassName = (canonicalKey) => {
+	if (canonicalKey.includes("source") || canonicalKey.includes("url")) return "fi-rr-world";
+	if (canonicalKey === "resolution_timing" || canonicalKey.includes("timing")) return "fi-rr-clock";
+	if (canonicalKey === "start_date" || canonicalKey.includes("start")) return "fi-rr-calendar-clock";
+	if (canonicalKey === "end_date" || canonicalKey.includes("end")) return "fi-rr-calendar-clock";
+	if (canonicalKey.includes("cancel") || canonicalKey.includes("void") || canonicalKey.includes("postpone")) return "fi-rr-ban";
+	if (canonicalKey === "edge_cases" || canonicalKey.includes("edge")) return "fi-rr-triangle-warning";
+	if (canonicalKey === "scope") return "fi-rr-layers";
+	if (canonicalKey === "threshold") return "fi-rr-tachometer-alt-fastest";
+	if (canonicalKey.includes("wording")) return "fi-rr-document";
+	return "fi-rr-info";
+};
+const buildSettlementVenueRules = ({ marketBlock, primaryRulesBlock, settlementVenues, settlementVenueRules }) => {
+	if (settlementVenueRules) {
+		const rulesByVenue = /* @__PURE__ */ new Map();
+		for (const rule of settlementVenueRules) {
+			const venue = rule.venue.trim();
+			const content = rule.content.trim();
+			if (!venue || !content) continue;
+			const venueRules = rulesByVenue.get(venue) ?? [];
+			if (!venueRules.includes(content)) venueRules.push(content);
+			rulesByVenue.set(venue, venueRules);
+		}
+		if (rulesByVenue.size > 0) for (const venue of settlementVenues ?? []) {
+			const trimmedVenue = venue.trim();
+			if (trimmedVenue && !rulesByVenue.has(trimmedVenue)) rulesByVenue.set(trimmedVenue, []);
+		}
+		return Array.from(rulesByVenue, ([venue, contents]) => ({
+			venue,
+			content: contents.join("\n\n")
+		}));
+	}
+	const content = [marketBlock?.content, primaryRulesBlock?.content].filter((value) => typeof value === "string" && value.trim().length > 0).join("\n\n");
+	const venue = settlementVenues?.find((candidate) => candidate.trim().length > 0)?.trim();
+	return content && venue ? [{
+		venue,
+		content
+	}] : [];
+};
+/**
+* The card header already shows the question. When the event description is
+* nothing but the question restated, rendering it again just repeats the line
+* back at the reader.
+*/
+const repeatsQuestion = (content, question) => {
+	const normalizedQuestion = normalizeSettlementForCompare(question ?? "");
+	if (!normalizedQuestion) return false;
+	return normalizeSettlementForCompare(content) === normalizedQuestion;
+};
+const isDuplicatedByVenueRules = (content, venueRules) => {
+	const normalizedContent = normalizeSettlementForCompare(content);
+	if (!normalizedContent) return false;
+	return venueRules.some((rule) => {
+		return normalizeSettlementForCompare(rule.content).includes(normalizedContent);
+	});
+};
+const SettlementVenueRules = ({ rules, labels }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+			children: labels.trading.settlementFullRulesTitle
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex w-full flex-col items-start gap-4",
+			children: rules.map((rule) => {
+				const venueLabel = resolveSettlementVenueLabel(rule.venue, labels);
+				return /* @__PURE__ */ jsxs("details", {
+					className: "w-full",
+					children: [/* @__PURE__ */ jsxs("summary", {
+						className: "group/agg-settlement-rule flex w-fit cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground transition-colors marker:hidden",
+						children: [
+							/* @__PURE__ */ jsx(VenueLogo, {
+								venue: rule.venue,
+								size: "small",
+								className: "size-4",
+								ariaLabel: venueLabel
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors",
+								children: venueLabel
+							}),
+							/* @__PURE__ */ jsx("i", {
+								className: cn("fi fi-rr-angle-small-down text-[14px]!", "group-open/agg-settlement-rule:rotate-180", "size-3.5! shrink-0 text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-[colors,transform]"),
+								style: { fontSize: 14 },
+								"aria-hidden": "true"
+							})
+						]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "mt-3 pl-6",
+						children: rule.content ? /* @__PURE__ */ jsx(SettlementTextRenderer, { content: rule.content }) : /* @__PURE__ */ jsx("p", {
+							className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground",
+							children: labels.trading.settlementValueUnavailable
+						})
+					})]
+				}, rule.venue);
+			})
+		})]
+	});
+};
+const Settlement = ({ className, id = SETTLEMENT_SECTION_ID, sectionLabel = defaultSettlementSectionLabel, question, eventDescription, marketDescription, primaryRules, settlementDiff, settlementVenues, settlementVenueRules, isLoading = false }) => {
+	const labels = useLabels();
+	const blocks = useMemo(() => dedupeSettlementSources({
+		eventDescription,
+		marketDescription,
+		primaryRules
+	}), [
+		eventDescription,
+		marketDescription,
+		primaryRules
+	]);
+	const isSingleVenueCluster = settlementVenues !== void 0 && settlementVenues.length < 2;
+	const settlementDifferences = useMemo(() => isSingleVenueCluster ? [] : prepareSettlementDifferences(settlementDiff?.differences), [isSingleVenueCluster, settlementDiff?.differences]);
+	const eventBlock = blocks.find((block) => block.key === "eventDescription") ?? null;
+	const marketBlock = blocks.find((block) => block.key === "marketDescription") ?? null;
+	const primaryRulesBlock = blocks.find((block) => block.key === "primaryRules") ?? null;
+	const venueRuleBlocks = useMemo(() => buildSettlementVenueRules({
+		marketBlock,
+		primaryRulesBlock,
+		settlementVenues,
+		settlementVenueRules
+	}), [
+		marketBlock,
+		primaryRulesBlock,
+		settlementVenues,
+		settlementVenueRules
+	]);
+	const hasSettlementDifferences = settlementDifferences.length > 0;
+	const hasVenueSettlementRules = venueRuleBlocks.length > 0;
+	const standaloneEventBlock = eventBlock && !isDuplicatedByVenueRules(eventBlock.content, venueRuleBlocks) && !repeatsQuestion(eventBlock.content, question) ? eventBlock : null;
+	const standaloneMarketBlock = hasVenueSettlementRules ? null : marketBlock;
+	const standalonePrimaryRulesBlock = hasVenueSettlementRules ? null : primaryRulesBlock;
+	const hasStandaloneSettlementText = hasVenueSettlementRules ? standaloneEventBlock !== null : blocks.length > 0;
+	const hasSettlementContent = hasSettlementDifferences || hasVenueSettlementRules || hasStandaloneSettlementText;
+	const defaultOpenDifferenceKey = settlementDifferences[0]?.canonicalKey ?? null;
+	const [openDifferenceKeys, setOpenDifferenceKeys] = useState(() => defaultOpenDifferenceKey ? [defaultOpenDifferenceKey] : []);
+	useEffect(() => {
+		setOpenDifferenceKeys(defaultOpenDifferenceKey ? [defaultOpenDifferenceKey] : []);
+	}, [defaultOpenDifferenceKey]);
+	const handleToggleDifference = (canonicalKey) => {
+		setOpenDifferenceKeys((currentKeys) => currentKeys.includes(canonicalKey) ? currentKeys.filter((currentKey) => currentKey !== canonicalKey) : [...currentKeys, canonicalKey]);
+	};
+	if (isLoading) return /* @__PURE__ */ jsx(Skeleton, {
+		ariaLabel: labels.trading.settlementLoading,
+		className,
+		view: skeletonViews.settlement
+	});
+	if (!hasSettlementContent) return null;
+	const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
+	return /* @__PURE__ */ jsxs(Card, {
+		id,
+		className: cn("group/agg-settlement-card", "flex w-full flex-col items-start gap-4 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none sm:gap-5", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "agg-settlement-header flex w-full flex-col items-start gap-1 text-agg-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-4",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase",
+				children: resolvedSectionLabel
+			}), question ? /* @__PURE__ */ jsx("p", {
+				className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate",
+				children: question
+			}) : null]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "agg-settlement-sections flex w-full flex-col items-start gap-5",
+			children: [
+				hasStandaloneSettlementText ? /* @__PURE__ */ jsxs("div", {
+					className: "w-full",
+					children: [standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ jsxs("div", {
+						className: "agg-settlement-section agg-settlement-section-description",
+						"data-source": "description",
+						children: [
+							standaloneEventBlock ? /* @__PURE__ */ jsx("div", {
+								"data-source": "eventDescription",
+								children: /* @__PURE__ */ jsx(SettlementTextRenderer, { content: standaloneEventBlock.content })
+							}) : null,
+							standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ jsx("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
+							standaloneMarketBlock ? /* @__PURE__ */ jsx("div", {
+								"data-source": "marketDescription",
+								children: /* @__PURE__ */ jsx(SettlementTextRenderer, { content: standaloneMarketBlock.content })
+							}) : null
+						]
+					}) : null, standalonePrimaryRulesBlock ? /* @__PURE__ */ jsxs("div", {
+						className: "agg-settlement-section agg-settlement-section-primaryRules",
+						"data-source": "primaryRules",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2",
+							children: labels.trading.settlementPrimaryRulesLabel
+						}), /* @__PURE__ */ jsx(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })]
+					}) : null]
+				}) : null,
+				hasSettlementDifferences ? /* @__PURE__ */ jsxs("div", {
+					className: "agg-settlement-differences flex w-full flex-col items-start gap-5",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+							children: labels.trading.settlementDifferencesTitle
+						}), /* @__PURE__ */ jsx("span", {
+							className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary",
+							children: settlementDifferences.length
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "flex w-full flex-col items-start gap-5",
+						children: settlementDifferences.map((difference) => {
+							const venueKeys = resolveDifferenceVenueKeys(difference, settlementVenues);
+							const isExpanded = openDifferenceKeys.includes(difference.canonicalKey) && venueKeys.length > 0;
+							return /* @__PURE__ */ jsxs("div", {
+								id: getSettlementDifferenceId(id, difference.canonicalKey),
+								className: "agg-settlement-difference flex w-full flex-col items-start gap-2 rounded-agg-lg",
+								children: [/* @__PURE__ */ jsxs("button", {
+									type: "button",
+									className: "flex w-full cursor-pointer items-center gap-2 text-left group/agg-settlement-difference",
+									"aria-expanded": isExpanded,
+									onClick: () => handleToggleDifference(difference.canonicalKey),
+									children: [
+										/* @__PURE__ */ jsx("i", {
+											className: cn("fi", resolveDifferenceIconClassName(difference.canonicalKey), "inline-flex size-4! shrink-0 items-center justify-center text-[16px] leading-none text-agg-muted-foreground"),
+											"aria-hidden": "true"
+										}),
+										/* @__PURE__ */ jsx("p", {
+											className: "min-w-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-colors break-words [overflow-wrap:anywhere]",
+											children: difference.title
+										}),
+										/* @__PURE__ */ jsx("i", {
+											className: cn("fi fi-rr-angle-small-down text-[14px]!", isExpanded && "rotate-180", "size-3.5! shrink-0 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-[colors,transform]"),
+											style: { fontSize: 14 },
+											"aria-hidden": "true"
+										})
+									]
+								}), isExpanded ? /* @__PURE__ */ jsx("dl", {
+									className: "flex w-full flex-col items-start gap-1 px-6",
+									children: venueKeys.map((venue) => {
+										const venueValue = difference.perVenue[venue] ?? labels.trading.settlementValueUnavailable;
+										const venueLabel = resolveSettlementVenueLabel(venue, labels);
+										return /* @__PURE__ */ jsxs("div", {
+											className: "flex w-full items-start gap-2",
+											children: [
+												/* @__PURE__ */ jsx(VenueLogo, {
+													venue,
+													size: "small",
+													className: "mt-0.5 size-4",
+													ariaLabel: venueLabel
+												}),
+												/* @__PURE__ */ jsx("dt", {
+													className: "w-[88px] shrink-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground",
+													children: venueLabel
+												}),
+												/* @__PURE__ */ jsx("dd", {
+													className: "min-w-0 flex-1 text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground break-words [overflow-wrap:anywhere]",
+													children: venueValue
+												})
+											]
+										}, venue);
+									})
+								}) : null]
+							}, difference.canonicalKey);
+						})
+					})]
+				}) : null,
+				hasVenueSettlementRules ? /* @__PURE__ */ jsxs(Fragment$1, { children: [hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-agg-separator" }) : null, /* @__PURE__ */ jsx(SettlementVenueRules, {
+					rules: venueRuleBlocks,
+					labels
+				})] }) : null
+			]
+		})]
+	});
+};
+Settlement.displayName = "Settlement";
+//#endregion
+//#region src/events/shared/event-trading-state.utils.ts
+const formatTradingStateDate = (value) => {
+	if (!dayjs(value).isValid()) return value;
+	return dayjs(value).format("MMM D, YYYY");
+};
+const resolveTradingStateTimestampLabel = (labels, state) => {
+	if (state.kind === "resolved" && state.resolvesAt) return labels.eventMarketPage.resolvedAt(formatTradingStateDate(state.resolvesAt));
+	if (state.kind === "closed" && state.endsAt) return labels.eventMarketPage.closedAt(formatTradingStateDate(state.endsAt));
+	if (state.kind === "unopened" && state.startsAt) return labels.eventMarketPage.opensAt(formatTradingStateDate(state.startsAt));
+	return null;
+};
+const resolveTradingStatePresentation = (labels, state) => {
+	const timestampLabel = resolveTradingStateTimestampLabel(labels, state);
+	const resolvedOutcomeLabel = resolveResolvedOutcomeLabel({
+		market: state.market ?? null,
+		outcome: state.winningOutcome
+	});
+	const winningOutcomeLabel = resolvedOutcomeLabel ? labels.eventMarketPage.winningOutcome(resolvedOutcomeLabel) : null;
+	if (state.kind === "resolved") return {
+		badgeLabel: labels.eventMarketPage.tradingResolvedBadge,
+		title: labels.eventMarketPage.tradingResolvedTitle,
+		description: labels.eventMarketPage.tradingResolvedDescription,
+		iconName: "check-circle",
+		timestampLabel,
+		winningOutcomeLabel
+	};
+	if (state.kind === "paused") return {
+		badgeLabel: labels.eventMarketPage.tradingPausedBadge,
+		title: labels.eventMarketPage.tradingPausedTitle,
+		description: labels.eventMarketPage.tradingPausedDescription,
+		iconName: "warning-filled",
+		timestampLabel,
+		winningOutcomeLabel
+	};
+	if (state.kind === "unopened") return {
+		badgeLabel: labels.eventMarketPage.tradingUnopenedBadge,
+		title: labels.eventMarketPage.tradingUnopenedTitle,
+		description: labels.eventMarketPage.tradingUnopenedDescription,
+		iconName: "info",
+		timestampLabel,
+		winningOutcomeLabel
+	};
+	if (state.kind === "closed") return {
+		badgeLabel: labels.eventMarketPage.tradingClosedBadge,
+		title: labels.eventMarketPage.tradingClosedTitle,
+		description: labels.eventMarketPage.tradingClosedDescription,
+		iconName: "warning-filled",
+		timestampLabel,
+		winningOutcomeLabel
+	};
+	return {
+		badgeLabel: labels.eventMarketPage.tradingUnavailableBadge,
+		title: labels.eventMarketPage.tradingUnavailableTitle,
+		description: labels.eventMarketPage.tradingUnavailableDescription,
+		iconName: "info",
+		timestampLabel,
+		winningOutcomeLabel
+	};
+};
+const resolveTradingStateBadgeClassName = (kind) => {
+	if (kind === "resolved") return "border-agg-success/20 bg-agg-success/10 text-agg-success";
+	if (kind === "unopened") return "border-agg-primary/15 bg-agg-primary/5 text-agg-primary";
+	if (kind === "paused") return "border-agg-warning/20 bg-agg-warning/10 text-agg-warning";
+	if (kind === "closed") return "border-agg-warning/20 bg-agg-warning/10 text-agg-warning";
+	return "border-agg-separator bg-agg-secondary text-agg-muted-foreground";
+};
+const ORDER_ELIGIBILITY_LABEL_MAP = {
+	no_event_selected: (labels) => labels.trading.orderDisabledNoEvent,
+	no_market_selected: (labels) => labels.trading.orderDisabledNoMarket,
+	no_outcome_selected: (labels) => labels.trading.orderDisabledNoOutcome,
+	event_resolved: (labels) => labels.trading.orderDisabledEventResolved,
+	event_closed: (labels) => labels.trading.orderDisabledEventClosed,
+	event_paused: (labels) => labels.trading.orderDisabledEventPaused,
+	event_unopened: (labels) => labels.trading.orderDisabledEventUnopened,
+	event_unavailable: (labels) => labels.trading.orderDisabledEventUnavailable,
+	market_resolved: (labels) => labels.trading.orderDisabledMarketResolved,
+	market_closed: (labels) => labels.trading.orderDisabledMarketClosed,
+	market_paused: (labels) => labels.trading.orderDisabledMarketPaused,
+	market_unopened: (labels) => labels.trading.orderDisabledMarketUnopened,
+	market_unavailable: (labels) => labels.trading.orderDisabledMarketUnavailable
+};
+const resolveOrderEligibilityMessage = (labels, reason) => {
+	if (reason === "eligible") return null;
+	return ORDER_ELIGIBILITY_LABEL_MAP[reason](labels);
+};
+//#endregion
+export { useEventTradingContext$1 as C, resolveUnifiedOrderBookEntries as S, getTradingValueLabel as _, Settlement as a, formatProbabilityCents as b, resolveDifferenceIconClassName as c, getTradingAveragePriceLabel as d, getTradingBalanceLabel as f, getTradingSlippageLabel as g, getTradingSharesLabel as h, SETTLEMENT_SECTION_ID as i, defaultSettlementSectionLabel as l, getTradingPriceLabel as m, resolveTradingStateBadgeClassName as n, getSettlementDifferenceId as o, getTradingDateLabel as p, resolveTradingStatePresentation as r, prepareSettlementDifferences as s, resolveOrderEligibilityMessage as t, defaultTradingDisclaimer as u, getTradingVenueLabel as v, resolveOrderBookRows as x, getDisplayOutcomePrice as y };