@agg-market/ui 8.0.0 → 9.0.0

package/dist/pages.js

@@ -3955,7 +3955,11 @@ var LineChart = ({
   isLoading = false,
   chartType = "line",
   showSeriesControls = true,
-  renderSeriesControls
+  renderSeriesControls,
+  liveCandle: liveForming,
+  lineData,
+  lineValue,
+  live = false
 }) => {
   var _a, _b;
   const labels = (0, import_hooks14.useLabels)();
@@ -4050,12 +4054,15 @@ var LineChart = ({
             color: (_b = primarySeries == null ? void 0 : primarySeries.color) != null ? _b : "var(--agg-color-primary)",
             theme: livelineTheme,
             grid: true,
-            momentum: false,
-            pulse: false,
+            momentum: live,
+            pulse: live,
             window: windowSeconds,
             mode: chartType === "candlestick" ? "candle" : "line",
             candles: chartType === "candlestick" ? primaryCandles : void 0,
             candleWidth: chartType === "candlestick" ? candleWidth : void 0,
+            liveCandle: chartType === "candlestick" ? liveForming : void 0,
+            lineData,
+            lineValue,
             formatValue: defaultValueFormatter,
             formatTime: timeFormatter,
             padding: {
@@ -4188,10 +4195,7 @@ InlineAlert.displayName = "InlineAlert";
 var resolveEventListItemEvent = (fetchedEvent) => {
   if (!fetchedEvent)
     return void 0;
-  const mergedVenueMarkets = fetchedEvent.markets.flatMap(
-    (market) => market.venueMarkets
-  );
-  if (mergedVenueMarkets.length === 0)
+  if (!fetchedEvent.venueMarkets || fetchedEvent.venueMarkets.length === 0)
     return void 0;
   return fetchedEvent;
 };
@@ -4388,8 +4392,8 @@ var EventListItemContent = ({
   const config = (0, import_hooks15.useSdkUiConfig)();
   const labels = (0, import_hooks15.useLabels)();
   const allVenueMarkets = (0, import_react6.useMemo)(() => {
-    return event.markets.flatMap((market) => market.venueMarkets);
-  }, [event.markets]);
+    return event.venueMarkets;
+  }, [event.venueMarkets]);
   const primaryVenueMarket = (0, import_react6.useMemo)(() => {
     return selectPrimaryVenueMarket(allVenueMarkets);
   }, [allVenueMarkets]);
@@ -4571,7 +4575,8 @@ var EventListItemByEventId = (_a) => {
     error,
     isError,
     isLoading
-  } = (0, import_hooks15.useEvent)(eventId, {
+  } = (0, import_hooks15.useVenueEvent)({
+    eventId: eventId != null ? eventId : "",
     enabled: !!eventId
   });
   const resolvedEvent = (0, import_react6.useMemo)(() => {
@@ -4635,8 +4640,7 @@ var getDefaultEventListTabs = (labels) => {
 
 // src/events/list/event-list.utils.ts
 var mapEventToEventListItemEvent = (event) => {
-  const mergedVenueMarkets = event.markets.flatMap((m) => m.venueMarkets);
-  if (mergedVenueMarkets.length === 0)
+  if (!event.venueMarkets || event.venueMarkets.length === 0)
     return null;
   return event;
 };
@@ -4728,7 +4732,7 @@ var EventList = ({
   }, [maxVisibleItems]);
   const requestLimit = resolvedMaxVisibleItems != null ? resolvedMaxVisibleItems : limit;
   const shouldPaginate = resolvedMaxVisibleItems == null;
-  const { events, isLoading, isError, fetchNextPage, hasNextPage, isFetchingNextPage } = (0, import_hooks16.useEvents)({
+  const { events, isLoading, isError, fetchNextPage, hasNextPage, isFetchingNextPage } = (0, import_hooks16.useVenueEvents)({
     venues,
     search,
     categoryIds,
@@ -5788,13 +5792,12 @@ var EventListItemDetailsContent = ({
   ariaLabel,
   defaultTimeRange
 }) => {
-  var _a, _b;
   const config = (0, import_hooks19.useSdkUiConfig)();
   const labels = (0, import_hooks19.useLabels)();
   const venueMarkets = (0, import_react10.useMemo)(() => {
-    var _a2, _b2, _c;
-    return (_c = (_b2 = (_a2 = event.markets) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.venueMarkets) != null ? _c : [];
-  }, [event.markets]);
+    var _a;
+    return (_a = event.venueMarkets) != null ? _a : [];
+  }, [event.venueMarkets]);
   const primaryVenueMarket = (0, import_react10.useMemo)(() => {
     return selectPrimaryVenueMarket(venueMarkets);
   }, [venueMarkets]);
@@ -5832,9 +5835,9 @@ var EventListItemDetailsContent = ({
     if (outcomeLabels.length === 0)
       return void 0;
     return [...outcomeLabels].sort((left, right) => {
-      var _a2, _b2;
-      const leftProbability = (_a2 = probabilityByLabel.get(left)) != null ? _a2 : -1;
-      const rightProbability = (_b2 = probabilityByLabel.get(right)) != null ? _b2 : -1;
+      var _a, _b;
+      const leftProbability = (_a = probabilityByLabel.get(left)) != null ? _a : -1;
+      const rightProbability = (_b = probabilityByLabel.get(right)) != null ? _b : -1;
       return rightProbability - leftProbability;
     })[0];
   }, [outcomeLabels, probabilityByLabel]);
@@ -5850,18 +5853,18 @@ var EventListItemDetailsContent = ({
     setSelectedOutcomeLabel(fallbackOutcomeLabel);
   }, [isDateOutcomeMarket, mainOutcomeLabel, outcomeLabels, selectedOutcomeLabel]);
   const switchLabels = (0, import_react10.useMemo)(() => {
-    var _a2, _b2;
+    var _a, _b;
     if (isDateOutcomeMarket) {
       return [labels.eventItemDetails.yes, labels.eventItemDetails.no];
     }
     const sortedOutcomeLabels = [...outcomeLabels].sort((left, right) => {
-      var _a3, _b3;
-      const leftProbability = (_a3 = probabilityByLabel.get(left)) != null ? _a3 : -1;
-      const rightProbability = (_b3 = probabilityByLabel.get(right)) != null ? _b3 : -1;
+      var _a2, _b2;
+      const leftProbability = (_a2 = probabilityByLabel.get(left)) != null ? _a2 : -1;
+      const rightProbability = (_b2 = probabilityByLabel.get(right)) != null ? _b2 : -1;
       return rightProbability - leftProbability;
     });
-    const firstLabel = (_a2 = sortedOutcomeLabels[0]) != null ? _a2 : labels.eventItemDetails.yes;
-    const secondLabel = (_b2 = sortedOutcomeLabels.find((label) => label !== firstLabel)) != null ? _b2 : firstLabel;
+    const firstLabel = (_a = sortedOutcomeLabels[0]) != null ? _a : labels.eventItemDetails.yes;
+    const secondLabel = (_b = sortedOutcomeLabels.find((label) => label !== firstLabel)) != null ? _b : firstLabel;
     return [firstLabel, secondLabel];
   }, [
     isDateOutcomeMarket,
@@ -5871,8 +5874,8 @@ var EventListItemDetailsContent = ({
     probabilityByLabel
   ]);
   const volumeLabel = (0, import_react10.useMemo)(() => {
-    var _a2;
-    const resolvedVolume = typeof event.volume === "number" ? event.volume : (_a2 = primaryVenueMarket == null ? void 0 : primaryVenueMarket.volume) != null ? _a2 : void 0;
+    var _a;
+    const resolvedVolume = typeof event.volume === "number" ? event.volume : (_a = primaryVenueMarket == null ? void 0 : primaryVenueMarket.volume) != null ? _a : void 0;
     if (typeof resolvedVolume !== "number")
       return "";
     return `${config.formatCompactCurrency(resolvedVolume)} ${labels.eventItemDetails.volumeSuffix}`;
@@ -5970,7 +5973,7 @@ var EventListItemDetailsContent = ({
           EventListItemDetailsGraphSection,
           {
             venueMarkets,
-            canonicalMarketId: (_b = (_a = event.markets) == null ? void 0 : _a[0]) == null ? void 0 : _b.id,
+            canonicalMarketId: event.id,
             selectedOutcomeLabel,
             onSelectedOutcomeLabelChange: setSelectedOutcomeLabel,
             switchLabels,
@@ -6025,7 +6028,8 @@ var EventListItemDetailsByEventId = (_a) => {
     error,
     isError,
     isLoading
-  } = (0, import_hooks19.useEvent)(eventId, {
+  } = (0, import_hooks19.useVenueEvent)({
+    eventId: eventId != null ? eventId : "",
     enabled: !!eventId
   });
   const resolvedEvent = (0, import_react10.useMemo)(() => {
@@ -6137,11 +6141,41 @@ var resolveInitialTab = (defaultTab) => {
   return "order-book";
 };
 var resolveMarket = (event, marketId) => {
-  if (!event.markets.length)
+  var _a, _b, _c, _d, _e;
+  if (!event.venueMarkets || event.venueMarkets.length === 0)
+    return void 0;
+  if (!marketId) {
+    return {
+      id: event.id,
+      venueMarkets: event.venueMarkets,
+      volume: event.volume,
+      status: event.status,
+      startDate: event.startDate,
+      endDate: event.endDate,
+      creationDate: event.creationDate,
+      question: event.title
+    };
+  }
+  const venueMarkets = event.venueMarkets;
+  const matchedVenueMarket = venueMarkets.find((vm) => vm.id === marketId);
+  if (!matchedVenueMarket)
     return void 0;
-  if (!marketId)
-    return event.markets[0];
-  return event.markets.find((market) => market.id === marketId);
+  const siblingVenueMarkets = venueMarkets.filter(
+    (vm) => vm.question === matchedVenueMarket.question
+  );
+  const totalVolume = siblingVenueMarkets.reduce((sum, vm) => {
+    return sum + (typeof vm.volume === "number" ? vm.volume : 0);
+  }, 0);
+  return {
+    id: matchedVenueMarket.id,
+    venueMarkets: siblingVenueMarkets,
+    volume: totalVolume || matchedVenueMarket.volume,
+    status: (_a = matchedVenueMarket.status) != null ? _a : event.status,
+    startDate: (_b = matchedVenueMarket.startDate) != null ? _b : event.startDate,
+    endDate: (_c = matchedVenueMarket.endDate) != null ? _c : event.endDate,
+    creationDate: (_d = matchedVenueMarket.creationDate) != null ? _d : event.creationDate,
+    question: (_e = matchedVenueMarket.question) != null ? _e : event.title
+  };
 };
 var resolveDisplayOutcomeLabels = (labels) => {
   if (!hasBinaryLabels(labels))
@@ -6474,7 +6508,8 @@ var MarketDetailsContent = ({
   orderBookDepth = orderBookRowLimitDefault,
   ariaLabel,
   classNames,
-  otherContent
+  otherContent,
+  liveUpdate = false
 }) => {
   const config = (0, import_hooks20.useSdkUiConfig)();
   const labels = (0, import_hooks20.useLabels)();
@@ -6577,9 +6612,9 @@ var MarketDetailsContent = ({
     return selectedOutcomesByVenue.map(({ market, outcome }) => ({
       market,
       outcome,
-      liveUpdate: true
+      liveUpdate
     }));
-  }, [selectedOutcomesByVenue]);
+  }, [selectedOutcomesByVenue, liveUpdate]);
   const {
     data: orderBookData,
     isLoading: isOrderBookLoading,
@@ -6587,7 +6622,8 @@ var MarketDetailsContent = ({
     results: orderBookResults
   } = (0, import_hooks20.useOrderBook)({
     orderbooks: orderBookInputs,
-    enabled: isOpened && selectedTab === "order-book" && orderBookInputs.length > 0
+    enabled: isOpened && selectedTab === "order-book" && orderBookInputs.length > 0,
+    canonicalMarketId: liveUpdate ? canonicalMarketIdForHistory : void 0
   });
   const askRows = (0, import_react11.useMemo)(() => {
     return resolveOrderBookRows({
@@ -6678,7 +6714,7 @@ var MarketDetailsContent = ({
       return [];
     return resolveOtherTabRows(model.market, labels);
   }, [labels, model]);
-  const isOrderBookNotFound = isErrorWithStatus(orderBookError, 404);
+  const isOrderBookNotFound = orderBookError && typeof orderBookError === "object" && "status" in orderBookError && orderBookError.status === 404;
   const hasOrderBookError = !!orderBookError && !isOrderBookNotFound;
   const hasNoOrderBook = isOrderBookNotFound || !isOrderBookLoading && !hasOrderBookError && (orderBookInputs.length === 0 || askRows.length === 0 && bidRows.length === 0);
   const handleOutcomeKeyDown = (eventToHandle) => {
@@ -7042,7 +7078,7 @@ var MarketDetailsContent = ({
   );
 };
 var MarketDetails = (props) => {
-  var _a;
+  var _a, _b;
   const [uncontrolledIsOpened, setUncontrolledIsOpened] = (0, import_react11.useState)(
     (_a = props.defaultIsOpened) != null ? _a : marketDetailsDefaultIsOpened
   );
@@ -7064,7 +7100,8 @@ var MarketDetails = (props) => {
     event: fetchedEvent,
     error: eventError,
     isLoading: isFetchingEvent
-  } = (0, import_hooks20.useEvent)(hasEventProp ? void 0 : props.eventId, {
+  } = (0, import_hooks20.useVenueEvent)({
+    eventId: hasEventProp ? "" : (_b = props.eventId) != null ? _b : "",
     enabled: !props.isLoading && !hasEventProp && !!props.eventId
   });
   if (props.isLoading) {
@@ -7799,29 +7836,29 @@ var getMarketDateValue = (market, fallbackIndex) => {
 };
 var resolveHeroMarketId = (event, heroMarketId) => {
   var _a, _b;
-  if (!((_a = event == null ? void 0 : event.markets) == null ? void 0 : _a.length))
+  if (!((_a = event == null ? void 0 : event.venueMarkets) == null ? void 0 : _a.length))
     return void 0;
   if (heroMarketId) {
-    const matchingHeroMarket = event.markets.find(
+    const matchingHeroMarket = event.venueMarkets.find(
       (market) => market.id === heroMarketId
     );
     if (matchingHeroMarket)
       return matchingHeroMarket.id;
   }
-  return (_b = event.markets[0]) == null ? void 0 : _b.id;
+  return (_b = event.venueMarkets[0]) == null ? void 0 : _b.id;
 };
 var buildHeroEvent = (event, heroMarketId) => {
   if (!heroMarketId)
     return void 0;
-  const heroMarket = event.markets.find((market) => market.id === heroMarketId);
+  const heroMarket = event.venueMarkets.find((market) => market.id === heroMarketId);
   if (!heroMarket)
     return void 0;
   return __spreadProps(__spreadValues({}, event), {
-    markets: [heroMarket]
+    venueMarkets: [heroMarket]
   });
 };
 var resolveDetailedMarkets = (event, heroMarketId) => {
-  return event.markets.filter((market) => market.id !== heroMarketId).map((market, index) => ({
+  return event.venueMarkets.filter((market) => market.id !== heroMarketId).map((market, index) => ({
     market,
     index
   })).sort(
@@ -7979,7 +8016,7 @@ var EventMarketPageContent = ({
     }
     onExpandedMarketChange == null ? void 0 : onExpandedMarketChange(nextExpandedMarketId);
   };
-  if (!heroEvent || !event.markets.length) {
+  if (!heroEvent || !event.venueMarkets.length) {
     return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(EventMarketPageUnavailableState, { ariaLabel });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("section", { className: cn("w-full", classNames == null ? void 0 : classNames.root), "aria-label": ariaLabel != null ? ariaLabel : event.title, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
@@ -8027,12 +8064,14 @@ var EventMarketPageContent = ({
   ) });
 };
 var EventMarketPage = (props) => {
+  var _a;
   const hasEventProp = "event" in props && !!props.event;
   const {
     event: fetchedEvent,
     error: eventError,
     isLoading: isFetchingEvent
-  } = (0, import_hooks24.useEvent)(hasEventProp ? void 0 : props.eventId, {
+  } = (0, import_hooks24.useVenueEvent)({
+    eventId: hasEventProp ? "" : (_a = props.eventId) != null ? _a : "",
     enabled: !props.isLoading && !hasEventProp && !!props.eventId
   });
   if (props.isLoading) {

package/dist/pages.mjs

@@ -2,10 +2,10 @@ import {
   EventMarketPage,
   HomePage,
   UserProfilePage
-} from "./chunk-KRCRD4AJ.mjs";
-import "./chunk-TLFRGJ5B.mjs";
-import "./chunk-JE4MV5RL.mjs";
-import "./chunk-WKY3IN52.mjs";
+} from "./chunk-HJ4UPYM7.mjs";
+import "./chunk-6CRY27SQ.mjs";
+import "./chunk-3U4VHAP6.mjs";
+import "./chunk-3G7C6WEC.mjs";
 export {
   EventMarketPage,
   HomePage,

package/dist/primitives.js

@@ -1081,7 +1081,11 @@ var LineChart = ({
   isLoading = false,
   chartType = "line",
   showSeriesControls = true,
-  renderSeriesControls
+  renderSeriesControls,
+  liveCandle: liveForming,
+  lineData,
+  lineValue,
+  live = false
 }) => {
   var _a, _b;
   const labels = (0, import_hooks11.useLabels)();
@@ -1176,12 +1180,15 @@ var LineChart = ({
             color: (_b = primarySeries == null ? void 0 : primarySeries.color) != null ? _b : "var(--agg-color-primary)",
             theme: livelineTheme,
             grid: true,
-            momentum: false,
-            pulse: false,
+            momentum: live,
+            pulse: live,
             window: windowSeconds,
             mode: chartType === "candlestick" ? "candle" : "line",
             candles: chartType === "candlestick" ? primaryCandles : void 0,
             candleWidth: chartType === "candlestick" ? candleWidth : void 0,
+            liveCandle: chartType === "candlestick" ? liveForming : void 0,
+            lineData,
+            lineValue,
             formatValue: defaultValueFormatter,
             formatTime: timeFormatter,
             padding: {

package/dist/primitives.mjs

@@ -67,7 +67,7 @@ import {
   skeletonViews,
   typographyVariants,
   venueLogoNames
-} from "./chunk-WKY3IN52.mjs";
+} from "./chunk-3G7C6WEC.mjs";
 export {
   AppleIcon,
   ArrowTrendUpIcon,