@agg-build/ui 2.1.5 → 2.2.2

package/dist/{chunk-VP76G6PN.mjs → chunk-UTXQUOU3.mjs}

@@ -140,6 +140,92 @@ var formatAmountDisplay = (value) => {
   }
   return num.toLocaleString("en-US");
 };
+var GENERIC_BINARY_OUTCOME_LABELS = /* @__PURE__ */ new Set(["yes", "no"]);
+var TOTAL_OUTCOME_LABELS = /* @__PURE__ */ new Set(["over", "under"]);
+var DIRECTIONAL_OUTCOME_LABELS = /* @__PURE__ */ new Set(["up", "down"]);
+var NUMERIC_TOKEN_RE = /[-+]?\d+(?:\.\d+)?/;
+var UP_OR_DOWN_QUESTION_RE = /\bup or down\b/i;
+var normalizeResolvedOutcomeLabel = (value) => {
+  const trimmedValue = value == null ? void 0 : value.trim();
+  return trimmedValue ? trimmedValue : null;
+};
+var readOutcomeMetadataLabel = (outcome) => {
+  const outcomeRecord = outcome;
+  for (const key of ["displayName", "name", "title"]) {
+    const value = outcomeRecord[key];
+    if (typeof value !== "string") continue;
+    const normalizedValue = normalizeResolvedOutcomeLabel(value);
+    if (normalizedValue) return normalizedValue;
+  }
+  return null;
+};
+var formatLineValue = (value) => {
+  return Number.isInteger(value) ? String(value) : String(value);
+};
+var readMarketLabel = (market) => {
+  var _a;
+  const rawLabel = (_a = normalizeResolvedOutcomeLabel(market == null ? void 0 : market.shortTitle)) != null ? _a : normalizeResolvedOutcomeLabel(market == null ? void 0 : market.question);
+  if (!rawLabel) return null;
+  if (/^draw\s*\(/i.test(rawLabel)) return "Draw";
+  return rawLabel;
+};
+var deriveTotalOutcomeLabel = (outcome, metadataLabel) => {
+  const normalizedMetadataLabel = metadataLabel == null ? void 0 : metadataLabel.trim().toLowerCase();
+  if (normalizedMetadataLabel && TOTAL_OUTCOME_LABELS.has(normalizedMetadataLabel)) {
+    return metadataLabel;
+  }
+  const normalizedRawLabel = outcome.label.trim().toLowerCase();
+  if (normalizedRawLabel === "yes") return "Over";
+  if (normalizedRawLabel === "no") return "Under";
+  return metadataLabel;
+};
+var resolveResolvedOutcomeLabel = ({
+  market,
+  outcome,
+  allowSportsMoneylineMarketFallback = true
+}) => {
+  var _a;
+  if (!outcome) return null;
+  const rawLabel = normalizeResolvedOutcomeLabel(outcome.label);
+  const metadataLabel = readOutcomeMetadataLabel(outcome);
+  const normalizedRawLabel = (_a = rawLabel == null ? void 0 : rawLabel.toLowerCase()) != null ? _a : "";
+  const isGenericBinary = GENERIC_BINARY_OUTCOME_LABELS.has(normalizedRawLabel);
+  const isSportsMarket = Boolean(
+    (market == null ? void 0 : market.sportsMarketType) || (market == null ? void 0 : market.marketGroup) || (market == null ? void 0 : market.lineValue) != null
+  );
+  if (!isSportsMarket) {
+    const isDirectionalBinaryMarket = Boolean((market == null ? void 0 : market.question) && UP_OR_DOWN_QUESTION_RE.test(market.question)) && Boolean(metadataLabel && DIRECTIONAL_OUTCOME_LABELS.has(metadataLabel.trim().toLowerCase()));
+    if (isDirectionalBinaryMarket) return metadataLabel;
+    if (isGenericBinary) return rawLabel;
+    return metadataLabel != null ? metadataLabel : rawLabel;
+  }
+  const lineValue = typeof (market == null ? void 0 : market.lineValue) === "number" ? market.lineValue : null;
+  const isMoneylineMarket = (market == null ? void 0 : market.sportsMarketType) === "moneyline" || (market == null ? void 0 : market.marketGroup) === "game_lines";
+  const isTotalMarket = (market == null ? void 0 : market.sportsMarketType) === "total" || (market == null ? void 0 : market.marketGroup) === "totals";
+  if (isMoneylineMarket && metadataLabel) return metadataLabel;
+  if (allowSportsMoneylineMarketFallback && isMoneylineMarket && isGenericBinary) {
+    const marketLabel = readMarketLabel(market);
+    if (marketLabel) return marketLabel;
+  }
+  if (isTotalMarket) {
+    const totalLabel = deriveTotalOutcomeLabel(outcome, metadataLabel);
+    if (totalLabel && lineValue != null && !NUMERIC_TOKEN_RE.test(totalLabel)) {
+      return `${totalLabel} ${formatLineValue(Math.abs(lineValue))}`;
+    }
+    if (totalLabel) return totalLabel;
+  }
+  const isSpreadMarket = (market == null ? void 0 : market.sportsMarketType) === "spread" || (market == null ? void 0 : market.marketGroup) === "spreads";
+  if (isSpreadMarket && metadataLabel) {
+    if (lineValue != null && !NUMERIC_TOKEN_RE.test(metadataLabel)) {
+      const resolvedLineValue = normalizedRawLabel === "no" ? Math.abs(lineValue) : lineValue;
+      const formattedLineValue = resolvedLineValue > 0 ? `+${formatLineValue(resolvedLineValue)}` : formatLineValue(resolvedLineValue);
+      return `${metadataLabel} ${formattedLineValue}`;
+    }
+    return metadataLabel;
+  }
+  if (metadataLabel) return metadataLabel;
+  return rawLabel;
+};
 
 // src/primitives/error-boundary/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -3945,7 +4031,8 @@ var normalizeSeries = (series) => {
   }).filter((seriesItem) => seriesItem.points.length > 0);
 };
 var formatDefaultChartValue = (value) => {
-  return `${Number(value).toFixed(2)}%`;
+  const roundedValue = Number(value.toFixed(1));
+  return `${Number.isInteger(roundedValue) ? String(roundedValue) : roundedValue.toFixed(1)}%`;
 };
 var resolveChartTimeFormatter = (windowSeconds) => {
   return (timestamp) => {
@@ -5111,7 +5198,13 @@ Footer.displayName = "Footer";
 import { useLabels as useLabels11 } from "@agg-build/hooks";
 
 // src/primitives/search/index.tsx
-import { useLabels as useLabels10, useSdkUiConfig as useSdkUiConfig10, useSearch } from "@agg-build/hooks";
+import {
+  useLabels as useLabels10,
+  useLiveOutcomePrices,
+  useMidpoints,
+  useSdkUiConfig as useSdkUiConfig10,
+  useSearch
+} from "@agg-build/hooks";
 import {
   useCallback as useCallback3,
   useEffect as useEffect6,
@@ -6480,7 +6573,7 @@ var sizeClasses2 = {
 var lineColorByVenue = {
   light: {
     [Venue9.kalshi]: "#00D295",
-    [Venue9.limitless]: "#000000",
+    [Venue9.limitless]: "#C4FF00",
     [Venue9.opinion]: "#000000",
     [Venue9.polymarket]: "#2E5CFF",
     [Venue9.predict]: "#6D57F8",
@@ -6490,7 +6583,7 @@ var lineColorByVenue = {
   },
   dark: {
     [Venue9.kalshi]: "#00D295",
-    [Venue9.limitless]: "#FFFFFF",
+    [Venue9.limitless]: "#C4FF00",
     [Venue9.opinion]: "#FFFFFF",
     [Venue9.polymarket]: "#2E5CFF",
     [Venue9.predict]: "#6D57F8",
@@ -6818,13 +6911,26 @@ var formatMarketProbabilityPercent = (value, formatPercent = formatWholePercent)
   }
   return formattedValue;
 };
-var formatPriceGapPercent = (value) => {
+var formatPriceGapPercent = (value, mode = "percent") => {
   if (typeof value !== "number" || !Number.isFinite(value)) return void 0;
+  if (value <= 0) return void 0;
+  if (mode === "fraction") {
+    const percentageValue = value * 100;
+    if (percentageValue < MIN_PRICE_GAP_PCT) return void 0;
+    return `${Math.round(percentageValue)}%`;
+  }
   if (value < MIN_PRICE_GAP_PCT) return void 0;
   if (value > MAX_PRICE_GAP_PCT) return void 0;
   return `${Math.round(value)}%`;
 };
 var sortOutcomes = (outcomes) => {
+  return sortOutcomesWithPrices(outcomes);
+};
+var resolveOutcomeProbability = (outcome, priceByOutcomeId) => {
+  const resolvedPrice = priceByOutcomeId === void 0 ? outcome.price : priceByOutcomeId.has(outcome.id) ? priceByOutcomeId.get(outcome.id) : void 0;
+  return normalizeProbability(resolvedPrice);
+};
+var sortOutcomesWithPrices = (outcomes, priceByOutcomeId) => {
   if (outcomes.length <= 1) return outcomes;
   if (hasBinaryOutcomes(outcomes)) {
     return sortYesFirst(outcomes);
@@ -6840,38 +6946,41 @@ var sortOutcomes = (outcomes) => {
   }
   return [...outcomes].sort((a, b) => {
     var _a, _b;
-    const aPrice = (_a = normalizeProbability(a.price)) != null ? _a : 0;
-    const bPrice = (_b = normalizeProbability(b.price)) != null ? _b : 0;
+    const aPrice = (_a = resolveOutcomeProbability(a, priceByOutcomeId)) != null ? _a : 0;
+    const bPrice = (_b = resolveOutcomeProbability(b, priceByOutcomeId)) != null ? _b : 0;
     return bPrice - aPrice;
   });
 };
-var compareVisibleOutcomeRows = (left, right) => {
+var compareVisibleOutcomeRows = (left, right, priceByOutcomeId) => {
   var _a, _b;
   const leftDate = toDate(resolveOutcomeTitle(left.outcome));
   const rightDate = toDate(resolveOutcomeTitle(right.outcome));
   if (leftDate && rightDate) {
     return leftDate.getTime() - rightDate.getTime();
   }
-  const leftProbability = (_a = normalizeProbability(left.outcome.price)) != null ? _a : -1;
-  const rightProbability = (_b = normalizeProbability(right.outcome.price)) != null ? _b : -1;
+  const leftProbability = (_a = resolveOutcomeProbability(left.outcome, priceByOutcomeId)) != null ? _a : -1;
+  const rightProbability = (_b = resolveOutcomeProbability(right.outcome, priceByOutcomeId)) != null ? _b : -1;
   return rightProbability - leftProbability;
 };
-var shouldReplaceVisibleOutcome = (current, next) => {
+var shouldReplaceVisibleOutcome = (current, next, priceByOutcomeId) => {
   var _a, _b;
   const currentVolume = typeof current.market.volume === "number" ? current.market.volume : -1;
   const nextVolume = typeof next.market.volume === "number" ? next.market.volume : -1;
   if (currentVolume !== nextVolume) {
     return nextVolume > currentVolume;
   }
-  const currentProbability = (_a = normalizeProbability(current.outcome.price)) != null ? _a : -1;
-  const nextProbability = (_b = normalizeProbability(next.outcome.price)) != null ? _b : -1;
+  const currentProbability = (_a = resolveOutcomeProbability(current.outcome, priceByOutcomeId)) != null ? _a : -1;
+  const nextProbability = (_b = resolveOutcomeProbability(next.outcome, priceByOutcomeId)) != null ? _b : -1;
   return nextProbability > currentProbability;
 };
-var resolveVisibleOutcomes = (venueMarkets) => {
+var resolveVisibleOutcomes = (venueMarkets, priceByOutcomeId) => {
   const visibleOutcomesByLabel = /* @__PURE__ */ new Map();
   venueMarkets.forEach((market) => {
     const title2 = market.question;
-    const canonicalOutcome = sortOutcomes(market.venueMarketOutcomes)[0];
+    const canonicalOutcome = sortOutcomesWithPrices(
+      market.venueMarketOutcomes,
+      priceByOutcomeId
+    )[0];
     if (!canonicalOutcome) return;
     const normalizedTitle = title2.trim().toLowerCase();
     const nextVisibleOutcome = {
@@ -6881,11 +6990,11 @@ var resolveVisibleOutcomes = (venueMarkets) => {
       title: title2
     };
     const currentVisibleOutcome = visibleOutcomesByLabel.get(normalizedTitle);
-    if (!currentVisibleOutcome || shouldReplaceVisibleOutcome(currentVisibleOutcome, nextVisibleOutcome)) {
+    if (!currentVisibleOutcome || shouldReplaceVisibleOutcome(currentVisibleOutcome, nextVisibleOutcome, priceByOutcomeId)) {
       visibleOutcomesByLabel.set(normalizedTitle, nextVisibleOutcome);
     }
   });
-  return [...visibleOutcomesByLabel.values()].sort(compareVisibleOutcomeRows).slice(0, Math.max(1, 2));
+  return [...visibleOutcomesByLabel.values()].sort((left, right) => compareVisibleOutcomeRows(left, right, priceByOutcomeId)).slice(0, Math.max(1, 2));
 };
 var dedupeVenueMarketsById = (venueMarkets) => {
   const seenClusterIds = /* @__PURE__ */ new Set();
@@ -6965,18 +7074,19 @@ var toVenueLogoName = (value) => {
   if (!venueLogoNameSet.has(value)) return null;
   return value;
 };
-var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCurrency) => {
-  var _a, _b;
+var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCurrency, options) => {
+  var _a, _b, _c;
   const primaryVenueMarket = selectPrimaryVenueMarket(event.venueMarkets);
   if (!primaryVenueMarket) return null;
   const primaryVenue = toVenueLogoName(primaryVenueMarket.venue);
   if (!primaryVenue) return null;
-  const visibleOutcome = resolveVisibleOutcomes(event.venueMarkets)[0];
+  const visibleOutcome = resolveVisibleOutcomes(event.venueMarkets, options == null ? void 0 : options.priceByOutcomeId)[0];
   if (!visibleOutcome) return null;
-  const probability = normalizeProbability(visibleOutcome.outcome.price);
-  if (probability == null) return null;
+  const probability = normalizeProbability(
+    (_a = options == null ? void 0 : options.priceByOutcomeId) == null ? void 0 : _a.get(visibleOutcome.outcome.id)
+  );
   const resolvedTitle = formatEventTitleWithDateSuffix({
-    title: (_a = event == null ? void 0 : event.title) != null ? _a : "",
+    title: (_b = event == null ? void 0 : event.title) != null ? _b : "",
     categories: event.categories,
     structureType: event.structureType,
     gameStartTime: event.gameStartTime,
@@ -6998,13 +7108,14 @@ var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCu
   return {
     id: event.id,
     title: resolvedTitle,
-    thumbnailSrc: (_b = resolveTileImage(event, primaryVenueMarket, void 0)) != null ? _b : "",
+    thumbnailSrc: (_c = resolveTileImage(event, primaryVenueMarket, void 0)) != null ? _c : "",
     thumbnailAlt: resolvedTitle,
     venue: primaryVenue,
     visibleVenues,
     marketSummaryLabel,
     volumeLabel,
     valueLabel: formatMarketProbabilityPercent(probability, formatPercent),
+    isValueLoading: probability == null && (options == null ? void 0 : options.isPriceLoading) === true,
     contextLabel: formatSearchContextLabel(visibleOutcome.title)
   };
 };
@@ -7114,7 +7225,16 @@ var SearchResultRow = ({
             children: [
               /* @__PURE__ */ jsx119(VenueLogo, { venue: item.venue, size: "small" }),
               /* @__PURE__ */ jsxs114("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-                /* @__PURE__ */ jsx119(
+                item.isValueLoading ? /* @__PURE__ */ jsx119(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: cn(
+                      "agg-search-result-value-loading",
+                      "h-5 w-12 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
+                    )
+                  }
+                ) : /* @__PURE__ */ jsx119(
                   "p",
                   {
                     className: cn(
@@ -7227,6 +7347,24 @@ var Search = ({
     () => filterOpenEvents(searchResults),
     [searchResults]
   );
+  const visibleVenueMarkets = useMemo5(
+    () => openEvents.flatMap((event) => {
+      var _a;
+      return (_a = event.venueMarkets) != null ? _a : [];
+    }),
+    [openEvents]
+  );
+  const livePrices = useLiveOutcomePrices(visibleVenueMarkets);
+  const midpointResult = useMidpoints(visibleVenueMarkets);
+  const searchDisplayPrices = useMemo5(() => {
+    if (!midpointResult.bestMidpointsByOutcomeId.size) return livePrices;
+    if (!livePrices.size) return midpointResult.bestMidpointsByOutcomeId;
+    const merged = new Map(midpointResult.bestMidpointsByOutcomeId);
+    for (const [outcomeId, price] of livePrices) {
+      merged.set(outcomeId, price);
+    }
+    return merged;
+  }, [livePrices, midpointResult.bestMidpointsByOutcomeId]);
   const { validatedResults, eventsByResultId } = useMemo5(() => {
     const nextEventsByResultId = /* @__PURE__ */ new Map();
     const nextResults = openEvents.map((event) => {
@@ -7234,7 +7372,11 @@ var Search = ({
         event,
         labels,
         formatPercent,
-        formatCompactCurrency
+        formatCompactCurrency,
+        {
+          priceByOutcomeId: searchDisplayPrices,
+          isPriceLoading: midpointResult.isLoading
+        }
       );
       if (!item) return null;
       nextEventsByResultId.set(item.id, event);
@@ -7244,7 +7386,14 @@ var Search = ({
       validatedResults: nextResults,
       eventsByResultId: nextEventsByResultId
     };
-  }, [formatCompactCurrency, formatPercent, labels, openEvents]);
+  }, [
+    formatCompactCurrency,
+    formatPercent,
+    labels,
+    midpointResult.isLoading,
+    openEvents,
+    searchDisplayPrices
+  ]);
   const hasSearchValue = trimmedValue.length > 0;
   const shouldRenderDropdown = isFocused && shouldSearchValue && !searchConfig.result && !searchConfig.isShowingAllResults;
   const resolvedIsActive = isFocused;
@@ -9585,6 +9734,7 @@ export {
   formatCompactUsd,
   formatTokenAmount,
   formatAmountDisplay,
+  resolveResolvedOutcomeLabel,
   AggErrorBoundary,
   AggLogo,
   AppleIcon,

package/dist/{chunk-XHE2VO3S.mjs → chunk-ZRYHWHTD.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   dispatchAggDepositNotification
-} from "./chunk-T4YZGAYS.mjs";
+} from "./chunk-4QGZ3FWI.mjs";
 import {
   BestPricesIcon,
   BoltIcon,
@@ -41,7 +41,7 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-VP76G6PN.mjs";
+} from "./chunk-UTXQUOU3.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";