@agg-build/ui 4.18.1 → 4.19.0

package/README.md

@@ -233,6 +233,7 @@ export function Home() {
 | `HomePage`        | Full home page with tabs, search, grid |
 | `EventMarketPage` | Full event/market detail page          |
 | `UserProfilePage` | User profile page with tabs            |
+| `LeaderboardPage` | Trader leaderboard by P&L or volume    |
 
 ### Modals — `@agg-build/ui/modals`
 

package/dist/{chunk-ZNOAKSPT.mjs → chunk-47CCGQH6.mjs}

@@ -2,7 +2,7 @@
 import {
   ConnectKalshiModal,
   dispatchAggDepositNotification
-} from "./chunk-NRPS2D3Q.mjs";
+} from "./chunk-ROA5K67W.mjs";
 import {
   BoltIcon,
   Button,
@@ -36,7 +36,7 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-WIGSRHUG.mjs";
+} from "./chunk-XZVGHKMW.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";

package/dist/{chunk-2OBJ7DYT.mjs → chunk-5YHKIJ23.mjs}

@@ -9,14 +9,14 @@ import {
   getTradingVenueLabel,
   prepareSettlementDifferences,
   resolveOrderEligibilityMessage
-} from "./chunk-JJ3VVCEP.mjs";
+} from "./chunk-WOCZ4TVT.mjs";
 import {
   ConnectKalshiModal,
   ConnectProphetxModal,
   GeoBlockBanner,
   SharedKycModal,
   subscribeAggDepositNotification
-} from "./chunk-NRPS2D3Q.mjs";
+} from "./chunk-ROA5K67W.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -60,7 +60,7 @@ import {
   resolveResolvedOutcomeLabel,
   skeletonViews,
   useOptionalToast
-} from "./chunk-WIGSRHUG.mjs";
+} from "./chunk-XZVGHKMW.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -1983,7 +1983,7 @@ var resolvePlaceOrderQuoteStatus = ({
   selectedMarket,
   tradeSide = "buy"
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   if (!selectedMarket) {
     return {
       tone: "warning",
@@ -2003,7 +2003,15 @@ var resolvePlaceOrderQuoteStatus = ({
     };
   }
   if (quoteData.status === "no_orderbooks") {
-    const serverError = (_a = quoteData.error) == null ? void 0 : _a.trim();
+    const warnings = (_a = quoteData.warnings) != null ? _a : [];
+    if (warnings.length > 0 && warnings.every((warning) => warning.reason === "hosted_cash_unavailable")) {
+      return {
+        tone: "warning",
+        message: labels.betdexBalanceUnavailable,
+        placement: "above-action"
+      };
+    }
+    const serverError = (_b = quoteData.error) == null ? void 0 : _b.trim();
     return {
       tone: "error",
       message: serverError || labels.noOrderbooks,
@@ -2020,24 +2028,24 @@ var resolvePlaceOrderQuoteStatus = ({
   if (quoteData.status === "insufficient_input_amount") {
     return {
       tone: "error",
-      message: (_b = quoteData.message) != null ? _b : labels.insufficientInputAmount,
+      message: (_c = quoteData.message) != null ? _c : labels.insufficientInputAmount,
       placement: "above-action"
     };
   }
   if (quoteData.status === "invalid_input") {
     return {
       tone: "error",
-      message: (_c = quoteData.message) != null ? _c : labels.quoteUnavailable,
+      message: (_d = quoteData.message) != null ? _d : labels.quoteUnavailable,
       placement: "above-action"
     };
   }
   if (quoteData.status === "insufficient_position") {
-    const total = (_d = quoteData.positionAvailability) == null ? void 0 : _d.totalSellableShares;
+    const total = (_e = quoteData.positionAvailability) == null ? void 0 : _e.totalSellableShares;
     const message = total != null ? labels.insufficientPosition(total) : labels.insufficientPositionGeneric;
     return { tone: "error", message, placement: "above-action" };
   }
   if (quoteData.status === "insufficient_depth") {
-    const serverError = (_e = quoteData.error) == null ? void 0 : _e.trim();
+    const serverError = (_f = quoteData.error) == null ? void 0 : _f.trim();
     return {
       tone: "error",
       message: tradeSide === "sell" ? serverError || labels.insufficientSellDepth : serverError || labels.insufficientLiquidity,
@@ -4625,6 +4633,7 @@ var renderCardHeader = ({
   headerSubtitle,
   headerImage,
   headerTitle,
+  headerVenue,
   onClose
 }) => {
   if (!headerTitle) return null;
@@ -4635,6 +4644,7 @@ var renderCardHeader = ({
         {
           src: headerImage,
           alt: "",
+          fallback: headerVenue ? /* @__PURE__ */ jsx11(VenueLogo, { venue: headerVenue, size: "large" }) : void 0,
           className: "agg-order-market-image h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
         }
       ),
@@ -4961,7 +4971,7 @@ var PlaceOrder = ({
   showResolvingState = false,
   midpointsResult
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia;
   const {
     enableDebug: isExecutionDebugEnabled,
     features: { enableAnimations, showFeesBreakdown, showLimitOrders: limitOrdersFeature },
@@ -7247,6 +7257,7 @@ var PlaceOrder = ({
             headerSubtitle,
             headerImage,
             headerTitle,
+            headerVenue: (_ia = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venue) != null ? _ia : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venue,
             onClose
           }),
           /* @__PURE__ */ jsxs11("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [

package/dist/{chunk-2UPO6G3S.mjs → chunk-DWPBGMVJ.mjs}

@@ -23,7 +23,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-JJ3VVCEP.mjs";
+} from "./chunk-WOCZ4TVT.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -63,7 +63,7 @@ import {
   resolveResolvedOutcomeLabel,
   resolveYesOutcome,
   sortOutcomes
-} from "./chunk-WIGSRHUG.mjs";
+} from "./chunk-XZVGHKMW.mjs";
 
 // src/shared/query-error.ts
 var getErrorStatus = (error) => {
@@ -803,6 +803,7 @@ import {
   useLiveBestPrices,
   useLiveOutcomePrices,
   useMarketChart,
+  useMarketOrderbook as useMarketOrderbook2,
   useRollingChartWindow as useRollingChartWindow2,
   useSdkUiConfig as useSdkUiConfig4,
   useVenueEvent
@@ -2461,6 +2462,20 @@ var EventListItemDetailsContent = ({
     resolvedEventTradingState.isTradingDisabled ? [] : resolvedEventTradingState.displayMarkets,
     scopedSelectedMarketId
   );
+  const selectedBetdexOutcomes = useMemo6(
+    () => eventDetailVenueMarkets.filter((market) => market.venue === "betdex").flatMap(
+      (market) => market.venueMarketOutcomes.map((outcome) => ({
+        venue: market.venue,
+        venueMarketOutcomeId: outcome.id
+      }))
+    ),
+    [eventDetailVenueMarkets]
+  );
+  useMarketOrderbook2({
+    venueOutcomes: selectedBetdexOutcomes,
+    enabled: !resolvedEventTradingState.isTradingDisabled && selectedBetdexOutcomes.length > 0,
+    live: false
+  });
   const wsLivePrices = useLiveOutcomePrices(eventDetailVenueMarkets);
   const wsBestPrices = useLiveBestPrices(eventDetailVenueMarkets);
   const resolvedMidpointsResult = midpointsResult != null ? midpointsResult : {
@@ -2598,6 +2613,7 @@ var EventListItemDetailsContent = ({
                   src: optimizedImageUrl(event.image, 60),
                   retinaSrc: retinaImageUrl(event.image, 60),
                   alt: "",
+                  fallback: event.venue ? /* @__PURE__ */ jsx7(VenueLogo, { venue: event.venue, size: "large" }) : void 0,
                   className: "agg-event-image size-10 rounded-agg-lg object-cover md:size-[60px]"
                 }
               ),
@@ -2749,7 +2765,7 @@ var EventListItemDetailsContent = ({
               selectedOutcomeId: (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? tradingContext.selectedOutcomeId : (_f = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes[0]) == null ? void 0 : _f.id,
               eventEndDate: event.endDate,
               contractWindow,
-              range: config.chart.selectedChartTimeRange,
+              range: chartRangeOverride != null ? chartRangeOverride : config.chart.selectedChartTimeRange,
               live: !resolvedEventTradingState.isTradingDisabled && config.features.enableLiveUpdates
             },
             event.id
@@ -2799,7 +2815,7 @@ var EventListItemDetailsContent = ({
                       ) : null,
                       !contractWindow ? /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }) : null,
                       !contractWindow && CHART_TIME_RANGES.map((timeRange) => {
-                        const effectiveRange = chartView === "all" ? config.chart.selectedChartTimeRange : chartRangeOverride != null ? chartRangeOverride : config.chart.selectedChartTimeRange;
+                        const effectiveRange = chartRangeOverride != null ? chartRangeOverride : config.chart.selectedChartTimeRange;
                         const isActive = timeRange === effectiveRange;
                         return /* @__PURE__ */ jsx7(
                           Button,
@@ -3419,7 +3435,7 @@ import {
   useLiveBestPrices as useLiveBestPrices2,
   useLiveBestPriceCandidates,
   useLiveOutcomePrices as useLiveOutcomePrices2,
-  useMarketOrderbook as useMarketOrderbook2,
+  useMarketOrderbook as useMarketOrderbook3,
   useMidpoints,
   useSdkUiConfig as useSdkUiConfig6,
   useVenueMarkets,
@@ -4180,6 +4196,13 @@ var MarketDetailsContent = ({
       labels
     });
   }, [config.formatting.formatCompactCurrency, venueMarkets, image, labels, marketId, title]);
+  const primaryVenue = useMemo9(
+    () => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = venueMarkets.find((venueMarket) => venueMarket.id === marketId)) != null ? _a2 : venueMarkets[0]) == null ? void 0 : _b2.venue;
+    },
+    [venueMarkets, marketId]
+  );
   const livePrices = useMemo9(() => {
     const merged = /* @__PURE__ */ new Map();
     if (midpointsFallback == null ? void 0 : midpointsFallback.size) {
@@ -4386,12 +4409,32 @@ var MarketDetailsContent = ({
     });
   }, [model, selectedOutcomeLabel, selectedOutcomeId]);
   const orderBookEnabled = isOpened && effectiveSelectedTab === "order-book" && !marketTradingState.isTradingDisabled;
+  const betdexSeedOutcomes = useMemo9(
+    () => {
+      var _a2;
+      return ((_a2 = model == null ? void 0 : model.market.venueMarkets) != null ? _a2 : []).filter((venueMarket) => venueMarket.venue === "betdex").flatMap(
+        (venueMarket) => {
+          var _a3;
+          return ((_a3 = venueMarket.venueMarketOutcomes) != null ? _a3 : []).map((outcome) => ({
+            venue: venueMarket.venue,
+            venueMarketOutcomeId: outcome.id
+          }));
+        }
+      );
+    },
+    [model]
+  );
+  useMarketOrderbook3({
+    venueOutcomes: betdexSeedOutcomes,
+    enabled: !orderBookEnabled && !marketTradingState.isTradingDisabled && betdexSeedOutcomes.length > 0,
+    live: false
+  });
   const selectedVenueOutcome = selectedOutcomesByVenue.find(
     (item) => item.outcomeId === selectedOutcomeId
   );
   const orderbookOutcomeLabel = (selectedVenueOutcome == null ? void 0 : selectedVenueOutcome.venue) === "betdex" ? ((_f = selectedVenueOutcome.outcome.title) == null ? void 0 : _f.trim()) || selectedOutcomeLabel : selectedOutcomeLabel;
   const primaryOutcomeId = (_h = (_g = selectedOutcomesByVenue[0]) == null ? void 0 : _g.outcome.id) != null ? _h : null;
-  const marketOrderbookResult = useMarketOrderbook2({
+  const marketOrderbookResult = useMarketOrderbook3({
     venueMarketOutcomeId: primaryOutcomeId,
     enabled: orderBookEnabled && !!primaryOutcomeId,
     venueOutcomes: selectedOutcomesByVenue.map((item) => ({
@@ -4580,6 +4623,7 @@ var MarketDetailsContent = ({
                           src: optimizedImageUrl2(model.image, 60),
                           retinaSrc: retinaImageUrl2(model.image, 60),
                           alt: "",
+                          fallback: primaryVenue ? /* @__PURE__ */ jsx12(VenueLogo, { venue: primaryVenue, size: "large" }) : void 0,
                           className: "agg-market-image size-12 rounded-agg-lg object-cover md:size-[60px]"
                         }
                       ) : null,

package/dist/{chunk-VUZ72Q7H.mjs → chunk-DXASFSVL.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   isErrorWithStatus
-} from "./chunk-2UPO6G3S.mjs";
+} from "./chunk-DWPBGMVJ.mjs";
 import {
   Badge,
   Card,
@@ -40,7 +40,7 @@ import {
   sortOutcomes,
   splitEventsByLifecycle,
   validateSubcategoryPath
-} from "./chunk-WIGSRHUG.mjs";
+} from "./chunk-XZVGHKMW.mjs";
 
 // src/events/item/index.tsx
 import {
@@ -747,6 +747,7 @@ var EventListItemContent = ({
               src: optimizedImageUrl(resolvedImage, 40),
               retinaSrc: retinaImageUrl(resolvedImage, 40),
               alt: "",
+              fallback: event.venue ? /* @__PURE__ */ jsx(VenueLogo, { venue: event.venue, size: "medium" }) : void 0,
               classNames: {
                 root: "agg-event-image h-10 w-10 shrink-0 rounded-agg-lg object-cover",
                 image: "transition-transform duration-300 group-hover/agg-event-card:scale-110"