@agg-market/ui 3.0.0 → 4.0.0

package/dist/{chunk-2MJY6RVY.mjs → chunk-NH2G3POM.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   VenueLogo,
   venueLogoLabels
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   BankIcon,
   ChevronLeftIcon,

package/dist/{chunk-BEDUFOIG.mjs → chunk-OH56VUYK.mjs}

@@ -1,15 +1,15 @@
 import {
   EventListItem
-} from "./chunk-DL7STJQ5.mjs";
+} from "./chunk-LA3FBBSJ.mjs";
 import {
   Tabs
 } from "./chunk-S3H63TQ5.mjs";
 import {
   Skeleton
-} from "./chunk-V52WSZHQ.mjs";
+} from "./chunk-M4RJHRFT.mjs";
 import {
   VenueLogo
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   Icon
 } from "./chunk-PZTHM6WG.mjs";
@@ -17,8 +17,6 @@ import {
   Typography
 } from "./chunk-ERGNR6UQ.mjs";
 import {
-  __spreadProps,
-  __spreadValues,
   cn
 } from "./chunk-GJ4U5NCE.mjs";
 
@@ -55,22 +53,10 @@ var getDefaultEventListTabs = (labels) => {
 
 // src/events/list/event-list.utils.ts
 var mapEventToEventListItemEvent = (event) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  const fallbackVenueEvent = event.venueEvents[0];
-  if (!fallbackVenueEvent)
-    return null;
   const mergedVenueMarkets = event.markets.flatMap((m) => m.venueMarkets);
-  if ((mergedVenueMarkets == null ? void 0 : mergedVenueMarkets.length) === 0)
+  if (mergedVenueMarkets.length === 0)
     return null;
-  return __spreadProps(__spreadValues({}, event), {
-    id: event.id,
-    title: event.title || fallbackVenueEvent.title,
-    description: (_b = (_a = event.description) != null ? _a : fallbackVenueEvent.description) != null ? _b : null,
-    volume: (_d = (_c = event.volume) != null ? _c : fallbackVenueEvent.volume) != null ? _d : null,
-    startDate: (_f = (_e = event.startDate) != null ? _e : fallbackVenueEvent.startDate) != null ? _f : null,
-    endDate: (_h = (_g = event.endDate) != null ? _g : fallbackVenueEvent.endDate) != null ? _h : null,
-    creationDate: (_j = (_i = event.creationDate) != null ? _i : fallbackVenueEvent.creationDate) != null ? _j : null
-  });
+  return event;
 };
 var filterEventsByTabValue = (events, _tabValue) => {
   return events;
@@ -146,7 +132,7 @@ var EventList = ({
   const [activeTabValue, setActiveTabValue] = useState(
     (_b = (_a = defaultEventListTabs[0]) == null ? void 0 : _a.value) != null ? _b : "matched"
   );
-  const [shouldUseSelectOverflow, setShouldUseSelectOverflow] = useState(false);
+  const [_shouldUseSelectOverflow, setShouldUseSelectOverflow] = useState(false);
   const activeTab = useMemo(() => {
     return defaultEventListTabs.find((tab) => tab.value === activeTabValue);
   }, [activeTabValue]);

package/dist/{chunk-BN5VVHNV.mjs → chunk-OJVTGNIF.mjs}

@@ -1,6 +1,6 @@
 import {
   SwitchButton
-} from "./chunk-CTVMT3VL.mjs";
+} from "./chunk-LCZKSITC.mjs";
 import {
   __spreadProps,
   __spreadValues,
@@ -34,8 +34,18 @@ var normalizeSeries = (series) => {
 var defaultValueFormatter = (value) => {
   return `${Math.round(value)}%`;
 };
-var defaultTimeFormatter = (timestamp) => {
-  return dayjs.unix(timestamp).format("MMM D");
+var resolveTimeFormatter = (windowSeconds) => {
+  return (timestamp) => {
+    if (!Number.isFinite(timestamp))
+      return "";
+    if (windowSeconds <= 48 * 60 * 60) {
+      return dayjs.unix(timestamp).format("HH:mm");
+    }
+    if (windowSeconds <= 14 * 24 * 60 * 60) {
+      return dayjs.unix(timestamp).format("MMM D HH:mm");
+    }
+    return dayjs.unix(timestamp).format("MMM D");
+  };
 };
 var toLivelinePoints = (points) => {
   return points.map((point) => ({
@@ -158,6 +168,9 @@ var LineChart = ({
   const windowSeconds = useMemo(() => {
     return resolveWindowSeconds(normalizedSeries);
   }, [normalizedSeries]);
+  const timeFormatter = useMemo(() => {
+    return resolveTimeFormatter(windowSeconds);
+  }, [windowSeconds]);
   const seriesControls = showSeriesControls && normalizedSeries.length > 0 ? (_a = renderSeriesControls == null ? void 0 : renderSeriesControls({
     series: normalizedSeries,
     activeSeriesId,
@@ -196,7 +209,7 @@ var LineChart = ({
             pulse: false,
             window: windowSeconds,
             formatValue: defaultValueFormatter,
-            formatTime: defaultTimeFormatter,
+            formatTime: timeFormatter,
             padding: {
               top: 12,
               right: 80,

package/dist/{chunk-6425RRBI.mjs → chunk-P2PJBO5C.mjs}

@@ -1,6 +1,6 @@
 import {
   EventList
-} from "./chunk-BEDUFOIG.mjs";
+} from "./chunk-OH56VUYK.mjs";
 import {
   Tabs
 } from "./chunk-S3H63TQ5.mjs";

package/dist/{chunk-D7JTOGYP.mjs → chunk-PORVP72S.mjs}

@@ -208,6 +208,13 @@ var venueLogoRegistry = {
   opinion: LogoOpinionIcon,
   probable: LogoProbableIcon
 };
+var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var venueLogoUrlRegistry = {
+  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
+};
 var venueLogoLabels = {
   kalshi: "Kalshi",
   polymarket: "Polymarket",
@@ -225,6 +232,7 @@ var sizeClasses = {
 import { jsx as jsx5 } from "react/jsx-runtime";
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -234,8 +242,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = useLabels();
-  const Component = venueLogoRegistry[venue];
   const sizeClass = sizeClasses[size];
+  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
+  if (variant === "logo") {
+    return /* @__PURE__ */ jsx5(
+      "img",
+      {
+        src: venueLogoUrlRegistry[venue],
+        alt: resolvedLabel,
+        title,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component = venueLogoRegistry[venue];
   const resolvedIsColor = isMonochromatic ? false : isColor;
   return /* @__PURE__ */ jsx5(
     Component,
@@ -243,7 +263,7 @@ var VenueLogo = ({
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
       isColor: resolvedIsColor,
       color,
-      "aria-label": ariaLabel != null ? ariaLabel : labels.venues[venue],
+      "aria-label": resolvedLabel,
       title
     }
   );

package/dist/{chunk-5GDNWQZS.mjs → chunk-QLMVKLNJ.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   VenueLogo,
   venueLogoLabels
-} from "./chunk-D7JTOGYP.mjs";
+} from "./chunk-PORVP72S.mjs";
 import {
   BoltIcon,
   ChevronLeftIcon,

package/dist/{chunk-GHB3GOCW.mjs → chunk-QM7CGMFG.mjs}

@@ -1,32 +1,17 @@
 import {
-  __spreadProps,
-  __spreadValues,
   toDate
 } from "./chunk-GJ4U5NCE.mjs";
 
 // src/events/item/event-list-item.utils.ts
 var resolveEventListItemEvent = (fetchedEvent) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   if (!fetchedEvent)
     return void 0;
-  const fallbackVenueEvent = fetchedEvent.venueEvents[0];
-  if (!fallbackVenueEvent)
-    return void 0;
   const mergedVenueMarkets = fetchedEvent.markets.flatMap(
-    (venueEvent) => venueEvent.venueMarkets
+    (market) => market.venueMarkets
   );
-  const venueMarkets = mergedVenueMarkets.length > 0 ? mergedVenueMarkets : [];
-  if ((venueMarkets == null ? void 0 : venueMarkets.length) === 0)
+  if (mergedVenueMarkets.length === 0)
     return void 0;
-  return __spreadProps(__spreadValues({}, fetchedEvent), {
-    id: fetchedEvent.id,
-    title: fetchedEvent.title || fallbackVenueEvent.title,
-    description: (_b = (_a = fetchedEvent.description) != null ? _a : fallbackVenueEvent.description) != null ? _b : null,
-    volume: (_d = (_c = fetchedEvent.volume) != null ? _c : fallbackVenueEvent.volume) != null ? _d : null,
-    startDate: (_f = (_e = fetchedEvent.startDate) != null ? _e : fallbackVenueEvent.startDate) != null ? _f : null,
-    endDate: (_h = (_g = fetchedEvent.endDate) != null ? _g : fallbackVenueEvent.endDate) != null ? _h : null,
-    creationDate: (_j = (_i = fetchedEvent.creationDate) != null ? _i : fallbackVenueEvent.creationDate) != null ? _j : null
-  });
+  return fetchedEvent;
 };
 var normalizeProbability = (value) => {
   if (typeof value !== "number" || !Number.isFinite(value))
@@ -127,15 +112,14 @@ var resolveTileTitle = (event, primaryVenueMarket, titleOverride) => {
   return event.title;
 };
 var resolveTileImage = (event, primaryVenueMarket, imageOverride) => {
-  var _a, _b, _c, _d, _e, _f;
   if (typeof imageOverride === "string" && imageOverride.trim()) {
     return imageOverride;
   }
   if (typeof (primaryVenueMarket == null ? void 0 : primaryVenueMarket.image) === "string" && primaryVenueMarket.image.trim()) {
     return primaryVenueMarket.image;
   }
-  if (typeof ((_b = (_a = event.venueEvents) == null ? void 0 : _a[0]) == null ? void 0 : _b.image) === "string" && ((_d = (_c = event.venueEvents) == null ? void 0 : _c[0]) == null ? void 0 : _d.image.trim())) {
-    return (_f = (_e = event.venueEvents) == null ? void 0 : _e[0]) == null ? void 0 : _f.image;
+  if (typeof event.image === "string" && event.image.trim()) {
+    return event.image;
   }
   return void 0;
 };

package/dist/connect-button.js

@@ -1736,6 +1736,13 @@ var venueLogoRegistry = {
   opinion: LogoOpinionIcon,
   probable: LogoProbableIcon
 };
+var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var venueLogoUrlRegistry = {
+  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
+};
 var venueLogoNames = Object.keys(venueLogoRegistry);
 var sizeClasses2 = {
   small: "h-4 w-4",
@@ -1747,6 +1754,7 @@ var sizeClasses2 = {
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -1756,8 +1764,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks2.useLabels)();
-  const Component = venueLogoRegistry[venue];
   const sizeClass = sizeClasses2[size];
+  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
+  if (variant === "logo") {
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      "img",
+      {
+        src: venueLogoUrlRegistry[venue],
+        alt: resolvedLabel,
+        title,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component = venueLogoRegistry[venue];
   const resolvedIsColor = isMonochromatic ? false : isColor;
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     Component,
@@ -1765,7 +1785,7 @@ var VenueLogo = ({
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
       isColor: resolvedIsColor,
       color,
-      "aria-label": ariaLabel != null ? ariaLabel : labels.venues[venue],
+      "aria-label": resolvedLabel,
       title
     }
   );

package/dist/connect-button.mjs

@@ -1,8 +1,8 @@
 import {
   ConnectButton
-} from "./chunk-OA2IZ3VW.mjs";
+} from "./chunk-5ADMXO3Y.mjs";
 import "./chunk-IGPNIM2B.mjs";
-import "./chunk-D7JTOGYP.mjs";
+import "./chunk-PORVP72S.mjs";
 import "./chunk-PZTHM6WG.mjs";
 import "./chunk-NDG43KGL.mjs";
 import "./chunk-BNDFQPHF.mjs";

package/dist/deposit-modal.js

@@ -536,6 +536,13 @@ var venueLogoRegistry = {
   opinion: LogoOpinionIcon,
   probable: LogoProbableIcon
 };
+var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var venueLogoUrlRegistry = {
+  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
+};
 var venueLogoLabels = {
   kalshi: "Kalshi",
   polymarket: "Polymarket",
@@ -677,6 +684,7 @@ var import_hooks3 = require("@agg-market/hooks");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -686,8 +694,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks3.useLabels)();
-  const Component = venueLogoRegistry[venue];
   const sizeClass = sizeClasses[size];
+  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
+  if (variant === "logo") {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "img",
+      {
+        src: venueLogoUrlRegistry[venue],
+        alt: resolvedLabel,
+        title,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component = venueLogoRegistry[venue];
   const resolvedIsColor = isMonochromatic ? false : isColor;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     Component,
@@ -695,7 +715,7 @@ var VenueLogo = ({
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
       isColor: resolvedIsColor,
       color,
-      "aria-label": ariaLabel != null ? ariaLabel : labels.venues[venue],
+      "aria-label": resolvedLabel,
       title
     }
   );

package/dist/deposit-modal.mjs

@@ -1,9 +1,9 @@
 import {
   DepositModal
-} from "./chunk-5GDNWQZS.mjs";
+} from "./chunk-QLMVKLNJ.mjs";
 import "./chunk-5K7VXAYM.mjs";
 import "./chunk-YJA5VQW6.mjs";
-import "./chunk-D7JTOGYP.mjs";
+import "./chunk-PORVP72S.mjs";
 import "./chunk-PZTHM6WG.mjs";
 import "./chunk-NDG43KGL.mjs";
 import "./chunk-BNDFQPHF.mjs";