@agg-build/ui 2.2.3 → 2.2.4

package/dist/events.js

@@ -5616,23 +5616,69 @@ var isSportEvent = (categories, structureType) => {
     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 formatEventTitleWithDateSuffix = ({
-  title: title2,
+var hasFixtureMarketMetadata = (venueMarkets) => {
+  var _a;
+  return (_a = venueMarkets == null ? void 0 : venueMarkets.some((venueMarket) => {
+    var _a2, _b, _c, _d;
+    return Boolean(
+      ((_a2 = venueMarket.sportsMarketType) == null ? void 0 : _a2.trim()) || ((_b = venueMarket.marketCategory) == null ? void 0 : _b.trim()) || ((_c = venueMarket.marketSubtype) == null ? void 0 : _c.trim()) || ((_d = venueMarket.period) == null ? void 0 : _d.trim()) || venueMarket.lineValue != null
+    );
+  })) != null ? _a : false;
+};
+var shouldDisplaySportsEventTimestamp = ({
   categories,
   structureType,
+  venueMarkets
+}) => {
+  if (!isSportEvent(categories, structureType)) return false;
+  if (structureType === "sport") {
+    return true;
+  }
+  if (typeof structureType === "string" && structureType.trim()) {
+    return false;
+  }
+  return hasFixtureMarketMetadata(venueMarkets);
+};
+var resolveSportsEventTimestamp = ({
   gameStartTime,
   endDate
+}) => {
+  return (gameStartTime == null ? void 0 : gameStartTime.trim()) || (endDate == null ? void 0 : endDate.trim()) || null;
+};
+var resolveEventTimestampLabel = ({
+  categories,
+  structureType,
+  gameStartTime,
+  endDate,
+  venueMarkets
+}) => {
+  if (!shouldDisplaySportsEventTimestamp({ categories, structureType, venueMarkets })) {
+    return null;
+  }
+  const timestamp = resolveSportsEventTimestamp({ gameStartTime, endDate });
+  if (!timestamp) return null;
+  return formatSportsEventTimeEt(timestamp);
+};
+var resolveEventHeading = ({
+  title: title2,
+  categories,
+  structureType,
+  gameStartTime,
+  endDate,
+  venueMarkets
 }) => {
   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 = formatSportsEventTimeEt(dateSource);
-  if (!formattedDate) return resolvedTitle;
-  const suffix = ` - ${formattedDate}`;
-  if (resolvedTitle.endsWith(suffix)) return resolvedTitle;
-  return `${resolvedTitle}${suffix}`;
+  return {
+    title: resolvedTitle,
+    timestampLabel: resolveEventTimestampLabel({
+      title: resolvedTitle,
+      categories,
+      structureType,
+      gameStartTime,
+      endDate,
+      venueMarkets
+    })
+  };
 };
 
 // src/events/item/event-list-item.utils.ts
@@ -7546,13 +7592,16 @@ 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 = formatEventTitleWithDateSuffix({
+  const eventHeading = resolveEventHeading({
     title: event.title,
     categories: event.categories,
     structureType: event.structureType,
     gameStartTime: event.gameStartTime,
-    endDate: event.endDate
+    endDate: event.endDate,
+    venueMarkets: event.venueMarkets
   });
+  const resolvedTitle = eventHeading.title;
+  const resolvedTimestamp = eventHeading.timestampLabel;
   const resolvedImage = event.image;
   const visibleVenueLogos = (0, import_react10.useMemo)(() => {
     var _a2;
@@ -7858,10 +7907,10 @@ var EventListItemContent = ({
       href,
       onClick: handleClick,
       onKeyDown: handleKeyDown,
-      "aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
+      "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle, resolvedTimestamp].filter(Boolean).join(" "),
       withGradient: true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: cn("agg-event-card-header flex h-12 items-center gap-4", classNames == null ? void 0 : classNames.header), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: cn("agg-event-card-header flex items-center gap-4", classNames == null ? void 0 : classNames.header), children: [
           /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
             RemoteImage,
             {
@@ -7873,19 +7922,32 @@ var EventListItemContent = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
-            Typography,
-            {
-              variant: "body-strong",
-              className: cn(
-                "agg-event-title",
-                "min-w-0 flex-1 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__ */ (0, import_jsx_runtime119.jsx)("div", { className: "min-w-0 flex-1 self-stretch", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex h-12 min-w-0 flex-col justify-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+              Typography,
+              {
+                variant: "body-strong",
+                className: cn(
+                  "agg-event-title",
+                  "min-w-0 text-agg-base font-agg-bold leading-agg-6",
+                  resolvedTimestamp ? "truncate whitespace-nowrap" : "text-wrap wrap-break-word line-clamp-2",
+                  classNames == null ? void 0 : classNames.title
+                ),
+                children: resolvedTitle
+              }
+            ),
+            resolvedTimestamp ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "agg-event-timestamp-row mt-0.5 h-5 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+              Typography,
+              {
+                variant: "body",
+                className: cn(
+                  "agg-event-timestamp min-w-0 truncate",
+                  "text-agg-sm leading-agg-5 text-agg-muted-foreground"
+                ),
+                children: resolvedTimestamp
+              }
+            ) }) : null
+          ] }) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
           "div",
@@ -10836,19 +10898,27 @@ var EventListItemDetailsContent = ({
     return `${config.formatting.formatCompactCurrency(resolvedVolume)} ${labels.eventItemDetails.volumeSuffix}`;
   }, [config, event.volume, labels.eventItemDetails.volumeSuffix, venueMarkets]);
   const resolvedTitle = (0, import_react16.useMemo)(() => {
-    return formatEventTitleWithDateSuffix({
+    return resolveEventHeading({
       title: event.title,
       categories: event.categories,
       structureType: event.structureType,
       gameStartTime: event.gameStartTime,
-      endDate: event.endDate
+      endDate: event.endDate,
+      venueMarkets: event.venueMarkets
     });
-  }, [event.categories, event.gameStartTime, event.endDate, event.structureType, event.title]);
+  }, [
+    event.categories,
+    event.endDate,
+    event.gameStartTime,
+    event.structureType,
+    event.title,
+    event.venueMarkets
+  ]);
   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 : resolvedTitle,
+      "aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, resolvedTitle.timestampLabel].filter(Boolean).join(" "),
       onClick: () => {
         onClick == null ? void 0 : onClick(event);
       },
@@ -10873,19 +10943,29 @@ var EventListItemDetailsContent = ({
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-                  Typography,
-                  {
-                    variant: "body-strong",
-                    className: cn(
-                      "agg-event-title",
-                      "min-w-0 text-agg-base font-agg-bold! leading-agg-6 md:text-agg-2xl md:leading-agg-8",
-                      "truncate text-wrap wrap-break-word line-clamp-2",
-                      classNames == null ? void 0 : classNames.title
-                    ),
-                    children: resolvedTitle
-                  }
-                ),
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+                    Typography,
+                    {
+                      variant: "body-strong",
+                      className: cn(
+                        "agg-event-title",
+                        "min-w-0 text-agg-base font-agg-bold! leading-agg-6 md:text-agg-2xl md:leading-agg-8",
+                        resolvedTitle.timestampLabel ? "truncate whitespace-nowrap" : "truncate text-wrap wrap-break-word line-clamp-2",
+                        classNames == null ? void 0 : classNames.title
+                      ),
+                      children: resolvedTitle.title
+                    }
+                  ),
+                  resolvedTitle.timestampLabel ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+                    Typography,
+                    {
+                      variant: "body",
+                      className: "agg-event-timestamp mt-0.5 min-w-0 truncate text-agg-sm leading-agg-5 text-agg-muted-foreground",
+                      children: resolvedTitle.timestampLabel
+                    }
+                  ) : null
+                ] }),
                 venueMarkets.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   EventListItemDetailsMarketSelector,
                   {

package/dist/events.mjs

@@ -16,13 +16,13 @@ import {
   orderbookRowLimitDefault,
   resolveEventDetailsSyncKey,
   useCenterOrderbookSpread
-} from "./chunk-QM3WWPCV.mjs";
+} from "./chunk-3R2CQTNM.mjs";
 import {
   formatProbabilityCents,
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries
-} from "./chunk-LPIAEKSZ.mjs";
-import "./chunk-UTXQUOU3.mjs";
+} from "./chunk-SG573ODC.mjs";
+import "./chunk-6Z5GQ3KL.mjs";
 export {
   EventList,
   EventListItem,