@agg-build/ui 1.0.2 → 1.1.0

package/dist/{chunk-4ILR2YH3.mjs → chunk-7JEJIGG4.mjs}

@@ -21,7 +21,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-PEVG67XU.mjs";
+} from "./chunk-KDMNFHPL.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -73,7 +73,7 @@ import {
   sortMarketsByYesOddsDesc,
   sortOutcomes,
   splitEventsByLifecycle
-} from "./chunk-TLGQ4LID.mjs";
+} from "./chunk-R6DETAZ6.mjs";
 
 // src/events/item/index.tsx
 import {

package/dist/{chunk-WFS772A3.mjs → chunk-F3SU7BRE.mjs}

@@ -40,7 +40,7 @@ import {
   getMotionClassName,
   shortenAddress,
   venueLogoLabels
-} from "./chunk-TLGQ4LID.mjs";
+} from "./chunk-R6DETAZ6.mjs";
 
 // src/deposit/index.tsx
 import { useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";

package/dist/{chunk-3IY2GA2D.mjs → chunk-IT2Y62MG.mjs}

@@ -9,13 +9,13 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-4ILR2YH3.mjs";
+} from "./chunk-7JEJIGG4.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-XDZLCWUZ.mjs";
+} from "./chunk-OHEZGKFM.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -43,9 +43,8 @@ import {
   cn,
   filterOpenEvents,
   resolveTabVenus,
-  shortenAddress,
-  venueLogoNames
-} from "./chunk-TLGQ4LID.mjs";
+  shortenAddress
+} from "./chunk-R6DETAZ6.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -1135,6 +1134,14 @@ var CHAIN_ID_TO_ICON = {
   "42161": "arbitrum",
   "792703809": "solana"
 };
+var CHAIN_VENUE_MAP = {
+  "137": ["polymarket"],
+  // Polygon
+  "792703809": ["kalshi"],
+  // Solana
+  "56": ["limitless", "opinion"]
+  // BNB
+};
 var chainIconName = (label, key) => {
   if (key && CHAIN_ID_TO_ICON[key]) return CHAIN_ID_TO_ICON[key];
   const k = label.trim().toLowerCase();
@@ -1148,14 +1155,6 @@ var chainIconName = (label, key) => {
   if (k.includes("ethereum") || k.includes("eth")) return "ethereum";
   return void 0;
 };
-var venueNameSet = new Set(venueLogoNames);
-var isKnownVenueName = (venue) => {
-  return venueNameSet.has(venue);
-};
-var getDisplayVenues = (venues) => {
-  if (!Array.isArray(venues) || venues.length === 0) return [];
-  return venues.filter(isKnownVenueName);
-};
 var AvailableBalanceCard = ({
   label = "Available Balance",
   valueLabel,
@@ -1204,6 +1203,7 @@ var AvailableBalanceCard = ({
               content: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4 items-start justify-start", children: [
                 /* @__PURE__ */ jsx3("div", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: "Balance by network" }),
                 /* @__PURE__ */ jsx3("div", { role: "list", className: "agg-balance-list flex flex-col gap-3 w-full", children: chains.map((row) => {
+                  var _a;
                   const icon = chainIconName(row.label, row.key);
                   return /* @__PURE__ */ jsxs3(
                     "div",
@@ -1221,7 +1221,7 @@ var AvailableBalanceCard = ({
                           minimumFractionDigits: Number.isInteger(row.balance) ? 0 : 1,
                           maximumFractionDigits: 2
                         }) }),
-                        /* @__PURE__ */ jsx3("div", { className: "flex w-12 shrink-0 items-center justify-end gap-1 empty:hidden", children: getDisplayVenues(row.venues).slice(0, 2).map((venue, venueIndex) => /* @__PURE__ */ jsx3(
+                        /* @__PURE__ */ jsx3("div", { className: "flex w-12 shrink-0 items-center justify-end gap-1 empty:hidden", children: ((_a = CHAIN_VENUE_MAP[row.key]) != null ? _a : []).slice(0, 2).map((venue, venueIndex) => /* @__PURE__ */ jsx3(
                           VenueLogo,
                           {
                             venue,
@@ -2511,7 +2511,7 @@ var UserInfoCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "agg-profile-header flex w-full flex-row flex-wrap items-start gap-4 sm:gap-5 pt-5", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "agg-profile-header flex w-full flex-row flex-wrap items-center gap-4 sm:gap-5 pt-5", children: [
           /* @__PURE__ */ jsx10("div", { className: "agg-profile-avatar shrink-0", children: user.avatarUrl ? /* @__PURE__ */ jsx10(
             RemoteImage,
             {
@@ -3085,7 +3085,8 @@ var UserProfilePage = ({
     var _a, _b, _c, _d, _e, _f;
     if (user) return user;
     const fullUser = profileUser != null ? profileUser : currentUser;
-    const fallbackUsername = (fullUser == null ? void 0 : fullUser.id) ? `user_${fullUser.id.slice(0, 6)}` : "User";
+    const walletAddress = getWalletAddressFromUserProfile(fullUser);
+    const fallbackUsername = walletAddress && shortenAddress(walletAddress) || "username";
     const twitterAccount = (_a = fullUser == null ? void 0 : fullUser.accounts) == null ? void 0 : _a.find(
       (account) => String(account.provider).toLowerCase() === "twitter"
     );
@@ -3110,7 +3111,7 @@ var UserProfilePage = ({
       ] : [],
       connectedExchanges: connectedVenues.map((venue) => ({ venue })),
       connectedWallets,
-      displayAddress: shortenAddress(getWalletAddressFromUserProfile(fullUser)),
+      displayAddress: shortenAddress(walletAddress),
       socialHandle: normalizedTwitterHandle != null ? normalizedTwitterHandle : void 0
     };
   }, [connectedVenues, currentUser, profileUser, user]);
@@ -3266,6 +3267,7 @@ var UserProfilePage = ({
         const marketId = group.targetMarketId;
         return group.venueMarket.venueMarketOutcomes.map((outcome) => {
           var _a2, _b2, _c, _d;
+          const isUnpriced = outcome.priceSource === "entry";
           const currentPriceCents = Math.round(outcome.currentPrice * 100);
           const averagePriceCents = Math.round(outcome.avgEntryPrice * 100);
           const pnlPrefix = outcome.unrealizedPnl >= 0 ? "+" : "";
@@ -3279,10 +3281,10 @@ var UserProfilePage = ({
             outcomeLabel: ((_c = outcome.title) == null ? void 0 : _c.trim()) || outcome.label,
             venueShareBreakdown: buildVenueShareBreakdown(outcome),
             averageLabel: `${averagePriceCents}\xA2`,
-            currentLabel: `${currentPriceCents}\xA2`,
-            valueLabel: formatUsd(outcome.totalValue),
-            pnlLabel: `${pnlPrefix}${formatUsd(outcome.unrealizedPnl)} (${pnlPrefix}${pnlPercent}%)`,
-            isPnlPositive: outcome.unrealizedPnl >= 0,
+            currentLabel: isUnpriced ? "\u2014" : `${currentPriceCents}\xA2`,
+            valueLabel: isUnpriced ? "\u2014" : formatUsd(outcome.totalValue),
+            pnlLabel: isUnpriced ? "\u2014" : `${pnlPrefix}${formatUsd(outcome.unrealizedPnl)} (${pnlPrefix}${pnlPercent}%)`,
+            isPnlPositive: !isUnpriced && outcome.unrealizedPnl >= 0,
             status: group.status,
             marketStatus: group.venueMarket.status,
             winner: (_d = outcome.winner) != null ? _d : null,
@@ -3303,8 +3305,8 @@ var UserProfilePage = ({
     return adaptPositionGroups(activePositionsQuery.positions);
   }, [activePositions, activePositionsQuery.positions, adaptPositionGroups]);
   const resolvedClosedPositions = useMemo3(() => {
-    if (closedPositions) return closedPositions;
-    return adaptPositionGroups(closedPositionsQuery.positions);
+    const base = closedPositions != null ? closedPositions : adaptPositionGroups(closedPositionsQuery.positions);
+    return base.filter((p) => p.marketStatus === "resolved");
   }, [closedPositions, closedPositionsQuery.positions, adaptPositionGroups]);
   return /* @__PURE__ */ jsx11(AggErrorBoundary, { onError, children: /* @__PURE__ */ jsx11(
     "section",

package/dist/{chunk-YSCHNVBZ.mjs → chunk-JDYZJKTE.mjs}

@@ -3,7 +3,7 @@ import {
   AGG_TERMS_OF_SERVICE_URL,
   Icon,
   cn
-} from "./chunk-TLGQ4LID.mjs";
+} from "./chunk-R6DETAZ6.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";
@@ -18,7 +18,7 @@ var GeoBlockBanner = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn("flex items-center gap-5 rounded-agg-sm bg-agg-secondary-hover p-3", className),
+      className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
       role: "status",
       children: [
         /* @__PURE__ */ jsxs("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [

package/dist/{chunk-PEVG67XU.mjs → chunk-KDMNFHPL.mjs}

@@ -17,7 +17,7 @@ import {
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-TLGQ4LID.mjs";
+} from "./chunk-R6DETAZ6.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";

package/dist/{chunk-XDZLCWUZ.mjs → chunk-OHEZGKFM.mjs}

@@ -7,10 +7,10 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   resolveOrderEligibilityMessage
-} from "./chunk-PEVG67XU.mjs";
+} from "./chunk-KDMNFHPL.mjs";
 import {
   GeoBlockBanner
-} from "./chunk-YSCHNVBZ.mjs";
+} from "./chunk-JDYZJKTE.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -36,7 +36,7 @@ import {
   getMotionClassName,
   normalizeVenueMarketCluster,
   skeletonViews
-} from "./chunk-TLGQ4LID.mjs";
+} from "./chunk-R6DETAZ6.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -456,14 +456,14 @@ var buildLiveRouteCards = ({
   const isPrimaryRouteGeoBlocked = quoteData.fills.length > 0 && quoteData.fills.every((f) => geoBlockedVenues.has(f.venue));
   const primaryCard = primaryResult ? isPrimaryRouteGeoBlocked ? {
     id: "live-route",
-    hint: "",
+    hint: labels.venueUnavailableInRegion,
     kind: "venue",
     label: getTradingVenueLabel(
       parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0
     ),
-    numericValue: 0,
+    numericValue: tradeSide === "sell" ? quoteData.rawExecCost : quoteData.totalFilled,
     quoteData,
-    value: "",
+    value: primaryResult.value,
     venue: parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0,
     isUnavailable: true
   } : {
@@ -488,12 +488,16 @@ var buildLiveRouteCards = ({
     if (geoBlockedVenues.has(sq.venue)) {
       return {
         id: `live-unavailable-${sq.venue}`,
-        hint: "",
+        hint: labels.venueUnavailableInRegion,
         kind: "venue",
         label: getTradingVenueLabel(venue),
-        numericValue: 0,
+        numericValue: sq.filledQty,
         quoteData,
-        value: "",
+        value: getTradingValueLabel({
+          amount: sq.filledQty,
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        }),
         venue,
         isUnavailable: true
       };
@@ -533,7 +537,7 @@ var buildLiveRouteCards = ({
     const venue = parsedVenue.success ? parsedVenue.data : void 0;
     return {
       id: `live-unavailable-${sq.venue}`,
-      hint: "",
+      hint: labels.venueUnavailableInRegion,
       kind: "venue",
       label: getTradingVenueLabel(venue),
       numericValue: 0,
@@ -553,7 +557,7 @@ var buildLiveRouteCards = ({
     return [
       {
         id: "live-geo-blocked-kalshi",
-        hint: "",
+        hint: labels.venueUnavailableInRegion,
         kind: "venue",
         label: getTradingVenueLabel(kalshiVenue),
         numericValue: 0,
@@ -1857,8 +1861,7 @@ var renderRouteCard = ({
 }) => {
   var _a, _b;
   const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
-  const valueLabel = card.isUnavailable ? tradingLabels.venueUnavailableInRegion : card.value;
-  const ariaLabel = [card.label, card.hint, valueLabel].filter(Boolean).join(" ");
+  const ariaLabel = [card.label, card.hint, card.value].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs3(
     "button",
     {
@@ -1868,14 +1871,14 @@ var renderRouteCard = ({
       disabled: card.isUnavailable,
       className: cn(
         "agg-route-card",
-        "relative w-full cursor-pointer overflow-hidden rounded-agg-lg p-3 text-left",
+        "relative w-full overflow-hidden rounded-agg-lg p-3 text-left",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
         getMotionClassName(
           enableAnimations,
           "transition-[background-color,border-color,color] duration-200 ease-in-out"
         ),
-        isSelected && !card.isUnavailable ? "border border-agg-trade-highlight-border bg-gradient-to-b from-agg-trade-highlight-surface-from to-agg-trade-highlight-surface-to" : "border-transparent bg-agg-secondary-hover",
-        card.isUnavailable && "cursor-not-allowed"
+        card.isUnavailable ? "cursor-not-allowed" : "cursor-pointer",
+        isSelected && !card.isUnavailable ? "border border-agg-trade-highlight-border bg-gradient-to-b from-agg-trade-highlight-surface-from to-agg-trade-highlight-surface-to" : "border-transparent bg-agg-secondary-hover"
       ),
       onClick: () => onSelect(card.id),
       children: [
@@ -1905,7 +1908,15 @@ var renderRouteCard = ({
               /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1 min-w-0", children: [
                 /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
                   /* @__PURE__ */ jsx4("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
-                  card.kind === "split" && isSelected ? /* @__PURE__ */ jsx4(
+                  card.isUnavailable ? /* @__PURE__ */ jsx4(
+                    Icon,
+                    {
+                      name: "lock",
+                      size: "xs",
+                      className: "shrink-0 text-agg-muted-foreground",
+                      "aria-hidden": "true"
+                    }
+                  ) : card.kind === "split" && isSelected ? /* @__PURE__ */ jsx4(
                     Icon,
                     {
                       name: showSplitDetails ? "chevron-up" : "chevron-down",
@@ -1924,9 +1935,9 @@ var renderRouteCard = ({
                 className: cn(
                   "agg-route-card-value",
                   "shrink-0 whitespace-nowrap",
-                  card.isUnavailable ? "text-agg-xs leading-agg-4 text-agg-muted-foreground" : isSelected ? "text-agg-lg font-agg-bold leading-agg-7 text-agg-trade-highlight-accent" : "text-agg-base leading-agg-6 text-agg-foreground"
+                  isSelected && !card.isUnavailable ? "text-agg-lg font-agg-bold leading-agg-7 text-agg-trade-highlight-accent" : "text-agg-base leading-agg-6 text-agg-foreground"
                 ),
-                children: valueLabel
+                children: card.value
               }
             )
           ] }),
@@ -2225,7 +2236,7 @@ var PlaceOrder = ({
   onExecutionStateChange,
   resolvedClaim
 }) => {
-  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;
+  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;
   const {
     features: { enableAnimations },
     general: { locale }
@@ -2736,16 +2747,24 @@ var PlaceOrder = ({
     submissionProgressState,
     tradingLabels
   ]);
-  const displayedToWinHint = (_B = selectedRouteCard == null ? void 0 : selectedRouteCard.hint) != null ? _B : "";
-  const displayedToWinValue = (_C = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _C : 0;
+  const displayedToWinHint = useMemo2(() => {
+    var _a2, _b2, _c2, _d2;
+    if (!selectedRouteCard) return "";
+    if (selectedRouteCard.isUnavailable) {
+      const avgPrice = (_c2 = (_b2 = (_a2 = selectedRouteCard.quoteData) == null ? void 0 : _a2.fills) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.avgPrice;
+      return avgPrice != null ? tradingLabels.averagePrice(avgPrice) : "";
+    }
+    return (_d2 = selectedRouteCard.hint) != null ? _d2 : "";
+  }, [selectedRouteCard, tradingLabels]);
+  const displayedToWinValue = (_B = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _B : 0;
   const isActionLoading = isPrimaryActionLoading || executeManaged.isPending;
-  const selectedRouteGeoBlocked = (_D = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _D : false;
+  const selectedRouteGeoBlocked = (_C = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _C : false;
   const geoBlockedVenuesFromWarnings = useMemo2(
     () => {
       var _a2;
       return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
     },
-    [(_E = smartRoute.data) == null ? void 0 : _E.warnings]
+    [(_D = smartRoute.data) == null ? void 0 : _D.warnings]
   );
   const isPrimaryVenueGeoBlocked = useMemo2(() => {
     var _a2, _b2;
@@ -2754,7 +2773,6 @@ var PlaceOrder = ({
     return fills.length > 0 && fills.every((f) => geoBlockedVenuesFromWarnings.has(f.venue));
   }, [selectedRouteCard, geoBlockedVenuesFromWarnings]);
   const shouldShowGeoBlockBanner = isTradingBlocked || selectedRouteGeoBlocked || isPrimaryVenueGeoBlocked;
-  const geoBlockVenueLabel = isTradingBlocked ? void 0 : selectedRouteGeoBlocked ? selectedRouteCard == null ? void 0 : selectedRouteCard.label : isPrimaryVenueGeoBlocked && (selectedRouteCard == null ? void 0 : selectedRouteCard.venue) ? getTradingVenueLabel(selectedRouteCard.venue) : void 0;
   const actionLabel = `${internalTab === "buy" ? tradingLabels.buy : tradingLabels.sell} ${selectedOutcomeLabel}`.trim();
   const isActionDisabled = isPrimaryActionDisabled || !orderEligibility.canPlaceOrder || isActionLoading || !hasEnteredAmount || !scopedSelectedMarket || isInsufficientBalance || isBelowMinimum || !selectedRouteCard || !selectedRouteCard.quoteData.quoteId || selectedRouteGeoBlocked || !isAuthenticated || quoteStatus !== void 0;
   const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && (orderedRouteCards.length > 0 || smartRoute.isFetching);
@@ -3367,7 +3385,7 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx4(GeoBlockBanner, { venue: geoBlockVenueLabel, termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
+                  shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx4(GeoBlockBanner, { termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
                   !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx4("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
                 ]
               }