@agg-build/ui 2.1.1 → 2.1.2

package/dist/pages.mjs

@@ -8,17 +8,17 @@ import {
   UserProfilePage,
   buildAggTxExplorerHref,
   useHomePageModals
-} from "./chunk-IQT4I5B4.mjs";
-import "./chunk-NK57KMYN.mjs";
+} from "./chunk-7ZR5JYB3.mjs";
+import "./chunk-JJDYOBVG.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   WITHDRAW_MODAL_OPEN_EVENT,
   requestAggDepositModalOpen,
   requestAggWithdrawModalOpen
-} from "./chunk-XHDGSRG7.mjs";
-import "./chunk-TERG43WW.mjs";
-import "./chunk-RPXRTXCY.mjs";
-import "./chunk-YJO6LMRT.mjs";
+} from "./chunk-ZOECARZW.mjs";
+import "./chunk-5RBHMMY3.mjs";
+import "./chunk-75AMJAWR.mjs";
+import "./chunk-TBD3N4T4.mjs";
 export {
   DEPOSIT_MODAL_OPEN_EVENT,
   EventMarketPage,

package/dist/primitives.js

@@ -6517,7 +6517,57 @@ var SEARCH_DEBOUNCE_MS = 300;
 
 // src/primitives/search/search.utils.ts
 var import_sdk11 = require("@agg-build/sdk");
+var import_dayjs3 = __toESM(require("dayjs"));
+
+// 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_hooks26 = require("@agg-build/hooks");
@@ -6797,8 +6847,8 @@ var resolveDisplayVolume = (eventVolume, venueMarkets) => {
 
 // src/primitives/search/search.utils.ts
 var formatSearchContextLabel = (value) => {
-  if (!(0, import_dayjs2.default)(value).isValid()) return value;
-  return (0, import_dayjs2.default)(value).format("MMMM D, YYYY");
+  if (!(0, import_dayjs3.default)(value).isValid()) return value;
+  return (0, import_dayjs3.default)(value).format("MMMM D, YYYY");
 };
 var venueLogoNameSet = new Set(import_sdk11.VENUES);
 var toVenueLogoName = (value) => {
@@ -6806,7 +6856,7 @@ var toVenueLogoName = (value) => {
   if (!venueLogoNameSet.has(value)) return null;
   return value;
 };
-var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCurrency) => {
+var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCurrency, options) => {
   var _a, _b;
   const primaryVenueMarket = selectPrimaryVenueMarket(event.venueMarkets);
   if (!primaryVenueMarket) return null;
@@ -6816,7 +6866,14 @@ var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCu
   if (!visibleOutcome) return null;
   const probability = normalizeProbability(visibleOutcome.outcome.price);
   if (probability == null) return null;
-  const resolvedTitle = (_a = event == null ? void 0 : event.title) == null ? void 0 : _a.trim();
+  const resolvedTitle = formatEventTitleWithDateSuffix({
+    title: (_a = event == null ? void 0 : event.title) != null ? _a : "",
+    categories: event.categories,
+    structureType: event.structureType,
+    gameStartTime: event.gameStartTime,
+    endDate: event.endDate,
+    locale: options == null ? void 0 : options.locale
+  });
   if (!resolvedTitle) return null;
   const { marketCount, venueCount } = getVenueSummary(event.venueMarkets);
   const marketSummaryLabel = [
@@ -7029,6 +7086,7 @@ var Search = ({
   const {
     search: searchConfig,
     features: { enableAnimations },
+    general: { locale },
     formatting: { formatCompactCurrency, formatPercent }
   } = (0, import_hooks27.useSdkUiConfig)();
   const resolvedValue = searchConfig.value;
@@ -7069,7 +7127,10 @@ var Search = ({
         event,
         labels,
         formatPercent,
-        formatCompactCurrency
+        formatCompactCurrency,
+        {
+          locale
+        }
       );
       if (!item) return null;
       nextEventsByResultId.set(item.id, event);
@@ -7079,7 +7140,7 @@ var Search = ({
       validatedResults: nextResults,
       eventsByResultId: nextEventsByResultId
     };
-  }, [openEvents, formatCompactCurrency, formatPercent, labels]);
+  }, [formatCompactCurrency, formatPercent, labels, locale, openEvents]);
   const hasSearchValue = trimmedValue.length > 0;
   const shouldRenderDropdown = isFocused && shouldSearchValue && !searchConfig.result && !searchConfig.isShowingAllResults;
   const resolvedIsActive = isFocused;
@@ -8175,7 +8236,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",

package/dist/primitives.mjs

@@ -99,7 +99,7 @@ import {
   useOptionalToast,
   useToast,
   venueLogoNames
-} from "./chunk-YJO6LMRT.mjs";
+} from "./chunk-TBD3N4T4.mjs";
 export {
   ActivityChartIcon,
   AggErrorBoundary,