@agg-market/ui 3.0.1 → 5.0.0

package/dist/chart.js

@@ -122,10 +122,10 @@ var SwitchButton = ({
     return null;
   }
   const handleKeyDown = (event, optionIndex) => {
-    if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") {
+    if ((event == null ? void 0 : event.key) !== "ArrowLeft" && (event == null ? void 0 : event.key) !== "ArrowRight") {
       return;
     }
-    event.preventDefault();
+    event == null ? void 0 : event.preventDefault();
     const nextOptionIndex = resolveNextEnabledIndex(
       options,
       optionIndex,
@@ -242,8 +242,18 @@ var normalizeSeries = (series) => {
 var defaultValueFormatter = (value) => {
   return `${Math.round(value)}%`;
 };
-var defaultTimeFormatter = (timestamp) => {
-  return import_dayjs.default.unix(timestamp).format("MMM D");
+var resolveTimeFormatter = (windowSeconds) => {
+  return (timestamp) => {
+    if (!Number.isFinite(timestamp))
+      return "";
+    if (windowSeconds <= 48 * 60 * 60) {
+      return import_dayjs.default.unix(timestamp).format("HH:mm");
+    }
+    if (windowSeconds <= 14 * 24 * 60 * 60) {
+      return import_dayjs.default.unix(timestamp).format("MMM D HH:mm");
+    }
+    return import_dayjs.default.unix(timestamp).format("MMM D");
+  };
 };
 var toLivelinePoints = (points) => {
   return points.map((point) => ({
@@ -366,6 +376,9 @@ var LineChart = ({
   const windowSeconds = (0, import_react2.useMemo)(() => {
     return resolveWindowSeconds(normalizedSeries);
   }, [normalizedSeries]);
+  const timeFormatter = (0, import_react2.useMemo)(() => {
+    return resolveTimeFormatter(windowSeconds);
+  }, [windowSeconds]);
   const seriesControls = showSeriesControls && normalizedSeries.length > 0 ? (_a = renderSeriesControls == null ? void 0 : renderSeriesControls({
     series: normalizedSeries,
     activeSeriesId,
@@ -404,7 +417,7 @@ var LineChart = ({
             pulse: false,
             window: windowSeconds,
             formatValue: defaultValueFormatter,
-            formatTime: defaultTimeFormatter,
+            formatTime: timeFormatter,
             padding: {
               top: 12,
               right: 80,

package/dist/chart.mjs

@@ -1,7 +1,7 @@
 import {
   LineChart
-} from "./chunk-BN5VVHNV.mjs";
-import "./chunk-CTVMT3VL.mjs";
+} from "./chunk-OJVTGNIF.mjs";
+import "./chunk-LCZKSITC.mjs";
 import "./chunk-GJ4U5NCE.mjs";
 export {
   LineChart

package/dist/{chunk-422MCIXV.mjs → chunk-34IRJYSU.mjs}

@@ -2,11 +2,11 @@ import {
   resolveOutcomeTitle,
   selectPrimaryVenueMarket,
   sortOutcomes
-} from "./chunk-GHB3GOCW.mjs";
+} from "./chunk-MKVGQ7AS.mjs";
 import {
   fallbackLineColors,
   lineColorByVenue
-} from "./chunk-V52WSZHQ.mjs";
+} from "./chunk-M4RJHRFT.mjs";
 
 // src/events/item-details/event-list-item-details.utils.ts
 import dayjs from "dayjs";
@@ -107,18 +107,22 @@ var resolveOutcomesByVenue = (venueMarkets, selectedOutcomeLabel) => {
     };
   }).filter((item) => item != null);
 };
-var buildPriceHistoryGroups = (selectedOutcomes) => {
-  const venueMarketOutcomeIdsByVenue = /* @__PURE__ */ new Map();
-  selectedOutcomes.forEach(({ venue, outcome }) => {
-    var _a;
-    if (!venueMarketOutcomeIdsByVenue.has(venue)) {
-      venueMarketOutcomeIdsByVenue.set(venue, []);
+var buildPriceHistoryGroups = (selectedOutcomes, fallbackMarketId) => {
+  const marketIdByVenue = /* @__PURE__ */ new Map();
+  selectedOutcomes.forEach(({ venue, market }) => {
+    var _a, _b;
+    const marketWithCanonicalId = market;
+    const canonicalMarketId = (_a = marketWithCanonicalId.marketId) != null ? _a : fallbackMarketId;
+    if (!canonicalMarketId)
+      return;
+    if (!marketIdByVenue.has(venue)) {
+      marketIdByVenue.set(venue, /* @__PURE__ */ new Set());
     }
-    (_a = venueMarketOutcomeIdsByVenue.get(venue)) == null ? void 0 : _a.push(outcome.id);
+    (_b = marketIdByVenue.get(venue)) == null ? void 0 : _b.add(canonicalMarketId);
   });
-  return [...venueMarketOutcomeIdsByVenue.entries()].map(([venue, venueMarketOutcomeIds]) => ({
+  return [...marketIdByVenue.entries()].map(([venue, marketIds]) => ({
     venue,
-    venueMarketOutcomeIds
+    venueMarketOutcomeIds: [...marketIds]
   })).filter((group) => group.venueMarketOutcomeIds.length > 0);
 };
 var resolveSeriesColor = (venue, index) => {

package/dist/{chunk-KUWTY4EM.mjs → chunk-3W7NBJLU.mjs}

@@ -6,7 +6,7 @@ import {
 import {
   Skeleton,
   skeletonViews
-} from "./chunk-V52WSZHQ.mjs";
+} from "./chunk-M4RJHRFT.mjs";
 import {
   VenueLogo
 } from "./chunk-PORVP72S.mjs";

package/dist/chunk-4343LYSH.mjs

@@ -0,0 +1,45 @@
+import {
+  getIconA11yProps
+} from "./chunk-BNDFQPHF.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-GJ4U5NCE.mjs";
+
+// src/primitives/search/search-empty-icon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SearchEmptyIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 40 40",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        /* @__PURE__ */ jsx("circle", { cx: "19.9987", cy: "20.0013", r: "9.2", stroke: "currentColor", strokeWidth: "1.6" }),
+        /* @__PURE__ */ jsx(
+          "ellipse",
+          {
+            cx: "19.9987",
+            cy: "20.0012",
+            rx: "17.2",
+            ry: "6.6",
+            transform: "rotate(-35 19.9987 20.0012)",
+            stroke: "currentColor",
+            strokeWidth: "1.6"
+          }
+        )
+      ]
+    })
+  );
+};
+SearchEmptyIcon.displayName = "SearchEmptyIcon";
+
+export {
+  SearchEmptyIcon
+};

package/dist/{chunk-RKCVOKE3.mjs → chunk-CTYJVVHJ.mjs}

@@ -1,6 +1,7 @@
 import {
   formatCountLabel,
   getVenueSummary,
+  isErrorWithStatus,
   normalizeProbability,
   resolveEventListItemEvent,
   resolveOutcomeTitle,
@@ -9,14 +10,17 @@ import {
   resolveVenueLabel,
   resolveVisibleOutcomes,
   selectPrimaryVenueMarket
-} from "./chunk-GHB3GOCW.mjs";
+} from "./chunk-MKVGQ7AS.mjs";
+import {
+  StateMessage
+} from "./chunk-XUCS575S.mjs";
 import {
   Badge
 } from "./chunk-K6IJ4WBM.mjs";
 import {
   Skeleton,
   baseCardClassName
-} from "./chunk-V52WSZHQ.mjs";
+} from "./chunk-M4RJHRFT.mjs";
 import {
   VenueLogo
 } from "./chunk-PORVP72S.mjs";
@@ -76,6 +80,21 @@ var EventListItemUnavailableState = ({
     }
   );
 };
+var EventListItemNotFoundState = ({
+  classNames,
+  ariaLabel
+}) => {
+  const labels = useLabels();
+  return /* @__PURE__ */ jsx(Card, { className: cn("w-full gap-0 overflow-hidden p-0", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsx(
+    StateMessage,
+    {
+      ariaLabel: ariaLabel != null ? ariaLabel : labels.eventItemDetails.notFoundAria,
+      title: labels.eventItemDetails.notFoundTitle,
+      description: labels.eventItemDetails.notFoundDescription,
+      className: "min-h-[280px] md:min-h-[320px]"
+    }
+  ) });
+};
 var EventListItemContent = ({
   event,
   title,
@@ -272,6 +291,7 @@ var EventListItemByEventId = (_a) => {
   ]);
   const {
     event: fetchedEvent,
+    error,
     isError,
     isLoading
   } = useEvent(eventId, {
@@ -286,7 +306,10 @@ var EventListItemByEventId = (_a) => {
   if (isLoading) {
     return /* @__PURE__ */ jsx(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
-  if (!resolvedEvent && !isError) {
+  if (isErrorWithStatus(error, 404)) {
+    return /* @__PURE__ */ jsx(EventListItemNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+  }
+  if (!fetchedEvent && !isError) {
     return /* @__PURE__ */ jsx(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!resolvedEvent) {