@agg-market/ui 4.0.0 → 5.0.0

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

@@ -2,7 +2,7 @@ import {
   resolveOutcomeTitle,
   selectPrimaryVenueMarket,
   sortOutcomes
-} from "./chunk-QM7CGMFG.mjs";
+} from "./chunk-MKVGQ7AS.mjs";
 import {
   fallbackLineColors,
   lineColorByVenue

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-LA3FBBSJ.mjs → chunk-CTYJVVHJ.mjs}

@@ -1,6 +1,7 @@
 import {
   formatCountLabel,
   getVenueSummary,
+  isErrorWithStatus,
   normalizeProbability,
   resolveEventListItemEvent,
   resolveOutcomeTitle,
@@ -9,7 +10,10 @@ import {
   resolveVenueLabel,
   resolveVisibleOutcomes,
   selectPrimaryVenueMarket
-} from "./chunk-QM7CGMFG.mjs";
+} from "./chunk-MKVGQ7AS.mjs";
+import {
+  StateMessage
+} from "./chunk-XUCS575S.mjs";
 import {
   Badge
 } from "./chunk-K6IJ4WBM.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) {

package/dist/{chunk-GNSPZ53C.mjs → chunk-DHBHKIJR.mjs}

@@ -1,20 +1,24 @@
+import {
+  Tabs
+} from "./chunk-S3H63TQ5.mjs";
 import {
   buildPriceHistoryGroups,
   getTimeWindowByRange,
   resolveOutcomeLabels,
   resolveOutcomesByVenue,
   resolveSeriesColor
-} from "./chunk-HOXTJ742.mjs";
-import {
-  Tabs
-} from "./chunk-S3H63TQ5.mjs";
+} from "./chunk-34IRJYSU.mjs";
 import {
   getVenueSummary,
+  isErrorWithStatus,
   normalizeProbability,
   resolveTileImage,
   resolveTileTitle,
   selectPrimaryVenueMarket
-} from "./chunk-QM7CGMFG.mjs";
+} from "./chunk-MKVGQ7AS.mjs";
+import {
+  StateMessage
+} from "./chunk-XUCS575S.mjs";
 import {
   MarketDetailsOderbookSkeleton,
   Skeleton,
@@ -86,12 +90,11 @@ var resolveInitialTab = (defaultTab) => {
   return "order-book";
 };
 var resolveMarket = (event, marketId) => {
-  var _a;
   if (!event.markets.length)
     return void 0;
   if (!marketId)
     return event.markets[0];
-  return (_a = event.markets.find((market) => market.id === marketId)) != null ? _a : event.markets[0];
+  return event.markets.find((market) => market.id === marketId);
 };
 var resolveDisplayOutcomeLabels = (labels) => {
   if (!hasBinaryLabels(labels))
@@ -321,6 +324,21 @@ var MarketDetailsUnavailableState = ({
     }
   );
 };
+var MarketDetailsNotFoundState = ({
+  ariaLabel,
+  classNames
+}) => {
+  const labels = useLabels();
+  return /* @__PURE__ */ jsx(Card, { className: cn(marketDetailsBaseCardClassName, "p-0", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsx(
+    StateMessage,
+    {
+      ariaLabel: ariaLabel != null ? ariaLabel : labels.marketDetails.notFoundAria,
+      title: labels.marketDetails.notFoundTitle,
+      description: labels.marketDetails.notFoundDescription,
+      className: "min-h-[280px] md:min-h-[320px]"
+    }
+  ) });
+};
 var OrderBookRows = ({
   rows,
   title,
@@ -424,6 +442,9 @@ var MarketDetailsContent = ({
       labels
     });
   }, [config.formatCompactCurrency, event, image, labels, marketId, title]);
+  const resolvedMarket = useMemo(() => {
+    return resolveMarket(event, marketId);
+  }, [event, marketId]);
   const marketDetailsTabs = useMemo(() => {
     return getMarketDetailsTabs(labels);
   }, [labels]);
@@ -511,7 +532,12 @@ var MarketDetailsContent = ({
       liveUpdate: true
     }));
   }, [selectedOutcomesByVenue]);
-  const { data: orderBookData, isLoading: isOrderBookLoading } = useOrderBook({
+  const {
+    data: orderBookData,
+    isLoading: isOrderBookLoading,
+    error: orderBookError,
+    results: orderBookResults
+  } = useOrderBook({
     orderbooks: orderBookInputs,
     enabled: isOpened && selectedTab === "order-book" && orderBookInputs.length > 0
   });
@@ -600,6 +626,9 @@ var MarketDetailsContent = ({
       return [];
     return resolveOtherTabRows(model.market, labels);
   }, [labels, model]);
+  const isOrderBookNotFound = isErrorWithStatus(orderBookError, 404);
+  const hasOrderBookError = !!orderBookError && !isOrderBookNotFound;
+  const hasNoOrderBook = isOrderBookNotFound || !isOrderBookLoading && !hasOrderBookError && (orderBookInputs.length === 0 || askRows.length === 0 && bidRows.length === 0);
   const handleOutcomeKeyDown = (eventToHandle) => {
     var _a;
     if ((eventToHandle == null ? void 0 : eventToHandle.key) !== "ArrowLeft" && (eventToHandle == null ? void 0 : eventToHandle.key) !== "ArrowRight") {
@@ -633,6 +662,9 @@ var MarketDetailsContent = ({
       return venue;
     });
   };
+  const handleRetryOrderBook = () => {
+    void Promise.all(orderBookResults.map((result) => result.refetch()));
+  };
   useEffect(() => {
     if (!selectedGraphVenue) {
       return;
@@ -642,6 +674,9 @@ var MarketDetailsContent = ({
     }
     setSelectedGraphVenue(null);
   }, [selectedGraphVenue, selectedOutcomesByVenue]);
+  if (marketId && !resolvedMarket) {
+    return /* @__PURE__ */ jsx(MarketDetailsNotFoundState, { ariaLabel, classNames });
+  }
   if (!model) {
     return /* @__PURE__ */ jsx(MarketDetailsUnavailableState, { ariaLabel, classNames });
   }
@@ -783,7 +818,26 @@ var MarketDetailsContent = ({
                     ) }),
                     /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-agg-separator" }),
                     /* @__PURE__ */ jsxs("div", { className: cn("p-5", classNames == null ? void 0 : classNames.content), children: [
-                      selectedTab === "order-book" ? /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.orderBook), children: isOrderBookLoading ? /* @__PURE__ */ jsx(MarketDetailsOderbookSkeleton, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                      selectedTab === "order-book" ? /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.orderBook), children: isOrderBookLoading ? /* @__PURE__ */ jsx(MarketDetailsOderbookSkeleton, {}) : hasOrderBookError ? /* @__PURE__ */ jsx(
+                        StateMessage,
+                        {
+                          ariaLabel: labels.marketDetails.orderBookUnavailableAria,
+                          tone: "warning",
+                          title: labels.marketDetails.orderBookUnavailableTitle,
+                          description: labels.marketDetails.orderBookUnavailableDescription,
+                          actionLabel: labels.common.retry,
+                          onAction: handleRetryOrderBook,
+                          className: "min-h-[248px] px-5 py-10 md:min-h-[272px]"
+                        }
+                      ) : hasNoOrderBook ? /* @__PURE__ */ jsx(
+                        StateMessage,
+                        {
+                          ariaLabel: labels.marketDetails.orderBookEmptyAria,
+                          title: labels.marketDetails.orderBookEmptyTitle,
+                          description: labels.marketDetails.orderBookEmptyDescription,
+                          className: "min-h-[248px] px-5 py-10 md:min-h-[272px]"
+                        }
+                      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
                         /* @__PURE__ */ jsx(
                           OrderBookRows,
                           {
@@ -936,12 +990,13 @@ var MarketDetails = (props) => {
     (_a2 = props.onOpenChange) == null ? void 0 : _a2.call(props, nextIsOpened);
   };
   const hasEventProp = "event" in props && !!props.event;
-  const { event: fetchedEvent, isLoading: isFetchingEvent } = useEvent(
-    hasEventProp ? void 0 : props.eventId,
-    {
-      enabled: !props.isLoading && !hasEventProp && !!props.eventId
-    }
-  );
+  const {
+    event: fetchedEvent,
+    error: eventError,
+    isLoading: isFetchingEvent
+  } = useEvent(hasEventProp ? void 0 : props.eventId, {
+    enabled: !props.isLoading && !hasEventProp && !!props.eventId
+  });
   if (props.isLoading) {
     return /* @__PURE__ */ jsx(
       MarketDetailsLoadingState,
@@ -973,6 +1028,9 @@ var MarketDetails = (props) => {
     );
   }
   if (!fetchedEvent) {
+    if (isErrorWithStatus(eventError, 404)) {
+      return /* @__PURE__ */ jsx(MarketDetailsNotFoundState, { ariaLabel: props.ariaLabel, classNames: props.classNames });
+    }
     return /* @__PURE__ */ jsx(MarketDetailsUnavailableState, { ariaLabel: props.ariaLabel, classNames: props.classNames });
   }
   return /* @__PURE__ */ jsx(

package/dist/{chunk-OH56VUYK.mjs → chunk-GFBF2J3Y.mjs}

@@ -1,9 +1,12 @@
 import {
   EventListItem
-} from "./chunk-LA3FBBSJ.mjs";
+} from "./chunk-CTYJVVHJ.mjs";
 import {
   Tabs
 } from "./chunk-S3H63TQ5.mjs";
+import {
+  StateMessage
+} from "./chunk-XUCS575S.mjs";
 import {
   Skeleton
 } from "./chunk-M4RJHRFT.mjs";
@@ -16,6 +19,9 @@ import {
 import {
   Typography
 } from "./chunk-ERGNR6UQ.mjs";
+import {
+  Card
+} from "./chunk-FO2QCB4Z.mjs";
 import {
   cn
 } from "./chunk-GJ4U5NCE.mjs";
@@ -294,14 +300,15 @@ var EventList = ({
         },
         `loading-${index}`
       )),
-      !isLoading && !isError && (tileEvents == null ? void 0 : tileEvents.length) === 0 ? /* @__PURE__ */ jsx(
-        Typography,
+      !isLoading && !isError && (tileEvents == null ? void 0 : tileEvents.length) === 0 ? /* @__PURE__ */ jsx(Card, { className: "col-span-full overflow-hidden shadow-none hover:shadow-none", children: /* @__PURE__ */ jsx(
+        StateMessage,
         {
-          variant: "body",
-          className: "w-full col-span-full flex flex-col items-center justify-center h-32",
-          children: labels.eventList.empty
+          ariaLabel: labels.eventList.emptyAria,
+          title: labels.eventList.emptyTitle,
+          description: labels.eventList.emptyDescription,
+          className: "min-h-[320px]"
         }
-      ) : null,
+      ) }) : null,
       isError ? /* @__PURE__ */ jsx(
         Typography,
         {

package/dist/{chunk-P2PJBO5C.mjs → chunk-KIYMVWL4.mjs}

@@ -1,6 +1,6 @@
 import {
   EventList
-} from "./chunk-OH56VUYK.mjs";
+} from "./chunk-GFBF2J3Y.mjs";
 import {
   Tabs
 } from "./chunk-S3H63TQ5.mjs";

package/dist/{chunk-QM7CGMFG.mjs → chunk-MKVGQ7AS.mjs}

@@ -2,6 +2,17 @@ import {
   toDate
 } from "./chunk-GJ4U5NCE.mjs";
 
+// src/shared/query-error.ts
+var getErrorStatus = (error) => {
+  if (!error || typeof error !== "object")
+    return null;
+  const status = error.status;
+  return typeof status === "number" ? status : null;
+};
+var isErrorWithStatus = (error, status) => {
+  return getErrorStatus(error) === status;
+};
+
 // src/events/item/event-list-item.utils.ts
 var resolveEventListItemEvent = (fetchedEvent) => {
   if (!fetchedEvent)
@@ -142,6 +153,7 @@ var resolveVenueLabel = (venue, venueInfo, labels) => {
 };
 
 export {
+  isErrorWithStatus,
   resolveEventListItemEvent,
   normalizeProbability,
   sortOutcomes,

package/dist/{chunk-JNH64AKR.mjs → chunk-Q6DGDBPV.mjs}

@@ -8,15 +8,19 @@ import {
   resolveOutcomeLabels,
   resolveOutcomesByVenue,
   resolveSeriesColor
-} from "./chunk-HOXTJ742.mjs";
+} from "./chunk-34IRJYSU.mjs";
 import {
+  isErrorWithStatus,
   normalizeProbability,
   resolveEventListItemEvent,
   resolveTileImage,
   resolveTileTitle,
   resolveVenueLabel,
   selectPrimaryVenueMarket
-} from "./chunk-QM7CGMFG.mjs";
+} from "./chunk-MKVGQ7AS.mjs";
+import {
+  StateMessage
+} from "./chunk-XUCS575S.mjs";
 import {
   Badge
 } from "./chunk-K6IJ4WBM.mjs";
@@ -86,6 +90,21 @@ var EventListItemDetailsUnavailableState = ({
     }
   );
 };
+var EventListItemDetailsNotFoundState = ({
+  classNames,
+  ariaLabel
+}) => {
+  const labels = useLabels();
+  return /* @__PURE__ */ jsx(Card, { className: cn(detailsBaseCardClassName, 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 probabilityModeOrder = ["yes", "no"];
 var clampProbability = (value) => {
   if (value < 0)
@@ -210,7 +229,12 @@ var EventListItemDetailsGraphSection = ({
   const timeWindow = useMemo(() => {
     return getTimeWindowByRange(selectedTimeRange);
   }, [selectedTimeRange]);
-  const { data: priceHistoryData, isLoading: isPriceHistoryLoading } = usePriceHistory(__spreadProps(__spreadValues({
+  const {
+    data: priceHistoryData,
+    isLoading: isPriceHistoryLoading,
+    error: priceHistoryError,
+    results: priceHistoryResults
+  } = usePriceHistory(__spreadProps(__spreadValues({
     groups: priceHistoryGroups
   }, timeWindow), {
     enabled: priceHistoryGroups.length > 0
@@ -314,6 +338,32 @@ var EventListItemDetailsGraphSection = ({
       return venue;
     });
   };
+  const handleRetryPriceHistory = () => {
+    void Promise.all(priceHistoryResults.map((result) => result.refetch()));
+  };
+  if (priceHistoryError) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "w-full rounded-agg-xl border border-agg-separator bg-agg-secondary",
+          classNames == null ? void 0 : classNames.chart
+        ),
+        children: /* @__PURE__ */ jsx(
+          StateMessage,
+          {
+            ariaLabel: labels.eventItemDetails.chartUnavailableAria,
+            tone: "warning",
+            title: labels.eventItemDetails.chartUnavailableTitle,
+            description: labels.eventItemDetails.chartUnavailableDescription,
+            actionLabel: labels.common.retry,
+            onAction: handleRetryPriceHistory,
+            className: "min-h-[300px] px-5 py-10 md:px-10"
+          }
+        )
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(
     LineChart,
     {
@@ -638,6 +688,7 @@ var EventListItemDetailsByEventId = (_a) => {
   ]);
   const {
     event: fetchedEvent,
+    error,
     isError,
     isLoading
   } = useEvent(eventId, {
@@ -658,7 +709,10 @@ var EventListItemDetailsByEventId = (_a) => {
   if (isLoading) {
     return /* @__PURE__ */ jsx(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
-  if (!resolvedEvent && !isError) {
+  if (isErrorWithStatus(error, 404)) {
+    return /* @__PURE__ */ jsx(EventListItemDetailsNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+  }
+  if (!fetchedEvent && !isError) {
     return /* @__PURE__ */ jsx(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!resolvedEvent) {