@agg-build/ui 2.4.2 → 2.4.5

package/dist/{chunk-EOCHFD2U.mjs → chunk-CXSIXL7M.mjs}

@@ -10,7 +10,7 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-MDO3NMXP.mjs";
+} from "./chunk-I4X5UNCT.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -18,10 +18,10 @@ import {
   WITHDRAW_MODAL_OPEN_EVENT,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-3FLLEJFM.mjs";
+} from "./chunk-GWRFSQQK.mjs";
 import {
   getDisplayOutcomePrice
-} from "./chunk-G5Y45GIA.mjs";
+} from "./chunk-UH3DUTMG.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -51,8 +51,9 @@ import {
   normalizeVenueMarketCluster,
   resolveTabVenus,
   shortenAddress,
+  skeletonViews,
   sortCategoriesForNavigation
-} from "./chunk-2ET5CXOU.mjs";
+} from "./chunk-PTNFXXOV.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -333,7 +334,14 @@ var EventMarketPageLoadingState = ({
                     /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: true, classNames: { root: "w-full" } }),
                     /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } }),
                     /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } })
-                  ] })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Skeleton,
+                    {
+                      view: skeletonViews.settlement,
+                      className: cn("agg-settlement-list-item", classNames == null ? void 0 : classNames.settlement)
+                    }
+                  )
                 ]
               }
             ),
@@ -4129,10 +4137,6 @@ EmptyState.displayName = "EmptyState";
 // src/pages/user-profile/components/position-row.tsx
 import { optimizedImageUrl, useLabels as useLabels7 } from "@agg-build/hooks";
 import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-var floorToTwoDecimals = (value) => {
-  if (!Number.isFinite(value) || value <= 0) return 0;
-  return Math.trunc(value * 100) / 100;
-};
 var shouldUseNativeLinkNavigation2 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
 };
@@ -4145,32 +4149,21 @@ var OutcomePill = ({ label }) => /* @__PURE__ */ jsx12("span", { className: "agg
 var ResolutionPill = ({ label }) => /* @__PURE__ */ jsx12("span", { className: "agg-position-resolution-pill inline-flex w-full items-center justify-center overflow-hidden rounded-full bg-agg-secondary-hover px-4 py-[6px] md:w-auto", children: /* @__PURE__ */ jsx12("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: label }) });
 var VenueShares = ({
   model,
-  totalSharesLabel,
   className,
   keyPrefix
 }) => {
-  if (!totalSharesLabel && model.venueShareBreakdown.length === 0) return null;
-  return /* @__PURE__ */ jsxs11("div", { className: cn(className, "gap-2"), children: [
-    model.venueShareBreakdown.length > 0 ? /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-1", children: model.venueShareBreakdown.map((row, index) => /* @__PURE__ */ jsx12(
-      Tooltip,
-      {
-        content: /* @__PURE__ */ jsx12("span", { children: row.sharesLabel }),
-        "aria-label": `${row.venue} shares`,
-        side: "top",
-        children: /* @__PURE__ */ jsx12(
-          "span",
-          {
-            tabIndex: 0,
-            className: "cursor-help rounded-agg-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
-            "aria-label": `${row.venue} shares`,
-            children: /* @__PURE__ */ jsx12(VenueLogo, { venue: row.venue, size: "small", className: "size-4 shrink-0" })
-          }
-        )
-      },
-      `${keyPrefix}-${row.venue}-${String(index)}`
-    )) }) : null,
-    totalSharesLabel ? /* @__PURE__ */ jsx12("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: totalSharesLabel }) : null
-  ] });
+  if (model.venueShareBreakdown.length === 0) return null;
+  return /* @__PURE__ */ jsx12("div", { className: cn(className, "gap-x-3 gap-y-2"), children: model.venueShareBreakdown.map((row, index) => /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      className: "flex min-w-0 max-w-full items-center gap-1",
+      children: [
+        /* @__PURE__ */ jsx12(VenueLogo, { venue: row.venue, size: "small", className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsx12("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: row.sharesLabel })
+      ]
+    },
+    `${keyPrefix}-${row.venue}-${row.sharesLabel}-${String(index)}`
+  )) });
 };
 var StatusBadge = ({
   status,
@@ -4287,7 +4280,6 @@ var PositionRow = ({
     finalPrefix: labels.finalPrefix
   });
   const isClosed = (variant != null ? variant : model.bucket) === "closed";
-  const totalSharesLabel = typeof position.totalShares === "number" && Number.isFinite(position.totalShares) ? `${String(floorToTwoDecimals(position.totalShares))} shares` : null;
   const handleClaim = (event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -4348,7 +4340,6 @@ var PositionRow = ({
                   VenueShares,
                   {
                     model,
-                    totalSharesLabel,
                     keyPrefix: "desktop",
                     className: "agg-position-venues flex flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2"
                   }
@@ -4363,7 +4354,6 @@ var PositionRow = ({
           VenueShares,
           {
             model,
-            totalSharesLabel,
             keyPrefix: "mobile",
             className: "agg-position-venues flex min-w-0 flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2 md:hidden"
           }
@@ -5575,7 +5565,19 @@ function buildVenueShareBreakdown(outcome) {
   if (breakdown.length === 0) {
     return [];
   }
-  const sorted = [...breakdown].sort(
+  const aggregatedByVenue = breakdown.reduce(
+    (acc, row) => {
+      const existing = acc.get(row.venue);
+      if (existing) {
+        existing.size += row.size;
+        return acc;
+      }
+      acc.set(row.venue, { venue: row.venue, size: row.size });
+      return acc;
+    },
+    /* @__PURE__ */ new Map()
+  );
+  const sorted = [...aggregatedByVenue.values()].sort(
     (a, b) => venueBreakdownSortKey(a.venue) - venueBreakdownSortKey(b.venue)
   );
   return sorted.map((row) => ({

package/dist/{chunk-3FLLEJFM.mjs → chunk-GWRFSQQK.mjs}

@@ -7,12 +7,13 @@ import {
   getTradingPriceLabel,
   getTradingValueLabel,
   getTradingVenueLabel,
+  prepareSettlementDifferences,
   resolveOrderEligibilityMessage
-} from "./chunk-G5Y45GIA.mjs";
+} from "./chunk-UH3DUTMG.mjs";
 import {
   GeoBlockBanner,
   subscribeAggDepositNotification
-} from "./chunk-G5BXCT5Y.mjs";
+} from "./chunk-JVRTJQPZ.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -41,10 +42,11 @@ import {
   formatSportsEventTimeEt,
   formatUsd,
   getMotionClassName,
+  normalizeVenueMarketCluster,
   resolveResolvedOutcomeLabel,
   skeletonViews,
   useOptionalToast
-} from "./chunk-2ET5CXOU.mjs";
+} from "./chunk-PTNFXXOV.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -53,31 +55,71 @@ var parseVenue = (v) => safeParse(v, isVenue);
 var parseAmount = (v) => safeParse(v, isFiniteNonNeg);
 
 // src/trading/settlement/settlement-details.tsx
-import { useEventTradingContext } from "@agg-build/hooks";
+import {
+  resolveDefaultTradingMarket,
+  useEventTradingContext
+} from "@agg-build/hooks";
 import { jsx } from "react/jsx-runtime";
 var hasContent = (value) => {
   return typeof value === "string" && value.trim().length > 0;
 };
+var buildVenueSettlementRules = (venueMarkets) => {
+  var _a;
+  const contentByVenue = /* @__PURE__ */ new Map();
+  for (const venueMarket of venueMarkets) {
+    const content = [venueMarket.description, venueMarket.rulesPrimary, venueMarket.rulesSecondary].filter(hasContent).map((value) => value.trim());
+    if (content.length === 0) continue;
+    const venueContent = (_a = contentByVenue.get(venueMarket.venue)) != null ? _a : [];
+    for (const value of content) {
+      if (!venueContent.includes(value)) venueContent.push(value);
+    }
+    contentByVenue.set(venueMarket.venue, venueContent);
+  }
+  return Array.from(contentByVenue, ([venue, content]) => ({
+    venue,
+    content: content.join("\n\n")
+  }));
+};
 var SettlementDetails = ({ className }) => {
   var _a, _b, _c, _d, _e, _f;
   const tradingContext = useEventTradingContext();
   const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
   const selectedMarket = (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b : null;
   if (!selectedEvent) return null;
-  if (!selectedMarket) return null;
+  const activeMarket = selectedMarket != null ? selectedMarket : resolveDefaultTradingMarket(selectedEvent);
+  if (!activeMarket) return null;
+  const allVenueMarkets = normalizeVenueMarketCluster(selectedEvent.venueMarkets);
+  const activeMarketCluster = normalizeVenueMarketCluster(
+    selectedEvent.venueMarkets,
+    activeMarket.id
+  );
+  const activeMarketIds = new Set(activeMarketCluster.map((market) => market.id));
+  const orderedActiveMarketCluster = allVenueMarkets.filter(
+    (market) => activeMarketIds.has(market.id)
+  );
   const eventDescription = (_c = selectedEvent.description) != null ? _c : null;
-  const marketDescription = (_d = selectedMarket.description) != null ? _d : null;
-  const primaryRules = (_e = selectedMarket.rulesPrimary) != null ? _e : null;
-  if (!hasContent(eventDescription) && !hasContent(marketDescription) && !hasContent(primaryRules)) {
+  const marketDescription = (_d = activeMarket.description) != null ? _d : null;
+  const primaryRules = (_e = activeMarket.rulesPrimary) != null ? _e : null;
+  const settlementDiff = (_f = selectedEvent.settlementDiff) != null ? _f : null;
+  const settlementVenues = Array.from(
+    new Set(orderedActiveMarketCluster.map((market) => market.venue))
+  );
+  const settlementVenueRules = buildVenueSettlementRules(orderedActiveMarketCluster);
+  const hasSettlementDifferences = prepareSettlementDifferences(settlementDiff == null ? void 0 : settlementDiff.differences).length > 0;
+  const hasVenueSettlementRules = settlementVenueRules.length > 0;
+  if (!hasContent(eventDescription) && !hasVenueSettlementRules && !hasSettlementDifferences) {
     return null;
   }
   return /* @__PURE__ */ jsx("div", { className: "agg-settlement-list flex flex-col gap-6", children: /* @__PURE__ */ jsx("div", { className: "agg-settlement-list-item", children: /* @__PURE__ */ jsx(
     Settlement,
     {
-      question: (_f = selectedMarket.question) != null ? _f : selectedEvent.title,
+      question: selectedEvent.title,
       eventDescription,
       marketDescription,
       primaryRules,
+      settlementDiff,
+      settlementVenues,
+      settlementVenueRules,
       className
     }
   ) }) });
@@ -1080,6 +1122,10 @@ var extractGeoBlockedVenues = (warnings) => {
     warnings.filter((w) => w.venue && isGeoBlockWarningReason(w.reason)).map((w) => w.venue)
   );
 };
+var hasLowLiquidityWarning = (warnings) => {
+  if (!(warnings == null ? void 0 : warnings.length)) return false;
+  return warnings.some((warning) => (warning == null ? void 0 : warning.reason) === "low_liquidity");
+};
 var getPlaceOrderContainerClassName = () => {
   return PLACE_ORDER_CONTAINER_CLASS_NAME;
 };
@@ -4046,6 +4092,7 @@ var PlaceOrder = ({
     return fills.length > 0 && fills.every((f) => geoBlockedVenuesFromWarnings.has(f.venue));
   }, [selectedRouteCard, geoBlockedVenuesFromWarnings]);
   const shouldShowGeoBlockBanner = isTradingBlocked || selectedRouteGeoBlocked || isPrimaryVenueGeoBlocked;
+  const shouldShowLowLiquidityWarning = !isQuoteInputEditing && !isQuoteLoading && (activeQuoteData == null ? void 0 : activeQuoteData.venueMarketOutcomeId) === scopedSelectedOutcomeId && hasLowLiquidityWarning(activeQuoteData.warnings);
   const actionLabel = `${internalTab === "buy" ? tradingLabels.buy : tradingLabels.sell} ${selectedOutcomeLabel}`.trim();
   const isActionDisabled = isPrimaryActionDisabled || !orderEligibility.canPlaceOrder || isActionLoading || !hasEnteredAmount || !scopedSelectedMarket || isInsufficientBalance || isQuoteInsufficientBalance || isBelowMinimum || isQuoteLoading || !selectedRouteCard || !selectedRouteCard.quoteData.quoteId || selectedRouteGeoBlocked || !isAuthenticated || quoteStatus !== void 0;
   const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && !isBelowMinimum && (orderedRouteCards.length > 0 || smartRoute.isFetching || smartRoute.isLoading);
@@ -4852,6 +4899,25 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
+                  shouldShowLowLiquidityWarning ? /* @__PURE__ */ jsxs4(
+                    "div",
+                    {
+                      className: "agg-order-low-liquidity-warning flex w-full items-center gap-2 rounded-agg-lg bg-agg-warning/10 px-3 py-2",
+                      role: "status",
+                      children: [
+                        /* @__PURE__ */ jsx5(
+                          Icon,
+                          {
+                            name: "warning-filled",
+                            size: "small",
+                            className: "h-4! w-4! shrink-0 text-agg-warning",
+                            "aria-hidden": "true"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx5("p", { className: "min-w-0 flex-1 wrap-break-word text-agg-sm leading-agg-5 text-agg-foreground", children: tradingLabels.lowLiquidityWarning })
+                      ]
+                    }
+                  ) : null,
                   !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ jsxs4("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
                     /* @__PURE__ */ jsx5(
                       Icon,