@agg-build/ui 4.17.3 → 4.18.0

package/dist/chunk-HFL3CEWG.mjs

@@ -0,0 +1,3482 @@
+"use client";
+import {
+  EventListItemDetails,
+  MarketDetails,
+  MarketDetailsList,
+  isErrorWithStatus
+} from "./chunk-2UPO6G3S.mjs";
+import {
+  PlaceOrder,
+  SettlementDetails,
+  useResolvedMarketClaim
+} from "./chunk-2OBJ7DYT.mjs";
+import {
+  getDisplayOutcomePrice,
+  resolveHeaderOutcomeItems,
+  resolveMarketFromVenueMarkets
+} from "./chunk-JJ3VVCEP.mjs";
+import {
+  AggErrorBoundary,
+  Button,
+  CloseIcon,
+  Icon,
+  LoadingIcon,
+  Modal,
+  RemoteImage,
+  SearchEmptyIcon,
+  Skeleton,
+  StateMessage,
+  VenueLogo,
+  __async,
+  __objRest,
+  __restKey,
+  __spreadProps,
+  __spreadValues,
+  cn,
+  formatRecurringMarketPillTimeEt,
+  formatRecurringMarketWindowTimeEt,
+  normalizeVenueMarketCluster,
+  skeletonViews,
+  useOptionalToast
+} from "./chunk-WIGSRHUG.mjs";
+
+// src/pages/event-market/index.tsx
+import {
+  resolveRecurringCryptoTimeline,
+  resolveEventTradingState as resolveEventTradingState3,
+  TradeSide as TradeSide2,
+  useEnrichedVenueEvent,
+  useEventTradingContext as useEventTradingContext4,
+  useLabels as useLabels8,
+  useMidpoints as useMidpoints2,
+  useRecurringCryptoMarkets,
+  useSdkUiConfig as useSdkUiConfig3,
+  useResolvedExecutionMode as useResolvedExecutionMode2
+} from "@agg-build/hooks";
+import { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMemo5, useRef as useRef5, useState as useState7 } from "react";
+
+// src/pages/event-market/event-open-orders.tsx
+import { useAggAuthState, useLabels as useLabels4, useSdkUiConfig } from "@agg-build/hooks";
+import { useCallback as useCallback2 } from "react";
+
+// src/pages/user-profile/components/open-order-row.tsx
+import { optimizedImageUrl, retinaImageUrl, useLabels } from "@agg-build/hooks";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var shouldUseNativeLinkNavigation = (event) => {
+  return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
+};
+var CANCELLABLE_LIMIT_ORDER_STATUSES = /* @__PURE__ */ new Set([
+  "submitted",
+  "open",
+  "partially_filled_open",
+  "cancel_pending"
+]);
+var canCancelOpenOrder = (order) => {
+  const status = order.status.trim().toLowerCase();
+  const isLimitOrder = order.orderType === "limit" || order.limitPriceLabel != null;
+  if (!isLimitOrder) return false;
+  if (status === "pending" && !order.dagRunId) return true;
+  return CANCELLABLE_LIMIT_ORDER_STATUSES.has(status);
+};
+var PENDING_LIMIT_ORDER_STATUSES = /* @__PURE__ */ new Set([
+  "pending",
+  "signing",
+  "pending_bridge",
+  "submitting"
+]);
+var isPendingOpenOrder = (order) => {
+  const isLimitOrder = order.orderType === "limit" || order.limitPriceLabel != null;
+  return isLimitOrder && PENDING_LIMIT_ORDER_STATUSES.has(order.status.trim().toLowerCase()) && !canCancelOpenOrder(order);
+};
+var OpenOrderRow = ({
+  order,
+  variant = "profile",
+  href,
+  onClick,
+  onCancel,
+  isCancelling = false,
+  cancelLabel,
+  cancelAriaLabel,
+  limitPriceHeader,
+  filledHeader,
+  totalHeader,
+  expirationHeader
+}) => {
+  var _a, _b, _c, _d;
+  const allLabels = useLabels();
+  const labels = allLabels.userProfile.openOrders;
+  const isEventVariant = variant === "event";
+  const resolvedCancelLabel = cancelLabel != null ? cancelLabel : labels.cancel;
+  const resolvedCancelAriaLabel = cancelAriaLabel != null ? cancelAriaLabel : labels.cancelOrderAria(order.id);
+  const resolvedLimitPriceHeader = limitPriceHeader != null ? limitPriceHeader : labels.limitPriceHeader;
+  const resolvedFilledHeader = filledHeader != null ? filledHeader : labels.filledHeader;
+  const resolvedTotalHeader = totalHeader != null ? totalHeader : labels.totalHeader;
+  const resolvedExpirationHeader = expirationHeader != null ? expirationHeader : labels.expirationHeader;
+  const handleDivClick = () => {
+    onClick == null ? void 0 : onClick(order);
+  };
+  const handleAnchorClick = (event) => {
+    if (shouldUseNativeLinkNavigation(event)) return;
+    if (!onClick) return;
+    event.preventDefault();
+    onClick(order);
+  };
+  const handleCancelClick = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    onCancel == null ? void 0 : onCancel(order);
+  };
+  const canCancel = canCancelOpenOrder(order);
+  const isPending = isPendingOpenOrder(order);
+  const sideLabel = order.side === "buy" ? labels.buy : order.side === "sell" ? labels.sell : void 0;
+  const outcomePillLabel = sideLabel ? `${sideLabel} ${order.outcomeLabel}` : order.outcomeLabel;
+  const currentPriceLabel = order.currentPriceLabel ? `${labels.nowPrefix} ${order.currentPriceLabel}` : void 0;
+  const outcomePill = /* @__PURE__ */ jsx("span", { className: "agg-open-order-outcome inline-flex w-fit shrink-0 items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: outcomePillLabel }) });
+  const sharesLabel = isEventVariant && order.sizeShares != null ? allLabels.trading.shares(order.sizeShares) : void 0;
+  const mobileStats = [
+    __spreadValues({
+      label: resolvedLimitPriceHeader,
+      value: (_a = order.limitPriceLabel) != null ? _a : "\u2014"
+    }, currentPriceLabel ? { subValue: currentPriceLabel } : {}),
+    { label: resolvedFilledHeader, value: order.filledLabel },
+    { label: resolvedTotalHeader, value: order.valueLabel },
+    { label: resolvedExpirationHeader, value: (_b = order.expirationLabel) != null ? _b : "\u2014" }
+  ];
+  const isInteractive = Boolean(href || onClick);
+  const Wrapper = href ? "a" : "div";
+  const wrapperProps = href ? {
+    href,
+    onClick: handleAnchorClick
+  } : onClick ? {
+    role: "button",
+    tabIndex: 0,
+    onClick: handleDivClick,
+    onKeyDown: (event) => {
+      if (event.target !== event.currentTarget) return;
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      handleDivClick();
+    }
+  } : {};
+  return /* @__PURE__ */ jsx(
+    Wrapper,
+    __spreadProps(__spreadValues({
+      "aria-label": order.title,
+      className: cn(
+        "agg-open-order-row relative block focus-visible:outline-none",
+        isInteractive && "cursor-pointer",
+        isInteractive && "before:absolute before:-top-2 before:-left-2 before:-bottom-2 before:-right-2 before:z-0",
+        isInteractive && "before:rounded-agg-xl before:bg-agg-secondary-hover before:opacity-0 before:transition-all before:duration-300",
+        isInteractive && "hover:before:opacity-100 focus-visible:before:opacity-100"
+      )
+    }, wrapperProps), {
+      children: /* @__PURE__ */ jsxs("div", { className: "agg-open-order-row-content relative z-10 flex w-full flex-col gap-3 rounded-agg-xl px-3 py-2.5 text-left lg:flex-row lg:items-center lg:gap-6 lg:px-0 lg:py-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3 lg:gap-4", children: [
+          !isEventVariant ? /* @__PURE__ */ jsx("div", { className: "agg-open-order-image flex h-10 w-10 shrink-0 items-center justify-center lg:h-15 lg:w-15", children: /* @__PURE__ */ jsx(
+            RemoteImage,
+            {
+              src: optimizedImageUrl(order.thumbnailSrc, 60),
+              retinaSrc: retinaImageUrl(order.thumbnailSrc, 60),
+              alt: "",
+              className: "h-full w-full rounded-agg-sm object-cover"
+            }
+          ) }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
+              /* @__PURE__ */ jsx("p", { className: "agg-open-order-market min-w-0 flex-1 overflow-hidden font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical] lg:text-agg-base lg:leading-agg-6 lg:whitespace-nowrap lg:text-ellipsis lg:[-webkit-line-clamp:1] lg:[display:block]", children: order.title }),
+              isEventVariant ? /* @__PURE__ */ jsx("span", { className: "lg:hidden", children: outcomePill }) : null
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "hidden lg:inline-flex", children: outcomePill }),
+              sharesLabel ? /* @__PURE__ */ jsxs("span", { className: "agg-open-order-shares flex min-w-0 items-center gap-1", children: [
+                /* @__PURE__ */ jsx(VenueLogo, { venue: order.venue, size: "small", className: "size-4 shrink-0" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: sharesLabel })
+              ] }) : null
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              // Wraps in both variants: the values are `whitespace-nowrap`, so a
+              // long expiration ("Good 'til canceled") beside a wide fill count
+              // overflows the card — and takes the page's horizontal scroll with
+              // it — on a narrow phone if the row is pinned to one line.
+              "flex w-full flex-wrap items-center lg:hidden",
+              isEventVariant ? "justify-between gap-x-3 gap-y-2" : "gap-x-4 gap-y-2"
+            ),
+            children: [
+              !isEventVariant ? /* @__PURE__ */ jsx(Fragment, { children: outcomePill }) : null,
+              mobileStats.map(({ label, value, subValue }) => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex whitespace-nowrap",
+                      isEventVariant ? "flex-col gap-1.5" : "items-baseline gap-1.5"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "font-agg-sans text-agg-foreground",
+                            isEventVariant ? "text-agg-sm leading-agg-5 font-agg-bold" : "text-agg-lg leading-agg-7 font-agg-normal"
+                          ),
+                          children: value
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "font-agg-sans text-[10px] leading-[14px] font-agg-bold uppercase text-agg-muted-foreground", children: label })
+                    ]
+                  }
+                ),
+                subValue ? /* @__PURE__ */ jsx("span", { className: "agg-open-order-current-price font-agg-sans text-agg-sm leading-agg-5 font-agg-normal whitespace-nowrap text-agg-foreground", children: subValue }) : null
+              ] }, label))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "agg-open-order-limit-price hidden w-[120px] shrink-0 flex-col justify-center gap-0.5 lg:flex", children: [
+          /* @__PURE__ */ jsx("p", { className: "agg-type-body-strong text-agg-foreground", children: (_c = order.limitPriceLabel) != null ? _c : "\u2014" }),
+          currentPriceLabel ? /* @__PURE__ */ jsx("p", { className: "agg-open-order-current-price font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: currentPriceLabel }) : null
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "agg-open-order-filled hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: order.filledLabel }),
+        /* @__PURE__ */ jsx("p", { className: "agg-open-order-value hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: order.valueLabel }),
+        /* @__PURE__ */ jsx("p", { className: "agg-open-order-expiration hidden w-[140px] shrink-0 agg-type-label text-agg-foreground lg:block", children: (_d = order.expirationLabel) != null ? _d : "\u2014" }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "shrink-0 justify-end",
+              canCancel || isPending ? "flex w-full lg:w-[80px]" : "hidden lg:flex lg:w-[80px]"
+            ),
+            children: canCancel ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                size: "small",
+                isLoading: isCancelling,
+                disabled: isCancelling,
+                onClick: handleCancelClick,
+                "aria-label": resolvedCancelAriaLabel,
+                className: "w-full lg:w-auto !text-agg-error font-agg-bold",
+                children: resolvedCancelLabel
+              }
+            ) : isPending ? /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-center gap-2 agg-type-label text-agg-foreground", children: [
+              /* @__PURE__ */ jsx(LoadingIcon, { size: "small", ariaLabel: labels.pending, className: "text-agg-primary" }),
+              /* @__PURE__ */ jsx("span", { children: labels.pending })
+            ] }) : null
+          }
+        )
+      ] })
+    })
+  );
+};
+OpenOrderRow.displayName = "OpenOrderRow";
+
+// src/shared/use-open-order-cancellation.ts
+import { useCancelManagedOrder, useLabels as useLabels2 } from "@agg-build/hooks";
+import { useCallback, useState } from "react";
+var useOpenOrderCancellation = ({
+  onCancelOrder
+} = {}) => {
+  const cancelOrderMutation = useCancelManagedOrder();
+  const toastContext = useOptionalToast();
+  const labels = useLabels2();
+  const [cancellingOrderIds, setCancellingOrderIds] = useState({});
+  const cancelOrder = useCallback(
+    (order) => __async(null, null, function* () {
+      if (onCancelOrder) {
+        onCancelOrder(order);
+        return;
+      }
+      setCancellingOrderIds((prev) => __spreadProps(__spreadValues({}, prev), { [order.id]: true }));
+      try {
+        const cancellationResult = yield cancelOrderMutation.mutateAsync(order.id);
+        const isCancellationPending = cancellationResult.status === "cancel_pending";
+        toastContext == null ? void 0 : toastContext.toast(
+          isCancellationPending ? labels.notifications.order.cancelPendingMessage : labels.notifications.order.cancelledMessage,
+          {
+            title: isCancellationPending ? labels.notifications.order.cancelPendingTitle : labels.notifications.order.cancelledTitle,
+            tone: "success"
+          }
+        );
+      } catch (error) {
+        const errorReason = error instanceof Error ? error.message : void 0;
+        toastContext == null ? void 0 : toastContext.toast(labels.notifications.order.cancelFailedMessage(errorReason), {
+          title: labels.notifications.order.cancelFailedTitle,
+          tone: "error"
+        });
+      } finally {
+        setCancellingOrderIds((prev) => {
+          var _a;
+          const _b = prev, { [_a = order.id]: _removed } = _b, rest = __objRest(_b, [__restKey(_a)]);
+          return rest;
+        });
+      }
+    }),
+    [cancelOrderMutation, labels.notifications.order, onCancelOrder, toastContext]
+  );
+  return { cancellingOrderIds, cancelOrder };
+};
+
+// src/pages/event-market/use-event-open-orders.ts
+import { useExecutionOrdersForMarkets, useLabels as useLabels3, useVenueMarketMidpoints } from "@agg-build/hooks";
+import { useMemo } from "react";
+
+// src/shared/open-orders.ts
+import dayjs from "dayjs";
+var MICRO_UNITS_SCALE = 1e6;
+var twoDecimalNumberFormatter = new Intl.NumberFormat("en-US", {
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2
+});
+var twoDecimalUsdFormatter = new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2
+});
+var limitPriceCentsFormatter = new Intl.NumberFormat("en-US", {
+  maximumFractionDigits: 1
+});
+var parseRawMicroValue = (value) => {
+  if (!value) return null;
+  if (value.startsWith("0x") || value.startsWith("0X")) {
+    try {
+      return Number(BigInt(value)) / MICRO_UNITS_SCALE;
+    } catch (e) {
+      return null;
+    }
+  }
+  const parsed = Number(value);
+  if (!Number.isFinite(parsed)) return null;
+  return value.includes(".") ? parsed : parsed / MICRO_UNITS_SCALE;
+};
+var formatScaledNumberTwoDecimals = (value) => {
+  const parsed = parseRawMicroValue(value);
+  if (parsed == null) return "0.00";
+  return twoDecimalNumberFormatter.format(parsed);
+};
+var formatFilledUsdTwoDecimals = (filledAmountRaw) => {
+  var _a;
+  return twoDecimalUsdFormatter.format((_a = parseRawMicroValue(filledAmountRaw)) != null ? _a : 0);
+};
+var formatPriceCentsLabel = (value) => `${limitPriceCentsFormatter.format(value * 100)}\xA2`;
+var formatLimitPriceLabel = (value) => {
+  const parsed = parseRawMicroValue(value);
+  if (parsed == null) return void 0;
+  return formatPriceCentsLabel(parsed);
+};
+var formatOpenOrderExpirationLabel = ({
+  timeInForce,
+  expiresAt,
+  goodTilCanceledLabel,
+  expiredLabel
+}) => {
+  if (timeInForce === "GTC") return goodTilCanceledLabel;
+  if (!expiresAt) return void 0;
+  const expiration = dayjs(expiresAt);
+  if (!expiration.isValid()) return void 0;
+  const now = dayjs();
+  const remainingMinutes = expiration.diff(now, "minute", true);
+  if (remainingMinutes <= 0) return expiredLabel;
+  if (remainingMinutes < 60) return `${Math.ceil(remainingMinutes)}m`;
+  const remainingHours = expiration.diff(now, "hour", true);
+  if (remainingHours < 24) return `${Math.ceil(remainingHours)}h`;
+  return `${Math.ceil(expiration.diff(now, "day", true))}d`;
+};
+var OPEN_ORDER_STATUSES = /* @__PURE__ */ new Set([
+  "pending",
+  "signing",
+  "pending_bridge",
+  "submitting",
+  "submitted",
+  "open",
+  "partially_filled_open",
+  "cancel_pending"
+]);
+var OPEN_ORDER_QUERY_STATUSES = [
+  "pending",
+  "signing",
+  "pending_bridge",
+  "submitting",
+  "submitted",
+  "open",
+  "partially_filled_open",
+  "cancel_pending"
+];
+var isOpenOrderStatus = (status) => OPEN_ORDER_STATUSES.has(status.toLowerCase());
+var isExecutionLimitOrder = (order) => order.orderType === "limit" || order.orderType == null && order.limitSizeRaw != null;
+var selectOpenLimitOrders = (orderLists, options = {}) => {
+  const { venueEventId, venueMarketIds } = options;
+  const venueMarketIdSet = venueMarketIds ? new Set(venueMarketIds) : void 0;
+  const ordersById = /* @__PURE__ */ new Map();
+  for (const orders of orderLists) {
+    for (const order of orders) {
+      ordersById.set(order.id, order);
+    }
+  }
+  return Array.from(ordersById.values()).filter((order) => isOpenOrderStatus(order.status) && isExecutionLimitOrder(order)).filter((order) => {
+    var _a;
+    return !venueEventId || ((_a = order.venueMarket) == null ? void 0 : _a.venueEventId) === venueEventId;
+  }).filter((order) => {
+    var _a;
+    if (!venueMarketIdSet) return true;
+    const venueMarketId = (_a = order.venueMarket) == null ? void 0 : _a.id;
+    return !!venueMarketId && venueMarketIdSet.has(venueMarketId);
+  }).sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
+};
+var normalizeOutcomeMatchLabel = (value) => typeof value === "string" ? value.trim().toLowerCase() : "";
+var buildOpenOrderCurrentPriceLabels = (orders, midpointRows) => {
+  var _a, _b, _c, _d;
+  const midpointRowsByVenueMarketId = new Map(midpointRows.map((row) => [row.venueMarketId, row]));
+  const labelsByOrderId = /* @__PURE__ */ new Map();
+  for (const order of orders) {
+    const venueMarketId = (_a = order.venueMarket) == null ? void 0 : _a.id;
+    if (!venueMarketId) continue;
+    const midpointRow = midpointRowsByVenueMarketId.get(venueMarketId);
+    if (!midpointRow) continue;
+    const orderOutcomeLabels = [
+      normalizeOutcomeMatchLabel((_b = order.venueMarketOutcome) == null ? void 0 : _b.label),
+      normalizeOutcomeMatchLabel((_c = order.venueMarketOutcome) == null ? void 0 : _c.title)
+    ].filter(Boolean);
+    if (orderOutcomeLabels.length === 0) continue;
+    const outcomeMidpoint = (_d = midpointRow.outcomes) == null ? void 0 : _d.find(
+      (outcome) => orderOutcomeLabels.includes(normalizeOutcomeMatchLabel(outcome.label))
+    );
+    if ((outcomeMidpoint == null ? void 0 : outcomeMidpoint.midpoint) == null) continue;
+    labelsByOrderId.set(order.id, formatPriceCentsLabel(outcomeMidpoint.midpoint));
+  }
+  return labelsByOrderId;
+};
+var OPEN_ORDER_FALLBACK_THUMBNAIL_SRC = 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"><rect width="100%" height="100%" fill="%23f4f4f7"/></svg>';
+var mapExecutionOrderToOpenOrder = (order, {
+  goodTilCanceledLabel,
+  expiredLabel,
+  currentPriceLabel,
+  fallbackThumbnailSrc = OPEN_ORDER_FALLBACK_THUMBNAIL_SRC
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const isLimitOrder = isExecutionLimitOrder(order);
+  const filledRaw = isLimitOrder ? order.filledSizeRaw : order.filledAmountRaw;
+  const totalRaw = isLimitOrder ? order.limitSizeRaw : order.amountRaw;
+  const totalCostRaw = isLimitOrder ? (_a = order.reservedCostRaw) != null ? _a : order.amountRaw : order.amountRaw;
+  const limitPriceLabel = formatLimitPriceLabel(order.limitPriceRaw);
+  const expirationLabel = formatOpenOrderExpirationLabel({
+    timeInForce: order.timeInForce,
+    expiresAt: order.expiresAt,
+    goodTilCanceledLabel,
+    expiredLabel
+  });
+  const sizeShares = parseRawMicroValue(totalRaw);
+  return __spreadProps(__spreadValues(__spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadProps(__spreadValues({
+    id: order.id,
+    eventId: (_c = (_b = order.venueMarket) == null ? void 0 : _b.venueEventId) != null ? _c : void 0,
+    marketId: (_e = (_d = order.venueMarket) == null ? void 0 : _d.id) != null ? _e : void 0,
+    thumbnailSrc: (_g = (_f = order.venueMarket) == null ? void 0 : _f.image) != null ? _g : fallbackThumbnailSrc,
+    title: ((_h = order.venueMarket) == null ? void 0 : _h.question) || "Market",
+    outcomeLabel: ((_i = order.venueMarketOutcome) == null ? void 0 : _i.title) || ((_j = order.venueMarketOutcome) == null ? void 0 : _j.label) || "Outcome"
+  }, order.side === "sell" || order.side === "buy" ? { side: order.side } : {}), {
+    venue: order.venue
+  }), limitPriceLabel ? { limitPriceLabel } : {}), currentPriceLabel ? { currentPriceLabel } : {}), {
+    filledLabel: `${formatScaledNumberTwoDecimals(filledRaw != null ? filledRaw : "0")}/${formatScaledNumberTwoDecimals(totalRaw)}`,
+    valueLabel: formatFilledUsdTwoDecimals(totalCostRaw)
+  }), expirationLabel ? { expirationLabel } : {}), sizeShares != null ? { sizeShares } : {}), {
+    status: order.status,
+    orderType: isLimitOrder ? "limit" : "market",
+    dagRunId: (_k = order.dagRunId) != null ? _k : null
+  });
+};
+
+// src/pages/event-market/use-event-open-orders.ts
+var useEventOpenOrders = ({
+  venueMarketIds: pageVenueMarketIds,
+  enabled = true,
+  executionMode
+}) => {
+  const labels = useLabels3();
+  const isEnabled = enabled && pageVenueMarketIds.length > 0;
+  const ordersQuery = useExecutionOrdersForMarkets(__spreadProps(__spreadValues({
+    venueMarketIds: pageVenueMarketIds,
+    orderType: "limit"
+  }, executionMode === "paper" ? { mode: "paper" } : {}), {
+    enabled: isEnabled
+  }));
+  const pageVenueMarketIdKey = pageVenueMarketIds.join("\0");
+  const orderRows = useMemo(
+    () => selectOpenLimitOrders([ordersQuery.orders], {
+      // Already scoped by the API; kept so an API deploy that predates the
+      // `venueMarketIds` filter (and returns everything) can't leak other
+      // events' orders onto this page.
+      venueMarketIds: pageVenueMarketIdKey ? pageVenueMarketIdKey.split("\0") : []
+    }),
+    [ordersQuery.orders, pageVenueMarketIdKey]
+  );
+  const venueMarketIds = useMemo(
+    () => orderRows.map((order) => {
+      var _a;
+      return (_a = order.venueMarket) == null ? void 0 : _a.id;
+    }).filter((venueMarketId) => Boolean(venueMarketId)),
+    [orderRows]
+  );
+  const midpointsQuery = useVenueMarketMidpoints({
+    venueMarketIds,
+    enabled: isEnabled && venueMarketIds.length > 0
+  });
+  const midpointRows = midpointsQuery.midpointRows;
+  const currentPriceLabels = useMemo(
+    () => buildOpenOrderCurrentPriceLabels(orderRows, midpointRows),
+    [midpointRows, orderRows]
+  );
+  const orders = useMemo(
+    () => orderRows.map(
+      (order) => mapExecutionOrderToOpenOrder(order, __spreadValues({
+        goodTilCanceledLabel: labels.userProfile.openOrders.goodTilCanceled,
+        expiredLabel: labels.userProfile.openOrders.expired
+      }, currentPriceLabels.has(order.id) ? { currentPriceLabel: currentPriceLabels.get(order.id) } : {}))
+    ),
+    [currentPriceLabels, labels, orderRows]
+  );
+  return { orders, isLoading: ordersQuery.isLoading, hasError: !!ordersQuery.error };
+};
+
+// src/pages/event-market/event-open-orders.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var EventOpenOrdersCard = ({
+  orders,
+  hasError = false,
+  onCancelOrder,
+  cancellingOrderIds,
+  className
+}) => {
+  const allLabels = useLabels4();
+  const labels = allLabels.eventMarketPage.openOrders;
+  const errorLabels = allLabels.userProfile.openOrders;
+  if (orders.length === 0 && hasError) {
+    return /* @__PURE__ */ jsxs2(
+      "section",
+      {
+        className: cn(
+          "agg-event-open-orders agg-event-open-orders-error flex w-full flex-col gap-1 rounded-agg-xl border border-agg-separator bg-agg-secondary p-4 lg:p-5",
+          className
+        ),
+        "aria-label": labels.title,
+        role: "status",
+        children: [
+          /* @__PURE__ */ jsx2("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: errorLabels.errorTitle }),
+          /* @__PURE__ */ jsx2("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: errorLabels.errorDescription })
+        ]
+      }
+    );
+  }
+  if (orders.length === 0) return null;
+  const columnHeaderClassName = "font-agg-sans text-agg-xs leading-agg-4 font-agg-bold uppercase text-agg-muted-foreground";
+  return /* @__PURE__ */ jsxs2(
+    "section",
+    {
+      className: cn(
+        "agg-event-open-orders flex w-full flex-col gap-4 rounded-agg-xl border border-agg-separator bg-agg-secondary p-4 lg:gap-4 lg:p-5",
+        className
+      ),
+      "aria-label": labels.title,
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex w-full items-center gap-6", children: [
+          /* @__PURE__ */ jsx2("p", { className: cn("agg-event-open-orders-title min-w-0 flex-1", columnHeaderClassName), children: labels.title }),
+          /* @__PURE__ */ jsx2("p", { className: cn("hidden w-[120px] shrink-0 lg:block", columnHeaderClassName), children: labels.limitPriceHeader }),
+          /* @__PURE__ */ jsx2("p", { className: cn("hidden w-[120px] shrink-0 lg:block", columnHeaderClassName), children: labels.filledHeader }),
+          /* @__PURE__ */ jsx2("p", { className: cn("hidden w-[120px] shrink-0 lg:block", columnHeaderClassName), children: labels.totalHeader }),
+          /* @__PURE__ */ jsx2("p", { className: cn("hidden w-[140px] shrink-0 lg:block", columnHeaderClassName), children: labels.expirationHeader }),
+          /* @__PURE__ */ jsx2("span", { className: "hidden w-[80px] shrink-0 lg:block", "aria-hidden": true })
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: "flex w-full flex-col gap-4", children: orders.map((order) => {
+          var _a;
+          return /* @__PURE__ */ jsx2(
+            OpenOrderRow,
+            __spreadProps(__spreadValues({
+              order,
+              variant: "event"
+            }, onCancelOrder ? { onCancel: onCancelOrder } : {}), {
+              isCancelling: (_a = cancellingOrderIds == null ? void 0 : cancellingOrderIds[order.id]) != null ? _a : false,
+              limitPriceHeader: labels.limitShort,
+              filledHeader: labels.filledShort,
+              totalHeader: labels.totalShort,
+              expirationHeader: labels.expirationShort
+            }),
+            order.id
+          );
+        }) })
+      ]
+    }
+  );
+};
+EventOpenOrdersCard.displayName = "EventOpenOrdersCard";
+var EventOpenOrders = ({
+  venueMarketIds,
+  executionMode,
+  className
+}) => {
+  const { isAuthenticated } = useAggAuthState();
+  const {
+    features: { showLimitOrders }
+  } = useSdkUiConfig();
+  const isPaperMode = executionMode === "paper";
+  const isEnabled = isAuthenticated && showLimitOrders && !isPaperMode;
+  const { orders, hasError } = useEventOpenOrders(__spreadValues({
+    venueMarketIds,
+    enabled: isEnabled
+  }, executionMode ? { executionMode } : {}));
+  const { cancellingOrderIds, cancelOrder } = useOpenOrderCancellation();
+  const handleCancelOrder = useCallback2(
+    (order) => {
+      void cancelOrder(order);
+    },
+    [cancelOrder]
+  );
+  if (!isEnabled) return null;
+  return /* @__PURE__ */ jsx2(
+    EventOpenOrdersCard,
+    __spreadValues({
+      orders,
+      hasError,
+      onCancelOrder: handleCancelOrder,
+      cancellingOrderIds
+    }, className ? { className } : {})
+  );
+};
+EventOpenOrders.displayName = "EventOpenOrders";
+
+// src/pages/event-market/event-market.utils.ts
+var EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX = 48;
+var EVENT_MARKET_PAGE_STICKY_SPACING_PX = 32;
+var EVENT_MARKET_PAGE_STICKY_TOP_PX = EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX + EVENT_MARKET_PAGE_STICKY_SPACING_PX;
+var EVENT_MARKET_PAGE_STICKY_TOP_CSS_VAR = "--agg-event-market-sidebar-top";
+var EVENT_MARKET_PAGE_STICKY_SPACING_CSS_VAR = "--agg-event-market-sidebar-spacing";
+var toCssLength = (value, fallback) => {
+  if (typeof value === "number") {
+    return `${value}px`;
+  }
+  return value != null ? value : `${fallback}px`;
+};
+var deriveSpacingFromTop = (top) => {
+  if (typeof top !== "number") {
+    return void 0;
+  }
+  return Math.max(top - EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX, 0);
+};
+var resolveEventMarketPageStickyState = ({
+  stickyOrderPanel
+}) => {
+  var _a, _b;
+  const isEnabled = (_a = stickyOrderPanel == null ? void 0 : stickyOrderPanel.enabled) != null ? _a : Boolean(stickyOrderPanel);
+  if (!isEnabled) {
+    return {
+      contentClassName: cn(),
+      sidebarClassName: cn("pt-4 sm:pt-6 md:pt-8 pb-10"),
+      placeOrder: cn("mb-10"),
+      mainClassName: cn("pt-4 sm:pt-6 md:pt-8"),
+      style: {}
+    };
+  }
+  return {
+    contentClassName: cn("lg:items-stretch!"),
+    sidebarClassName: cn(
+      "pt-4 sm:pt-6 md:pt-8 pb-10",
+      "lg:self-start lg:sticky lg:top-[var(--agg-event-market-sidebar-top)] lg:max-h-[calc(100vh-var(--agg-event-market-sidebar-top))] lg:overflow-y-auto lg:overscroll-contain",
+      stickyOrderPanel == null ? void 0 : stickyOrderPanel.className
+    ),
+    placeOrder: cn("mb-10"),
+    mainClassName: cn("pt-4 sm:pt-6 md:pt-8"),
+    style: {
+      [EVENT_MARKET_PAGE_STICKY_TOP_CSS_VAR]: toCssLength(
+        stickyOrderPanel == null ? void 0 : stickyOrderPanel.top,
+        EVENT_MARKET_PAGE_STICKY_TOP_PX
+      ),
+      [EVENT_MARKET_PAGE_STICKY_SPACING_CSS_VAR]: toCssLength(
+        (_b = stickyOrderPanel == null ? void 0 : stickyOrderPanel.spacing) != null ? _b : deriveSpacingFromTop(stickyOrderPanel == null ? void 0 : stickyOrderPanel.top),
+        EVENT_MARKET_PAGE_STICKY_SPACING_PX
+      )
+    }
+  };
+};
+
+// src/pages/event-market/event-market.shared.tsx
+import { useLabels as useLabels5 } from "@agg-build/hooks";
+import * as Dialog from "@radix-ui/react-dialog";
+import { useEffect, useState as useState2 } from "react";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var MOBILE_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1023px)";
+var SPORTS_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1279px)";
+var getIsMobileEventMarketViewport = (mediaQuery = MOBILE_EVENT_MARKET_MEDIA_QUERY) => {
+  if (typeof window === "undefined") return false;
+  if (typeof window.matchMedia !== "function") return false;
+  return window.matchMedia(mediaQuery).matches;
+};
+var useIsMobileEventMarketViewport = (mediaQuery = MOBILE_EVENT_MARKET_MEDIA_QUERY) => {
+  const [isMobileViewport, setIsMobileViewport] = useState2(
+    () => getIsMobileEventMarketViewport(mediaQuery)
+  );
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    if (typeof window.matchMedia !== "function") return;
+    const mediaQueryList = window.matchMedia(mediaQuery);
+    const handleChange = () => {
+      setIsMobileViewport(mediaQueryList.matches);
+    };
+    handleChange();
+    mediaQueryList.addEventListener("change", handleChange);
+    return () => {
+      mediaQueryList.removeEventListener("change", handleChange);
+    };
+  }, [mediaQuery]);
+  return isMobileViewport;
+};
+var resolveDesktopTradePlaceOrderClassNames = (classNames) => {
+  const resolvedClassNames = {
+    body: classNames == null ? void 0 : classNames.tradeBody,
+    content: classNames == null ? void 0 : classNames.tradeContent,
+    footer: classNames == null ? void 0 : classNames.tradeFooter,
+    header: classNames == null ? void 0 : classNames.tradeHeader
+  };
+  if (!Object.values(resolvedClassNames).some(Boolean)) {
+    return void 0;
+  }
+  return resolvedClassNames;
+};
+var resolveMobileTradePlaceOrderClassNames = (classNames) => {
+  return {
+    root: "rounded-t-agg-2xl rounded-b-none md:rounded-agg-2xl md:rounded-b-agg-2xl",
+    body: cn("flex h-full min-h-0 flex-col", classNames == null ? void 0 : classNames.tradeBody, classNames == null ? void 0 : classNames.mobileTradeBody),
+    content: cn(
+      "min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+      classNames == null ? void 0 : classNames.tradeContent,
+      classNames == null ? void 0 : classNames.mobileTradeContent
+    ),
+    footer: cn(classNames == null ? void 0 : classNames.tradeFooter, classNames == null ? void 0 : classNames.mobileTradeFooter),
+    header: cn(
+      "sticky top-0 z-10 bg-agg-secondary",
+      classNames == null ? void 0 : classNames.tradeHeader,
+      classNames == null ? void 0 : classNames.mobileTradeHeader
+    )
+  };
+};
+var EventMarketPageMobileTrade = ({
+  classNames,
+  eventTradingState,
+  executionMode,
+  showPlaceOrder = true,
+  isOpen,
+  onOpenChange,
+  midpointsResult,
+  onBeforePrimaryAction,
+  sharedKyc
+}) => {
+  const labels = useLabels5();
+  if (!showPlaceOrder) return null;
+  const handleOpenChange = (nextOpen) => {
+    onOpenChange(nextOpen);
+  };
+  const handleClose = () => {
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsx3(Fragment2, { children: /* @__PURE__ */ jsx3(Modal, { open: isOpen, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs3(
+    Modal.Container,
+    {
+      classNames: {
+        content: "items-end p-0 sm:items-center sm:p-4",
+        container: cn(
+          "agg-mobile-trade-modal",
+          "w-full border-0 bg-transparent shadow-none",
+          classNames == null ? void 0 : classNames.mobileTradeModal
+        )
+      },
+      children: [
+        /* @__PURE__ */ jsx3(Dialog.Title, { className: "sr-only", children: labels.trading.confirmOrder }),
+        /* @__PURE__ */ jsx3(Dialog.Description, { className: "sr-only", children: labels.trading.disclaimer }),
+        /* @__PURE__ */ jsx3("div", { className: "agg-mobile-trade-handle relative flex w-full flex-col items-center sm:hidden", children: /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            className: "absolute right-3 top-4 z-100 flex cursor-pointer items-center justify-center rounded-full p-1 text-agg-muted-foreground hover:text-agg-foreground",
+            "aria-label": labels.common.close,
+            onClick: handleClose,
+            children: /* @__PURE__ */ jsx3(CloseIcon, { className: "h-5 w-5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx3(
+          PlaceOrder,
+          {
+            eventTradingState,
+            executionMode,
+            isQuotePanelActive: isOpen,
+            midpointsResult,
+            onBeforePrimaryAction,
+            sharedKyc,
+            className: cn(
+              "agg-mobile-trade-panel w-full overflow-hidden rounded-t-agg-2xl sm:rounded-agg-xl",
+              classNames == null ? void 0 : classNames.mobileTrade
+            ),
+            classNames: resolveMobileTradePlaceOrderClassNames(classNames),
+            onClose: handleClose
+          }
+        )
+      ]
+    }
+  ) }) });
+};
+var EventMarketPageUnavailableState = ({
+  ariaLabel: _ariaLabel
+}) => {
+  const labels = useLabels5();
+  return /* @__PURE__ */ jsx3(
+    StateMessage,
+    {
+      title: labels.eventMarketPage.unavailableTitle,
+      description: labels.eventMarketPage.unavailableDescription,
+      icon: /* @__PURE__ */ jsx3(Icon, { name: "quotes-warning", className: "h-12 w-12" }),
+      classNames: {
+        root: "min-h-[calc(100vh-5rem)]!"
+      }
+    }
+  );
+};
+var EventMarketPageNotFoundState = ({
+  ariaLabel: _ariaLabel
+}) => {
+  const labels = useLabels5();
+  return /* @__PURE__ */ jsx3(
+    StateMessage,
+    {
+      title: labels.eventItemDetails.notFoundTitle,
+      description: labels.eventItemDetails.notFoundDescription,
+      icon: /* @__PURE__ */ jsx3(SearchEmptyIcon, {}),
+      classNames: { root: "min-h-[320px] md:min-h-[360px]" }
+    }
+  );
+};
+var EventMarketPageLoadingState = ({
+  classNames,
+  stickyOrderPanel
+}) => {
+  const stickyOrderPanelState = resolveEventMarketPageStickyState({
+    stickyOrderPanel
+  });
+  return /* @__PURE__ */ jsx3(
+    "section",
+    {
+      className: cn(
+        "agg-event-market-page",
+        "w-full mx-auto max-w-[1440px] px-6 lg:px-10 pb-10",
+        classNames == null ? void 0 : classNames.root
+      ),
+      children: /* @__PURE__ */ jsxs3(
+        "div",
+        {
+          className: cn(
+            "agg-page-content",
+            "flex w-full flex-col gap-6 lg:flex-row lg:items-start lg:gap-8",
+            stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.contentClassName,
+            classNames == null ? void 0 : classNames.content
+          ),
+          style: stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.style,
+          children: [
+            /* @__PURE__ */ jsxs3(
+              "div",
+              {
+                className: cn(
+                  "agg-page-main flex min-w-0 flex-1 flex-col gap-6 mb-10",
+                  stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.mainClassName,
+                  classNames == null ? void 0 : classNames.main
+                ),
+                children: [
+                  /* @__PURE__ */ jsx3(
+                    EventListItemDetails,
+                    {
+                      isLoading: true,
+                      classNames: {
+                        root: cn("agg-event-hero", classNames == null ? void 0 : classNames.hero)
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs3("div", { className: cn("agg-market-list flex flex-col gap-3", classNames == null ? void 0 : classNames.markets), children: [
+                    /* @__PURE__ */ jsx3(MarketDetails, { isLoading: true, isOpened: true, classNames: { root: "w-full" } }),
+                    /* @__PURE__ */ jsx3(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } }),
+                    /* @__PURE__ */ jsx3(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } })
+                  ] }),
+                  /* @__PURE__ */ jsx3(
+                    Skeleton,
+                    {
+                      view: skeletonViews.settlement,
+                      className: cn("agg-settlement-list-item", classNames == null ? void 0 : classNames.settlement)
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              "aside",
+              {
+                className: cn(
+                  "agg-sidebar",
+                  "hidden w-full shrink-0 lg:block lg:w-[342px] lg:shrink-0",
+                  stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.sidebarClassName,
+                  classNames == null ? void 0 : classNames.sidebar
+                ),
+                children: /* @__PURE__ */ jsx3(
+                  PlaceOrder,
+                  {
+                    isLoading: true,
+                    className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
+                    classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/pages/event-market/sports-event-market-page.tsx
+import {
+  resolveEventTradingState as resolveEventTradingState2,
+  TradeSide,
+  useEventTradingContext as useEventTradingContext3,
+  useMidpoints,
+  useResolvedExecutionMode,
+  useSportsLive
+} from "@agg-build/hooks";
+import { useCallback as useCallback4, useEffect as useEffect5, useMemo as useMemo4, useRef as useRef4, useState as useState6 } from "react";
+
+// src/pages/event-market/sports-markets.tsx
+import {
+  MarketStatus as MarketStatus2,
+  resolveMarketTradingState as resolveMarketTradingState2,
+  useEventTradingContext as useEventTradingContext2,
+  useLabels as useLabels7,
+  useVenueMarkets
+} from "@agg-build/hooks";
+import { useEffect as useEffect4, useMemo as useMemo3, useRef as useRef3, useState as useState5 } from "react";
+
+// src/pages/event-market/sports-event-market.utils.ts
+var SPORTS_MARKET_TYPE_KEYS = [
+  "to_advance",
+  "moneyline",
+  "spread",
+  "total",
+  "prop",
+  "completion",
+  "other"
+];
+var SPORTS_PERIOD_KEYS = [
+  "full",
+  "1h",
+  "2h",
+  "q1",
+  "q2",
+  "q3",
+  "q4",
+  "ot",
+  "first_inning",
+  "second_inning",
+  "third_inning",
+  "first_5_innings",
+  "other"
+];
+var SPORTS_PERIOD_GRAMMAR_PATTERN = /^(?:(set|map|game|period|inning)_(\d{1,2})|first_(\d{1,2})_innings)$/;
+var SPORTS_MARKET_CATEGORY_KEYS = [
+  "game_lines",
+  "exact_score",
+  "corners",
+  "goals",
+  "assists",
+  "shots",
+  "other"
+];
+var SPORTS_MARKET_GROUP_KEYS = [
+  "game_lines",
+  "spreads",
+  "totals",
+  "period_lines",
+  "exact_score",
+  "team_props",
+  "player_props",
+  "specials",
+  "completion",
+  "other"
+];
+var SPORTS_PERIOD_KEY_SET = new Set(SPORTS_PERIOD_KEYS);
+var SPORTS_MARKET_TYPE_KEY_SET = new Set(SPORTS_MARKET_TYPE_KEYS);
+var SPORTS_MARKET_CATEGORY_KEY_SET = new Set(SPORTS_MARKET_CATEGORY_KEYS);
+var SPORTS_MARKET_GROUP_KEY_SET = new Set(SPORTS_MARKET_GROUP_KEYS);
+var SPORTS_LEGACY_PROP_CATEGORY_KEY_SET = /* @__PURE__ */ new Set([
+  "corners",
+  "goals",
+  "assists",
+  "shots"
+]);
+var SPORTS_GAME_LINE_GROUPS = [
+  "game_lines",
+  "spreads",
+  "totals",
+  "team_props",
+  "specials",
+  "completion"
+];
+var SPORTS_GENERIC_STAT = "player_props";
+var ESPORTS_CATEGORY_TOKENS = /* @__PURE__ */ new Set([
+  "esports",
+  "video games",
+  "video game",
+  "computer games",
+  "computer game",
+  "gaming"
+]);
+var ESPORTS_TITLE_PATTERN = /\b(?:esports?|valorant|counter-strike|cs2|league of legends|lol|dota|rocket league|overwatch|rainbow six|starcraft|call of duty)\b/i;
+var SERIES_SCOPE_PATTERN = /\b(?:bo[1-9]|best of \d+|map \d+|game \d+)\b/i;
+var SPORTS_PERIOD_ORDER = [
+  "full",
+  "1h",
+  "2h",
+  "q1",
+  "q2",
+  "q3",
+  "q4",
+  "ot",
+  "first_inning",
+  "second_inning",
+  "third_inning",
+  "other"
+];
+var FIRST_N_INNINGS_PATTERN = /^first_(\d{1,2})_innings$/;
+var SPORTS_MARKET_TYPE_ORDER = [
+  "to_advance",
+  "moneyline",
+  "spread",
+  "total",
+  "prop",
+  "completion",
+  "other"
+];
+var YES_NO_LABELS = /* @__PURE__ */ new Set(["yes", "no"]);
+var LINE_MARKET_TYPES = /* @__PURE__ */ new Set(["spread", "total"]);
+var PLAYER_PROP_COUNT_PATTERN = /\+\s|\bo\/u\b|\bover\/under\b/i;
+var REG_TIME_TITLE_PATTERN = /^reg(?:ular)?\s*time\s*:/i;
+var toTrimmedString = (value) => {
+  return typeof value === "string" ? value.trim() : "";
+};
+var resolveSportsMarketAggKey = (market) => {
+  const typedMarket = market;
+  return toTrimmedString(typedMarket.aggKey);
+};
+var sanitizeFamilyValue = (value) => {
+  return value.toLowerCase().replace(/[-+]?\d+(?:\.\d+)?/g, "").replace(/[¢$]/g, "").replace(/\s+/g, " ").replace(/[|:()[\]{}]/g, "").trim();
+};
+var stripLineValueFromQuestion = (question) => {
+  const strippedQuestion = sanitizeFamilyValue(question);
+  return strippedQuestion ? question.replace(/\(\s*[+-]?\d+(?:\.\d+)?\s*\)\s*$/g, "").replace(/\s+[+-]?\d+(?:\.\d+)?\s*$/g, "").replace(/\s+/g, " ").trim() : question.trim();
+};
+var SPORTS_PERIOD_FAMILY_ORDER = ["period", "inning", "set", "map", "game"];
+var getSportsPeriodOrderIndex = (period) => {
+  var _a, _b;
+  const inningsMatch = FIRST_N_INNINGS_PATTERN.exec(period);
+  if (inningsMatch) {
+    return SPORTS_PERIOD_ORDER.indexOf("third_inning") + 1 + Number(inningsMatch[1]) / 100;
+  }
+  const periodIndex = SPORTS_PERIOD_ORDER.indexOf(period);
+  if (periodIndex >= 0) {
+    return period === "other" ? Number.MAX_SAFE_INTEGER : periodIndex;
+  }
+  const grammarMatch = SPORTS_PERIOD_GRAMMAR_PATTERN.exec(period);
+  if (grammarMatch) {
+    const familyIndex = grammarMatch[1] ? SPORTS_PERIOD_FAMILY_ORDER.indexOf(
+      grammarMatch[1]
+    ) : SPORTS_PERIOD_FAMILY_ORDER.length;
+    const scopeNumber = Number((_b = (_a = grammarMatch[2]) != null ? _a : grammarMatch[3]) != null ? _b : 0);
+    return SPORTS_PERIOD_ORDER.length + familyIndex * 100 + scopeNumber;
+  }
+  return Number.MAX_SAFE_INTEGER - 1;
+};
+var getSportsMarketTypeOrderIndex = (sportsMarketType) => {
+  if (!sportsMarketType) return SPORTS_MARKET_TYPE_ORDER.length;
+  const marketTypeIndex = SPORTS_MARKET_TYPE_ORDER.indexOf(sportsMarketType);
+  return marketTypeIndex >= 0 ? marketTypeIndex : SPORTS_MARKET_TYPE_ORDER.length;
+};
+var resolveSportsPeriodFamily = (period) => {
+  if (period === "1h" || period === "2h") return "halves";
+  if (period === "q1" || period === "q2" || period === "q3" || period === "q4") return "quarters";
+  if (/^inning_\d{1,2}$/.test(period)) return "innings";
+  if (/^set_\d{1,2}$/.test(period)) return "sets";
+  if (/^(?:map|game)_\d{1,2}$/.test(period)) return "maps";
+  return period;
+};
+var normalizeSportsPeriod = (value) => {
+  const resolvedValue = toTrimmedString(value).toLowerCase();
+  if (!resolvedValue) return "full";
+  if (resolvedValue === "match") return "full";
+  if (SPORTS_PERIOD_KEY_SET.has(resolvedValue)) return resolvedValue;
+  if (SPORTS_PERIOD_GRAMMAR_PATTERN.test(resolvedValue)) return resolvedValue;
+  return "other";
+};
+var normalizeSportsMarketType = (value) => {
+  const resolvedValue = toTrimmedString(value).toLowerCase();
+  if (!resolvedValue) return null;
+  return SPORTS_MARKET_TYPE_KEY_SET.has(resolvedValue) ? resolvedValue : "other";
+};
+var normalizeSportsMarketCategory = (value) => {
+  const resolvedValue = toTrimmedString(value).toLowerCase();
+  if (!resolvedValue) return null;
+  return SPORTS_MARKET_CATEGORY_KEY_SET.has(resolvedValue) ? resolvedValue : "other";
+};
+var normalizeSportsMarketGroup = (value) => {
+  const resolvedValue = toTrimmedString(value).toLowerCase();
+  if (!resolvedValue) return null;
+  return SPORTS_MARKET_GROUP_KEY_SET.has(resolvedValue) ? resolvedValue : "other";
+};
+var resolveFallbackSportsMarketCategory = (market) => {
+  const marketSubtype = toTrimmedString(market.marketSubtype).toLowerCase();
+  const question = toTrimmedString(market.question).toLowerCase();
+  if (marketSubtype.includes("exact_score") || marketSubtype.includes("correct_score") || question.includes("exact score") || question.includes("correct score")) {
+    return "exact_score";
+  }
+  if (marketSubtype.includes("corner") || question.includes("corner")) {
+    return "corners";
+  }
+  if (marketSubtype.includes("shot")) return "shots";
+  if (marketSubtype.includes("assist")) return "assists";
+  if (marketSubtype.includes("goal")) return "goals";
+  if (!PLAYER_PROP_COUNT_PATTERN.test(question) || !question.includes(":") || question.includes(" vs ") || question.includes(" vs. ")) {
+    return null;
+  }
+  if (question.includes("shot")) return "shots";
+  if (question.includes("assist")) return "assists";
+  if (question.includes("goal")) return "goals";
+  return null;
+};
+var resolveSportsStatToken = (market) => {
+  const subtype = toTrimmedString(market.marketSubtype).toLowerCase();
+  const playerMatch = /_player_(.+)$/.exec(subtype);
+  if (playerMatch) return playerMatch[1];
+  const category = normalizeSportsMarketCategory(market.marketCategory);
+  if (category && SPORTS_LEGACY_PROP_CATEGORY_KEY_SET.has(category)) return category;
+  return null;
+};
+var resolveMarketSectionTabKey = (market) => {
+  var _a;
+  if (normalizeSportsMarketType(market.sportsMarketType) === "to_advance") {
+    return "game_lines";
+  }
+  const normalizedCategory = normalizeSportsMarketCategory(market.marketCategory);
+  const fallbackCategory = !normalizedCategory || normalizedCategory === "other" ? resolveFallbackSportsMarketCategory(market) : null;
+  const category = fallbackCategory != null ? fallbackCategory : normalizedCategory;
+  if (category && SPORTS_LEGACY_PROP_CATEGORY_KEY_SET.has(category)) return `stat:${category}`;
+  if (category === "exact_score") return "exact_score";
+  const group = normalizeSportsMarketGroup(market.marketGroup);
+  if (group === "exact_score") return "exact_score";
+  if (group === "player_props") {
+    return `stat:${(_a = resolveSportsStatToken(market)) != null ? _a : SPORTS_GENERIC_STAT}`;
+  }
+  if (group === "period_lines") {
+    return `period:${resolveSportsPeriodFamily(normalizeSportsPeriod(market.period))}`;
+  }
+  if (group === "other") return "other";
+  if (group) return "game_lines";
+  if (category === "game_lines") return "game_lines";
+  if (category === "other") return "other";
+  return null;
+};
+var SPORTS_PERIOD_FAMILY_ALLOWED_SPORTS = {
+  halves: /* @__PURE__ */ new Set(["soccer", "basketball", "american_football", "rugby", "aussie_rules"]),
+  quarters: /* @__PURE__ */ new Set(["basketball", "american_football", "lacrosse", "aussie_rules"]),
+  innings: /* @__PURE__ */ new Set(["baseball"]),
+  sets: /* @__PURE__ */ new Set(["tennis", "table_tennis", "volleyball"]),
+  maps: /* @__PURE__ */ new Set(["esports"]),
+  ot: /* @__PURE__ */ new Set(["basketball", "american_football", "hockey", "soccer"])
+};
+var PERIOD_N_FAMILY_PATTERN = /^period_\d{1,2}$/;
+var isPeriodFamilyAllowedForSport = (family, sport) => {
+  if (!sport || sport === "other_sport") return true;
+  if (PERIOD_N_FAMILY_PATTERN.test(family)) return sport === "hockey";
+  const normalizedFamily = FIRST_N_INNINGS_PATTERN.test(family) ? "innings" : family;
+  const allowedSports = SPORTS_PERIOD_FAMILY_ALLOWED_SPORTS[normalizedFamily];
+  return !allowedSports || allowedSports.has(sport);
+};
+var resolveEffectiveMarketSectionTabKey = (market, sport) => {
+  const key = resolveMarketSectionTabKey(market);
+  if (!key || !key.startsWith("period:")) return key;
+  const family = key.slice("period:".length);
+  return isPeriodFamilyAllowedForSport(family, sport) ? key : "other";
+};
+var resolveVisibleSportsSectionTabs = (event) => {
+  var _a, _b, _c;
+  const periodsByFamily = /* @__PURE__ */ new Map();
+  const statVolume = /* @__PURE__ */ new Map();
+  let hasGameLines = false;
+  let hasExactScore = false;
+  let hasOther = false;
+  for (const market of event.venueMarkets) {
+    const key = resolveEffectiveMarketSectionTabKey(market, event.sport);
+    if (!key) continue;
+    if (key === "game_lines") hasGameLines = true;
+    else if (key === "exact_score") hasExactScore = true;
+    else if (key === "other") hasOther = true;
+    else if (key.startsWith("period:")) {
+      const family = key.slice("period:".length);
+      const periods = (_a = periodsByFamily.get(family)) != null ? _a : /* @__PURE__ */ new Set();
+      periods.add(normalizeSportsPeriod(market.period));
+      periodsByFamily.set(family, periods);
+    } else if (key.startsWith("stat:")) {
+      const stat = key.slice("stat:".length);
+      statVolume.set(stat, ((_b = statVolume.get(stat)) != null ? _b : 0) + ((_c = market.volume) != null ? _c : 0));
+    }
+  }
+  const tabs = [];
+  if (hasGameLines) tabs.push({ key: "game_lines", kind: "game_lines" });
+  const periodTabs = Array.from(periodsByFamily.entries()).map(([periodFamily, periods]) => ({
+    key: `period:${periodFamily}`,
+    kind: "period",
+    periodFamily,
+    periods: Array.from(periods).sort(
+      (left, right) => getSportsPeriodOrderIndex(left) - getSportsPeriodOrderIndex(right)
+    )
+  })).sort(
+    (left, right) => getSportsPeriodOrderIndex(left.periods[0]) - getSportsPeriodOrderIndex(right.periods[0])
+  );
+  tabs.push(...periodTabs);
+  const statTabs = Array.from(statVolume.entries()).sort((left, right) => {
+    if (left[0] === SPORTS_GENERIC_STAT !== (right[0] === SPORTS_GENERIC_STAT)) {
+      return left[0] === SPORTS_GENERIC_STAT ? 1 : -1;
+    }
+    return right[1] - left[1];
+  }).map(([stat]) => ({ key: `stat:${stat}`, kind: "stat", stat }));
+  tabs.push(...statTabs);
+  if (hasExactScore) tabs.push({ key: "exact_score", kind: "exact_score" });
+  if (hasOther) tabs.push({ key: "other", kind: "other" });
+  if (isNonStandardSportsLikeEvent(event)) {
+    return tabs.filter((tab) => tab.kind === "game_lines" || tab.kind === "other");
+  }
+  return tabs;
+};
+var resolveSportsSectionFilters = (tab) => {
+  if (tab.kind === "period") {
+    return {
+      marketGroup: ["period_lines"],
+      marketCategory: void 0,
+      sportsMarketType: void 0,
+      period: tab.periods ? [...tab.periods] : void 0
+    };
+  }
+  if (tab.kind === "stat") {
+    const legacyCategory = SPORTS_LEGACY_PROP_CATEGORY_KEY_SET.has(
+      tab.stat
+    ) ? tab.stat : null;
+    return legacyCategory ? {
+      marketGroup: void 0,
+      marketCategory: [legacyCategory],
+      sportsMarketType: void 0,
+      period: void 0
+    } : {
+      marketGroup: ["player_props"],
+      marketCategory: void 0,
+      sportsMarketType: void 0,
+      period: void 0
+    };
+  }
+  if (tab.kind === "exact_score") {
+    return {
+      marketGroup: ["exact_score"],
+      marketCategory: void 0,
+      sportsMarketType: void 0,
+      period: void 0
+    };
+  }
+  if (tab.kind === "other") {
+    return {
+      marketGroup: ["other"],
+      marketCategory: void 0,
+      sportsMarketType: void 0,
+      period: void 0
+    };
+  }
+  return {
+    marketGroup: [...SPORTS_GAME_LINE_GROUPS],
+    marketCategory: void 0,
+    sportsMarketType: void 0,
+    period: void 0
+  };
+};
+var hasTeamTitledOutcomes = (market) => {
+  var _a;
+  const titles = ((_a = market.venueMarketOutcomes) != null ? _a : []).map(
+    (outcome) => toTrimmedString(outcome.title)
+  );
+  return titles.length > 1 && titles.every((title) => title && !YES_NO_LABELS.has(title.toLowerCase())) && new Set(titles).size === titles.length;
+};
+var isClusterRelation = (left, right) => {
+  var _a, _b;
+  return ((_a = left.matchedVenueMarkets) != null ? _a : []).some((market) => market.id === right.id) || ((_b = right.matchedVenueMarkets) != null ? _b : []).some((market) => market.id === left.id);
+};
+var isDecomposedLeg = (market) => {
+  var _a;
+  const labels = ((_a = market.venueMarketOutcomes) != null ? _a : []).map(
+    (outcome) => toTrimmedString(outcome.label).toLowerCase()
+  );
+  return labels.length === 2 && labels.every((label) => YES_NO_LABELS.has(label)) && !hasTeamTitledOutcomes(market);
+};
+var singleEnumeratesLegs = (single, legs) => {
+  var _a;
+  const titles = new Set(
+    ((_a = single.venueMarketOutcomes) != null ? _a : []).map((outcome) => toTrimmedString(outcome.title).toLowerCase()).filter(Boolean)
+  );
+  if (titles.size === 0) return false;
+  return legs.every((leg) => {
+    const label = resolveCombinedMoneylineLegLabel(leg).toLowerCase();
+    return label.length > 0 && titles.has(label);
+  });
+};
+var dropDecomposedLegsMergedIntoSingle = (markets) => {
+  const legs = markets.filter((market) => isDecomposedLeg(market));
+  if (legs.length === 0) return markets;
+  const hasMergedSingle = markets.some(
+    (market) => {
+      var _a, _b;
+      return hasTeamTitledOutcomes(market) && ((_b = (_a = market.venueMarketOutcomes) == null ? void 0 : _a.length) != null ? _b : 0) >= legs.length && (markets.some((other) => other !== market && isClusterRelation(market, other)) || singleEnumeratesLegs(market, legs));
+    }
+  );
+  return hasMergedSingle ? markets.filter((market) => !isDecomposedLeg(market)) : markets;
+};
+var resolveSportsSectionMarkets = ({
+  tab,
+  eventMarkets,
+  sectionMarkets,
+  sport
+}) => {
+  const effectiveSectionMarkets = sectionMarkets.length > 0 ? sectionMarkets : eventMarkets.filter(
+    (market) => resolveEffectiveMarketSectionTabKey(market, sport) === tab.key
+  );
+  const filteredSectionMarkets = effectiveSectionMarkets.filter(
+    (market) => resolveEffectiveMarketSectionTabKey(market, sport) === tab.key
+  );
+  if (tab.key === "other" || tab.key === `stat:${SPORTS_GENERIC_STAT}`) {
+    const seenIds = new Set(filteredSectionMarkets.map((market) => market.id));
+    const strayMarkets = eventMarkets.filter(
+      (market) => !seenIds.has(market.id) && resolveEffectiveMarketSectionTabKey(market, sport) === tab.key
+    );
+    return [...filteredSectionMarkets, ...strayMarkets];
+  }
+  if (tab.kind !== "game_lines") return filteredSectionMarkets;
+  const dedupeEventMarketsOfType = (type) => {
+    const dedupedMarkets = [];
+    const keptIndexByKey = /* @__PURE__ */ new Map();
+    for (const market of eventMarkets) {
+      if (normalizeSportsMarketType(market.sportsMarketType) !== type || resolveMarketSectionTabKey(market) !== "game_lines") {
+        continue;
+      }
+      const key = resolveSportsMarketAggKey(market) || market.id;
+      const keptIndex = keptIndexByKey.get(key);
+      if (keptIndex !== void 0) {
+        const kept = dedupedMarkets[keptIndex];
+        if (!hasTeamTitledOutcomes(kept) && hasTeamTitledOutcomes(market)) {
+          dedupedMarkets[keptIndex] = market;
+        }
+        continue;
+      }
+      keptIndexByKey.set(key, dedupedMarkets.length);
+      dedupedMarkets.push(market);
+    }
+    return dropDecomposedLegsMergedIntoSingle(dedupedMarkets);
+  };
+  const eventMoneylineMarkets = dedupeEventMarketsOfType("moneyline");
+  const eventToAdvanceMarkets = dedupeEventMarketsOfType("to_advance");
+  const sectionWithoutAdvance = filteredSectionMarkets.filter(
+    (market) => normalizeSportsMarketType(market.sportsMarketType) !== "to_advance"
+  );
+  if (eventMoneylineMarkets.length === 0) {
+    return [...eventToAdvanceMarkets, ...sectionWithoutAdvance];
+  }
+  const lineSectionMarkets = sectionWithoutAdvance.filter(
+    (market) => normalizeSportsMarketType(market.sportsMarketType) !== "moneyline" && resolveMarketSectionTabKey(market) === "game_lines"
+  );
+  return [...eventToAdvanceMarkets, ...eventMoneylineMarkets, ...lineSectionMarkets];
+};
+var resolveSportsMarketCardVariant = (market) => {
+  var _a;
+  const normalizedOutcomeLabels = ((_a = market.venueMarketOutcomes) != null ? _a : []).map(
+    (outcome) => toTrimmedString(outcome.label).toLowerCase()
+  );
+  const sportsMarketType = normalizeSportsMarketType(market.sportsMarketType);
+  if (sportsMarketType && LINE_MARKET_TYPES.has(sportsMarketType)) {
+    return "line";
+  }
+  if (market.lineValue != null) {
+    return "line";
+  }
+  if (normalizedOutcomeLabels.length === 2 && normalizedOutcomeLabels.every((label) => YES_NO_LABELS.has(label))) {
+    return "yes_no";
+  }
+  return "outcome";
+};
+var isBinarySportsMoneylineMarket = (market) => {
+  var _a;
+  const normalizedOutcomeLabels = ((_a = market.venueMarketOutcomes) != null ? _a : []).map(
+    (outcome) => toTrimmedString(outcome.label).toLowerCase()
+  );
+  const marketSubtype = toTrimmedString(market.marketSubtype).toLowerCase();
+  const marketGroup = normalizeSportsMarketGroup(market.marketGroup);
+  const sportsMarketType = normalizeSportsMarketType(market.sportsMarketType);
+  const question = toTrimmedString(market.question);
+  const aggKey = resolveSportsMarketAggKey(market);
+  return sportsMarketType === "moneyline" && marketGroup === "game_lines" && normalizeSportsPeriod(market.period) === "full" && normalizedOutcomeLabels.length === 2 && normalizedOutcomeLabels.every((label) => YES_NO_LABELS.has(label)) && (marketSubtype === "moneyline" || REG_TIME_TITLE_PATTERN.test(question) || aggKey.includes("_ml_"));
+};
+var AGGKEY_LINE_TOKEN_PATTERN = /_\d{1,3}(?:p\d+)?(?=_|$)/g;
+var resolveSportsLineFamilyKey = (market) => {
+  const aggKey = resolveSportsMarketAggKey(market);
+  return aggKey ? aggKey.replace(AGGKEY_LINE_TOKEN_PATTERN, "") : "";
+};
+var resolveSpreadFamilyKey = (market) => {
+  const aggKey = resolveSportsMarketAggKey(market);
+  return aggKey ? aggKey.replace(/_sp_.+$/i, "_sp") : "";
+};
+var SPREAD_KEY_LEG_PATTERN = /_sp_([a-z0-9]+?)_([mp]?)(\d{1,3})(?:p(\d+))?(?:_|$)/i;
+var resolveSpreadKeyLeg = (market) => {
+  const match = SPREAD_KEY_LEG_PATTERN.exec(resolveSportsMarketAggKey(market));
+  if (!match) return null;
+  const [, team, leg, whole, fraction] = match;
+  return {
+    team: team.toLowerCase(),
+    isFavorite: (leg == null ? void 0 : leg.toLowerCase()) !== "p",
+    line: Number(fraction ? `${whole}.${fraction}` : whole)
+  };
+};
+var isSpreadUnderdogLeg = (market) => {
+  var _a;
+  return ((_a = resolveSpreadKeyLeg(market)) == null ? void 0 : _a.isFavorite) === false;
+};
+var resolveSpreadAnchorToken = (markets) => {
+  var _a;
+  const tokens = /* @__PURE__ */ new Set();
+  let prefix = "";
+  for (const market of markets) {
+    const leg = resolveSpreadKeyLeg(market);
+    if (leg) tokens.add(leg.team);
+    if (!prefix) prefix = (_a = resolveSportsMarketAggKey(market).split("_sp_")[0]) != null ? _a : "";
+  }
+  if (tokens.size === 0 || !prefix) return null;
+  return Array.from(tokens).sort((left, right) => prefix.indexOf(left) - prefix.indexOf(right))[0];
+};
+var SPREAD_NON_TEAM_TITLE_PATTERN = /\b(?:yes|no|over|under|wins?\s+by|reg\.?\s*time|goal\s*diff|more\s+than|less\s+than|halftime|1st\s+half|2nd\s+half|goals?)\b/i;
+var isSpreadTeamTitle = (title) => {
+  const trimmed = toTrimmedString(title);
+  if (!trimmed || trimmed.length > 24) return false;
+  const normalized = trimmed.toLowerCase();
+  if (normalized === "yes" || normalized === "no") return false;
+  return !SPREAD_NON_TEAM_TITLE_PATTERN.test(trimmed);
+};
+var resolveSpreadOutcomeTeamNames = (activeMarket, groupMarkets) => {
+  const aggKey = resolveSportsMarketAggKey(activeMarket);
+  const twins = aggKey ? groupMarkets.filter((market) => resolveSportsMarketAggKey(market) === aggKey) : [activeMarket];
+  const pickName = (index) => {
+    const cleanTitles = twins.map((market) => {
+      var _a, _b;
+      return toTrimmedString((_b = (_a = market.venueMarketOutcomes) == null ? void 0 : _a[index]) == null ? void 0 : _b.title);
+    }).filter((title) => isSpreadTeamTitle(title));
+    if (cleanTitles.length === 0) return null;
+    return cleanTitles.reduce(
+      (longest, title) => title.length > longest.length ? title : longest
+    );
+  };
+  const named = pickName(0);
+  const opponent = pickName(1);
+  return isSpreadUnderdogLeg(activeMarket) ? { favored: opponent, dog: named } : { favored: named, dog: opponent };
+};
+var resolveCombinedMoneylineLegLabel = (market) => {
+  const typedMarket = market;
+  return toTrimmedString(typedMarket.shortTitle) || toTrimmedString(market.question);
+};
+var normalizeSportsSubtypeToken = (subtype, sport) => {
+  const token = toTrimmedString(subtype).toLowerCase().replace(/^sports_/, "");
+  const sportToken = toTrimmedString(sport).toLowerCase();
+  return sportToken && token.startsWith(`${sportToken}_`) ? token.slice(sportToken.length + 1) : token;
+};
+var SPORTS_LEG_GROUPABLE_GROUPS = /* @__PURE__ */ new Set([
+  "game_lines",
+  "period_lines",
+  "team_props",
+  "specials",
+  "completion"
+]);
+var resolveDisplayGroupFamilyKey = (market, sport) => {
+  var _a, _b, _c;
+  const normalizedQuestion = sanitizeFamilyValue(toTrimmedString(market.question));
+  const outcomeKey = ((_a = market.venueMarketOutcomes) != null ? _a : []).map(
+    (outcome) => sanitizeFamilyValue(toTrimmedString(outcome.title) || toTrimmedString(outcome.label))
+  ).filter(Boolean).sort((left, right) => left.localeCompare(right)).join("|");
+  const sportsMarketType = (_b = normalizeSportsMarketType(market.sportsMarketType)) != null ? _b : "other";
+  const period = normalizeSportsPeriod(market.period);
+  const marketCategory = (_c = normalizeSportsMarketCategory(market.marketCategory)) != null ? _c : "other";
+  if (isBinarySportsMoneylineMarket(market)) {
+    return `${period}|moneyline|${marketCategory}`;
+  }
+  if (sportsMarketType === "to_advance") {
+    return `${period}|to_advance`;
+  }
+  const lineFamily = resolveSportsLineFamilyKey(market);
+  if (sportsMarketType === "spread") {
+    const spreadFamily = resolveSpreadFamilyKey(market);
+    return spreadFamily ? `${period}|spread|${spreadFamily}` : `${period}|spread|${marketCategory}`;
+  }
+  if (market.lineValue != null || LINE_MARKET_TYPES.has(sportsMarketType)) {
+    return lineFamily ? `${period}|${sportsMarketType}|${lineFamily}` : `${period}|${sportsMarketType}|${marketCategory}|${normalizedQuestion}|${outcomeKey}`;
+  }
+  const marketGroup = normalizeSportsMarketGroup(market.marketGroup);
+  const legToken = marketGroup && SPORTS_LEG_GROUPABLE_GROUPS.has(marketGroup) && isDecomposedLeg(market) ? normalizeSportsSubtypeToken(market.marketSubtype, sport) : "";
+  if (legToken) {
+    return `${period}|leg|${marketGroup}|${legToken}`;
+  }
+  return resolveMarketOwnCardKey(market);
+};
+var resolveMarketOwnCardKey = (market) => {
+  var _a, _b, _c;
+  const outcomeKey = ((_a = market.venueMarketOutcomes) != null ? _a : []).map(
+    (outcome) => sanitizeFamilyValue(toTrimmedString(outcome.title) || toTrimmedString(outcome.label))
+  ).filter(Boolean).sort((left, right) => left.localeCompare(right)).join("|");
+  const sportsMarketType = (_b = normalizeSportsMarketType(market.sportsMarketType)) != null ? _b : "other";
+  const period = normalizeSportsPeriod(market.period);
+  const marketCategory = (_c = normalizeSportsMarketCategory(market.marketCategory)) != null ? _c : "other";
+  return `${period}|${sportsMarketType}|${marketCategory}|${toTrimmedString(market.question)}|${outcomeKey}|${market.id}`;
+};
+var LEG_GROUP_KEY_MARKER = "|leg|";
+var TOTAL_STAT_UNITS = [
+  [/\bcorners?\b/i, "Corners"],
+  [/\bcards?\b|\bbookings?\b/i, "Cards"],
+  [/\bgoals?\b/i, "Goals"],
+  [/\bpoints?\b/i, "Points"],
+  [/\bruns?\b/i, "Runs"],
+  [/\brounds?\b/i, "Rounds"],
+  [/\bgames?\b/i, "Games"],
+  [/\bsets?\b/i, "Sets"],
+  [/\bmaps?\b/i, "Maps"]
+];
+var resolveTotalStatUnit = (markets, marketCategory) => {
+  if (marketCategory === "corners") return "Corners";
+  for (const market of markets) {
+    const question = toTrimmedString(market.question);
+    for (const [pattern, unit] of TOTAL_STAT_UNITS) {
+      if (pattern.test(question)) return unit;
+    }
+  }
+  return null;
+};
+var SPORTS_LEG_TITLE_OVERRIDES = { nrfi: "NRFI" };
+var SPORTS_LEG_TITLE_SMALL_WORDS = /* @__PURE__ */ new Set(["to", "the", "of", "in", "at", "a", "and", "or"]);
+var formatSportsLegTitle = (token) => {
+  var _a;
+  return (_a = SPORTS_LEG_TITLE_OVERRIDES[token]) != null ? _a : token.split("_").filter(Boolean).map(
+    (word, index) => index > 0 && SPORTS_LEG_TITLE_SMALL_WORDS.has(word) ? word : word.charAt(0).toUpperCase() + word.slice(1)
+  ).join(" ");
+};
+var resolveDisplayGroupTitle = (market, groupMarkets = [market], sport, isCombinedLegGroup = false) => {
+  const sportsMarketType = normalizeSportsMarketType(market.sportsMarketType);
+  const question = toTrimmedString(market.question);
+  if (isBinarySportsMoneylineMarket(market)) return "Moneyline";
+  if (sportsMarketType === "to_advance") return "Team to Advance";
+  if (sportsMarketType === "spread") return "Spreads";
+  if (isCombinedLegGroup) {
+    const legToken = normalizeSportsSubtypeToken(market.marketSubtype, sport);
+    if (legToken) return formatSportsLegTitle(legToken);
+  }
+  if (!question) {
+    return sportsMarketType != null ? sportsMarketType : market.id;
+  }
+  if (sportsMarketType === "total") {
+    const lineFamily = resolveSportsLineFamilyKey(market);
+    const marketCategory = normalizeSportsMarketCategory(market.marketCategory);
+    if (/_tot(_corners)?(_\dh)?$/i.test(lineFamily)) {
+      const unit = resolveTotalStatUnit(groupMarkets, marketCategory);
+      return unit ? `Total ${unit}` : "Totals";
+    }
+    const base = stripLineValueFromQuestion(question).replace(/o\s*\/\s*u/gi, " ").replace(/\btotals?\b/gi, " ").replace(/\s+/g, " ").trim();
+    return base ? `${base} Totals` : "Totals";
+  }
+  if (market.lineValue != null) {
+    const strippedQuestion = stripLineValueFromQuestion(question);
+    return strippedQuestion || question;
+  }
+  return question;
+};
+var sortMarketsByLineValue = (markets) => {
+  return [...markets].sort((leftMarket, rightMarket) => {
+    var _a, _b;
+    const leftLineValue = (_a = leftMarket.lineValue) != null ? _a : Number.NEGATIVE_INFINITY;
+    const rightLineValue = (_b = rightMarket.lineValue) != null ? _b : Number.NEGATIVE_INFINITY;
+    if (leftLineValue !== rightLineValue) {
+      return leftLineValue - rightLineValue;
+    }
+    return leftMarket.question.localeCompare(rightMarket.question);
+  });
+};
+var buildSportsMarketDisplayGroups = (markets, sport) => {
+  var _a, _b, _c, _d, _e;
+  const groupsByKey = /* @__PURE__ */ new Map();
+  for (const market of markets) {
+    const groupKey = resolveDisplayGroupFamilyKey(market, sport);
+    const currentMarkets = (_a = groupsByKey.get(groupKey)) != null ? _a : [];
+    currentMarkets.push(market);
+    groupsByKey.set(groupKey, currentMarkets);
+  }
+  const VENUE_SPLIT_MARKER = "|venue:";
+  const pending = Array.from(groupsByKey.keys());
+  while (pending.length > 0) {
+    const groupKey = pending.pop();
+    if (groupKey == null) continue;
+    const groupMarkets = groupsByKey.get(groupKey);
+    if (!groupMarkets || groupMarkets.length === 0) continue;
+    const isLegBucket = groupKey.includes(LEG_GROUP_KEY_MARKER);
+    const combinable = groupMarkets.length > 1 ? resolveSportsCombinedLegs({
+      markets: groupMarkets,
+      sportsMarketType: normalizeSportsMarketType((_b = groupMarkets[0]) == null ? void 0 : _b.sportsMarketType)
+    }) : null;
+    if (groupMarkets.length > 1) {
+      if (groupMarkets.some((market) => market.lineValue != null)) continue;
+      if (!combinable && groupMarkets.some((market) => hasTeamTitledOutcomes(market))) continue;
+      const marketsPerVenue = /* @__PURE__ */ new Map();
+      for (const market of groupMarkets) {
+        marketsPerVenue.set(market.venue, [...(_c = marketsPerVenue.get(market.venue)) != null ? _c : [], market]);
+      }
+      const mostFromOneVenue = Math.max(...Array.from(marketsPerVenue.values(), (m) => m.length));
+      if (combinable && combinable.length <= mostFromOneVenue) continue;
+      if (marketsPerVenue.size > 1) {
+        groupsByKey.delete(groupKey);
+        for (const [venue, venueMarkets] of marketsPerVenue) {
+          const venueKey = `${groupKey}${VENUE_SPLIT_MARKER}${venue}`;
+          groupsByKey.set(venueKey, [...(_d = groupsByKey.get(venueKey)) != null ? _d : [], ...venueMarkets]);
+          pending.push(venueKey);
+        }
+        continue;
+      }
+    }
+    if (isLegBucket && !combinable) {
+      groupsByKey.delete(groupKey);
+      for (const market of groupMarkets) {
+        const ownKey = resolveMarketOwnCardKey(market);
+        groupsByKey.set(ownKey, [...(_e = groupsByKey.get(ownKey)) != null ? _e : [], market]);
+      }
+    }
+  }
+  const groups = Array.from(groupsByKey.entries()).map(([id, groupMarkets]) => {
+    var _a2;
+    const isToAdvanceGroup = groupMarkets.some(
+      (market) => normalizeSportsMarketType(market.sportsMarketType) === "to_advance"
+    );
+    const orderedMarkets = isToAdvanceGroup ? [...groupMarkets].sort((left, right) => {
+      var _a3, _b2;
+      const leftSingle = resolveSportsMarketAggKey(left).endsWith("_adv") ? 0 : 1;
+      const rightSingle = resolveSportsMarketAggKey(right).endsWith("_adv") ? 0 : 1;
+      if (leftSingle !== rightSingle) return leftSingle - rightSingle;
+      return ((_a3 = right.volume) != null ? _a3 : 0) - ((_b2 = left.volume) != null ? _b2 : 0);
+    }) : sortMarketsByLineValue(groupMarkets);
+    const firstMarket = orderedMarkets[0];
+    const sportsMarketType = normalizeSportsMarketType(firstMarket == null ? void 0 : firstMarket.sportsMarketType);
+    const marketCategory = normalizeSportsMarketCategory(firstMarket == null ? void 0 : firstMarket.marketCategory);
+    const period = normalizeSportsPeriod(firstMarket == null ? void 0 : firstMarket.period);
+    const sectionRank = (_a2 = firstMarket == null ? void 0 : firstMarket.sectionRank) != null ? _a2 : Number.MAX_SAFE_INTEGER;
+    return {
+      id,
+      title: resolveDisplayGroupTitle(
+        firstMarket,
+        orderedMarkets,
+        id.includes(LEG_GROUP_KEY_MARKER) ? sport : void 0,
+        id.includes(LEG_GROUP_KEY_MARKER)
+      ),
+      questionKey: sanitizeFamilyValue(toTrimmedString(firstMarket == null ? void 0 : firstMarket.question)),
+      sportsMarketType,
+      marketCategory,
+      period,
+      sectionRank,
+      markets: orderedMarkets,
+      hasLineVariants: orderedMarkets.some((market) => market.lineValue != null)
+    };
+  });
+  return groups.sort((leftGroup, rightGroup) => {
+    var _a2, _b2, _c2, _d2;
+    if (leftGroup.sectionRank !== rightGroup.sectionRank) {
+      return leftGroup.sectionRank - rightGroup.sectionRank;
+    }
+    const leftMarketTypeOrder = getSportsMarketTypeOrderIndex(leftGroup.sportsMarketType);
+    const rightMarketTypeOrder = getSportsMarketTypeOrderIndex(rightGroup.sportsMarketType);
+    if (leftMarketTypeOrder !== rightMarketTypeOrder) {
+      return leftMarketTypeOrder - rightMarketTypeOrder;
+    }
+    const leftLineValue = (_b2 = (_a2 = leftGroup.markets[0]) == null ? void 0 : _a2.lineValue) != null ? _b2 : Number.NEGATIVE_INFINITY;
+    const rightLineValue = (_d2 = (_c2 = rightGroup.markets[0]) == null ? void 0 : _c2.lineValue) != null ? _d2 : Number.NEGATIVE_INFINITY;
+    if (leftLineValue !== rightLineValue) {
+      return leftLineValue - rightLineValue;
+    }
+    return leftGroup.title.localeCompare(rightGroup.title);
+  });
+};
+var groupSportsMarketsByPeriod = (markets, sport) => {
+  var _a;
+  const periodGroups = /* @__PURE__ */ new Map();
+  for (const market of markets) {
+    const period = normalizeSportsPeriod(market.period);
+    const currentMarkets = (_a = periodGroups.get(period)) != null ? _a : [];
+    currentMarkets.push(market);
+    periodGroups.set(period, currentMarkets);
+  }
+  return Array.from(periodGroups.entries()).map(([key, groupedMarkets]) => ({
+    key,
+    markets: groupedMarkets,
+    groups: buildSportsMarketDisplayGroups(groupedMarkets, sport)
+  })).sort((leftGroup, rightGroup) => {
+    return getSportsPeriodOrderIndex(leftGroup.key) - getSportsPeriodOrderIndex(rightGroup.key);
+  });
+};
+var resolveSelectedSportsLineValue = (lineValue) => {
+  if (lineValue == null) return "0";
+  return Number.isInteger(lineValue) ? String(lineValue) : lineValue.toFixed(1);
+};
+var collectVenueNames = (market) => {
+  var _a;
+  const venues = /* @__PURE__ */ new Set([market.venue]);
+  for (const matchedVenueMarket of (_a = market.matchedVenueMarkets) != null ? _a : []) {
+    venues.add(matchedVenueMarket.venue);
+  }
+  return Array.from(venues);
+};
+var resolveTotalGroupVolume = (markets) => {
+  return markets.reduce((totalVolume, market) => {
+    var _a;
+    return totalVolume + ((_a = market.volume) != null ? _a : 0);
+  }, 0);
+};
+var resolveSportsExpandedMarkets = (markets) => {
+  var _a;
+  const expandedMarkets = [];
+  const seenMarketIds = /* @__PURE__ */ new Set();
+  for (const market of markets) {
+    if (!seenMarketIds.has(market.id)) {
+      seenMarketIds.add(market.id);
+      expandedMarkets.push(market);
+    }
+    for (const matchedVenueMarket of (_a = market.matchedVenueMarkets) != null ? _a : []) {
+      if (seenMarketIds.has(matchedVenueMarket.id)) continue;
+      seenMarketIds.add(matchedVenueMarket.id);
+      expandedMarkets.push(matchedVenueMarket);
+    }
+  }
+  return expandedMarkets;
+};
+var resolveSportsExpandedMarketsVolume = (markets) => {
+  return resolveSportsExpandedMarkets(markets).reduce((totalVolume, market) => {
+    var _a;
+    return totalVolume + ((_a = market.volume) != null ? _a : 0);
+  }, 0);
+};
+var resolveHighestVolumeIndex = (markets) => {
+  let bestIndex = 0;
+  let bestVolume = Number.NEGATIVE_INFINITY;
+  markets.forEach((market, index) => {
+    var _a;
+    const volume = (_a = market.volume) != null ? _a : 0;
+    if (volume > bestVolume) {
+      bestVolume = volume;
+      bestIndex = index;
+    }
+  });
+  return bestIndex;
+};
+var resolveSportsCombinedLegs = (group) => {
+  var _a;
+  if (group.markets.some((market) => market.lineValue != null)) return null;
+  const isMoneylineGroup = group.sportsMarketType === "moneyline" && group.markets.every((market) => isBinarySportsMoneylineMarket(market));
+  const legs = group.markets.filter(
+    (market) => isMoneylineGroup ? isBinarySportsMoneylineMarket(market) : isDecomposedLeg(market)
+  );
+  if (legs.length < 2 || legs.length !== group.markets.length) return null;
+  if (!isMoneylineGroup) {
+    const legsPerVenue = /* @__PURE__ */ new Map();
+    for (const leg of legs) {
+      legsPerVenue.set(leg.venue, ((_a = legsPerVenue.get(leg.venue)) != null ? _a : 0) + 1);
+    }
+    const isDecomposition = Array.from(legsPerVenue.values()).some((count) => count > 1);
+    if (!isDecomposition) return null;
+  }
+  const twinSets = [];
+  for (const leg of legs) {
+    const legQuestion = sanitizeFamilyValue(toTrimmedString(leg.question));
+    const twins = twinSets.find(
+      (candidates) => candidates.some(
+        (candidate) => (
+          // CROSS-VENUE only. A venue never lists one leg twice, so two legs
+          // from the SAME venue are always different bets — and they routinely
+          // reference each other through their absent merged anchor, so the
+          // cluster test alone would fold a 2-way decomposition down to one
+          // pill and drop a team off the card.
+          candidate.venue !== leg.venue && (isClusterRelation(candidate, leg) || legQuestion.length > 0 && sanitizeFamilyValue(toTrimmedString(candidate.question)) === legQuestion)
+        )
+      )
+    );
+    if (twins) twins.push(leg);
+    else twinSets.push([leg]);
+  }
+  const pills = twinSets.map((twins) => {
+    var _a2;
+    const market = (_a2 = twins[resolveHighestVolumeIndex(twins)]) != null ? _a2 : twins[0];
+    const label = twins.map((twin) => resolveCombinedMoneylineLegLabel(twin)).reduce(
+      (longest, candidate) => candidate.length > longest.length ? candidate : longest,
+      ""
+    );
+    const venues = /* @__PURE__ */ new Set();
+    for (const twin of twins) {
+      for (const venue of collectVenueNames(twin)) venues.add(venue);
+    }
+    return { label, market, venues: Array.from(venues) };
+  });
+  const labels = pills.map((pill) => pill.label.toLowerCase());
+  if (pills.length < 2 || labels.some((label) => !label)) return null;
+  return new Set(labels).size === labels.length ? pills : null;
+};
+var resolveSlideKind = (group) => {
+  if (group.sportsMarketType === "to_advance") return "to_advance";
+  if (group.sportsMarketType === "moneyline") return "moneyline";
+  if (group.sportsMarketType === "spread") return "spread";
+  if (group.sportsMarketType === "total") return "total";
+  return "other";
+};
+var aggregateSportsLineStops = (markets, isSpread = false) => {
+  var _a;
+  const anchorToken = isSpread ? resolveSpreadAnchorToken(markets) : null;
+  const axisOf = (market) => {
+    var _a2;
+    if (anchorToken) {
+      const leg = resolveSpreadKeyLeg(market);
+      if (leg) {
+        const anchorGivesPoints = leg.team === anchorToken ? leg.isFavorite : !leg.isFavorite;
+        return anchorGivesPoints ? -leg.line : leg.line;
+      }
+    }
+    return (_a2 = market.lineValue) != null ? _a2 : Number.NEGATIVE_INFINITY;
+  };
+  const displayOf = (market) => {
+    var _a2;
+    if (!anchorToken) return resolveSelectedSportsLineValue(market.lineValue);
+    const leg = resolveSpreadKeyLeg(market);
+    return resolveSelectedSportsLineValue(leg ? leg.line : Math.abs((_a2 = market.lineValue) != null ? _a2 : 0));
+  };
+  const marketsByAxis = /* @__PURE__ */ new Map();
+  for (const market of markets) {
+    const axis = axisOf(market);
+    const lineMarkets = (_a = marketsByAxis.get(axis)) != null ? _a : [];
+    lineMarkets.push(market);
+    marketsByAxis.set(axis, lineMarkets);
+  }
+  return Array.from(marketsByAxis.entries()).map(([axis, lineMarkets]) => {
+    var _a2;
+    const representative = (_a2 = lineMarkets[resolveHighestVolumeIndex(lineMarkets)]) != null ? _a2 : lineMarkets[0];
+    const venues = /* @__PURE__ */ new Set();
+    for (const lineMarket of lineMarkets) {
+      for (const venue of collectVenueNames(lineMarket)) {
+        venues.add(venue);
+      }
+    }
+    return {
+      value: displayOf(representative),
+      representative,
+      venues: Array.from(venues),
+      volume: resolveTotalGroupVolume(lineMarkets),
+      lineValue: axis
+    };
+  }).sort(
+    (left, right) => left.lineValue !== right.lineValue ? left.lineValue - right.lineValue : left.value.localeCompare(right.value)
+  );
+};
+var escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var resolveSportsLadderTitle = (group, selectedLineDisplay) => {
+  var _a;
+  const anchorLineValue = (_a = group.markets[0]) == null ? void 0 : _a.lineValue;
+  if (anchorLineValue == null || !selectedLineDisplay) return group.title;
+  const anchorDisplay = resolveSelectedSportsLineValue(anchorLineValue);
+  if (anchorDisplay === selectedLineDisplay) return group.title;
+  const pattern = new RegExp(`(^|[^\\d.])${escapeRegExp(anchorDisplay)}(?![\\d.])`);
+  return pattern.test(group.title) ? group.title.replace(pattern, (_match, prefix) => `${prefix}${selectedLineDisplay}`) : group.title;
+};
+var buildSportsSlideFromGroup = (group) => {
+  const lineStops = group.hasLineVariants ? aggregateSportsLineStops(group.markets, group.sportsMarketType === "spread") : [];
+  const hasLadder = lineStops.length > 1;
+  const stops = hasLadder ? lineStops.map((lineStop) => ({
+    value: lineStop.value,
+    venues: lineStop.venues,
+    market: lineStop.representative
+  })) : [];
+  const defaultStopIndex = hasLadder ? lineStops.reduce(
+    (bestIndex, lineStop, index) => lineStop.volume > lineStops[bestIndex].volume ? index : bestIndex,
+    0
+  ) : 0;
+  return {
+    id: group.id,
+    kind: resolveSlideKind(group),
+    group,
+    hasLadder,
+    stops,
+    defaultStopIndex
+  };
+};
+var formatSportsPeriodGrammarLabel = (period) => {
+  const grammarMatch = SPORTS_PERIOD_GRAMMAR_PATTERN.exec(period);
+  if (!grammarMatch) return null;
+  if (grammarMatch[1]) {
+    const family = grammarMatch[1].charAt(0).toUpperCase() + grammarMatch[1].slice(1);
+    return `${family} ${Number(grammarMatch[2])}`;
+  }
+  return `First ${Number(grammarMatch[3])} Innings`;
+};
+var resolveSportsCategoryTokens = (event) => {
+  return new Set(
+    event.categories.flatMap((entry) => {
+      const categoryName = toTrimmedString(entry.category.name).toLowerCase();
+      const categoryDisplayName = toTrimmedString(entry.category.displayName).toLowerCase();
+      return [categoryName, categoryDisplayName].filter(Boolean);
+    })
+  );
+};
+var isNonStandardSportsLikeEvent = (event) => {
+  const categoryTokens = resolveSportsCategoryTokens(event);
+  if ([...categoryTokens].some((token) => ESPORTS_CATEGORY_TOKENS.has(token))) {
+    return true;
+  }
+  if (ESPORTS_TITLE_PATTERN.test(event.title) || SERIES_SCOPE_PATTERN.test(event.title)) {
+    return true;
+  }
+  return event.venueMarkets.some((market) => {
+    const question = toTrimmedString(market.question);
+    return ESPORTS_TITLE_PATTERN.test(question) || SERIES_SCOPE_PATTERN.test(question);
+  });
+};
+var mergeSportsSectionMarketsIntoEvent = ({
+  event,
+  sectionMarketsByKey
+}) => {
+  const orderedVenueMarkets = [...event.venueMarkets];
+  const seenMarketIds = new Set(orderedVenueMarkets.map((market) => market.id));
+  for (const markets of Object.values(sectionMarketsByKey)) {
+    for (const market of markets != null ? markets : []) {
+      if (seenMarketIds.has(market.id)) continue;
+      seenMarketIds.add(market.id);
+      orderedVenueMarkets.push(market);
+    }
+  }
+  return __spreadProps(__spreadValues({}, event), { venueMarkets: orderedVenueMarkets });
+};
+
+// src/pages/event-market/sports-market-card.tsx
+import {
+  MarketStatus,
+  resolveMarketTradingState,
+  useEventTradingContext,
+  useLabels as useLabels6,
+  useSdkUiConfig as useSdkUiConfig2
+} from "@agg-build/hooks";
+import { useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2, useState as useState4 } from "react";
+
+// src/pages/event-market/sports-line-rail.tsx
+import * as React from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function VenueRow({ venues, active }) {
+  if (!venues || venues.length === 0) return /* @__PURE__ */ jsx4("span", { className: "h-4" });
+  const shown = venues.length > 3 ? venues.slice(0, 2) : venues;
+  const extra = venues.length - shown.length;
+  return /* @__PURE__ */ jsxs4(
+    "span",
+    {
+      className: cn(
+        "flex h-4 items-center justify-center gap-1",
+        !active && "text-agg-muted-foreground"
+      ),
+      children: [
+        shown.map((venue, index) => /* @__PURE__ */ jsx4(
+          VenueLogo,
+          {
+            venue,
+            isMonochromatic: !active,
+            size: "small",
+            className: "size-3! shrink-0"
+          },
+          `${venue}-${index}`
+        )),
+        extra > 0 && /* @__PURE__ */ jsxs4("span", { className: "text-[10px] font-agg-bold uppercase leading-[14px] text-agg-muted-foreground", children: [
+          "+",
+          extra
+        ] })
+      ]
+    }
+  );
+}
+function SportsLineRail({
+  stops,
+  selectedIndex,
+  onSelect,
+  ariaLabel,
+  previousAriaLabel,
+  nextAriaLabel,
+  className
+}) {
+  const scrollRef = React.useRef(null);
+  const itemRefs = React.useRef([]);
+  const didInit = React.useRef(false);
+  const programmatic = React.useRef(false);
+  const progTimer = React.useRef(void 0);
+  const skipCenterForIndex = React.useRef(null);
+  const pendingScrollIndex = React.useRef(null);
+  const scrollSettleTimer = React.useRef(void 0);
+  const stopCount = stops.length;
+  const [pad, setPad] = React.useState({ left: 0, right: 0 });
+  const [mask, setMask] = React.useState({ left: false, right: false });
+  const updateMask = React.useCallback(() => {
+    const c = scrollRef.current;
+    if (!c || !c.clientWidth) return;
+    setMask({
+      left: c.scrollLeft > 1,
+      right: c.scrollLeft + c.clientWidth < c.scrollWidth - 1
+    });
+  }, []);
+  const resolveNearestIndexToViewportCenter = React.useCallback(() => {
+    const container = scrollRef.current;
+    if (!container || !container.clientWidth) return null;
+    const viewportCenter = container.scrollLeft + container.clientWidth / 2;
+    let nearestIndex = null;
+    let nearestDistance = Number.POSITIVE_INFINITY;
+    itemRefs.current.forEach((item, index) => {
+      if (!item) return;
+      const itemCenter = item.offsetLeft + item.offsetWidth / 2;
+      const distance = Math.abs(itemCenter - viewportCenter);
+      if (distance < nearestDistance) {
+        nearestDistance = distance;
+        nearestIndex = index;
+      }
+    });
+    return nearestIndex;
+  }, []);
+  React.useLayoutEffect(() => {
+    const c = scrollRef.current;
+    if (!c) return;
+    const measure = () => {
+      var _a, _b, _c, _d;
+      const w = c.clientWidth;
+      if (!w) return;
+      const firstW = (_b = (_a = itemRefs.current[0]) == null ? void 0 : _a.offsetWidth) != null ? _b : 0;
+      const lastW = (_d = (_c = itemRefs.current[stopCount - 1]) == null ? void 0 : _c.offsetWidth) != null ? _d : 0;
+      const nextPad = {
+        left: Math.max(0, w / 2 - firstW / 2),
+        right: Math.max(0, w / 2 - lastW / 2)
+      };
+      setPad((currentPad) => {
+        if (currentPad.left === nextPad.left && currentPad.right === nextPad.right) {
+          return currentPad;
+        }
+        return nextPad;
+      });
+      updateMask();
+    };
+    const onScroll = () => {
+      if (!programmatic.current) {
+        const nearestIndex = resolveNearestIndexToViewportCenter();
+        if (nearestIndex != null && nearestIndex !== selectedIndex) {
+          pendingScrollIndex.current = nearestIndex;
+          clearTimeout(scrollSettleTimer.current);
+          scrollSettleTimer.current = setTimeout(() => {
+            const nextIndex = pendingScrollIndex.current;
+            if (nextIndex == null || nextIndex === selectedIndex) return;
+            skipCenterForIndex.current = nextIndex;
+            onSelect(nextIndex);
+          }, 120);
+        }
+      }
+      updateMask();
+    };
+    measure();
+    const ro = new ResizeObserver(measure);
+    ro.observe(c);
+    c.addEventListener("scroll", onScroll, { passive: true });
+    return () => {
+      ro.disconnect();
+      c.removeEventListener("scroll", onScroll);
+      clearTimeout(scrollSettleTimer.current);
+    };
+  }, [onSelect, resolveNearestIndexToViewportCenter, selectedIndex, stopCount, updateMask]);
+  React.useEffect(() => {
+    pendingScrollIndex.current = selectedIndex;
+  }, [selectedIndex]);
+  React.useEffect(() => {
+    const c = scrollRef.current;
+    const el = itemRefs.current[selectedIndex];
+    if (!c || !el || !c.clientWidth) return;
+    if (skipCenterForIndex.current === selectedIndex) {
+      skipCenterForIndex.current = null;
+      updateMask();
+      return;
+    }
+    skipCenterForIndex.current = null;
+    const max = c.scrollWidth - c.clientWidth;
+    const target = el.offsetLeft - c.clientWidth / 2 + el.clientWidth / 2;
+    programmatic.current = true;
+    c.scrollTo({
+      left: Math.max(0, Math.min(max, target)),
+      behavior: didInit.current ? "smooth" : "auto"
+    });
+    if (pad.left > 0 || pad.right > 0) didInit.current = true;
+    clearTimeout(progTimer.current);
+    progTimer.current = setTimeout(() => {
+      programmatic.current = false;
+    }, 500);
+    updateMask();
+  }, [selectedIndex, stopCount, pad, updateMask]);
+  const clampStopIndex = (index) => Math.min(stops.length - 1, Math.max(0, index));
+  const handleStopClick = (index) => {
+    const next = clampStopIndex(index);
+    if (next !== selectedIndex) {
+      skipCenterForIndex.current = next;
+    }
+    onSelect(next);
+  };
+  const handleStep = (delta) => {
+    const next = clampStopIndex(selectedIndex + delta);
+    if (next !== selectedIndex) onSelect(next);
+  };
+  if (stopCount === 0) return null;
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: cn("flex items-center justify-center gap-3 px-3 py-3 sm:gap-4 sm:px-5", className),
+      "aria-label": ariaLabel,
+      children: [
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleStep(-1),
+            disabled: selectedIndex === 0,
+            "aria-label": previousAriaLabel != null ? previousAriaLabel : "Previous line",
+            className: "flex size-5! shrink-0 cursor-pointer items-center justify-center text-agg-muted-foreground transition-colors hover:text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-30",
+            children: /* @__PURE__ */ jsx4(Icon, { name: "chevron-left", className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs4("div", { className: "relative min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx4(
+            "div",
+            {
+              ref: scrollRef,
+              style: { paddingLeft: pad.left, paddingRight: pad.right },
+              className: "flex items-end gap-1 overflow-x-hidden py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+              children: stops.map((stop, index) => {
+                const active = index === selectedIndex;
+                return /* @__PURE__ */ jsxs4(
+                  "button",
+                  {
+                    type: "button",
+                    ref: (el) => {
+                      itemRefs.current[index] = el;
+                    },
+                    onClick: () => handleStopClick(index),
+                    disabled: stop.disabled,
+                    "aria-pressed": active,
+                    className: "flex shrink-0 cursor-pointer flex-col items-center gap-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-40",
+                    children: [
+                      /* @__PURE__ */ jsx4(
+                        "span",
+                        {
+                          className: cn(
+                            "flex h-8 min-w-[60px] items-center justify-center rounded-agg-full border px-3 text-agg-sm leading-agg-5 tabular-nums transition-colors",
+                            active ? "border-agg-primary bg-agg-secondary font-agg-bold text-agg-foreground" : "border-transparent bg-agg-secondary text-agg-muted-foreground hover:bg-agg-secondary-hover hover:text-agg-foreground"
+                          ),
+                          children: stop.value
+                        }
+                      ),
+                      /* @__PURE__ */ jsx4(VenueRow, { venues: stop.venues, active })
+                    ]
+                  },
+                  index
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "span",
+            {
+              className: cn(
+                "pointer-events-none absolute inset-y-0 left-0 w-8 bg-gradient-to-r from-agg-secondary to-transparent transition-opacity duration-200",
+                mask.left ? "opacity-100" : "opacity-0"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "span",
+            {
+              className: cn(
+                "pointer-events-none absolute inset-y-0 right-0 w-8 bg-gradient-to-l from-agg-secondary to-transparent transition-opacity duration-200",
+                mask.right ? "opacity-100" : "opacity-0"
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleStep(1),
+            disabled: selectedIndex === stopCount - 1,
+            "aria-label": nextAriaLabel != null ? nextAriaLabel : "Next line",
+            className: "flex size-5! shrink-0 cursor-pointer items-center justify-center text-agg-muted-foreground transition-colors hover:text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-30",
+            children: /* @__PURE__ */ jsx4(Icon, { name: "chevron-right", className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/pages/event-market/sports-market-card.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var resolveSpreadHeaderOutcomeItems = ({
+  market,
+  groupMarkets,
+  midpointsResult
+}) => {
+  var _a;
+  const outcomes = (_a = market.venueMarketOutcomes) != null ? _a : [];
+  const lineValue = market.lineValue;
+  if (outcomes.length < 2 || lineValue == null) return void 0;
+  const { favored, dog } = resolveSpreadOutcomeTeamNames(market, groupMarkets);
+  if (!favored && !dog) return void 0;
+  const magnitude = Math.abs(lineValue);
+  const formatLine = (value) => `${value > 0 ? "+" : "\u2212"}${Number.isInteger(magnitude) ? String(magnitude) : magnitude.toFixed(1)}`;
+  const isDogLeg = isSpreadUnderdogLeg(market);
+  return [
+    { index: isDogLeg ? 1 : 0, name: favored, signedLine: -magnitude, tone: "positive" },
+    { index: isDogLeg ? 0 : 1, name: dog, signedLine: magnitude, tone: "negative" }
+  ].flatMap(({ index, name, signedLine, tone }) => {
+    var _a2;
+    const outcome = outcomes[index];
+    if (!outcome) return [];
+    const label = name != null ? name : outcome.label.trim();
+    const probability = midpointsResult == null ? void 0 : getDisplayOutcomePrice({
+      outcomeId: outcome.id,
+      outcomeLabel: outcome.label,
+      bestMidpointsByOutcomeId: (_a2 = midpointsResult.bestMidpointsByOutcomeId) != null ? _a2 : midpointsResult.prices
+    });
+    return [
+      {
+        id: outcome.id,
+        label,
+        title: label,
+        lineLabel: formatLine(signedLine),
+        probability,
+        isPriceLoading: (midpointsResult == null ? void 0 : midpointsResult.isLoading) === true && probability == null,
+        tone,
+        variant: "line",
+        venue: market.venue
+      }
+    ];
+  });
+};
+var resolveDisplayedOutcomes = ({
+  market,
+  venueMarkets,
+  groupMarkets,
+  useSpreadOverride
+}) => {
+  var _a;
+  const spreadHeaderOutcomeItems = useSpreadOverride ? resolveSpreadHeaderOutcomeItems({ market, groupMarkets }) : void 0;
+  const resolvedMarket = resolveMarketFromVenueMarkets(venueMarkets, market.id);
+  const headerOutcomeItems = spreadHeaderOutcomeItems != null ? spreadHeaderOutcomeItems : resolveHeaderOutcomeItems(
+    (_a = resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets) != null ? _a : [market],
+    market,
+    resolveSportsMarketCardVariant(market)
+  );
+  return headerOutcomeItems.flatMap((item) => {
+    const outcome = market.venueMarketOutcomes.find((candidate) => candidate.id === item.id);
+    return outcome ? [outcome] : [];
+  });
+};
+var resolveSelectedOutcomeSide = ({
+  displayedOutcomes,
+  selectedOutcomeId
+}) => {
+  const selectedOutcomeIndex = displayedOutcomes.findIndex(
+    (outcome) => outcome.id === selectedOutcomeId
+  );
+  if (selectedOutcomeIndex === 0) return "left";
+  if (selectedOutcomeIndex === 1) return "right";
+  return null;
+};
+var resolveOutcomeBySide = (displayedOutcomes, side) => {
+  var _a;
+  return (_a = displayedOutcomes[side === "right" ? 1 : 0]) != null ? _a : displayedOutcomes[0];
+};
+var SportsMarketCard = ({
+  group,
+  venueMarkets,
+  isExpanded,
+  onToggle,
+  onOutcomeSelect,
+  live,
+  midpointsFallback,
+  midpointsFallbackVenues,
+  midpointsResult
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const labels = useLabels6();
+  const {
+    formatting: { formatCompactCurrency }
+  } = useSdkUiConfig2();
+  const tradingContext = useEventTradingContext();
+  const slide = useMemo2(() => buildSportsSlideFromGroup(group), [group]);
+  const [selectedLineIndex, setSelectedLineIndex] = useState4(slide.defaultStopIndex);
+  const combinedLegs = useMemo2(() => resolveSportsCombinedLegs(group), [group]);
+  const isCombinedLegGroup = combinedLegs != null;
+  const combinedLegMarkets = useMemo2(
+    () => {
+      var _a2;
+      return (_a2 = combinedLegs == null ? void 0 : combinedLegs.map((leg) => leg.market)) != null ? _a2 : [];
+    },
+    [combinedLegs]
+  );
+  const preferredResolvedLegMarket = useMemo2(() => {
+    var _a2, _b2;
+    const resolvedYesWinnerMarket = (_a2 = combinedLegMarkets.find(
+      (market) => market.venueMarketOutcomes.some(
+        (outcome) => outcome.winner === true && outcome.label.trim().toLowerCase() === "yes"
+      )
+    )) != null ? _a2 : null;
+    if (resolvedYesWinnerMarket) return resolvedYesWinnerMarket;
+    return (_b2 = combinedLegMarkets.find(
+      (market) => market.venueMarketOutcomes.some((outcome) => outcome.winner === true)
+    )) != null ? _b2 : null;
+  }, [combinedLegMarkets]);
+  useEffect3(() => {
+    if (!slide.hasLadder) return;
+    const tradingMarketId = tradingContext == null ? void 0 : tradingContext.selectedMarketId;
+    if (!tradingMarketId) return;
+    const matchedIndex = slide.stops.findIndex((stop) => stop.market.id === tradingMarketId);
+    if (matchedIndex >= 0) setSelectedLineIndex(matchedIndex);
+  }, [slide.hasLadder, slide.stops, tradingContext == null ? void 0 : tradingContext.selectedMarketId]);
+  const activeLegMarket = isCombinedLegGroup ? preferredResolvedLegMarket != null ? preferredResolvedLegMarket : (tradingContext == null ? void 0 : tradingContext.selectedMarketId) ? (_a = group.markets.find((market) => market.id === tradingContext.selectedMarketId)) != null ? _a : null : null : null;
+  const activeMarket = slide.hasLadder ? (_d = (_c = (_b = slide.stops[selectedLineIndex]) == null ? void 0 : _b.market) != null ? _c : group.markets[0]) != null ? _d : null : (_f = (_e = activeLegMarket != null ? activeLegMarket : combinedLegMarkets[0]) != null ? _e : group.markets[0]) != null ? _f : null;
+  const activeDefaultOutcome = isCombinedLegGroup && activeMarket ? (_g = activeMarket.venueMarketOutcomes.find(
+    (outcome) => outcome.label.trim().toLowerCase() === "yes"
+  )) != null ? _g : activeMarket.venueMarketOutcomes[0] : activeMarket == null ? void 0 : activeMarket.venueMarketOutcomes[0];
+  const wasExpandedRef = useRef2(isExpanded);
+  useEffect3(() => {
+    const justOpened = isExpanded && !wasExpandedRef.current;
+    wasExpandedRef.current = isExpanded;
+    if (!justOpened || !activeMarket) return;
+    if (resolveMarketTradingState(activeMarket).isTradingDisabled) return;
+    const selectedOutcomeId = tradingContext == null ? void 0 : tradingContext.selectedOutcomeId;
+    const hasInScopeOutcome = selectedOutcomeId != null && activeMarket.venueMarketOutcomes.some((outcome) => outcome.id === selectedOutcomeId);
+    if (hasInScopeOutcome) return;
+    const firstOutcome = activeDefaultOutcome;
+    if (firstOutcome) {
+      tradingContext == null ? void 0 : tradingContext.selectMarketAndOutcome(activeMarket.id, firstOutcome.id);
+    }
+  }, [activeDefaultOutcome, isExpanded, activeMarket, tradingContext]);
+  const combinedLegHeaderOutcomeItems = useMemo2(() => {
+    if (!combinedLegs) return void 0;
+    return combinedLegs.flatMap(({ label, market }, index) => {
+      var _a2;
+      const yesOutcome = market.venueMarketOutcomes.find(
+        (outcome) => outcome.label.trim().toLowerCase() === "yes"
+      );
+      if (!yesOutcome) return [];
+      const probability = midpointsResult == null ? void 0 : getDisplayOutcomePrice({
+        outcomeId: yesOutcome.id,
+        outcomeLabel: yesOutcome.label,
+        bestMidpointsByOutcomeId: (_a2 = midpointsResult.bestMidpointsByOutcomeId) != null ? _a2 : midpointsResult.prices
+      });
+      return [
+        {
+          id: yesOutcome.id,
+          label,
+          title: label,
+          probability,
+          isPriceLoading: (midpointsResult == null ? void 0 : midpointsResult.isLoading) === true && probability == null,
+          tone: index === 0 ? "positive" : "negative",
+          variant: "outcome",
+          venue: market.venue
+        }
+      ];
+    });
+  }, [combinedLegs, midpointsResult]);
+  const spreadHeaderOutcomeItems = useMemo2(() => {
+    if (slide.kind !== "spread" || !activeMarket) return void 0;
+    return resolveSpreadHeaderOutcomeItems({
+      market: activeMarket,
+      groupMarkets: group.markets,
+      midpointsResult
+    });
+  }, [slide.kind, activeMarket, group.markets, midpointsResult]);
+  if (!activeMarket) return null;
+  const selectedStop = slide.hasLadder ? slide.stops[selectedLineIndex] : void 0;
+  const cardTitle = selectedStop ? resolveSportsLadderTitle(group, selectedStop.value) : group.title;
+  const activeOutcome = (_h = activeMarket.venueMarketOutcomes.find(
+    (outcome) => outcome.id === (tradingContext == null ? void 0 : tradingContext.selectedOutcomeId)
+  )) != null ? _h : activeDefaultOutcome;
+  const activeOutcomeVenueCount = (() => {
+    var _a2, _b2;
+    if (!activeOutcome) return collectVenueNames(activeMarket).length;
+    const venueNames = /* @__PURE__ */ new Set([activeMarket.venue]);
+    for (const matchedOutcome of (_a2 = activeOutcome.matchedVenueMarketOutcomes) != null ? _a2 : []) {
+      const matchedVenueMarket = (_b2 = activeMarket.matchedVenueMarkets) == null ? void 0 : _b2.find(
+        (market) => market.id === matchedOutcome.venueMarketId
+      );
+      if (matchedVenueMarket == null ? void 0 : matchedVenueMarket.venue) {
+        venueNames.add(matchedVenueMarket.venue);
+      }
+    }
+    return venueNames.size > 0 ? venueNames.size : collectVenueNames(activeMarket).length;
+  })();
+  const activeMarketVolume = resolveSportsExpandedMarketsVolume([activeMarket]);
+  const totalGroupVolume = resolveSportsExpandedMarketsVolume(group.markets);
+  const compactSubtitle = `${activeOutcomeVenueCount} ${activeOutcomeVenueCount === 1 ? labels.marketDetails.meta.venueSingular : labels.marketDetails.meta.venuePlural} \xB7 ${formatCompactCurrency(activeMarketVolume || resolveTotalGroupVolume([activeMarket]))} ${labels.eventMarketPage.sports.volumeShort} \xB7 ${formatCompactCurrency(totalGroupVolume || resolveTotalGroupVolume(group.markets))} ${labels.eventMarketPage.sports.totalVolumeShort}`;
+  const headerOutcomeItemsOverride = combinedLegHeaderOutcomeItems != null ? combinedLegHeaderOutcomeItems : spreadHeaderOutcomeItems;
+  const headerOutcomeVariant = isCombinedLegGroup ? "outcome" : resolveSportsMarketCardVariant(activeMarket);
+  const handleLineSelect = (index) => {
+    var _a2, _b2, _c2;
+    const targetMarket = (_a2 = slide.stops[index]) == null ? void 0 : _a2.market;
+    if (!targetMarket) return;
+    const selectedMarket = (_c2 = (_b2 = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b2 : venueMarkets.find((market) => market.id === (tradingContext == null ? void 0 : tradingContext.selectedMarketId))) != null ? _c2 : null;
+    const selectedMarketIsInGroup = selectedMarket != null && group.markets.some((market) => market.id === selectedMarket.id);
+    const selectedSide = selectedMarket ? resolveSelectedOutcomeSide({
+      displayedOutcomes: resolveDisplayedOutcomes({
+        market: selectedMarket,
+        venueMarkets,
+        groupMarkets: group.markets,
+        useSpreadOverride: slide.kind === "spread" && selectedMarketIsInGroup
+      }),
+      selectedOutcomeId: tradingContext == null ? void 0 : tradingContext.selectedOutcomeId
+    }) : null;
+    const targetDisplayedOutcomes = resolveDisplayedOutcomes({
+      market: targetMarket,
+      venueMarkets,
+      groupMarkets: group.markets,
+      useSpreadOverride: slide.kind === "spread"
+    });
+    const nextOutcome = resolveOutcomeBySide(targetDisplayedOutcomes, selectedSide != null ? selectedSide : "left");
+    setSelectedLineIndex(index);
+    if (nextOutcome) {
+      tradingContext == null ? void 0 : tradingContext.selectMarketAndOutcome(targetMarket.id, nextOutcome.id);
+      onOutcomeSelect == null ? void 0 : onOutcomeSelect(group.id, {
+        marketId: targetMarket.id,
+        outcomeId: nextOutcome.id
+      });
+    } else {
+      tradingContext == null ? void 0 : tradingContext.selectMarket(targetMarket.id, targetMarket);
+    }
+  };
+  return /* @__PURE__ */ jsx5(
+    MarketDetails,
+    {
+      marketId: activeMarket.id,
+      venueMarkets,
+      title: cardTitle,
+      compactHeader: true,
+      subtitleOverride: compactSubtitle,
+      headerOutcomeVariant,
+      headerOutcomeItemsOverride,
+      isOpened: isExpanded,
+      suppressOutcomeFallbackSelection: activeMarket.id !== (tradingContext == null ? void 0 : tradingContext.selectedMarketId),
+      onOpenChange: () => onToggle(group.id, activeMarket),
+      onOutcomeSelect: (selection) => onOutcomeSelect == null ? void 0 : onOutcomeSelect(group.id, selection),
+      headerAccessory: slide.hasLadder ? /* @__PURE__ */ jsx5(
+        SportsLineRail,
+        {
+          stops: slide.stops.map((stop) => ({
+            value: stop.value,
+            venues: stop.venues,
+            disabled: stop.market.status !== MarketStatus.open
+          })),
+          selectedIndex: selectedLineIndex,
+          onSelect: handleLineSelect,
+          ariaLabel: labels.eventMarketPage.sports.lineSelectorAria(cardTitle),
+          previousAriaLabel: labels.eventMarketPage.sports.previousLineAria(cardTitle),
+          nextAriaLabel: labels.eventMarketPage.sports.nextLineAria(cardTitle)
+        }
+      ) : void 0,
+      classNames: { root: "agg-market-list-item agg-sports-market-card" },
+      live,
+      midpointsFallback,
+      midpointsFallbackVenues,
+      midpointsResult
+    }
+  );
+};
+SportsMarketCard.displayName = "SportsMarketCard";
+
+// src/pages/event-market/sports-markets.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var STAT_LABEL_OVERRIDES = {
+  rbis: "RBIs",
+  hits_runs_rbis: "Hits + Runs + RBIs",
+  ot: "OT"
+};
+var formatStatLabel = (stat) => {
+  var _a;
+  return (_a = STAT_LABEL_OVERRIDES[stat]) != null ? _a : stat.split("_").filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+};
+var LEGACY_STAT_LABEL_KEYS = {
+  corners: "cornersTab",
+  goals: "goalsTab",
+  assists: "assistsTab",
+  shots: "shotsTab"
+};
+var SPORTS_PERIOD_LABEL_KEYS = {
+  full: "fullPeriod",
+  "1h": "firstHalfPeriod",
+  "2h": "secondHalfPeriod",
+  q1: "quarterOnePeriod",
+  q2: "quarterTwoPeriod",
+  q3: "quarterThreePeriod",
+  q4: "quarterFourPeriod",
+  ot: "overtimePeriod"
+};
+var resolveSportsPeriodLabel = (labels, period) => {
+  var _a;
+  const sports = labels.eventMarketPage.sports;
+  const labelKey = SPORTS_PERIOD_LABEL_KEYS[period];
+  if (labelKey && typeof sports[labelKey] === "string") return sports[labelKey];
+  return (_a = formatSportsPeriodGrammarLabel(period)) != null ? _a : formatStatLabel(period);
+};
+var resolveSportsSectionLabel = (labels, tab) => {
+  var _a, _b, _c, _d, _e;
+  const sports = labels.eventMarketPage.sports;
+  switch (tab.kind) {
+    case "game_lines":
+      return sports.gameLinesTab;
+    case "exact_score":
+      return sports.exactScoreTab;
+    case "other":
+      return sports.otherTab;
+    case "stat": {
+      if (tab.stat === "player_props") return sports.playerPropsTab;
+      const legacyLabelKey = tab.stat ? LEGACY_STAT_LABEL_KEYS[tab.stat] : void 0;
+      return legacyLabelKey ? sports[legacyLabelKey] : formatStatLabel((_a = tab.stat) != null ? _a : "");
+    }
+    case "period": {
+      switch (tab.periodFamily) {
+        case "halves":
+          return sports.halvesTab;
+        case "quarters":
+          return sports.quartersTab;
+        case "sets":
+          return sports.setsTab;
+        default:
+          return (_e = (_c = formatSportsPeriodGrammarLabel((_b = tab.periodFamily) != null ? _b : "")) == null ? void 0 : _c.replace(/^First /, "")) != null ? _e : formatStatLabel((_d = tab.periodFamily) != null ? _d : "");
+      }
+    }
+  }
+};
+var SportsTabButton = ({
+  isActive,
+  label,
+  onClick
+}) => {
+  return /* @__PURE__ */ jsx6(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      "aria-selected": isActive,
+      "data-testid": "sports-section-tab",
+      className: cn(
+        "inline-flex h-9 shrink-0 cursor-pointer items-center justify-center rounded-agg-full border px-4 text-agg-sm leading-agg-5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary",
+        isActive ? "border-agg-primary bg-agg-secondary font-agg-bold text-agg-foreground" : "border-transparent bg-agg-secondary-hover font-agg-normal text-agg-foreground hover:bg-agg-tertiary"
+      ),
+      onClick,
+      children: label
+    }
+  );
+};
+var SportsMarketsLoadingState = () => {
+  const labels = useLabels7();
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      className: "flex flex-col gap-3",
+      role: "status",
+      "aria-label": labels.eventMarketPage.sports.loadingTitle,
+      children: [
+        /* @__PURE__ */ jsx6("span", { className: "sr-only", children: labels.eventMarketPage.sports.loadingDescription }),
+        Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs5(
+          "div",
+          {
+            className: "flex min-h-[76px] animate-pulse flex-col gap-3 rounded-agg-2xl border border-agg-separator bg-agg-secondary px-5 py-3 sm:flex-row sm:items-center sm:justify-between",
+            children: [
+              /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx6("div", { className: "h-5 w-32 rounded-agg-sm bg-agg-secondary-hover" }),
+                /* @__PURE__ */ jsx6("div", { className: "h-4 w-40 rounded-agg-sm bg-agg-secondary-hover" })
+              ] }),
+              /* @__PURE__ */ jsxs5("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsx6("div", { className: "h-9 w-32 rounded-agg-full bg-agg-secondary-hover" }),
+                /* @__PURE__ */ jsx6("div", { className: "hidden h-9 w-32 rounded-agg-full bg-agg-secondary-hover sm:block" })
+              ] })
+            ]
+          },
+          `sports-card-skeleton-${index}`
+        ))
+      ]
+    }
+  );
+};
+var SportsMarkets = ({
+  event,
+  onSectionMarketsChange,
+  onOutcomeSelect,
+  live,
+  midpointsResult
+}) => {
+  var _a, _b;
+  const labels = useLabels7();
+  const tradingContext = useEventTradingContext2();
+  const hasAggKey = Boolean(event.aggKey);
+  const gameMarketsQuery = useVenueMarkets({
+    aggKey: event.aggKey ? [event.aggKey] : void 0,
+    limit: 100,
+    status: MarketStatus2.open,
+    enabled: hasAggKey
+  });
+  const {
+    markets: gameMarkets,
+    hasNextPage: hasNextGameMarketsPage,
+    isFetchingNextPage: isFetchingNextGameMarketsPage,
+    fetchNextPage: fetchNextGameMarketsPage
+  } = gameMarketsQuery;
+  const tabSourceMarkets = useMemo3(() => {
+    const seen = /* @__PURE__ */ new Set();
+    const merged = [];
+    for (const market of [...event.venueMarkets, ...gameMarkets]) {
+      if (seen.has(market.id)) continue;
+      seen.add(market.id);
+      merged.push(market);
+    }
+    return merged;
+  }, [event.venueMarkets, gameMarkets]);
+  const visibleTabs = useMemo3(
+    () => resolveVisibleSportsSectionTabs(__spreadProps(__spreadValues({}, event), { venueMarkets: tabSourceMarkets })),
+    [event, tabSourceMarkets]
+  );
+  const shouldRenderTabs = visibleTabs.length > 1 && tabSourceMarkets.length > 1;
+  const [activeTabKey, setActiveTabKey] = useState5((_b = (_a = visibleTabs[0]) == null ? void 0 : _a.key) != null ? _b : "game_lines");
+  const activeTab = useMemo3(
+    () => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = visibleTabs.find((tab) => tab.key === activeTabKey)) != null ? _a2 : visibleTabs[0]) != null ? _b2 : { key: "game_lines", kind: "game_lines" };
+    },
+    [visibleTabs, activeTabKey]
+  );
+  const [expandedGroupId, setExpandedGroupId] = useState5(null);
+  const [stableMarketsByTab, setStableMarketsByTab] = useState5({});
+  const activeTabLabel = resolveSportsSectionLabel(labels, activeTab);
+  const sectionFilters = resolveSportsSectionFilters(activeTab);
+  const sectionMarketsQuery = useVenueMarkets({
+    aggKey: event.aggKey ? [event.aggKey] : void 0,
+    sportsMarketType: sectionFilters.sportsMarketType,
+    period: sectionFilters.period,
+    marketCategory: sectionFilters.marketCategory,
+    marketGroup: sectionFilters.marketGroup,
+    // The per-tab section fetch paginates; a large page (schema max) collapses a
+    // heavy tab (e.g. "Other" spans other/team_props/player_props/specials/
+    // completion — hundreds of markets on prop-rich events) from ~15 calls to 1-3.
+    limit: 100,
+    status: MarketStatus2.open,
+    enabled: hasAggKey
+  });
+  const {
+    markets: sectionMarkets,
+    isLoading: isSectionLoading,
+    hasNextPage,
+    isFetchingNextPage,
+    fetchNextPage
+  } = sectionMarketsQuery;
+  const resolvedSectionMarkets = useMemo3(
+    () => resolveSportsSectionMarkets({
+      tab: activeTab,
+      eventMarkets: tabSourceMarkets,
+      sectionMarkets,
+      sport: event.sport
+    }),
+    [activeTab, tabSourceMarkets, sectionMarkets, event.sport]
+  );
+  const isSectionSettled = !isSectionLoading && !hasNextPage && !isFetchingNextPage;
+  const stableSectionMarkets = stableMarketsByTab[activeTabKey];
+  const displayedSectionMarkets = useMemo3(
+    () => stableSectionMarkets != null ? stableSectionMarkets : isSectionSettled ? resolvedSectionMarkets : [],
+    [stableSectionMarkets, isSectionSettled, resolvedSectionMarkets]
+  );
+  const periodGroups = useMemo3(
+    () => groupSportsMarketsByPeriod(displayedSectionMarkets, event.sport),
+    [displayedSectionMarkets, event.sport]
+  );
+  const allGroups = useMemo3(
+    () => periodGroups.flatMap((periodGroup) => periodGroup.groups),
+    [periodGroups]
+  );
+  useEffect4(() => {
+    if (hasNextPage && !isFetchingNextPage) {
+      void fetchNextPage();
+    }
+  }, [hasNextPage, isFetchingNextPage, fetchNextPage]);
+  useEffect4(() => {
+    if (hasNextGameMarketsPage && !isFetchingNextGameMarketsPage) {
+      void fetchNextGameMarketsPage();
+    }
+  }, [hasNextGameMarketsPage, isFetchingNextGameMarketsPage, fetchNextGameMarketsPage]);
+  useEffect4(() => {
+    if (!isSectionSettled) return;
+    setStableMarketsByTab((currentStableMarketsByTab) => {
+      var _a2;
+      const currentMarkets = (_a2 = currentStableMarketsByTab[activeTabKey]) != null ? _a2 : [];
+      if (currentMarkets.length === resolvedSectionMarkets.length && currentMarkets.every((market, index) => {
+        var _a3;
+        return market.id === ((_a3 = resolvedSectionMarkets[index]) == null ? void 0 : _a3.id);
+      })) {
+        return currentStableMarketsByTab;
+      }
+      return __spreadProps(__spreadValues({}, currentStableMarketsByTab), {
+        [activeTabKey]: resolvedSectionMarkets
+      });
+    });
+  }, [activeTabKey, isSectionSettled, resolvedSectionMarkets]);
+  useEffect4(() => {
+    if (!hasAggKey) return;
+    onSectionMarketsChange(activeTabKey, displayedSectionMarkets);
+  }, [activeTabKey, displayedSectionMarkets, hasAggKey, onSectionMarketsChange]);
+  useEffect4(() => {
+    var _a2, _b2;
+    if (visibleTabs.some((tab) => tab.key === activeTabKey)) return;
+    setActiveTabKey((_b2 = (_a2 = visibleTabs[0]) == null ? void 0 : _a2.key) != null ? _b2 : "game_lines");
+  }, [activeTabKey, visibleTabs]);
+  const lastActiveTabRef = useRef3(null);
+  useEffect4(() => {
+    if (allGroups.length === 0) return;
+    if (lastActiveTabRef.current !== activeTabKey) {
+      lastActiveTabRef.current = activeTabKey;
+      setExpandedGroupId(null);
+      return;
+    }
+    if (expandedGroupId && !allGroups.some((group) => group.id === expandedGroupId)) {
+      setExpandedGroupId(null);
+    }
+  }, [activeTabKey, allGroups, expandedGroupId]);
+  const handleToggleGroup = (groupId, market) => {
+    if (groupId === expandedGroupId) {
+      setExpandedGroupId(null);
+      return;
+    }
+    setExpandedGroupId(groupId);
+    if (resolveMarketTradingState2(market).isTradingDisabled) return;
+    if (market.id !== (tradingContext == null ? void 0 : tradingContext.selectedMarketId)) {
+      tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
+    }
+  };
+  const handleGroupOutcomeSelect = (groupId) => {
+    setExpandedGroupId(groupId);
+    onOutcomeSelect == null ? void 0 : onOutcomeSelect();
+  };
+  if (!hasAggKey && event.venueMarkets.length === 0) {
+    return /* @__PURE__ */ jsx6(
+      StateMessage,
+      {
+        title: labels.eventMarketPage.sports.emptyTitle,
+        description: labels.eventMarketPage.unavailableDescription,
+        icon: /* @__PURE__ */ jsx6(Icon, { name: "warning", className: "h-10 w-10 text-agg-warning" }),
+        classNames: { root: "min-h-[220px]" }
+      }
+    );
+  }
+  const shouldShowLoadingState = stableSectionMarkets == null && !isSectionSettled;
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3", "data-testid": "sports-markets", children: [
+    shouldRenderTabs ? /* @__PURE__ */ jsx6(
+      "div",
+      {
+        role: "tablist",
+        "aria-label": labels.eventMarketPage.sports.sectionTabsAria,
+        className: "flex flex-nowrap items-center gap-2 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        children: visibleTabs.map((tab) => /* @__PURE__ */ jsx6(
+          SportsTabButton,
+          {
+            isActive: tab.key === activeTabKey,
+            label: resolveSportsSectionLabel(labels, tab),
+            onClick: () => setActiveTabKey(tab.key)
+          },
+          tab.key
+        ))
+      }
+    ) : null,
+    shouldShowLoadingState ? /* @__PURE__ */ jsx6(SportsMarketsLoadingState, {}) : null,
+    !shouldShowLoadingState && allGroups.length === 0 ? /* @__PURE__ */ jsx6(
+      StateMessage,
+      {
+        title: labels.eventMarketPage.sports.emptyTitle,
+        description: labels.eventMarketPage.sports.emptyDescription(activeTabLabel),
+        icon: /* @__PURE__ */ jsx6(Icon, { name: "search", className: "h-10 w-10 text-agg-muted-foreground" }),
+        classNames: { root: "min-h-[220px]" }
+      }
+    ) : null,
+    periodGroups.map((periodGroup) => {
+      return /* @__PURE__ */ jsxs5(
+        "section",
+        {
+          className: "flex flex-col gap-3",
+          "data-period-key": periodGroup.key,
+          children: [
+            periodGroups.length > 1 ? /* @__PURE__ */ jsx6(
+              "h3",
+              {
+                "data-testid": "sports-period-heading",
+                className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-muted-foreground",
+                children: resolveSportsPeriodLabel(labels, periodGroup.key)
+              }
+            ) : null,
+            periodGroup.groups.map((group) => /* @__PURE__ */ jsx6(
+              SportsMarketCard,
+              {
+                group,
+                venueMarkets: displayedSectionMarkets,
+                isExpanded: expandedGroupId === group.id,
+                onToggle: handleToggleGroup,
+                onOutcomeSelect: (_groupId, _selection) => handleGroupOutcomeSelect(group.id),
+                live,
+                midpointsResult
+              },
+              group.id
+            ))
+          ]
+        },
+        `${activeTabKey}-${periodGroup.key}`
+      );
+    })
+  ] });
+};
+SportsMarkets.displayName = "SportsMarkets";
+
+// src/pages/event-market/sports-event-market-page.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var areSportsSectionMarketsEqual = (leftMarkets, rightMarkets) => {
+  if (leftMarkets.length !== rightMarkets.length) return false;
+  return leftMarkets.every((market, index) => {
+    var _a;
+    return market.id === ((_a = rightMarkets[index]) == null ? void 0 : _a.id);
+  });
+};
+var SportsEventMarketPage = ({
+  event,
+  defaultMarketId,
+  defaultOutcomeId,
+  defaultTradeSide,
+  defaultChartView,
+  classNames,
+  ariaLabel,
+  showPlaceOrder,
+  executionMode,
+  stickyOrderPanel,
+  resolvedClaim,
+  onBeforePrimaryAction,
+  sharedKyc
+}) => {
+  const [sectionMarketsByKey, setSectionMarketsByKey] = useState6({});
+  const composedEvent = useMemo4(() => {
+    return mergeSportsSectionMarketsIntoEvent({
+      event,
+      sectionMarketsByKey
+    });
+  }, [event, sectionMarketsByKey]);
+  const eventTradingState = useMemo4(() => resolveEventTradingState2(composedEvent), [composedEvent]);
+  const hasSportsSections = useMemo4(
+    () => resolveVisibleSportsSectionTabs(event).length > 0,
+    [event]
+  );
+  const stickyOrderPanelState = resolveEventMarketPageStickyState({
+    stickyOrderPanel
+  });
+  const { executionMode: resolvedExecutionMode } = useResolvedExecutionMode(executionMode);
+  const [isMobileTradeOpen, setIsMobileTradeOpen] = useState6(false);
+  const isMobileViewport = useIsMobileEventMarketViewport(SPORTS_EVENT_MARKET_MEDIA_QUERY);
+  const tradingContext = useEventTradingContext3();
+  const { stateByEventId: sportsLiveStateByEventId } = useSportsLive([event.id]);
+  const midpointsResult = useMidpoints(composedEvent.venueMarkets);
+  const internalResolvedClaim = useResolvedMarketClaim({
+    market: eventTradingState.primaryMarket,
+    enabled: eventTradingState.kind === "resolved",
+    executionMode: resolvedExecutionMode
+  });
+  const effectiveResolvedClaim = resolvedClaim != null ? resolvedClaim : internalResolvedClaim;
+  const setTradeSideRef = useRef4(tradingContext == null ? void 0 : tradingContext.setTradeSide);
+  setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
+  useEffect5(() => {
+    return () => {
+      var _a;
+      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, TradeSide.Buy);
+    };
+  }, []);
+  const handleSectionMarketsChange = useCallback4(
+    (tabKey, markets) => {
+      setSectionMarketsByKey((currentSectionMarketsByKey) => {
+        var _a;
+        const currentMarkets = (_a = currentSectionMarketsByKey[tabKey]) != null ? _a : [];
+        if (areSportsSectionMarketsEqual(currentMarkets, markets)) {
+          return currentSectionMarketsByKey;
+        }
+        return __spreadProps(__spreadValues({}, currentSectionMarketsByKey), {
+          [tabKey]: markets
+        });
+      });
+    },
+    []
+  );
+  if (!composedEvent.venueMarkets.length) {
+    return /* @__PURE__ */ jsx7(EventMarketPageUnavailableState, { ariaLabel });
+  }
+  return /* @__PURE__ */ jsxs6(
+    "section",
+    {
+      className: cn(
+        "agg-event-market-page",
+        "mx-auto w-full max-w-[1440px] px-4 pb-10 pt-4 sm:px-6 sm:pt-6 xl:px-9 xl:pt-8",
+        classNames == null ? void 0 : classNames.root
+      ),
+      "aria-label": ariaLabel != null ? ariaLabel : composedEvent.title,
+      children: [
+        /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            className: cn(
+              "agg-page-content",
+              "flex w-full flex-col gap-6 xl:flex-row xl:items-start xl:gap-[60px]",
+              stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.contentClassName,
+              classNames == null ? void 0 : classNames.content
+            ),
+            style: stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.style,
+            children: [
+              /* @__PURE__ */ jsxs6(
+                "div",
+                {
+                  className: cn(
+                    "agg-page-main mb-10 flex min-w-0 flex-1 flex-col gap-10",
+                    stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.mainClassName,
+                    classNames == null ? void 0 : classNames.main
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx7(
+                      EventListItemDetails,
+                      {
+                        event: composedEvent,
+                        defaultMarketId,
+                        defaultOutcomeId,
+                        defaultTradeSide,
+                        defaultChartView,
+                        eventTradingState,
+                        midpointsResult,
+                        sportsLiveState: sportsLiveStateByEventId.get(event.id),
+                        classNames: {
+                          root: cn("agg-event-hero", classNames == null ? void 0 : classNames.hero),
+                          // The sports tabs + market cards own market navigation, so hide the
+                          // hero's per-market selector pills (one per line market would be noise).
+                          headerPills: "hidden"
+                        }
+                      }
+                    ),
+                    hasSportsSections ? /* @__PURE__ */ jsx7(
+                      SportsMarkets,
+                      {
+                        event,
+                        onSectionMarketsChange: handleSectionMarketsChange,
+                        midpointsResult,
+                        onOutcomeSelect: isMobileViewport ? () => {
+                          setIsMobileTradeOpen(true);
+                        } : void 0
+                      }
+                    ) : /* @__PURE__ */ jsx7(
+                      MarketDetailsList,
+                      {
+                        eventId: composedEvent.id,
+                        markets: eventTradingState.displayMarkets,
+                        eventTradingState,
+                        live: true,
+                        expandSelectedMarketOnChange: !isMobileViewport,
+                        autoExpandFallbackMarket: !isMobileViewport,
+                        autoSelectFallbackMarket: !isMobileViewport,
+                        onOutcomeSelect: () => {
+                          if (!isMobileViewport) return;
+                          setIsMobileTradeOpen(true);
+                        },
+                        classNames: { root: "agg-market-list", item: "agg-market-list-item" },
+                        midpointsResult
+                      }
+                    ),
+                    showPlaceOrder !== false && eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx7("div", { className: "xl:hidden", children: /* @__PURE__ */ jsx7(
+                      PlaceOrder,
+                      {
+                        eventTradingState,
+                        executionMode: resolvedExecutionMode,
+                        resolvedClaim: effectiveResolvedClaim,
+                        midpointsResult,
+                        onBeforePrimaryAction,
+                        sharedKyc,
+                        className: cn(
+                          "agg-mobile-trade-panel w-full overflow-hidden",
+                          classNames == null ? void 0 : classNames.mobileTrade
+                        ),
+                        classNames: resolveMobileTradePlaceOrderClassNames(classNames)
+                      }
+                    ) }) : null,
+                    /* @__PURE__ */ jsx7(SettlementDetails, { eventId: event.id, className: classNames == null ? void 0 : classNames.settlement })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                "aside",
+                {
+                  className: cn(
+                    "agg-sidebar hidden w-full xl:block xl:max-w-[343px] xl:shrink-0",
+                    stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.sidebarClassName,
+                    classNames == null ? void 0 : classNames.sidebar
+                  ),
+                  children: showPlaceOrder !== false ? /* @__PURE__ */ jsx7(
+                    PlaceOrder,
+                    {
+                      eventTradingState,
+                      executionMode: resolvedExecutionMode,
+                      resolvedClaim: effectiveResolvedClaim,
+                      midpointsResult,
+                      onBeforePrimaryAction,
+                      sharedKyc,
+                      className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
+                      classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
+                    }
+                  ) : null
+                }
+              )
+            ]
+          }
+        ),
+        !eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx7(
+          EventMarketPageMobileTrade,
+          {
+            classNames,
+            eventTradingState,
+            executionMode: resolvedExecutionMode,
+            showPlaceOrder,
+            isOpen: isMobileTradeOpen,
+            onOpenChange: setIsMobileTradeOpen,
+            midpointsResult,
+            onBeforePrimaryAction,
+            sharedKyc
+          }
+        ) : null
+      ]
+    }
+  );
+};
+SportsEventMarketPage.displayName = "SportsEventMarketPage";
+
+// src/pages/event-market/index.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var CLOCK_INTERVAL_MS = 1e3;
+var formatRecurringCountdown = (remainingMs) => {
+  if (!Number.isFinite(remainingMs) || remainingMs <= 0) return null;
+  const totalSeconds = Math.ceil(remainingMs / 1e3);
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  const minuteSecondLabel = `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+  return hours > 0 ? `${hours}:${minuteSecondLabel}` : minuteSecondLabel;
+};
+var useCurrentTimestamp = (enabled) => {
+  const [currentTimestamp, setCurrentTimestamp] = useState7(null);
+  useEffect6(() => {
+    if (!enabled) {
+      setCurrentTimestamp(null);
+      return;
+    }
+    const updateCurrentTimestamp = () => {
+      setCurrentTimestamp(Date.now());
+    };
+    updateCurrentTimestamp();
+    const intervalId = window.setInterval(updateCurrentTimestamp, CLOCK_INTERVAL_MS);
+    document.addEventListener("visibilitychange", updateCurrentTimestamp);
+    return () => {
+      window.clearInterval(intervalId);
+      document.removeEventListener("visibilitychange", updateCurrentTimestamp);
+    };
+  }, [enabled]);
+  return currentTimestamp;
+};
+var EventMarketPageContent = ({
+  event,
+  defaultMarketId,
+  defaultOutcomeId,
+  defaultTradeSide,
+  defaultChartView,
+  classNames,
+  ariaLabel,
+  showPlaceOrder,
+  executionMode,
+  stickyOrderPanel,
+  resolvedClaim,
+  onBeforePrimaryAction,
+  sharedKyc,
+  onRecurringMarketNavigate
+}) => {
+  var _a;
+  const eventTradingState = useMemo5(() => resolveEventTradingState3(event), [event]);
+  const stickyOrderPanelState = resolveEventMarketPageStickyState({
+    stickyOrderPanel
+  });
+  const { executionMode: resolvedExecutionMode } = useResolvedExecutionMode2(executionMode);
+  const [isMobileTradeOpen, setIsMobileTradeOpen] = useState7(false);
+  const isMobileViewport = useIsMobileEventMarketViewport();
+  const tradingContext = useEventTradingContext4();
+  const labels = useLabels8();
+  const recurringQuery = useRecurringCryptoMarkets({ event });
+  const currentTimestamp = useCurrentTimestamp(recurringQuery.isRecurringCryptoMarket);
+  const recurringTimeline = useMemo5(
+    () => currentTimestamp == null ? null : resolveRecurringCryptoTimeline(recurringQuery.windows, event, currentTimestamp),
+    [currentTimestamp, event, recurringQuery.windows]
+  );
+  const isRecurringCryptoMarket = (recurringTimeline == null ? void 0 : recurringTimeline.viewed) != null;
+  const recurringViewedEndTimestamp = (recurringTimeline == null ? void 0 : recurringTimeline.viewed) ? Date.parse(recurringTimeline.viewed.windowEnd) : Number.NaN;
+  const hasViewedMarketEnded = currentTimestamp != null && Number.isFinite(recurringViewedEndTimestamp) && currentTimestamp >= recurringViewedEndTimestamp;
+  const isRecurringResolvingMarket = recurringQuery.isRecurringCryptoMarket && eventTradingState.kind === "closed";
+  const lastBoundaryRefetchRef = useRef5(null);
+  useEffect6(() => {
+    lastBoundaryRefetchRef.current = null;
+  }, [event.id]);
+  useEffect6(() => {
+    if (!isRecurringCryptoMarket || !hasViewedMarketEnded || !(recurringTimeline == null ? void 0 : recurringTimeline.viewed)) return;
+    const refetchKey = `${event.id}:${recurringTimeline.viewed.windowEnd}`;
+    if (lastBoundaryRefetchRef.current === refetchKey) return;
+    lastBoundaryRefetchRef.current = refetchKey;
+    void recurringQuery.refetch();
+  }, [
+    event.id,
+    hasViewedMarketEnded,
+    isRecurringCryptoMarket,
+    recurringQuery,
+    recurringTimeline == null ? void 0 : recurringTimeline.viewed
+  ]);
+  const handleRecurringMarketSelect = useCallback5(
+    (eventId) => {
+      if (!onRecurringMarketNavigate || eventId === event.id) return;
+      onRecurringMarketNavigate(eventId, { replace: false });
+    },
+    [event.id, onRecurringMarketNavigate]
+  );
+  const handleGoToLive = useCallback5(() => {
+    var _a2;
+    const liveEventId = (_a2 = recurringTimeline == null ? void 0 : recurringTimeline.live) == null ? void 0 : _a2.venueEventId;
+    if (!onRecurringMarketNavigate || !liveEventId || liveEventId === event.id) return;
+    onRecurringMarketNavigate(liveEventId, { replace: false });
+  }, [event.id, onRecurringMarketNavigate, (_a = recurringTimeline == null ? void 0 : recurringTimeline.live) == null ? void 0 : _a.venueEventId]);
+  const recurringMarketsPresentation = useMemo5(() => {
+    var _a2, _b;
+    if (!isRecurringCryptoMarket || !(recurringTimeline == null ? void 0 : recurringTimeline.viewed)) return void 0;
+    const toOption = (market) => {
+      var _a3;
+      return {
+        value: market.venueEventId,
+        label: (_a3 = formatRecurringMarketPillTimeEt(market.windowStart)) != null ? _a3 : market.windowStart
+      };
+    };
+    const countdownLabel = ((_a2 = recurringTimeline.live) == null ? void 0 : _a2.venueEventId) === event.id ? formatRecurringCountdown(recurringViewedEndTimestamp - currentTimestamp) : null;
+    return {
+      visibleOptions: recurringTimeline.visible.map(toOption),
+      browseOptions: recurringTimeline.all.map(toOption),
+      selectedValue: event.id,
+      liveValue: (_b = recurringTimeline.live) == null ? void 0 : _b.venueEventId,
+      duration: recurringTimeline.viewed.duration,
+      windowLabel: formatRecurringMarketWindowTimeEt(
+        recurringTimeline.viewed.windowStart,
+        recurringTimeline.viewed.windowEnd
+      ),
+      countdownLabel,
+      countdownAriaLabel: countdownLabel ? labels.eventMarketPage.recurringCountdownAria(countdownLabel) : null,
+      isResolving: hasViewedMarketEnded,
+      canGoToLive: recurringTimeline.live != null && recurringTimeline.live.venueEventId !== event.id,
+      onSelect: handleRecurringMarketSelect,
+      onGoToLive: handleGoToLive
+    };
+  }, [
+    currentTimestamp,
+    event.id,
+    handleGoToLive,
+    handleRecurringMarketSelect,
+    hasViewedMarketEnded,
+    isRecurringCryptoMarket,
+    labels.eventMarketPage,
+    recurringTimeline,
+    recurringViewedEndTimestamp
+  ]);
+  const eventDetailVenueMarkets = useMemo5(
+    () => normalizeVenueMarketCluster(event.venueMarkets),
+    [event.venueMarkets]
+  );
+  const eventDetailVenueMarketIds = useMemo5(
+    () => eventDetailVenueMarkets.map((venueMarket) => venueMarket.id),
+    [eventDetailVenueMarkets]
+  );
+  const midpointsResult = useMidpoints2(
+    recurringQuery.isRecurringCryptoMarket && eventTradingState.kind !== "open" ? [] : eventDetailVenueMarkets
+  );
+  const internalResolvedClaim = useResolvedMarketClaim({
+    market: eventTradingState.primaryMarket,
+    enabled: eventTradingState.kind === "resolved",
+    executionMode: resolvedExecutionMode
+  });
+  const effectiveResolvedClaim = resolvedClaim != null ? resolvedClaim : internalResolvedClaim;
+  const setTradeSideRef = useRef5(tradingContext == null ? void 0 : tradingContext.setTradeSide);
+  setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
+  useEffect6(() => {
+    return () => {
+      var _a2;
+      (_a2 = setTradeSideRef.current) == null ? void 0 : _a2.call(setTradeSideRef, TradeSide2.Buy);
+    };
+  }, []);
+  if (!event.venueMarkets.length) {
+    return /* @__PURE__ */ jsx8(EventMarketPageUnavailableState, { ariaLabel });
+  }
+  return /* @__PURE__ */ jsxs7(
+    "section",
+    {
+      className: cn(
+        "agg-event-market-page",
+        "w-full mx-auto max-w-[1440px] px-6 lg:px-10 pb-10",
+        classNames == null ? void 0 : classNames.root
+      ),
+      "aria-label": ariaLabel != null ? ariaLabel : event.title,
+      children: [
+        /* @__PURE__ */ jsxs7(
+          "div",
+          {
+            className: cn(
+              "agg-page-content",
+              "flex w-full flex-col gap-6 lg:flex-row lg:items-start lg:gap-8",
+              stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.contentClassName,
+              classNames == null ? void 0 : classNames.content
+            ),
+            style: stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.style,
+            children: [
+              /* @__PURE__ */ jsxs7(
+                "div",
+                {
+                  className: cn(
+                    "agg-page-main flex min-w-0 flex-1 flex-col gap-6 mb-10",
+                    stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.mainClassName,
+                    classNames == null ? void 0 : classNames.main
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx8(
+                      EventListItemDetails,
+                      {
+                        event,
+                        defaultMarketId,
+                        defaultOutcomeId,
+                        defaultTradeSide,
+                        defaultChartView,
+                        eventTradingState,
+                        midpointsResult,
+                        recurringMarkets: recurringMarketsPresentation,
+                        classNames: {
+                          root: cn("agg-event-hero", classNames == null ? void 0 : classNames.hero)
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx8(
+                      EventOpenOrders,
+                      __spreadValues({
+                        venueMarketIds: eventDetailVenueMarketIds,
+                        executionMode: resolvedExecutionMode
+                      }, (classNames == null ? void 0 : classNames.openOrders) ? { className: classNames.openOrders } : {})
+                    ),
+                    /* @__PURE__ */ jsx8(
+                      MarketDetailsList,
+                      {
+                        eventId: event.id,
+                        markets: eventTradingState.displayMarkets,
+                        eventTradingState,
+                        live: true,
+                        showResolvingState: isRecurringResolvingMarket,
+                        expandSelectedMarketOnChange: !isMobileViewport,
+                        autoExpandFallbackMarket: !isMobileViewport,
+                        autoSelectFallbackMarket: !isMobileViewport,
+                        onOutcomeSelect: () => {
+                          if (!isMobileViewport) return;
+                          setIsMobileTradeOpen(true);
+                        },
+                        classNames: { root: "agg-market-list", item: "agg-market-list-item" },
+                        midpointsResult
+                      }
+                    ),
+                    showPlaceOrder !== false && eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx8("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx8(
+                      PlaceOrder,
+                      {
+                        eventTradingState,
+                        executionMode: resolvedExecutionMode,
+                        isQuotePanelActive: isMobileViewport,
+                        resolvedClaim: effectiveResolvedClaim,
+                        showResolvingState: isRecurringResolvingMarket,
+                        midpointsResult,
+                        onBeforePrimaryAction,
+                        sharedKyc,
+                        className: cn(
+                          "agg-mobile-trade-panel w-full overflow-hidden",
+                          classNames == null ? void 0 : classNames.mobileTrade
+                        ),
+                        classNames: resolveMobileTradePlaceOrderClassNames(classNames)
+                      }
+                    ) }) : null,
+                    /* @__PURE__ */ jsx8(SettlementDetails, { eventId: event.id, className: classNames == null ? void 0 : classNames.settlement })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx8(
+                "aside",
+                {
+                  className: cn(
+                    "agg-sidebar hidden w-full lg:block lg:max-w-[342px] lg:shrink-0",
+                    stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.sidebarClassName,
+                    classNames == null ? void 0 : classNames.sidebar
+                  ),
+                  children: showPlaceOrder !== false ? /* @__PURE__ */ jsx8(
+                    PlaceOrder,
+                    {
+                      eventTradingState,
+                      executionMode: resolvedExecutionMode,
+                      isQuotePanelActive: !isMobileViewport,
+                      resolvedClaim: effectiveResolvedClaim,
+                      showResolvingState: isRecurringResolvingMarket,
+                      midpointsResult,
+                      onBeforePrimaryAction,
+                      sharedKyc,
+                      className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
+                      classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
+                    }
+                  ) : null
+                }
+              )
+            ]
+          }
+        ),
+        !eventTradingState.isTradingDisabled ? /* @__PURE__ */ jsx8(
+          EventMarketPageMobileTrade,
+          {
+            classNames,
+            eventTradingState,
+            executionMode: resolvedExecutionMode,
+            showPlaceOrder,
+            isOpen: isMobileTradeOpen,
+            onOpenChange: setIsMobileTradeOpen,
+            midpointsResult,
+            onBeforePrimaryAction,
+            sharedKyc
+          }
+        ) : null
+      ]
+    }
+  );
+};
+var EventMarketPage = (props) => {
+  var _a;
+  const {
+    features: { showSportsMarkets }
+  } = useSdkUiConfig3();
+  const labels = useLabels8();
+  const hasEventProp = "event" in props && !!props.event;
+  const {
+    event: fetchedEvent,
+    error: eventError,
+    isLoading: isFetchingEvent,
+    isEnriching,
+    hasMoreMarkets,
+    loadMoreMarkets,
+    isLoadingMoreMarkets
+  } = useEnrichedVenueEvent({
+    progressive: props.progressiveMarkets,
+    eventId: hasEventProp ? "" : (_a = props.eventId) != null ? _a : "",
+    enabled: !props.isLoading && !hasEventProp && !!props.eventId
+  });
+  const renderEventContent = (event) => {
+    const contentProps = __spreadProps(__spreadValues({}, props), {
+      event,
+      isLoading: false
+    });
+    const hasKnownSport = !!event.sport && event.sport !== "other_sport";
+    if (showSportsMarkets === true && event.structureType === "sport" && hasKnownSport) {
+      return /* @__PURE__ */ jsx8(SportsEventMarketPage, __spreadValues({}, contentProps));
+    }
+    return /* @__PURE__ */ jsx8(EventMarketPageContent, __spreadValues({}, contentProps));
+  };
+  const content = (() => {
+    if (props.isLoading) {
+      return /* @__PURE__ */ jsx8(
+        EventMarketPageLoadingState,
+        {
+          classNames: props.classNames,
+          stickyOrderPanel: props.stickyOrderPanel
+        }
+      );
+    }
+    if ("event" in props && props.event) {
+      return renderEventContent(props.event);
+    }
+    if (isFetchingEvent || fetchedEvent && !fetchedEvent.venueMarkets.length && isEnriching) {
+      return /* @__PURE__ */ jsx8(
+        EventMarketPageLoadingState,
+        {
+          classNames: props.classNames,
+          stickyOrderPanel: props.stickyOrderPanel
+        }
+      );
+    }
+    if (!fetchedEvent) {
+      if (isErrorWithStatus(eventError, 404)) {
+        return /* @__PURE__ */ jsx8(EventMarketPageNotFoundState, { ariaLabel: props.ariaLabel });
+      }
+      return /* @__PURE__ */ jsx8(EventMarketPageUnavailableState, { ariaLabel: props.ariaLabel });
+    }
+    return renderEventContent(fetchedEvent);
+  })();
+  return /* @__PURE__ */ jsxs7(AggErrorBoundary, { onError: props.onError, children: [
+    content,
+    props.progressiveMarkets && !hasEventProp && hasMoreMarkets ? /* @__PURE__ */ jsx8("div", { className: "mx-auto flex max-w-[1440px] justify-center px-6 pb-8", children: /* @__PURE__ */ jsx8(
+      Button,
+      {
+        disabled: isLoadingMoreMarkets,
+        onClick: () => {
+          void (loadMoreMarkets == null ? void 0 : loadMoreMarkets());
+        },
+        children: isLoadingMoreMarkets ? labels.eventMarketPage.loadingMoreMarkets : labels.eventMarketPage.loadMoreMarkets
+      }
+    ) }) : null
+  ] });
+};
+EventMarketPage.displayName = "EventMarketPage";
+
+export {
+  OpenOrderRow,
+  useOpenOrderCancellation,
+  parseRawMicroValue,
+  formatScaledNumberTwoDecimals,
+  formatFilledUsdTwoDecimals,
+  OPEN_ORDER_QUERY_STATUSES,
+  isOpenOrderStatus,
+  selectOpenLimitOrders,
+  buildOpenOrderCurrentPriceLabels,
+  OPEN_ORDER_FALLBACK_THUMBNAIL_SRC,
+  mapExecutionOrderToOpenOrder,
+  useEventOpenOrders,
+  EventOpenOrdersCard,
+  EventOpenOrders,
+  formatRecurringCountdown,
+  EventMarketPage
+};