@agg-build/ui 1.2.6 → 1.2.8

package/dist/{chunk-2HI6K7JF.mjs → chunk-2YVW6J5N.mjs}

@@ -9,13 +9,13 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-E45WOOMN.mjs";
+} from "./chunk-SMGKYWEP.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-FS3FGVAG.mjs";
+} from "./chunk-U6YU5OE7.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -44,7 +44,7 @@ import {
   filterOpenEvents,
   resolveTabVenus,
   shortenAddress
-} from "./chunk-34L7ZKJW.mjs";
+} from "./chunk-HQRT3B3L.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -1819,7 +1819,7 @@ var toneTextClassName = (tone) => {
   if (tone === "negative") return "text-agg-error";
   return "text-agg-muted-foreground";
 };
-var OutcomePill = ({ label }) => /* @__PURE__ */ jsx6("span", { className: "agg-position-outcome inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx6("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: label }) });
+var OutcomePill = ({ label }) => /* @__PURE__ */ jsx6("span", { className: "agg-position-outcome max-w-[120px] inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx6("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground truncate", children: label }) });
 var VenueShares = ({
   model,
   className,
@@ -2002,7 +2002,7 @@ var PositionRow = ({
                   {
                     model,
                     keyPrefix: "desktop",
-                    className: "agg-position-venues flex min-w-0 flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2"
+                    className: "agg-position-venues flex flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2"
                   }
                 )
               ] })
@@ -2755,6 +2755,7 @@ var UserInfoCard = ({
                   content: /* @__PURE__ */ jsx10("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
                   size: "small",
                   side: "bottom",
+                  sideOffset: 4,
                   children
                 }
               ),
@@ -3235,6 +3236,8 @@ var UserProfilePage = ({
       try {
         yield redeemMutation.mutateAsync({ venueMarketOutcomeIds });
         yield queryClient.invalidateQueries({ queryKey: ["current-user"] });
+      } catch (err) {
+        console.error("[UserProfilePage] redeem failed", err);
       } finally {
         setInternalClaimingIds((prev) => {
           const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
@@ -3617,7 +3620,10 @@ var UserProfilePage = ({
               /* @__PURE__ */ jsxs11(
                 "div",
                 {
-                  className: cn("agg-profile-side-panels flex flex-col gap-4", classNames == null ? void 0 : classNames.rightColumn),
+                  className: cn(
+                    "agg-profile-side-panels flex flex-col-reverse md:flex-col gap-4",
+                    classNames == null ? void 0 : classNames.rightColumn
+                  ),
                   children: [
                     /* @__PURE__ */ jsx11(PositionsValueCard, { valueLabel: positionsValueLabel }),
                     /* @__PURE__ */ jsx11(

package/dist/{chunk-5FXMHTVR.mjs → chunk-BW4DQYWM.mjs}

@@ -3,7 +3,7 @@ import {
   AGG_TERMS_OF_SERVICE_URL,
   Icon,
   cn
-} from "./chunk-34L7ZKJW.mjs";
+} from "./chunk-HQRT3B3L.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";

package/dist/{chunk-34L7ZKJW.mjs → chunk-HQRT3B3L.mjs}

@@ -3484,7 +3484,7 @@ var SWITCH_BUTTON_ANIMATION_DURATION_MS = 350;
 var SWITCH_BUTTON_CONTAINER_CLASS_NAME = "group/agg-switch-button min-w-fit inline-flex min-w-0 rounded-agg-full bg-agg-secondary-hover font-agg-sans cursor-pointer hover:bg-agg-tertiary";
 var SWITCH_BUTTON_TRACK_CLASS_NAME = "agg-switch-button-track relative grid min-w-0 flex-1 items-center";
 var SWITCH_BUTTON_TRACK_HIGHLIGHT_CLASS_NAME = "pointer-events-none absolute inset-y-0 left-0 rounded-agg-full border border-agg-primary bg-agg-secondary";
-var SWITCH_BUTTON_OPTION_BASE_CLASS_NAME = "agg-switch-button-option whitespace-nowrap relative z-10 min-w-0 rounded-agg-full px-5 py-1.5 font-agg-sans text-agg-base leading-agg-6 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary-hover cursor-pointer disabled:cursor-not-allowed disabled:text-agg-muted-foreground";
+var SWITCH_BUTTON_OPTION_BASE_CLASS_NAME = "agg-switch-button-option whitespace-nowrap relative z-10 min-w-0 rounded-agg-full px-5 py-1.5 font-agg-sans text-agg-sm leading-agg-5 md:text-agg-base md:leading-agg-6 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary-hover cursor-pointer disabled:cursor-not-allowed disabled:text-agg-muted-foreground";
 
 // src/primitives/switch-button/switch-button.utils.ts
 var resolveActiveIndex = (options, value) => {
@@ -8995,6 +8995,7 @@ var Tooltip = ({
   side = "top",
   delayDuration = 150,
   collisionPadding = 12,
+  sideOffset = 0,
   classNames,
   "aria-label": ariaLabel
 }) => {
@@ -9022,7 +9023,7 @@ var Tooltip = ({
       TooltipPrimitive.Content,
       {
         side,
-        sideOffset: 0,
+        sideOffset,
         collisionPadding,
         className: cn(
           "group/agg-tooltip",

package/dist/{chunk-WPF47BQQ.mjs → chunk-IIEE4FVO.mjs}

@@ -34,7 +34,7 @@ import {
   getMotionClassName,
   shortenAddress,
   venueLogoLabels
-} from "./chunk-34L7ZKJW.mjs";
+} from "./chunk-HQRT3B3L.mjs";
 
 // src/deposit/index.tsx
 import { useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";
@@ -3914,7 +3914,14 @@ var GeoBlockModal = ({
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ jsx25(Modal.Header, { title: "", hideBorder: true, classNames: { container: "px-8 pt-8 pb-0" } }),
+            /* @__PURE__ */ jsx25(
+              Modal.Header,
+              {
+                title: "",
+                hideBorder: true,
+                classNames: { root: "min-h-0", container: "px-8 pt-6! pb-0!" }
+              }
+            ),
             /* @__PURE__ */ jsx25(Modal.Body, { classNames: { root: cn("!px-10 !pb-12 !pt-0", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs25("div", { className: "flex flex-col items-center gap-8", children: [
               /* @__PURE__ */ jsx25(
                 Icon,

package/dist/{chunk-TBKDLNOE.mjs → chunk-RPIYL7EA.mjs}

@@ -17,7 +17,7 @@ import {
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-34L7ZKJW.mjs";
+} from "./chunk-HQRT3B3L.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";
@@ -610,6 +610,18 @@ var marketChartCandleToScaledCandlePoint = (candle, transformProbability) => {
     v: candle.volume
   };
 };
+var venueCandlesToLinePoints = (venueData, transformProbability) => {
+  const candles = venueData.liveCandle && !venueData.candles.some((candle) => {
+    var _a;
+    return candle.time === ((_a = venueData.liveCandle) == null ? void 0 : _a.time);
+  }) ? [...venueData.candles, venueData.liveCandle] : venueData.liveCandle ? venueData.candles.map(
+    (candle) => {
+      var _a;
+      return candle.time === ((_a = venueData.liveCandle) == null ? void 0 : _a.time) ? venueData.liveCandle : candle;
+    }
+  ) : venueData.candles;
+  return candles.map((candle) => marketChartCandleToLineChartPoint(candle, transformProbability));
+};
 var resolveMarketChartVenueSeries = ({
   chartData,
   transformProbability
@@ -617,9 +629,7 @@ var resolveMarketChartVenueSeries = ({
   if (!chartData) return [];
   return Object.entries(chartData.venues).map(([venue, venueData]) => ({
     venue,
-    points: venueData.candles.map(
-      (candle) => marketChartCandleToLineChartPoint(candle, transformProbability)
-    )
+    points: venueCandlesToLinePoints(venueData, transformProbability)
   })).filter((item) => item.points.length > 0);
 };
 var resolveAggregatedCandleSource = (candles) => {
@@ -672,13 +682,24 @@ var resolveMarketChartDisplaySeries = ({
   if (selectedVenue) {
     return venueEntries.map(([venue, venueData]) => ({
       venue,
-      points: venueData.candles.map(
-        (candle) => marketChartCandleToLineChartPoint(candle, transformProbability)
-      )
+      points: venueCandlesToLinePoints(venueData, transformProbability)
     })).filter((item) => item.points.length > 0);
   }
   const aggregatedCandles = aggregateMarketChartCandles(
-    venueEntries.flatMap(([, venueData]) => venueData.candles)
+    venueEntries.flatMap(([, venueData]) => {
+      const closed = venueData.candles;
+      if (!venueData.liveCandle) return closed;
+      const hasOverlap = closed.some((candle) => {
+        var _a;
+        return candle.time === ((_a = venueData.liveCandle) == null ? void 0 : _a.time);
+      });
+      return hasOverlap ? closed.map(
+        (candle) => {
+          var _a;
+          return candle.time === ((_a = venueData.liveCandle) == null ? void 0 : _a.time) ? venueData.liveCandle : candle;
+        }
+      ) : [...closed, venueData.liveCandle];
+    })
   );
   if (aggregatedCandles.length === 0) return [];
   return [

package/dist/{chunk-E45WOOMN.mjs → chunk-SMGKYWEP.mjs}

@@ -21,7 +21,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-TBKDLNOE.mjs";
+} from "./chunk-RPIYL7EA.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -73,7 +73,7 @@ import {
   sortMarketsByYesOddsDesc,
   sortOutcomes,
   splitEventsByLifecycle
-} from "./chunk-34L7ZKJW.mjs";
+} from "./chunk-HQRT3B3L.mjs";
 
 // src/events/item/index.tsx
 import {
@@ -1990,7 +1990,9 @@ var EventListItemDetailsGraphSection = ({
                               }
                             ),
                             classNames: {
-                              root: cn("h-9 shrink-0 border px-4 text-agg-base leading-agg-6")
+                              root: cn(
+                                "shrink-0 border px-4 h-8 text-agg-sm leading-agg-5 md:h-9 md:text-agg-base md:leading-agg-6"
+                              )
                             },
                             isActive: isActiveVenue
                           }
@@ -2601,8 +2603,20 @@ var OrderbookRow = ({
   }).map(([venue]) => venue);
   const venues = entry.row.venues && entry.row.venues.length > 0 ? entry.row.venues : venuesFromBreakdown.length > 0 ? venuesFromBreakdown : [entry.row.venue];
   const barPercent = Math.max(2, Number((entry.unifiedBarScale * 100).toFixed(2)));
-  return /* @__PURE__ */ jsxs5("div", { className: "agg-orderbook-row relative flex h-9 items-center gap-2.5 overflow-clip md:gap-10 pr-2.5 md:pr-5", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "md:relative min-w-0 flex-1 self-stretch", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "agg-orderbook-row relative flex h-9 items-center gap-2.5 overflow-clip pl-5 pr-2.5 md:gap-10 md:pl-0 md:pr-5", children: [
+    /* @__PURE__ */ jsx6(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "agg-orderbook-bar md:hidden absolute inset-y-0 left-0",
+          barClassName,
+          getMotionClassName(enableAnimations, "transition-[width] duration-200 ease-in-out")
+        ),
+        style: { width: `${barPercent}%` }
+      }
+    ),
+    /* @__PURE__ */ jsxs5("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
       /* @__PURE__ */ jsx6(
         "div",
         {
@@ -2705,8 +2719,8 @@ var Orderbook = ({
     spreadEntry
   ]);
   return /* @__PURE__ */ jsxs5("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex h-9 items-center gap-2.5 overflow-clip border-b border-agg-separator pr-5 md:gap-10", children: [
-      /* @__PURE__ */ jsx6("span", { className: "flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ jsx6("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex h-9 items-center gap-2.5 overflow-clip border-b border-agg-separator pl-5 pr-5 md:pl-0 md:gap-10", children: [
+      /* @__PURE__ */ jsx6("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ jsx6("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
       /* @__PURE__ */ jsx6("span", { className: "w-20 shrink-0 text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.price }),
       /* @__PURE__ */ jsx6("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.shares }),
       /* @__PURE__ */ jsx6("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.total })
@@ -3520,7 +3534,7 @@ var MarketDetailsContent = ({
                     "span",
                     {
                       className: cn(
-                        "min-w-35 inline-flex h-9 items-center justify-center gap-2 rounded-agg-full",
+                        "w-full md:w-auto md:min-w-35 inline-flex h-9 items-center justify-center gap-2 rounded-agg-full",
                         "border px-5 py-1.5 text-agg-sm font-agg-bold",
                         getMotionClassName(
                           enableAnimations,