@agg-build/ui 4.18.1 → 4.19.0

package/dist/{chunk-NRPS2D3Q.mjs → chunk-ROA5K67W.mjs}

@@ -20,7 +20,7 @@ import {
   __spreadProps,
   __spreadValues,
   cn
-} from "./chunk-WIGSRHUG.mjs";
+} from "./chunk-XZVGHKMW.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";

package/dist/{chunk-JJ3VVCEP.mjs → chunk-WOCZ4TVT.mjs}

@@ -19,7 +19,7 @@ import {
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-WIGSRHUG.mjs";
+} from "./chunk-XZVGHKMW.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";
@@ -855,13 +855,17 @@ var resolveInitialEventDetailsChartRange = ({
   nowSec = dayjs2().unix(),
   selectedMarket
 }) => {
-  var _a, _b;
+  var _a;
   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 resolveHistoryStart = (startDate, creationDate) => {
+    const start = toUnixTimestamp(startDate);
+    if (start != null && start <= nowSec) return start;
+    const created = toUnixTimestamp(creationDate);
+    if (created != null && created <= nowSec) return created;
+    return null;
+  };
+  const preferredEventStart = resolveHistoryStart(event.startDate, event.creationDate);
+  const marketStartCandidates = scopedMarkets.map((market) => resolveHistoryStart(market.startDate, market.creationDate)).filter((value) => value != null);
   const metadataStarts = [preferredEventStart, ...marketStartCandidates].filter(
     (value) => value != null
   );
@@ -899,7 +903,7 @@ var resolveInitialEventDetailsChartRange = ({
   const matchingRange = CHART_RANGE_PRIORITY.find((range) => {
     return RANGE_SECONDS_BY_TIME_RANGE[range] >= requiredSeconds;
   });
-  return (_b = matchingRange != null ? matchingRange : fallbackRange) != null ? _b : "ALL";
+  return (_a = matchingRange != null ? matchingRange : fallbackRange) != null ? _a : "ALL";
 };
 var matchOutcomeByLabel = (outcome, selectedOutcomeLabel) => {
   const normalizedSelectedLabel = normalizeLabel(selectedOutcomeLabel);

package/dist/{chunk-WIGSRHUG.mjs → chunk-XZVGHKMW.mjs}

@@ -6218,7 +6218,8 @@ var RemoteImage = ({
   width,
   height,
   onClick,
-  ariaLabel
+  ariaLabel,
+  fallback
 }) => {
   const {
     general: { theme }
@@ -6275,7 +6276,7 @@ var RemoteImage = ({
             className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
             "aria-hidden": true,
             "aria-errormessage": "Image failed to load",
-            children: /* @__PURE__ */ jsx109(
+            children: fallback != null ? fallback : /* @__PURE__ */ jsx109(
               Icon,
               {
                 name: "image",

package/dist/{event-market-GX24AP2H.mjs → event-market-2BAMDM5I.mjs}

@@ -6,12 +6,12 @@ import {
   EventOpenOrdersCard,
   formatRecurringCountdown,
   useEventOpenOrders
-} from "./chunk-HFL3CEWG.mjs";
-import "./chunk-2UPO6G3S.mjs";
-import "./chunk-2OBJ7DYT.mjs";
-import "./chunk-JJ3VVCEP.mjs";
-import "./chunk-NRPS2D3Q.mjs";
-import "./chunk-WIGSRHUG.mjs";
+} from "./chunk-NSQQ62QK.mjs";
+import "./chunk-DWPBGMVJ.mjs";
+import "./chunk-5YHKIJ23.mjs";
+import "./chunk-WOCZ4TVT.mjs";
+import "./chunk-ROA5K67W.mjs";
+import "./chunk-XZVGHKMW.mjs";
 export {
   EventMarketPage,
   EventOpenOrders,

package/dist/events.js

@@ -5073,7 +5073,8 @@ var RemoteImage = ({
   width,
   height,
   onClick,
-  ariaLabel
+  ariaLabel,
+  fallback
 }) => {
   const {
     general: { theme }
@@ -5130,7 +5131,7 @@ var RemoteImage = ({
             className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
             "aria-hidden": true,
             "aria-errormessage": "Image failed to load",
-            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+            children: fallback != null ? fallback : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               Icon,
               {
                 name: "image",
@@ -9530,6 +9531,7 @@ var EventListItemContent = ({
               src: (0, import_hooks36.optimizedImageUrl)(resolvedImage, 40),
               retinaSrc: (0, import_hooks36.retinaImageUrl)(resolvedImage, 40),
               alt: "",
+              fallback: event.venue ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(VenueLogo, { venue: event.venue, size: "medium" }) : void 0,
               classNames: {
                 root: "agg-event-image h-10 w-10 shrink-0 rounded-agg-lg object-cover",
                 image: "transition-transform duration-300 group-hover/agg-event-card:scale-110"
@@ -10006,13 +10008,17 @@ var resolveInitialEventDetailsChartRange = ({
   nowSec = (0, import_dayjs3.default)().unix(),
   selectedMarket
 }) => {
-  var _a, _b;
+  var _a;
   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 resolveHistoryStart = (startDate, creationDate) => {
+    const start = toUnixTimestamp(startDate);
+    if (start != null && start <= nowSec) return start;
+    const created = toUnixTimestamp(creationDate);
+    if (created != null && created <= nowSec) return created;
+    return null;
+  };
+  const preferredEventStart = resolveHistoryStart(event.startDate, event.creationDate);
+  const marketStartCandidates = scopedMarkets.map((market) => resolveHistoryStart(market.startDate, market.creationDate)).filter((value) => value != null);
   const metadataStarts = [preferredEventStart, ...marketStartCandidates].filter(
     (value) => value != null
   );
@@ -10050,7 +10056,7 @@ var resolveInitialEventDetailsChartRange = ({
   const matchingRange = CHART_RANGE_PRIORITY.find((range) => {
     return RANGE_SECONDS_BY_TIME_RANGE[range] >= requiredSeconds;
   });
-  return (_b = matchingRange != null ? matchingRange : fallbackRange) != null ? _b : "ALL";
+  return (_a = matchingRange != null ? matchingRange : fallbackRange) != null ? _a : "ALL";
 };
 var matchOutcomeByLabel = (outcome, selectedOutcomeLabel) => {
   const normalizedSelectedLabel = normalizeLabel(selectedOutcomeLabel);
@@ -13597,6 +13603,20 @@ var EventListItemDetailsContent = ({
     resolvedEventTradingState.isTradingDisabled ? [] : resolvedEventTradingState.displayMarkets,
     scopedSelectedMarketId
   );
+  const selectedBetdexOutcomes = (0, import_react23.useMemo)(
+    () => eventDetailVenueMarkets.filter((market) => market.venue === "betdex").flatMap(
+      (market) => market.venueMarketOutcomes.map((outcome) => ({
+        venue: market.venue,
+        venueMarketOutcomeId: outcome.id
+      }))
+    ),
+    [eventDetailVenueMarkets]
+  );
+  (0, import_hooks51.useMarketOrderbook)({
+    venueOutcomes: selectedBetdexOutcomes,
+    enabled: !resolvedEventTradingState.isTradingDisabled && selectedBetdexOutcomes.length > 0,
+    live: false
+  });
   const wsLivePrices = (0, import_hooks51.useLiveOutcomePrices)(eventDetailVenueMarkets);
   const wsBestPrices = (0, import_hooks51.useLiveBestPrices)(eventDetailVenueMarkets);
   const resolvedMidpointsResult = midpointsResult != null ? midpointsResult : {
@@ -13734,6 +13754,7 @@ var EventListItemDetailsContent = ({
                   src: (0, import_hooks51.optimizedImageUrl)(event.image, 60),
                   retinaSrc: (0, import_hooks51.retinaImageUrl)(event.image, 60),
                   alt: "",
+                  fallback: event.venue ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(VenueLogo, { venue: event.venue, size: "large" }) : void 0,
                   className: "agg-event-image size-10 rounded-agg-lg object-cover md:size-[60px]"
                 }
               ),
@@ -13885,7 +13906,7 @@ var EventListItemDetailsContent = ({
               selectedOutcomeId: (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? tradingContext.selectedOutcomeId : (_f = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes[0]) == null ? void 0 : _f.id,
               eventEndDate: event.endDate,
               contractWindow,
-              range: config.chart.selectedChartTimeRange,
+              range: chartRangeOverride != null ? chartRangeOverride : config.chart.selectedChartTimeRange,
               live: !resolvedEventTradingState.isTradingDisabled && config.features.enableLiveUpdates
             },
             event.id
@@ -13935,7 +13956,7 @@ var EventListItemDetailsContent = ({
                       ) : null,
                       !contractWindow ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }) : null,
                       !contractWindow && import_hooks51.CHART_TIME_RANGES.map((timeRange) => {
-                        const effectiveRange = chartView === "all" ? config.chart.selectedChartTimeRange : chartRangeOverride != null ? chartRangeOverride : config.chart.selectedChartTimeRange;
+                        const effectiveRange = chartRangeOverride != null ? chartRangeOverride : config.chart.selectedChartTimeRange;
                         const isActive = timeRange === effectiveRange;
                         return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
                           Button,
@@ -15385,6 +15406,13 @@ var MarketDetailsContent = ({
       labels
     });
   }, [config.formatting.formatCompactCurrency, venueMarkets, image, labels, marketId, title2]);
+  const primaryVenue = (0, import_react28.useMemo)(
+    () => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = venueMarkets.find((venueMarket) => venueMarket.id === marketId)) != null ? _a2 : venueMarkets[0]) == null ? void 0 : _b2.venue;
+    },
+    [venueMarkets, marketId]
+  );
   const livePrices = (0, import_react28.useMemo)(() => {
     const merged = /* @__PURE__ */ new Map();
     if (midpointsFallback == null ? void 0 : midpointsFallback.size) {
@@ -15591,6 +15619,26 @@ var MarketDetailsContent = ({
     });
   }, [model, selectedOutcomeLabel, selectedOutcomeId]);
   const orderBookEnabled = isOpened && effectiveSelectedTab === "order-book" && !marketTradingState.isTradingDisabled;
+  const betdexSeedOutcomes = (0, import_react28.useMemo)(
+    () => {
+      var _a2;
+      return ((_a2 = model == null ? void 0 : model.market.venueMarkets) != null ? _a2 : []).filter((venueMarket) => venueMarket.venue === "betdex").flatMap(
+        (venueMarket) => {
+          var _a3;
+          return ((_a3 = venueMarket.venueMarketOutcomes) != null ? _a3 : []).map((outcome) => ({
+            venue: venueMarket.venue,
+            venueMarketOutcomeId: outcome.id
+          }));
+        }
+      );
+    },
+    [model]
+  );
+  (0, import_hooks55.useMarketOrderbook)({
+    venueOutcomes: betdexSeedOutcomes,
+    enabled: !orderBookEnabled && !marketTradingState.isTradingDisabled && betdexSeedOutcomes.length > 0,
+    live: false
+  });
   const selectedVenueOutcome = selectedOutcomesByVenue.find(
     (item) => item.outcomeId === selectedOutcomeId
   );
@@ -15785,6 +15833,7 @@ var MarketDetailsContent = ({
                           src: (0, import_hooks55.optimizedImageUrl)(model.image, 60),
                           retinaSrc: (0, import_hooks55.retinaImageUrl)(model.image, 60),
                           alt: "",
+                          fallback: primaryVenue ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(VenueLogo, { venue: primaryVenue, size: "large" }) : void 0,
                           className: "agg-market-image size-12 rounded-agg-lg object-cover md:size-[60px]"
                         }
                       ) : null,

package/dist/events.mjs

@@ -4,7 +4,7 @@ import {
   EventList,
   EventListItem,
   EventListItemV2
-} from "./chunk-VUZ72Q7H.mjs";
+} from "./chunk-DXASFSVL.mjs";
 import {
   EventListItemDetails,
   MarketDetails,
@@ -19,13 +19,13 @@ import {
   orderbookRowLimitDefault,
   resolveEventDetailsSyncKey,
   useCenterOrderbookSpread
-} from "./chunk-2UPO6G3S.mjs";
+} from "./chunk-DWPBGMVJ.mjs";
 import {
   formatProbabilityCents,
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries
-} from "./chunk-JJ3VVCEP.mjs";
-import "./chunk-WIGSRHUG.mjs";
+} from "./chunk-WOCZ4TVT.mjs";
+import "./chunk-XZVGHKMW.mjs";
 export {
   EventList,
   EventListItem,