@agg-build/ui 2.1.5 → 2.2.2

package/dist/{chunk-BW7S2YR3.mjs → chunk-JOZPXDNZ.mjs}

@@ -8,11 +8,11 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   resolveOrderEligibilityMessage
-} from "./chunk-R2YNZJZ3.mjs";
+} from "./chunk-LPIAEKSZ.mjs";
 import {
   GeoBlockBanner,
   subscribeAggDepositNotification
-} from "./chunk-T4YZGAYS.mjs";
+} from "./chunk-4QGZ3FWI.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -41,9 +41,10 @@ import {
   formatSportsEventTimeEt,
   formatUsd,
   getMotionClassName,
+  resolveResolvedOutcomeLabel,
   skeletonViews,
   useOptionalToast
-} from "./chunk-VP76G6PN.mjs";
+} from "./chunk-UTXQUOU3.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -106,6 +107,7 @@ import {
   useLiveBestPrices,
   useLiveOutcomePrices,
   useManagedBalances,
+  useMidpoints,
   useQueryClient,
   useSdkUiConfig,
   useSmartRoute
@@ -1119,7 +1121,7 @@ var mapVenueMarketOutcomesToPlaceOrderOutcomes = (venueMarketOutcomes) => {
       label: outcome.label,
       title: (_a = outcome.title) != null ? _a : null,
       price: outcome.price,
-      priceLabel: getTradingPriceLabel(outcome.price)
+      priceLabel: outcome.price != null ? getTradingPriceLabel(outcome.price) : ""
     };
   });
 };
@@ -2784,7 +2786,7 @@ var PlaceOrderResolvedView = ({
   className,
   isSportsEvent = false
 }) => {
-  var _a;
+  var _a, _b;
   const labels = useLabels();
   const tradingLabels = labels.trading;
   const resolvingTimestamp = (_a = resolutionTimestamp != null ? resolutionTimestamp : tradingState.resolvesAt) != null ? _a : tradingState.endsAt;
@@ -2862,7 +2864,16 @@ var PlaceOrderResolvedView = ({
               ),
               children: [
                 tradingState.market ? /* @__PURE__ */ jsx5(Typography, { variant: "body", className: "text-center", children: tradingState.market.question }) : null,
-                tradingState.winningOutcome ? /* @__PURE__ */ jsx5(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(tradingState.winningOutcome.label) }) : null
+                tradingState.winningOutcome ? /* @__PURE__ */ jsx5(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(
+                  shouldUseRawResolvedPlaceOrderOutcomeLabel(
+                    tradingState.market,
+                    tradingState.winningOutcome
+                  ) ? tradingState.winningOutcome.label : (_b = resolveResolvedOutcomeLabel({
+                    market: tradingState.market,
+                    outcome: tradingState.winningOutcome,
+                    allowSportsMoneylineMarketFallback: false
+                  })) != null ? _b : tradingState.winningOutcome.label
+                ) }) : null
               ]
             }
           )
@@ -2924,6 +2935,16 @@ var renderRouteBreakdownRow = (row) => {
     rowKey
   );
 };
+var SIDE_NAMED_MONEYLINE_QUESTION_RE = /\s(?:vs\.?|@|at)\s/i;
+var shouldUseRawResolvedPlaceOrderOutcomeLabel = (market, outcome) => {
+  var _a, _b;
+  if (!market || !outcome) return false;
+  const isSportsMoneylineMarket = (market.sportsMarketType === "moneyline" || market.marketGroup === "game_lines") && (outcome.label.trim().toLowerCase() === "yes" || outcome.label.trim().toLowerCase() === "no");
+  if (!isSportsMoneylineMarket) return false;
+  const marketLabel = ((_b = (_a = market.shortTitle) != null ? _a : market.question) != null ? _b : "").trim();
+  if (!marketLabel) return false;
+  return !SIDE_NAMED_MONEYLINE_QUESTION_RE.test(marketLabel);
+};
 var renderRouteCard = ({
   card,
   enableAnimations,
@@ -3339,16 +3360,10 @@ var PlaceOrder = ({
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
   const wsBestPrices = useLiveBestPrices(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
-  const clusterMidpointResult = midpointsResult != null ? midpointsResult : {
-    prices: /* @__PURE__ */ new Map(),
-    bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
-    venueByOutcomeId: /* @__PURE__ */ new Map(),
-    bestPrices: /* @__PURE__ */ new Map(),
-    bestPriceVenuesByOutcomeId: /* @__PURE__ */ new Map(),
-    isLoading: false,
-    bestMidpoint: void 0,
-    bestMidpointVenue: void 0
-  };
+  const fetchedClusterMidpointResult = useMidpoints(
+    midpointsResult ? [] : scopedSelectedMarket ? [scopedSelectedMarket] : []
+  );
+  const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
   const clusterBestMidpointsByOutcomeId = (_i = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _i : clusterMidpointResult.prices;
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
@@ -4531,11 +4546,11 @@ var PlaceOrder = ({
                 bestPrices: clusterBestPrices,
                 bestMidpoint: clusterBestMidpoint,
                 bestMidpointsByOutcomeId: clusterBestMidpointsByOutcomeId,
-                livePrices,
-                fallbackPrice: outcome.price
+                livePrices
               });
               const isActive = outcome.id === scopedSelectedOutcomeId;
               const isPositive = resolveIsPositiveOutcome(outcome, index);
+              const isPriceLoading = clusterMidpointResult.isLoading && price == null;
               return /* @__PURE__ */ jsxs4(
                 "button",
                 {
@@ -4565,7 +4580,16 @@ var PlaceOrder = ({
                         children: (_c2 = outcome.title) != null ? _c2 : outcome.label
                       }
                     ),
-                    /* @__PURE__ */ jsx5(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
+                    isPriceLoading ? /* @__PURE__ */ jsx5(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: cn(
+                          "agg-place-order-outcome-price-loading",
+                          "h-4 w-10 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
+                        )
+                      }
+                    ) : /* @__PURE__ */ jsx5(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
                   ]
                 },
                 outcome.id
@@ -5168,7 +5192,7 @@ function useResolvedMarketClaim(options = {}) {
   }, executionMode === "paper" ? { mode: "paper" } : {}));
   const claimWinnings = useClaimWinnings();
   return useMemo4(() => {
-    var _a2, _b, _c;
+    var _a2;
     if (!shouldFetch || !marketId) return void 0;
     const group = positions.find(
       (candidate) => candidate.targetMarketId === marketId
@@ -5180,7 +5204,10 @@ function useResolvedMarketClaim(options = {}) {
     if (winningOutcomes.length === 0) return void 0;
     const totals = computeClosedPositionTotals(group);
     const winningShares = winningOutcomes.reduce((sum, outcome) => sum + outcome.totalSize, 0);
-    const winningOutcomeLabel = ((_b = (_a2 = winningOutcomes[0]) == null ? void 0 : _a2.title) == null ? void 0 : _b.trim()) || ((_c = winningOutcomes[0]) == null ? void 0 : _c.label) || "";
+    const winningOutcomeLabel = (_a2 = resolveResolvedOutcomeLabel({
+      market: market != null ? market : group.venueMarket,
+      outcome: winningOutcomes[0]
+    })) != null ? _a2 : "";
     const claimKey = group.targetMarketId;
     const canClaim = group.redeemStatus === "eligible" && totals.winningOutcomeIds.length > 0;
     return {

package/dist/{chunk-R2YNZJZ3.mjs → chunk-LPIAEKSZ.mjs}

@@ -13,11 +13,12 @@ import {
   normalizeProbability,
   normalizeVenueMarketCluster,
   resolveOutcomeTitle,
+  resolveResolvedOutcomeLabel,
   resolveVenueLineColor,
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-VP76G6PN.mjs";
+} from "./chunk-UTXQUOU3.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";
@@ -508,6 +509,79 @@ var isDateLikeLabel = (value) => {
   if (!value.trim()) return false;
   return dayjs2(value).isValid();
 };
+var CHART_RANGE_PRIORITY = ["1H", "6H", "1D", "1W", "1M", "ALL"];
+var RANGE_SECONDS_BY_TIME_RANGE = {
+  "1H": 60 * 60,
+  "6H": 6 * 60 * 60,
+  "1D": 24 * 60 * 60,
+  "1W": 7 * 24 * 60 * 60,
+  "1M": 30 * 24 * 60 * 60,
+  ALL: 6 * 30 * 24 * 60 * 60
+};
+var toUnixTimestamp = (value) => {
+  if (!value) return null;
+  const parsedValue = dayjs2(value);
+  if (!parsedValue.isValid()) return null;
+  return parsedValue.unix();
+};
+var isResolvedMarketStatus = (status) => {
+  if (!status) return false;
+  const normalizedStatus = status.trim().toLowerCase();
+  return normalizedStatus.includes("resolved") || normalizedStatus.includes("closed") || normalizedStatus.includes("settled") || normalizedStatus.includes("final");
+};
+var resolveInitialEventDetailsChartRange = ({
+  chartData,
+  event,
+  fallbackRange,
+  nowSec = dayjs2().unix(),
+  selectedMarket
+}) => {
+  var _a, _b;
+  const scopedMarkets = selectedMarket ? [selectedMarket] : event.venueMarkets;
+  const preferredEventStart = (_a = toUnixTimestamp(event.startDate)) != null ? _a : toUnixTimestamp(event.creationDate);
+  const marketStartCandidates = scopedMarkets.map((market) => {
+    var _a2;
+    return (_a2 = toUnixTimestamp(market.startDate)) != null ? _a2 : toUnixTimestamp(market.creationDate);
+  }).filter((value) => value != null);
+  const metadataStarts = [preferredEventStart, ...marketStartCandidates].filter(
+    (value) => value != null
+  );
+  const metadataEnds = [
+    toUnixTimestamp(event.endDate),
+    ...scopedMarkets.flatMap((market) => [
+      toUnixTimestamp(market.endDate),
+      toUnixTimestamp(market.resolutionDate)
+    ])
+  ].filter((value) => value != null);
+  const historyTimestamps = chartData == null ? [] : Object.values(chartData.venues).flatMap((venueData) => [
+    ...venueData.candles.map((candle) => candle.time),
+    ...venueData.liveCandle ? [venueData.liveCandle.time] : []
+  ]);
+  const startCandidates = [...metadataStarts, ...historyTimestamps];
+  if (startCandidates.length === 0) {
+    return fallbackRange != null ? fallbackRange : null;
+  }
+  const marketResolved = [event.status, ...scopedMarkets.map((market) => market.status)].some(
+    isResolvedMarketStatus
+  );
+  const isUsingSharedOverlapStart = scopedMarkets.length > 1 && marketStartCandidates.length === scopedMarkets.length;
+  const startTs = isUsingSharedOverlapStart ? Math.max(...marketStartCandidates) : Math.min(...startCandidates);
+  const endTs = Math.max(
+    ...marketResolved && metadataEnds.length > 0 ? [nowSec, ...metadataEnds, ...historyTimestamps] : [nowSec, ...historyTimestamps]
+  );
+  const spanSeconds = Math.max(0, endTs - startTs);
+  if (spanSeconds <= 0) {
+    return fallbackRange != null ? fallbackRange : null;
+  }
+  if (!marketResolved && spanSeconds > RANGE_SECONDS_BY_TIME_RANGE["1M"]) {
+    return "1M";
+  }
+  const requiredSeconds = spanSeconds * (isUsingSharedOverlapStart ? 1 : marketResolved ? 1.05 : 1.2);
+  const matchingRange = CHART_RANGE_PRIORITY.find((range) => {
+    return RANGE_SECONDS_BY_TIME_RANGE[range] >= requiredSeconds;
+  });
+  return (_b = matchingRange != null ? matchingRange : fallbackRange) != null ? _b : "ALL";
+};
 var matchOutcomeByLabel = (outcome, selectedOutcomeLabel) => {
   const normalizedSelectedLabel = normalizeLabel(selectedOutcomeLabel);
   const semanticSelectedLabel = toSemanticLabel(selectedOutcomeLabel);
@@ -1122,8 +1196,13 @@ var resolveTradingStateTimestampLabel = (labels, state) => {
   return null;
 };
 var resolveTradingStatePresentation = (labels, state) => {
+  var _a;
   const timestampLabel = resolveTradingStateTimestampLabel(labels, state);
-  const winningOutcomeLabel = state.winningOutcome ? labels.eventMarketPage.winningOutcome(state.winningOutcome.label) : null;
+  const resolvedOutcomeLabel = resolveResolvedOutcomeLabel({
+    market: (_a = state.market) != null ? _a : null,
+    outcome: state.winningOutcome
+  });
+  const winningOutcomeLabel = resolvedOutcomeLabel ? labels.eventMarketPage.winningOutcome(resolvedOutcomeLabel) : null;
   if (state.kind === "resolved") {
     return {
       badgeLabel: labels.eventMarketPage.tradingResolvedBadge,
@@ -1211,6 +1290,7 @@ var resolveOrderEligibilityMessage = (labels, reason) => {
 export {
   useEventTradingContext,
   sortOutcomeSelectorOutcomes,
+  resolveInitialEventDetailsChartRange,
   resolveOutcomesByVenue,
   resolveSeriesColor,
   resolveMarketChartVenueSeries,