@agg-market/ui 5.0.0 → 6.0.0

package/dist/chunk-CTYJVVHJ.mjs

@@ -1,334 +0,0 @@
-import {
-  formatCountLabel,
-  getVenueSummary,
-  isErrorWithStatus,
-  normalizeProbability,
-  resolveEventListItemEvent,
-  resolveOutcomeTitle,
-  resolveTileImage,
-  resolveTileTitle,
-  resolveVenueLabel,
-  resolveVisibleOutcomes,
-  selectPrimaryVenueMarket
-} from "./chunk-MKVGQ7AS.mjs";
-import {
-  StateMessage
-} from "./chunk-XUCS575S.mjs";
-import {
-  Badge
-} from "./chunk-K6IJ4WBM.mjs";
-import {
-  Skeleton,
-  baseCardClassName
-} from "./chunk-M4RJHRFT.mjs";
-import {
-  VenueLogo
-} from "./chunk-PORVP72S.mjs";
-import {
-  Icon
-} from "./chunk-PZTHM6WG.mjs";
-import {
-  Typography
-} from "./chunk-ERGNR6UQ.mjs";
-import {
-  Card
-} from "./chunk-FO2QCB4Z.mjs";
-import {
-  __objRest,
-  __spreadValues,
-  cn
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/events/item/index.tsx
-import dayjs from "dayjs";
-import { useMemo } from "react";
-import {
-  useEvent,
-  useLabels,
-  useSdkUiConfig
-} from "@agg-market/hooks";
-import { jsx, jsxs } from "react/jsx-runtime";
-var EventListItemLoadingState = ({
-  classNames,
-  ariaLabel
-}) => {
-  const labels = useLabels();
-  return /* @__PURE__ */ jsx(
-    Skeleton,
-    {
-      view: "event-list-item",
-      className: classNames == null ? void 0 : classNames.root,
-      ariaLabel: ariaLabel != null ? ariaLabel : labels.eventItem.loading
-    }
-  );
-};
-var EventListItemUnavailableState = ({
-  classNames,
-  ariaLabel
-}) => {
-  const labels = useLabels();
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      className: cn(baseCardClassName, classNames == null ? void 0 : classNames.root),
-      role: "status",
-      "aria-label": ariaLabel != null ? ariaLabel : labels.eventItem.unavailableAria,
-      children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItem.unavailableTitle }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
-      ] })
-    }
-  );
-};
-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,
-  image,
-  showVenueLogo = true,
-  maxOutcomes = 2,
-  classNames,
-  venueInfo,
-  arbitrageByOutcomeId,
-  onClick,
-  ariaLabel
-}) => {
-  var _a;
-  const config = useSdkUiConfig();
-  const labels = useLabels();
-  const allVenueMarkets = useMemo(() => {
-    return event.markets.flatMap((market) => market.venueMarkets);
-  }, [event.markets]);
-  const primaryVenueMarket = useMemo(() => {
-    return selectPrimaryVenueMarket(allVenueMarkets);
-  }, [allVenueMarkets]);
-  const visibleOutcomes = useMemo(() => {
-    if (allVenueMarkets.length === 0)
-      return [];
-    return resolveVisibleOutcomes(allVenueMarkets, maxOutcomes);
-  }, [allVenueMarkets, maxOutcomes]);
-  const resolvedTitle = resolveTileTitle(event, primaryVenueMarket, title);
-  const resolvedImage = resolveTileImage(event, primaryVenueMarket, image);
-  const { marketCount, venueCount, singleVenue } = getVenueSummary(allVenueMarkets);
-  const venueLabel = resolveVenueLabel(singleVenue, venueInfo, labels);
-  const visibleVenueLogos = useMemo(() => {
-    return Array.from(new Set(allVenueMarkets.map((market) => market.venue))).slice(0, 4);
-  }, [allVenueMarkets]);
-  const resolvedVolume = typeof event.volume === "number" ? event.volume : (_a = primaryVenueMarket == null ? void 0 : primaryVenueMarket.volume) != null ? _a : void 0;
-  const volumeLabel = typeof resolvedVolume === "number" ? `${config.formatCompactCurrency(resolvedVolume)} ${labels.eventItem.volumeSuffix}` : "";
-  const handleKeyDown = (eventToHandle) => {
-    if (!onClick)
-      return;
-    if ((eventToHandle == null ? void 0 : eventToHandle.key) === "Enter" || (eventToHandle == null ? void 0 : eventToHandle.key) === " ") {
-      eventToHandle == null ? void 0 : eventToHandle.preventDefault();
-      onClick();
-    }
-  };
-  const renderArbitrage = (value) => {
-    if (value == null)
-      return null;
-    if (Math.abs(value) < config.arbitrageThreshold)
-      return null;
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatPercent(value) }),
-      /* @__PURE__ */ jsx(
-        Icon,
-        {
-          name: "triangle-up",
-          size: "small",
-          title: labels.eventItem.arbitrage,
-          className: "size-2!"
-        }
-      )
-    ] });
-  };
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      className: cn(baseCardClassName, onClick && "cursor-pointer", classNames == null ? void 0 : classNames.root),
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      onClick,
-      onKeyDown: handleKeyDown,
-      "aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", classNames == null ? void 0 : classNames.header), children: [
-          resolvedImage ? /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: resolvedImage,
-              alt: "",
-              className: cn("h-10 w-10", "rounded-agg-lg object-cover")
-            }
-          ) : null,
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "body-strong",
-              className: cn(
-                "min-w-0 text-agg-base font-agg-bold leading-agg-6 ",
-                "truncate text-wrap wrap-break-word line-clamp-2",
-                classNames == null ? void 0 : classNames.title
-              ),
-              children: resolvedTitle
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.outcomes), children: visibleOutcomes.map((visibleOutcome) => {
-          const probability = normalizeProbability(visibleOutcome.outcome.price);
-          const showBadge = typeof probability === "number";
-          const arbitragePercent = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[visibleOutcome.outcome.id];
-          const outcomeTitle = resolveOutcomeTitle(visibleOutcome.outcome);
-          const formattedTitle = dayjs(outcomeTitle).isValid() ? dayjs(outcomeTitle).format("MMMM D, YYYY") : outcomeTitle;
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "flex flex-row gap-3 w-full items-center justify-between",
-                classNames == null ? void 0 : classNames.outcomeRow
-              ),
-              children: [
-                /* @__PURE__ */ jsx(
-                  Typography,
-                  {
-                    variant: "body",
-                    className: "min-w-0 truncate text-agg-sm leading-agg-5 md:text-agg-base md:leading-agg-6",
-                    children: formattedTitle
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-3 items-center justify-end", children: [
-                  renderArbitrage(arbitragePercent),
-                  showBadge ? /* @__PURE__ */ jsx(
-                    Badge,
-                    {
-                      text: config.formatPercent(probability),
-                      prefix: showVenueLogo ? /* @__PURE__ */ jsx(VenueLogo, { venue: visibleOutcome.venue, size: "small" }) : void 0,
-                      size: "large",
-                      classNames: {
-                        root: cn(
-                          "h-9 min-w-[101px] justify-center px-4 text-agg-base leading-agg-6",
-                          classNames == null ? void 0 : classNames.badge
-                        )
-                      }
-                    }
-                  ) : null
-                ] })
-              ]
-            },
-            `${visibleOutcome.market.id}-${visibleOutcome.outcome.id}`
-          );
-        }) }),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex items-center justify-between gap-2",
-              "text-agg-muted-foreground",
-              classNames == null ? void 0 : classNames.footer
-            ),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1", "text-agg-sm leading-agg-5"), children: [
-                /* @__PURE__ */ jsx("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
-                  marketCount,
-                  labels.eventItem.marketSingular,
-                  labels.eventItem.marketPlural
-                ) }),
-                /* @__PURE__ */ jsx("span", { className: "text-agg-muted-foreground", children: "\xD7" }),
-                singleVenue ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 truncate text-agg-muted-foreground", children: [
-                  showVenueLogo ? /* @__PURE__ */ jsx(
-                    VenueLogo,
-                    {
-                      venue: singleVenue,
-                      size: "small",
-                      isMonochromatic: true,
-                      className: "text-agg-muted-foreground!"
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsx("span", { children: venueLabel })
-                ] }) : /* @__PURE__ */ jsx("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
-                  venueCount,
-                  labels.eventItem.venueSingular,
-                  labels.eventItem.venuePlural
-                ) }),
-                showVenueLogo && !singleVenue && visibleVenueLogos.length > 0 ? /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1 overflow-hidden", children: visibleVenueLogos.map((venue) => /* @__PURE__ */ jsx(
-                  VenueLogo,
-                  {
-                    venue,
-                    size: "small",
-                    isMonochromatic: true,
-                    className: "text-agg-muted-foreground!"
-                  },
-                  venue
-                )) }) : null
-              ] }),
-              volumeLabel ? /* @__PURE__ */ jsx(Typography, { variant: "label", className: "text-agg-sm text-agg-muted-foreground", children: volumeLabel }) : null
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-var EventListItemByEventId = (_a) => {
-  var _b = _a, {
-    eventId
-  } = _b, rest = __objRest(_b, [
-    "eventId"
-  ]);
-  const {
-    event: fetchedEvent,
-    error,
-    isError,
-    isLoading
-  } = useEvent(eventId, {
-    enabled: !!eventId
-  });
-  const resolvedEvent = useMemo(() => {
-    return resolveEventListItemEvent(fetchedEvent);
-  }, [fetchedEvent]);
-  if (!eventId) {
-    return /* @__PURE__ */ jsx(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
-  }
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
-  }
-  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) {
-    return /* @__PURE__ */ jsx(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
-  }
-  return /* @__PURE__ */ jsx(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
-};
-var EventListItem = (props) => {
-  if (props.isLoading) {
-    return /* @__PURE__ */ jsx(EventListItemLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
-  }
-  if ("event" in props && props.event) {
-    const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
-    return /* @__PURE__ */ jsx(EventListItemContent, __spreadValues({ event }, rest));
-  }
-  return /* @__PURE__ */ jsx(EventListItemByEventId, __spreadValues({}, props));
-};
-EventListItem.displayName = "EventListItem";
-
-export {
-  EventListItem
-};