@agg-market/ui 0.0.1

package/dist/chunk-MRHSN2B7.mjs

@@ -0,0 +1,279 @@
+import {
+  formatCountLabel,
+  getVenueSummary,
+  normalizeProbability,
+  resolveEventListItemEvent,
+  resolveOutcomeTitle,
+  resolveTileImage,
+  resolveTileTitle,
+  resolveVenueLabel,
+  resolveVisibleOutcomes,
+  selectPrimaryVenueMarket
+} from "./chunk-PAQ542ER.mjs";
+import {
+  Badge
+} from "./chunk-MG243DSX.mjs";
+import {
+  Skeleton,
+  baseCardClassName
+} from "./chunk-P674XRDY.mjs";
+import {
+  VenueLogo
+} from "./chunk-4ADCXJE6.mjs";
+import {
+  Icon
+} from "./chunk-DA6KZWSK.mjs";
+import {
+  Typography
+} from "./chunk-DQ6XFBYJ.mjs";
+import {
+  Card
+} from "./chunk-P5PFQX75.mjs";
+import {
+  __objRest,
+  __spreadValues,
+  cn
+} from "./chunk-GC3QIIH7.mjs";
+
+// src/events/item/index.tsx
+import dayjs from "dayjs";
+import { useMemo } from "react";
+import { useEvent, useLabels, useSdkUiConfig } from "@agg/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: "title", 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 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.key === "Enter" || eventToHandle.key === " ") {
+      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-baseline gap-1", "text-agg-success"), children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "label", className: "text-agg-success", children: config.formatPercent(value) }),
+      /* @__PURE__ */ jsx(Icon, { name: "triangle-up", size: "xxs", title: labels.eventItem.arbitrage })
+    ] });
+  };
+  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: "title",
+              className: cn(
+                "min-w-0 text-agg-base font-agg-bold leading-agg-6 whitespace-normal [display:-webkit-box] [-webkit-box-orient:vertical] [-webkit-line-clamp:2] md:block md:truncate md:whitespace-nowrap",
+                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(
+                "grid w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-3",
+                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
+                  }
+                ),
+                renderArbitrage(arbitragePercent),
+                showBadge ? /* @__PURE__ */ jsx(
+                  Badge,
+                  {
+                    text: config.formatPercent(probability),
+                    prefix: showVenueLogo ? /* @__PURE__ */ jsx(VenueLogo, { venue: visibleOutcome.venue, size: "s" }) : void 0,
+                    size: "l",
+                    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-2", "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: "xs" }) : 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: "xs" }, venue)) }) : null
+              ] }),
+              volumeLabel ? /* @__PURE__ */ jsx(Typography, { variant: "meta", className: "text-agg-sm", children: volumeLabel }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var EventListItemByEventId = (_a) => {
+  var _b = _a, {
+    eventId
+  } = _b, rest = __objRest(_b, [
+    "eventId"
+  ]);
+  const {
+    event: fetchedEvent,
+    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 (!resolvedEvent && !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
+};

package/dist/chunk-MXWRCVRJ.mjs

@@ -0,0 +1,285 @@
+import {
+  Settlement
+} from "./chunk-DBD5GHHD.mjs";
+import {
+  PlaceOrder
+} from "./chunk-4XWCYUV3.mjs";
+import {
+  EventListItemDetails
+} from "./chunk-M23S2DVV.mjs";
+import {
+  MarketDetails
+} from "./chunk-AOFP74IB.mjs";
+import {
+  Typography
+} from "./chunk-DQ6XFBYJ.mjs";
+import {
+  Card
+} from "./chunk-P5PFQX75.mjs";
+import {
+  __spreadProps,
+  __spreadValues,
+  cn
+} from "./chunk-GC3QIIH7.mjs";
+
+// src/pages/event-market/index.tsx
+import { useEffect, useMemo, useState } from "react";
+import { useEvent, useLabels } from "@agg/hooks";
+import dayjs from "dayjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getMarketDateValue = (market, fallbackIndex) => {
+  var _a, _b, _c;
+  const candidateDate = (_c = (_b = (_a = market.endDate) != null ? _a : market.startDate) != null ? _b : market.creationDate) != null ? _c : null;
+  if (!candidateDate)
+    return Number.MAX_SAFE_INTEGER - 1 + fallbackIndex;
+  const parsedDate = dayjs(candidateDate);
+  if (!parsedDate.isValid()) {
+    return Number.MAX_SAFE_INTEGER - 1 + fallbackIndex;
+  }
+  return parsedDate.valueOf();
+};
+var resolveHeroMarketId = (event, heroMarketId) => {
+  var _a, _b;
+  if (!((_a = event == null ? void 0 : event.markets) == null ? void 0 : _a.length))
+    return void 0;
+  if (heroMarketId) {
+    const matchingHeroMarket = event.markets.find((market) => market.id === heroMarketId);
+    if (matchingHeroMarket)
+      return matchingHeroMarket.id;
+  }
+  return (_b = event.markets[0]) == null ? void 0 : _b.id;
+};
+var buildHeroEvent = (event, heroMarketId) => {
+  if (!heroMarketId)
+    return void 0;
+  const heroMarket = event.markets.find((market) => market.id === heroMarketId);
+  if (!heroMarket)
+    return void 0;
+  return __spreadProps(__spreadValues({}, event), {
+    markets: [heroMarket]
+  });
+};
+var resolveDetailedMarkets = (event, heroMarketId) => {
+  return event.markets.filter((market) => market.id !== heroMarketId).map((market, index) => ({
+    market,
+    index
+  })).sort((leftItem, rightItem) => {
+    return getMarketDateValue(leftItem.market, leftItem.index) - getMarketDateValue(rightItem.market, rightItem.index);
+  }).map((item) => item.market);
+};
+var resolveInitialExpandedMarketId = (detailedMarkets, defaultExpandedMarketId) => {
+  var _a, _b;
+  if (!detailedMarkets.length)
+    return null;
+  if (defaultExpandedMarketId) {
+    const matchingMarket = detailedMarkets.find((market) => market.id === defaultExpandedMarketId);
+    if (matchingMarket)
+      return matchingMarket.id;
+  }
+  return (_b = (_a = detailedMarkets[0]) == null ? void 0 : _a.id) != null ? _b : null;
+};
+var EventMarketPageUnavailableState = ({
+  ariaLabel
+}) => {
+  const labels = useLabels();
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      className: "rounded-agg-xl border border-agg-separator bg-agg-secondary p-6 shadow-none hover:shadow-none",
+      role: "status",
+      "aria-label": ariaLabel != null ? ariaLabel : labels.eventMarketPage.unavailableAria,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "title", children: labels.eventMarketPage.unavailableTitle }),
+        /* @__PURE__ */ jsx(Typography, { variant: "meta", children: labels.eventMarketPage.unavailableDescription })
+      ] })
+    }
+  );
+};
+var EventMarketPageLoadingState = ({
+  placeOrder,
+  settlement,
+  classNames
+}) => {
+  const labels = useLabels();
+  const fallbackSettlement = settlement != null ? settlement : {
+    sectionLabel: labels.trading.settlementSection,
+    question: labels.eventMarketPage.loadingSettlementQuestion,
+    differencesTitle: labels.eventMarketPage.loadingSettlementDifferencesTitle,
+    differences: [labels.eventMarketPage.loadingSettlementPlaceholder],
+    venues: [
+      {
+        venue: "polymarket",
+        description: labels.eventMarketPage.loadingSettlementPlaceholder
+      }
+    ]
+  };
+  return /* @__PURE__ */ jsx("section", { className: cn("w-full", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "mx-auto flex w-full max-w-[1200px] flex-col gap-6 px-3 py-3 md:px-6 md:py-6 lg:flex-row lg:items-start lg:gap-8",
+        classNames == null ? void 0 : classNames.content
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-1 flex-col gap-6", classNames == null ? void 0 : classNames.main), children: [
+          /* @__PURE__ */ jsx(
+            EventListItemDetails,
+            {
+              isLoading: true,
+              classNames: {
+                root: classNames == null ? void 0 : classNames.hero
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.markets), children: [
+            /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: true, classNames: { root: "w-full" } }),
+            /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } }),
+            /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(Settlement, __spreadProps(__spreadValues({}, fallbackSettlement), { isLoading: true, className: classNames == null ? void 0 : classNames.settlement })) }),
+          /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(Settlement, __spreadProps(__spreadValues({}, fallbackSettlement), { isLoading: true, className: classNames == null ? void 0 : classNames.settlement })) }),
+          placeOrder ? /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(PlaceOrder, __spreadProps(__spreadValues({}, placeOrder), { isLoading: true, className: classNames == null ? void 0 : classNames.mobileTrade })) }) : null
+        ] }),
+        placeOrder ? /* @__PURE__ */ jsx(
+          "aside",
+          {
+            className: cn(
+              "hidden w-full shrink-0 lg:sticky lg:top-6 lg:block lg:w-[343px]",
+              classNames == null ? void 0 : classNames.sidebar
+            ),
+            children: /* @__PURE__ */ jsx(PlaceOrder, __spreadProps(__spreadValues({}, placeOrder), { isLoading: true, className: classNames == null ? void 0 : classNames.trade }))
+          }
+        ) : null
+      ]
+    }
+  ) });
+};
+var EventMarketPageContent = ({
+  event,
+  heroMarketId,
+  defaultExpandedMarketId,
+  expandedMarketId,
+  onExpandedMarketChange,
+  heroDefaultTimeRange,
+  placeOrder,
+  settlement,
+  classNames,
+  ariaLabel
+}) => {
+  const labels = useLabels();
+  const resolvedHeroMarketId = useMemo(() => {
+    return resolveHeroMarketId(event, heroMarketId);
+  }, [event, heroMarketId]);
+  const heroEvent = useMemo(() => {
+    return buildHeroEvent(event, resolvedHeroMarketId);
+  }, [event, resolvedHeroMarketId]);
+  const detailedMarkets = useMemo(() => {
+    return resolveDetailedMarkets(event, resolvedHeroMarketId);
+  }, [event, resolvedHeroMarketId]);
+  const [internalExpandedMarketId, setInternalExpandedMarketId] = useState(() => {
+    return resolveInitialExpandedMarketId(detailedMarkets, defaultExpandedMarketId);
+  });
+  useEffect(() => {
+    if (typeof expandedMarketId === "undefined")
+      return;
+    setInternalExpandedMarketId(expandedMarketId);
+  }, [expandedMarketId]);
+  useEffect(() => {
+    if (typeof expandedMarketId !== "undefined")
+      return;
+    setInternalExpandedMarketId((currentExpandedMarketId) => {
+      if (currentExpandedMarketId && detailedMarkets.some((market) => market.id === currentExpandedMarketId)) {
+        return currentExpandedMarketId;
+      }
+      return resolveInitialExpandedMarketId(detailedMarkets, defaultExpandedMarketId);
+    });
+  }, [defaultExpandedMarketId, detailedMarkets, expandedMarketId]);
+  const resolvedExpandedMarketId = typeof expandedMarketId === "undefined" ? internalExpandedMarketId : expandedMarketId;
+  const handleExpandedMarketChange = (marketId, isOpened) => {
+    const nextExpandedMarketId = isOpened ? marketId : null;
+    if (typeof expandedMarketId === "undefined") {
+      setInternalExpandedMarketId(nextExpandedMarketId);
+    }
+    onExpandedMarketChange == null ? void 0 : onExpandedMarketChange(nextExpandedMarketId);
+  };
+  if (!heroEvent || !event.markets.length) {
+    return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel });
+  }
+  return /* @__PURE__ */ jsx("section", { className: cn("w-full", classNames == null ? void 0 : classNames.root), "aria-label": ariaLabel != null ? ariaLabel : event.title, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "mx-auto flex w-full max-w-[1200px] flex-row gap-6 px-3 py-3 md:px-6 md:py-6 lg:flex-row lg:items-start lg:gap-8",
+        classNames == null ? void 0 : classNames.content
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-1 flex-col gap-6", classNames == null ? void 0 : classNames.main), children: [
+          /* @__PURE__ */ jsx(
+            EventListItemDetails,
+            {
+              event: heroEvent,
+              defaultTimeRange: heroDefaultTimeRange,
+              classNames: {
+                root: classNames == null ? void 0 : classNames.hero
+              }
+            }
+          ),
+          detailedMarkets.length > 0 ? /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.markets), children: detailedMarkets.map((market) => {
+            const isOpened = resolvedExpandedMarketId === market.id;
+            return /* @__PURE__ */ jsx(
+              MarketDetails,
+              {
+                event,
+                marketId: market.id,
+                isOpened,
+                defaultTab: "order-book",
+                ariaLabel: market.endDate && dayjs(market.endDate).isValid() ? labels.eventMarketPage.marketDetailsAriaByDate(
+                  dayjs(market.endDate).format("MMM D, YYYY")
+                ) : labels.eventMarketPage.marketDetailsAriaByQuestion(market.question),
+                onOpenChange: (nextIsOpened) => handleExpandedMarketChange(market.id, nextIsOpened)
+              },
+              market.id
+            );
+          }) }) : null,
+          settlement ? /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(Settlement, __spreadProps(__spreadValues({}, settlement), { className: classNames == null ? void 0 : classNames.settlement })) }) : null,
+          settlement ? /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(Settlement, __spreadProps(__spreadValues({}, settlement), { className: classNames == null ? void 0 : classNames.settlement })) }) : null
+        ] }),
+        placeOrder ? /* @__PURE__ */ jsx("aside", { className: cn("w-full lg:block lg:max-w-[360px]", classNames == null ? void 0 : classNames.sidebar), children: /* @__PURE__ */ jsx(PlaceOrder, __spreadProps(__spreadValues({}, placeOrder), { className: classNames == null ? void 0 : classNames.trade })) }) : null
+      ]
+    }
+  ) });
+};
+var EventMarketPage = (props) => {
+  const hasEventProp = "event" in props && !!props.event;
+  const { event: fetchedEvent, isLoading: isFetchingEvent } = useEvent(
+    hasEventProp ? void 0 : props.eventId,
+    {
+      enabled: !props.isLoading && !hasEventProp && !!props.eventId
+    }
+  );
+  if (props.isLoading) {
+    return /* @__PURE__ */ jsx(EventMarketPageLoadingState, { placeOrder: props.placeOrder, settlement: props.settlement });
+  }
+  if ("event" in props && props.event) {
+    return /* @__PURE__ */ jsx(EventMarketPageContent, __spreadProps(__spreadValues({}, props), { event: props.event }));
+  }
+  if (isFetchingEvent) {
+    return /* @__PURE__ */ jsx(
+      EventMarketPageLoadingState,
+      {
+        placeOrder: props.placeOrder,
+        settlement: props.settlement,
+        classNames: props.classNames
+      }
+    );
+  }
+  if (!fetchedEvent) {
+    return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel: props.ariaLabel });
+  }
+  return /* @__PURE__ */ jsx(EventMarketPageContent, __spreadProps(__spreadValues({}, props), { event: fetchedEvent }));
+};
+EventMarketPage.displayName = "EventMarketPage";
+
+export {
+  EventMarketPage
+};