@agg-build/ui 2.1.1 → 2.1.2

package/dist/events.js

@@ -5491,6 +5491,56 @@ var VenueLogo = ({
 };
 VenueLogo.displayName = "VenueLogo";
 
+// src/events/shared/format-event-title.ts
+var import_dayjs2 = __toESM(require("dayjs"));
+var SPORT_CATEGORY_TOKENS = /* @__PURE__ */ new Set(["sport", "sports"]);
+var normalizeCategoryToken = (value) => {
+  if (typeof value !== "string") return null;
+  const normalizedValue = value.trim().toLowerCase();
+  if (!normalizedValue) return null;
+  return normalizedValue;
+};
+var isSportCategoryToken = (value) => {
+  const normalizedValue = normalizeCategoryToken(value);
+  if (!normalizedValue) return false;
+  return SPORT_CATEGORY_TOKENS.has(normalizedValue);
+};
+var isSportEvent = (categories, structureType) => {
+  var _a;
+  if (isSportCategoryToken(structureType)) return true;
+  return (_a = categories == null ? void 0 : categories.some((categoryEntry) => {
+    var _a2, _b, _c, _d;
+    return isSportCategoryToken(categoryEntry.id) || isSportCategoryToken((_a2 = categoryEntry.category) == null ? void 0 : _a2.id) || isSportCategoryToken((_b = categoryEntry.category) == null ? void 0 : _b.name) || isSportCategoryToken((_c = categoryEntry.category) == null ? void 0 : _c.displayName) || isSportCategoryToken((_d = categoryEntry.category) == null ? void 0 : _d.parentId);
+  })) != null ? _a : false;
+};
+var formatEventDateSuffix = (value, locale) => {
+  if (!(0, import_dayjs2.default)(value).isValid()) return null;
+  return new Intl.DateTimeFormat(locale, {
+    month: "long",
+    day: "numeric",
+    timeZone: "UTC"
+  }).format(new Date(value));
+};
+var formatEventTitleWithDateSuffix = ({
+  title: title2,
+  categories,
+  structureType,
+  gameStartTime,
+  endDate,
+  locale = "en-US"
+}) => {
+  const resolvedTitle = title2.trim();
+  if (!resolvedTitle) return resolvedTitle;
+  if (!isSportEvent(categories, structureType)) return resolvedTitle;
+  const dateSource = gameStartTime != null ? gameStartTime : endDate;
+  if (!dateSource) return resolvedTitle;
+  const formattedDate = formatEventDateSuffix(dateSource, locale);
+  if (!formattedDate) return resolvedTitle;
+  const suffix = ` - ${formattedDate}`;
+  if (resolvedTitle.endsWith(suffix)) return resolvedTitle;
+  return `${resolvedTitle}${suffix}`;
+};
+
 // src/events/item/event-list-item.utils.ts
 var import_hooks25 = require("@agg-build/hooks");
 
@@ -6147,7 +6197,7 @@ var Select = ({
             disabled: item.disabled,
             className: cn(
               "agg-select-item",
-              "relative flex w-full items-center gap-3 rounded-[6px] px-5 py-3 text-left text-agg-sm leading-agg-5 outline-none",
+              "relative flex w-full items-center gap-3 rounded-[6px] pl-3 pr-5 py-3 text-left text-agg-sm leading-agg-5 outline-none",
               "hover:bg-agg-secondary-hover focus-visible:bg-agg-secondary-hover",
               isSelected ? "bg-agg-primary/10 font-agg-normal text-agg-primary" : "font-agg-normal text-agg-foreground",
               item.disabled && "cursor-not-allowed opacity-60",
@@ -7371,7 +7421,14 @@ var EventListItemContent = ({
   const config = (0, import_hooks31.useSdkUiConfig)();
   const labels = (0, import_hooks31.useLabels)();
   const allVenueMarkets = (0, import_react10.useMemo)(() => event.venueMarkets, [event.venueMarkets]);
-  const resolvedTitle = event.title;
+  const resolvedTitle = formatEventTitleWithDateSuffix({
+    title: event.title,
+    categories: event.categories,
+    structureType: event.structureType,
+    gameStartTime: event.gameStartTime,
+    endDate: event.endDate,
+    locale: config.general.locale
+  });
   const resolvedImage = event.image;
   const visibleVenueLogos = (0, import_react10.useMemo)(() => {
     var _a2;
@@ -7984,10 +8041,10 @@ var import_hooks33 = require("@agg-build/hooks");
 
 // src/events/market-details/market-details.utils.ts
 var import_sdk12 = require("@agg-build/sdk");
-var import_dayjs3 = __toESM(require("dayjs"));
+var import_dayjs4 = __toESM(require("dayjs"));
 
 // src/events/item-details/event-list-item-details.utils.ts
-var import_dayjs2 = __toESM(require("dayjs"));
+var import_dayjs3 = __toESM(require("dayjs"));
 var compareOutcomeSelectorLabels = (leftLabel, rightLabel) => {
   const leftSemanticLabel = toSemanticLabel(leftLabel);
   const rightSemanticLabel = toSemanticLabel(rightLabel);
@@ -8000,8 +8057,8 @@ var compareOutcomeSelectorLabels = (leftLabel, rightLabel) => {
   if (leftBinaryOrder != null && rightBinaryOrder != null) {
     return leftBinaryOrder - rightBinaryOrder;
   }
-  const leftDate = isDateLikeLabel(leftLabel) ? (0, import_dayjs2.default)(leftLabel).valueOf() : null;
-  const rightDate = isDateLikeLabel(rightLabel) ? (0, import_dayjs2.default)(rightLabel).valueOf() : null;
+  const leftDate = isDateLikeLabel(leftLabel) ? (0, import_dayjs3.default)(leftLabel).valueOf() : null;
+  const rightDate = isDateLikeLabel(rightLabel) ? (0, import_dayjs3.default)(rightLabel).valueOf() : null;
   if (leftDate != null && rightDate != null && leftDate !== rightDate) {
     return leftDate - rightDate;
   }
@@ -8042,7 +8099,7 @@ var toSemanticLabel = (value) => {
 };
 var isDateLikeLabel = (value) => {
   if (!value.trim()) return false;
-  return (0, import_dayjs2.default)(value).isValid();
+  return (0, import_dayjs3.default)(value).isValid();
 };
 var matchOutcomeByLabel = (outcome, selectedOutcomeLabel) => {
   const normalizedSelectedLabel = normalizeLabel(selectedOutcomeLabel);
@@ -8556,19 +8613,19 @@ var resolveOtherTabRows = (market, labels) => {
   if (market.creationDate) {
     rows.push({
       label: labels.marketDetails.meta.created,
-      value: (0, import_dayjs3.default)(market.creationDate).format("MMM D, YYYY")
+      value: (0, import_dayjs4.default)(market.creationDate).format("MMM D, YYYY")
     });
   }
   if (market.startDate) {
     rows.push({
       label: labels.marketDetails.meta.opens,
-      value: (0, import_dayjs3.default)(market.startDate).format("MMM D, YYYY")
+      value: (0, import_dayjs4.default)(market.startDate).format("MMM D, YYYY")
     });
   }
   if (market.endDate) {
     rows.push({
       label: labels.marketDetails.meta.closes,
-      value: (0, import_dayjs3.default)(market.endDate).format("MMM D, YYYY")
+      value: (0, import_dayjs4.default)(market.endDate).format("MMM D, YYYY")
     });
   }
   if (rows.length === 1) {
@@ -9653,7 +9710,7 @@ var import_react14 = require("react");
 
 // src/trading/utils.ts
 var import_hooks37 = require("@agg-build/hooks");
-var import_dayjs4 = __toESM(require("dayjs"));
+var import_dayjs5 = __toESM(require("dayjs"));
 var defaultLabels = (0, import_hooks37.resolveAggUiLabels)("en-US");
 var defaultSettlementSectionLabel = defaultLabels.trading.settlementSection;
 var defaultTradingDisclaimer = defaultLabels.trading.disclaimer;
@@ -10504,11 +10561,28 @@ var EventListItemDetailsContent = ({
     if (typeof resolvedVolume !== "number") return "";
     return `${config.formatting.formatCompactCurrency(resolvedVolume)} ${labels.eventItemDetails.volumeSuffix}`;
   }, [config, event.volume, labels.eventItemDetails.volumeSuffix, venueMarkets]);
+  const resolvedTitle = (0, import_react16.useMemo)(() => {
+    return formatEventTitleWithDateSuffix({
+      title: event.title,
+      categories: event.categories,
+      structureType: event.structureType,
+      gameStartTime: event.gameStartTime,
+      endDate: event.endDate,
+      locale: config.general.locale
+    });
+  }, [
+    config.general.locale,
+    event.categories,
+    event.gameStartTime,
+    event.endDate,
+    event.structureType,
+    event.title
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     Card,
     {
       className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
-      "aria-label": ariaLabel != null ? ariaLabel : event.title,
+      "aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
       onClick: () => {
         onClick == null ? void 0 : onClick(event);
       },
@@ -10543,7 +10617,7 @@ var EventListItemDetailsContent = ({
                       "truncate text-wrap wrap-break-word line-clamp-2",
                       classNames == null ? void 0 : classNames.title
                     ),
-                    children: event.title
+                    children: resolvedTitle
                   }
                 ),
                 venueMarkets.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
@@ -11241,37 +11315,71 @@ var Orderbook = ({
 };
 Orderbook.displayName = "Orderbook";
 
-// src/events/shared/display-outcome-venue.ts
+// src/events/shared/select-best-outcome.ts
 var normalizeOutcomeLabel3 = (label2) => {
   return typeof label2 === "string" ? label2.trim().toLowerCase() : "";
 };
-var getDisplayOutcomeVenue = ({
-  outcomeId,
-  outcomeLabel,
-  selection,
-  bestMidpointVenue,
-  bestVenueByOutcomeId,
-  bestPriceVenuesByOutcomeId,
-  fallbackVenue
-}) => {
-  var _a;
-  if (selection && outcomeId) {
-    const sideVenues = bestPriceVenuesByOutcomeId == null ? void 0 : bestPriceVenuesByOutcomeId.get(outcomeId);
-    if (selection === "buy" && (sideVenues == null ? void 0 : sideVenues.bestAskVenue)) return sideVenues.bestAskVenue;
-    if (selection === "sell" && (sideVenues == null ? void 0 : sideVenues.bestBidVenue)) return sideVenues.bestBidVenue;
+var selectBestOutcomeCandidate = (args) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const { outcomeId, selection } = args;
+  if (!outcomeId) return void 0;
+  const resolveVenueMarketId = (venue) => {
+    var _a2, _b2;
+    return venue ? (_b2 = (_a2 = args.venueMarketIdByVenue) == null ? void 0 : _a2.get(venue)) != null ? _b2 : void 0 : void 0;
+  };
+  const make = (price, venue, source, updatedAt) => ({
+    price,
+    venue: venue != null ? venue : void 0,
+    venueMarketId: resolveVenueMarketId(venue != null ? venue : void 0),
+    outcomeId,
+    source,
+    updatedAt: updatedAt != null ? updatedAt : void 0
+  });
+  if (selection === "buy" || selection === "sell") {
+    const wsSidePrice = selection === "buy" ? (_a = args.live) == null ? void 0 : _a.bestAsk : (_b = args.live) == null ? void 0 : _b.bestBid;
+    const wsSideVenue = selection === "buy" ? (_c = args.live) == null ? void 0 : _c.bestAskVenue : (_d = args.live) == null ? void 0 : _d.bestBidVenue;
+    if (wsSidePrice != null) {
+      return make(wsSidePrice, wsSideVenue, "ws", (_e = args.live) == null ? void 0 : _e.updatedAt);
+    }
+    const restSidePrice = selection === "buy" ? (_f = args.restBest) == null ? void 0 : _f.bestAsk : (_g = args.restBest) == null ? void 0 : _g.bestBid;
+    const restSideVenue = selection === "buy" ? (_h = args.restBestVenues) == null ? void 0 : _h.bestAskVenue : (_i = args.restBestVenues) == null ? void 0 : _i.bestBidVenue;
+    if (restSidePrice != null) {
+      return make(restSidePrice, restSideVenue, "rest-best", void 0);
+    }
   }
-  if (normalizeOutcomeLabel3(outcomeLabel) === "yes" && bestMidpointVenue) {
-    return bestMidpointVenue;
+  if (((_j = args.live) == null ? void 0 : _j.midpoint) != null) {
+    return make(args.live.midpoint, args.live.midpointVenue, "ws", args.live.updatedAt);
+  }
+  if (normalizeOutcomeLabel3(args.outcomeLabel) === "yes" && args.bestMidpoint != null && args.bestMidpointVenue) {
+    return make(args.bestMidpoint, args.bestMidpointVenue, "rest-midpoint", void 0);
+  }
+  if (args.restMidpoint != null) {
+    return make(args.restMidpoint, args.restMidpointVenue, "rest-midpoint", void 0);
+  }
+  if (args.staticPrice != null) {
+    return make(args.staticPrice, args.staticVenue, "static", void 0);
+  }
+  return void 0;
+};
+var buildVenueMarketIdByVenue = (venueMarkets) => {
+  var _a;
+  const map = /* @__PURE__ */ new Map();
+  if (!(venueMarkets == null ? void 0 : venueMarkets.length)) return map;
+  const visit = (vm) => {
+    if (vm.venue && vm.id && !map.has(vm.venue)) map.set(vm.venue, vm.id);
+  };
+  for (const vm of venueMarkets) {
+    visit(vm);
+    for (const sibling of (_a = vm.matchedVenueMarkets) != null ? _a : []) visit(sibling);
   }
-  const bestVenue = outcomeId ? bestVenueByOutcomeId == null ? void 0 : bestVenueByOutcomeId.get(outcomeId) : void 0;
-  return (_a = bestVenue != null ? bestVenue : fallbackVenue) != null ? _a : void 0;
+  return map;
 };
 
 // src/events/shared/event-trading-state.utils.ts
-var import_dayjs5 = __toESM(require("dayjs"));
+var import_dayjs6 = __toESM(require("dayjs"));
 var formatTradingStateDate = (value) => {
-  if (!(0, import_dayjs5.default)(value).isValid()) return value;
-  return (0, import_dayjs5.default)(value).format("MMM D, YYYY");
+  if (!(0, import_dayjs6.default)(value).isValid()) return value;
+  return (0, import_dayjs6.default)(value).format("MMM D, YYYY");
 };
 var resolveTradingStateTimestampLabel = (labels, state) => {
   if (state.kind === "resolved" && state.resolvesAt) {
@@ -11507,7 +11615,7 @@ var MarketDetailsContent = ({
   suppressOutcomeFallbackSelection,
   midpointsResult
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const config = (0, import_hooks42.useSdkUiConfig)();
   const {
     features: { enableAnimations },
@@ -11521,6 +11629,7 @@ var MarketDetailsContent = ({
   const tradeSide = (_a = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a : "buy";
   const wsLivePrices = (0, import_hooks42.useLiveOutcomePrices)(venueMarkets);
   const wsBestPrices = (0, import_hooks42.useLiveBestPrices)(venueMarkets);
+  const wsBestCandidates = (0, import_hooks42.useLiveBestPriceCandidates)(venueMarkets);
   const resolvedMarket = (0, import_react19.useMemo)(() => {
     return resolveMarketFromVenueMarkets(venueMarkets, marketId);
   }, [venueMarkets, marketId]);
@@ -11530,6 +11639,10 @@ var MarketDetailsContent = ({
     return (_b2 = (_a2 = resolvedMarket.venueMarkets.find((venueMarket) => venueMarket.id === resolvedMarket.id)) != null ? _a2 : resolvedMarket.venueMarkets[0]) != null ? _b2 : null;
   }, [resolvedMarket]);
   const isResolvedMarket = (0, import_hooks42.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
+  (0, import_hooks42.useEventOrderbookData)(
+    isResolvedMarket ? [] : resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets,
+    (_b = scopedResolvedMarket == null ? void 0 : scopedResolvedMarket.id) != null ? _b : null
+  );
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : {
     prices: /* @__PURE__ */ new Map(),
     bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
@@ -11540,7 +11653,7 @@ var MarketDetailsContent = ({
     bestMidpoint: void 0,
     bestMidpointVenue: void 0
   };
-  const clusterMidpoints = (_b = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _b : clusterMidpointResult.prices;
+  const clusterMidpoints = (_c = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _c : clusterMidpointResult.prices;
   const clusterBestMidpointsByOutcomeId = clusterMidpoints;
   const clusterVenueByOutcomeId = clusterMidpointResult.venueByOutcomeId;
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
@@ -11655,7 +11768,7 @@ var MarketDetailsContent = ({
     tradingContext == null ? void 0 : tradingContext.selectedOutcomeId
   ]);
   const selectedOutcomeId = scopedSelectedOutcomeState.outcomeId;
-  const selectedOutcomeLabel = (_c = scopedSelectedOutcomeState.outcomeLabel) != null ? _c : null;
+  const selectedOutcomeLabel = (_d = scopedSelectedOutcomeState.outcomeLabel) != null ? _d : null;
   const selectOutcome = tradingContext == null ? void 0 : tradingContext.selectOutcome;
   const [selectedGraphVenue, setSelectedGraphVenue] = (0, import_react19.useState)(null);
   const [chartOutcomeLabel, setChartOutcomeLabel] = (0, import_react19.useState)(selectedOutcomeLabel);
@@ -11689,31 +11802,33 @@ var MarketDetailsContent = ({
     tradingContext == null ? void 0 : tradingContext.selectedMarketId,
     selectOutcome
   ]);
+  const venueMarketIdByVenue = (0, import_react19.useMemo)(
+    () => buildVenueMarketIdByVenue(model == null ? void 0 : model.market.venueMarkets),
+    [model]
+  );
   const headerOutcomeItems = (0, import_react19.useMemo)(() => {
     if (!model) return [];
     const items = resolveHeaderOutcomeItems(model.market.venueMarkets, scopedMarketForCard);
     return items.map((item) => {
       var _a2;
       const fallbackPrice = midpointsFallback == null ? void 0 : midpointsFallback.get(item.id);
-      const bestVenue = getDisplayOutcomeVenue({
+      const candidate = selectBestOutcomeCandidate({
         outcomeId: item.id,
         outcomeLabel: item.label,
         selection: tradeSide,
-        bestMidpointVenue: clusterBestMidpointVenue,
-        bestVenueByOutcomeId: clusterVenueByOutcomeId,
-        bestPriceVenuesByOutcomeId: clusterBestPriceVenuesByOutcomeId,
-        fallbackVenue: midpointsFallbackVenues == null ? void 0 : midpointsFallbackVenues.get(item.id)
-      });
-      const outcomeBestPrice = getDisplayOutcomePrice({
-        outcomeId: item.id,
-        outcomeLabel: item.label,
-        selection: tradeSide,
-        bestPrices: clusterBestPrices,
+        live: wsBestCandidates.get(item.id),
+        restBest: clusterBestPricesRest.get(item.id),
+        restBestVenues: clusterBestPriceVenuesByOutcomeId.get(item.id),
+        restMidpoint: clusterBestMidpointsByOutcomeId.get(item.id),
+        restMidpointVenue: clusterVenueByOutcomeId.get(item.id),
         bestMidpoint: clusterBestMidpoint,
-        bestMidpointsByOutcomeId: clusterBestMidpointsByOutcomeId,
-        livePrices: wsLivePrices,
-        fallbackPrice
+        bestMidpointVenue: clusterBestMidpointVenue,
+        staticPrice: fallbackPrice,
+        staticVenue: midpointsFallbackVenues == null ? void 0 : midpointsFallbackVenues.get(item.id),
+        venueMarketIdByVenue
       });
+      const bestVenue = candidate == null ? void 0 : candidate.venue;
+      const outcomeBestPrice = candidate == null ? void 0 : candidate.price;
       if (isResolvedMarket) {
         const isWinningOutcome = item.id === ((_a2 = marketTradingState.winningOutcome) == null ? void 0 : _a2.id);
         return __spreadValues(__spreadProps(__spreadValues({}, item), {
@@ -11731,17 +11846,18 @@ var MarketDetailsContent = ({
     clusterBestMidpoint,
     clusterBestMidpointVenue,
     clusterBestMidpointsByOutcomeId,
-    clusterBestPrices,
+    clusterBestPricesRest,
     clusterBestPriceVenuesByOutcomeId,
     model,
     scopedMarketForCard,
     clusterVenueByOutcomeId,
     isResolvedMarket,
-    (_d = marketTradingState.winningOutcome) == null ? void 0 : _d.id,
+    (_e = marketTradingState.winningOutcome) == null ? void 0 : _e.id,
     midpointsFallback,
     midpointsFallbackVenues,
     tradeSide,
-    wsLivePrices
+    venueMarketIdByVenue,
+    wsBestCandidates
   ]);
   const headlineProbability = (0, import_react19.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
@@ -11807,9 +11923,9 @@ var MarketDetailsContent = ({
   const chartEnabled = isOpened && effectiveSelectedTab === "graph";
   const orderBookEnabled = isOpened && effectiveSelectedTab === "order-book" && !marketTradingState.isTradingDisabled;
   const rollingWindow = (0, import_hooks42.useRollingChartWindow)({ range: effectiveChartTimeRange });
-  const primaryVenueMarketId = (_f = (_e = selectedOutcomesByVenue[0]) == null ? void 0 : _e.market.id) != null ? _f : null;
-  const primaryOutcomeId = (_h = (_g = selectedOutcomesByVenue[0]) == null ? void 0 : _g.outcome.id) != null ? _h : null;
-  const chartPrimaryOutcomeId = (_j = (_i = chartOutcomesByVenue[0]) == null ? void 0 : _i.outcome.id) != null ? _j : null;
+  const primaryVenueMarketId = (_g = (_f = selectedOutcomesByVenue[0]) == null ? void 0 : _f.market.id) != null ? _g : null;
+  const primaryOutcomeId = (_i = (_h = selectedOutcomesByVenue[0]) == null ? void 0 : _h.outcome.id) != null ? _i : null;
+  const chartPrimaryOutcomeId = (_k = (_j = chartOutcomesByVenue[0]) == null ? void 0 : _j.outcome.id) != null ? _k : null;
   const chartVenueOutcomeIds = (0, import_react19.useMemo)(() => {
     return chartOutcomesByVenue.map((item) => item.outcome.id);
   }, [chartOutcomesByVenue]);
@@ -12312,7 +12428,7 @@ var MarketDetailsContent = ({
                             height: 260,
                             isLoading: isMarketChartLoading,
                             chartType: selectedChartType,
-                            liveCandle: selectedChartType === "candlestick" ? (_k = graphLiveState.liveCandle) != null ? _k : void 0 : void 0,
+                            liveCandle: selectedChartType === "candlestick" ? (_l = graphLiveState.liveCandle) != null ? _l : void 0 : void 0,
                             lineValue: graphLiveState.lineValue,
                             classNames: { root: "agg-chart-region w-full" },
                             showSeriesControls: chartAvailableOutcomesByVenue.length > 0 || headerOutcomeItems.length > 0,

package/dist/events.mjs

@@ -15,13 +15,13 @@ import {
   mergeVenueOutcomeOrderbooks,
   orderbookRowLimitDefault,
   useCenterOrderbookSpread
-} from "./chunk-NK57KMYN.mjs";
+} from "./chunk-JJDYOBVG.mjs";
 import {
   formatProbabilityCents,
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries
-} from "./chunk-TERG43WW.mjs";
-import "./chunk-YJO6LMRT.mjs";
+} from "./chunk-5RBHMMY3.mjs";
+import "./chunk-TBD3N4T4.mjs";
 export {
   EventList,
   EventListItem,