@agg-build/ui 4.26.1 → 4.27.1

package/dist/event-trading-state.utils-s4DEc4iA.js

@@ -0,0 +1,921 @@
+"use client";
+const require_primitives = require("./primitives-CqxNeV7H.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _agg_build_hooks = require("@agg-build/hooks");
+let dayjs = require("dayjs");
+dayjs = require_primitives.__toESM(dayjs);
+let _agg_build_sdk = require("@agg-build/sdk");
+//#region src/events/orderbook/orderbook.utils.ts
+const isOrderBookLevel = (v) => (0, _agg_build_sdk.hasShape)(v, {
+	price: (p) => typeof p === "number" && p >= 0 && p <= 1,
+	size: (s) => typeof s === "number" && s >= 0
+});
+const isOrderBookRow = (v) => (0, _agg_build_sdk.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 = (0, _agg_build_sdk.safeParse)(level, isOrderBookLevel);
+			if (!parsedLevel.success) return [];
+			const parsedRow = (0, _agg_build_sdk.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 = (0, _agg_build_hooks.resolveAggUiLabels)("en-US");
+const defaultSettlementSectionLabel = defaultLabels.trading.settlementSection;
+const defaultTradingDisclaimer = defaultLabels.trading.disclaimer;
+const getTradingDateLabel = (value) => {
+	const parsedValue = (0, dayjs.default)(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(require_primitives.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__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: text.slice(lastIndex, match.index) }, `${baseKey}-text-${segmentIndex++}`));
+		if (isLinkMatch(match)) nodes.push(/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: text.slice(lastIndex) }, `${baseKey}-text-${segmentIndex++}`));
+	return nodes;
+};
+const renderBlock = (block, blockIndex) => {
+	if (block.kind === "list") return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("li", {
+			className: "agg-settlement-text-list-item",
+			children: renderInlineSegment(item, `block-${blockIndex}-item-${itemIndex}`)
+		}, `block-${blockIndex}-item-${itemIndex}`))
+	}, `block-${blockIndex}`);
+	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [lineIndex > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_primitives.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+			children: labels.trading.settlementFullRulesTitle
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex w-full flex-col items-start gap-4",
+			children: rules.map((rule) => {
+				const venueLabel = resolveSettlementVenueLabel(rule.venue, labels);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+					className: "w-full",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(require_primitives.VenueLogo, {
+								venue: rule.venue,
+								size: "small",
+								className: "size-4",
+								ariaLabel: venueLabel
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors",
+								children: venueLabel
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+								className: require_primitives.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__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "mt-3 pl-6",
+						children: rule.content ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettlementTextRenderer, { content: rule.content }) : /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, _agg_build_hooks.useLabels)();
+	const blocks = (0, react.useMemo)(() => dedupeSettlementSources({
+		eventDescription,
+		marketDescription,
+		primaryRules
+	}), [
+		eventDescription,
+		marketDescription,
+		primaryRules
+	]);
+	const isSingleVenueCluster = settlementVenues !== void 0 && settlementVenues.length < 2;
+	const settlementDifferences = (0, react.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 = (0, react.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] = (0, react.useState)(() => defaultOpenDifferenceKey ? [defaultOpenDifferenceKey] : []);
+	(0, react.useEffect)(() => {
+		setOpenDifferenceKeys(defaultOpenDifferenceKey ? [defaultOpenDifferenceKey] : []);
+	}, [defaultOpenDifferenceKey]);
+	const handleToggleDifference = (canonicalKey) => {
+		setOpenDifferenceKeys((currentKeys) => currentKeys.includes(canonicalKey) ? currentKeys.filter((currentKey) => currentKey !== canonicalKey) : [...currentKeys, canonicalKey]);
+	};
+	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Skeleton, {
+		ariaLabel: labels.trading.settlementLoading,
+		className,
+		view: require_primitives.skeletonViews.settlement
+	});
+	if (!hasSettlementContent) return null;
+	const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Card, {
+		id,
+		className: require_primitives.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase",
+				children: resolvedSectionLabel
+			}), question ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "agg-settlement-sections flex w-full flex-col items-start gap-5",
+			children: [
+				hasStandaloneSettlementText ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "w-full",
+					children: [standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "agg-settlement-section agg-settlement-section-description",
+						"data-source": "description",
+						children: [
+							standaloneEventBlock ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								"data-source": "eventDescription",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettlementTextRenderer, { content: standaloneEventBlock.content })
+							}) : null,
+							standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
+							standaloneMarketBlock ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								"data-source": "marketDescription",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettlementTextRenderer, { content: standaloneMarketBlock.content })
+							}) : null
+						]
+					}) : null, standalonePrimaryRulesBlock ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "agg-settlement-section agg-settlement-section-primaryRules",
+						"data-source": "primaryRules",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })]
+					}) : null]
+				}) : null,
+				hasSettlementDifferences ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "agg-settlement-differences flex w-full flex-col items-start gap-5",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+							children: labels.trading.settlementDifferencesTitle
+						}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("i", {
+											className: require_primitives.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("i", {
+											className: require_primitives.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "flex w-full items-start gap-2",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.VenueLogo, {
+													venue,
+													size: "small",
+													className: "mt-0.5 size-4",
+													ariaLabel: venueLabel
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
+													className: "w-[88px] shrink-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground",
+													children: venueLabel
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettlementVenueRules, {
+					rules: venueRuleBlocks,
+					labels
+				})] }) : null
+			]
+		})]
+	});
+};
+Settlement.displayName = "Settlement";
+//#endregion
+//#region src/events/shared/event-trading-state.utils.ts
+const formatTradingStateDate = (value) => {
+	if (!(0, dayjs.default)(value).isValid()) return value;
+	return (0, dayjs.default)(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 = require_primitives.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
+Object.defineProperty(exports, "SETTLEMENT_SECTION_ID", {
+	enumerable: true,
+	get: function() {
+		return SETTLEMENT_SECTION_ID;
+	}
+});
+Object.defineProperty(exports, "Settlement", {
+	enumerable: true,
+	get: function() {
+		return Settlement;
+	}
+});
+Object.defineProperty(exports, "defaultSettlementSectionLabel", {
+	enumerable: true,
+	get: function() {
+		return defaultSettlementSectionLabel;
+	}
+});
+Object.defineProperty(exports, "defaultTradingDisclaimer", {
+	enumerable: true,
+	get: function() {
+		return defaultTradingDisclaimer;
+	}
+});
+Object.defineProperty(exports, "formatProbabilityCents", {
+	enumerable: true,
+	get: function() {
+		return formatProbabilityCents;
+	}
+});
+Object.defineProperty(exports, "getDisplayOutcomePrice", {
+	enumerable: true,
+	get: function() {
+		return getDisplayOutcomePrice;
+	}
+});
+Object.defineProperty(exports, "getSettlementDifferenceId", {
+	enumerable: true,
+	get: function() {
+		return getSettlementDifferenceId;
+	}
+});
+Object.defineProperty(exports, "getTradingAveragePriceLabel", {
+	enumerable: true,
+	get: function() {
+		return getTradingAveragePriceLabel;
+	}
+});
+Object.defineProperty(exports, "getTradingBalanceLabel", {
+	enumerable: true,
+	get: function() {
+		return getTradingBalanceLabel;
+	}
+});
+Object.defineProperty(exports, "getTradingDateLabel", {
+	enumerable: true,
+	get: function() {
+		return getTradingDateLabel;
+	}
+});
+Object.defineProperty(exports, "getTradingPriceLabel", {
+	enumerable: true,
+	get: function() {
+		return getTradingPriceLabel;
+	}
+});
+Object.defineProperty(exports, "getTradingSharesLabel", {
+	enumerable: true,
+	get: function() {
+		return getTradingSharesLabel;
+	}
+});
+Object.defineProperty(exports, "getTradingSlippageLabel", {
+	enumerable: true,
+	get: function() {
+		return getTradingSlippageLabel;
+	}
+});
+Object.defineProperty(exports, "getTradingValueLabel", {
+	enumerable: true,
+	get: function() {
+		return getTradingValueLabel;
+	}
+});
+Object.defineProperty(exports, "getTradingVenueLabel", {
+	enumerable: true,
+	get: function() {
+		return getTradingVenueLabel;
+	}
+});
+Object.defineProperty(exports, "prepareSettlementDifferences", {
+	enumerable: true,
+	get: function() {
+		return prepareSettlementDifferences;
+	}
+});
+Object.defineProperty(exports, "resolveDifferenceIconClassName", {
+	enumerable: true,
+	get: function() {
+		return resolveDifferenceIconClassName;
+	}
+});
+Object.defineProperty(exports, "resolveOrderBookRows", {
+	enumerable: true,
+	get: function() {
+		return resolveOrderBookRows;
+	}
+});
+Object.defineProperty(exports, "resolveOrderEligibilityMessage", {
+	enumerable: true,
+	get: function() {
+		return resolveOrderEligibilityMessage;
+	}
+});
+Object.defineProperty(exports, "resolveTradingStateBadgeClassName", {
+	enumerable: true,
+	get: function() {
+		return resolveTradingStateBadgeClassName;
+	}
+});
+Object.defineProperty(exports, "resolveTradingStatePresentation", {
+	enumerable: true,
+	get: function() {
+		return resolveTradingStatePresentation;
+	}
+});
+Object.defineProperty(exports, "resolveUnifiedOrderBookEntries", {
+	enumerable: true,
+	get: function() {
+		return resolveUnifiedOrderBookEntries;
+	}
+});